body, ccm-page.btn {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif;
}

.ccm-page a, .ccm-page a:visited, .ccm-page a:hover {
	text-decoration: none;
}

/*------------ C5 cms fix ------------*/
.btn-group {
	margin-right: 0px;

}

/*------------ Typography ------------*/

.ccm-page p, .ccm-page .main-content ol, .ccm-page .page-content ol, .ccm-page .main-content ul, .ccm-page .page-content ul, .ccm-page td {
	font-size: 18px;
	line-height: 24px;
	font-weight: 300;
	margin-bottom: 0.65em;
}

.ccm-page td {
	font-size: 20px;
}

.ccm-page .main-content ol, .ccm-page .page-content ol, .ccm-page .main-content ul, .ccm-page .page-content ul {
	margin-left: 0em;
}

.ccm-page .page-content li, .ccm-page .unit-66 li {
	list-style-type: none;
	margin-bottom: 5px;
	padding-bottom: 0px;
	padding-left: 32px;
	background: transparent url(../images/bullet.png) no-repeat scroll 0 5px;
}

.ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6 {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif;
	color: #b40054;
	font-weight: 300;
}

.ccm-page h1 {
	font-size: 3em;
}

.ccm-page h2 {
	font-size: 2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.ccm-page h2.first-elem {
	margin-top: 0; margin-bottom: 0;
}

.ccm-page h3.second-elem {
	margin-top: 10px; margin-bottom: 0;
}

/*------------ Layout ------------*/

.container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.container-plot {
    width: 100%;
    max-width: 1140px;
	padding: 20px;
}

.container:after {
    content: "";
    display: block;
    clear: both;
}

.slider {
	width: 100%;
    min-height: 50px;
	background-color: #0a012d;
}

.ccm-page section {
	width: 100%;
	padding: 40px 20px;
}

.ccm-page .main-content {
	padding-bottom: 0;
}

.white-bg {
	background-color: #fff;
}

/*------------ Splash ------------*/

.ccm-page .splash {
	background-color: #0096d2;
	background: url(../images/splash-bg.jpg) no-repeat center center fixed;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    overflow: auto;
}

.ccm-page .splash-inner {
	background: rgba(255, 255, 255, 0.8);
	padding: 2em 2em 1em;
}

.ccm-page .splash-inner p, .ccm-page .splash-inner h3, .ccm-page .splash-inner h2 {
	text-align: center;
}

.ccm-page .splash a {
	color: #134da5;
}
.ccm-page .splash a:hover {
	color: #b40054;
}

/*------------ Header ------------*/

.ccm-page header {
    background: #fff;
    padding: 0 20px;
    width: 100%;
}

.ccm-page header .logo {
    float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 295px;
}

.language-switcher {
	float: right;
	padding-right: 20px;
	padding-top: 20px;
	height: 63px;
}

/* ------------------------- Top Navebar ------------------------------*/

div.ccm-page .navbar {
	padding-right: 20px;
	margin-bottom: 0;
	clear: right;
	padding-top: 30px;
}
div.ccm-page header nav ul li a.nav-selected.nav-path-selected {
	color: #fff;
	background-color: #0096d2;
}
div.ccm-page header nav .dropdown:after {
  	content: ' ▶';
}
div.ccm-page header nav .dropdown:hover:after {
  	content: '\25bc';
}
div.ccm-page header nav ul {
  	list-style: none;
  	padding: 0px 0px 0px 0px;
  	float: right;
}
div.ccm-page header nav ul a {
	padding: 3px 10px;
  	font-size: 1.15em;
  	color: #646569;
  	text-transform: none;
}
div.ccm-page header nav ul a:hover {
  	background-color: #e6e6e6;
	color: #646569;
  	text-decoration: none;
}
div.ccm-page header nav ul li {
  	margin: 0;
  	padding: 0;
  	position: relative;
  	display: inline-block;
}
div.ccm-page header nav ul li:hover ul {
  	opacity: 1;
  	top: 30px;
  	visibility: visible;
}
div.ccm-page header nav ul li ul {
  	cursor: pointer;
  	padding: 15px;
  	float: left;
  	left: 0;
  	opacity: 0;
  	position: absolute;
  	top: 20px;
  	visibility: hidden;
  	width: 200px;
  	background-color: #ffffff;
  	z-index: 999;
  	-webkit-transition: all 0.25s ease;
  	-o-transition: all 0.25s ease;
  	transition: all 0.25s ease;
  	-webkit-border-radius: 3px;
  	-moz-border-radius: 3px;
  	border-radius: 3px;
  	-ms-border-radius: 3px;
  	border: 1px solid #e6e6e6;
}
div.ccm-page header nav ul li ul li {
  	float: none;
  	width: 100%;
  	padding-bottom: 0px;
}
div.ccm-page header nav ul li ul li:hover a {
  color: #000;
}
div.ccm-page header nav ul li ul li a {
  	display: block;
  	text-transform: none;
  	color: #646569;
  	-webkit-transition: all 0.25s ease;
  	-o-transition: all 0.25s ease;
  	transition: all 0.25s ease;
	padding: 5px 0 5px 5px;
	font-style: normal;
	line-height: 1.25em;
	font-size: 1em;
}
div.ccm-page header nav ul li ul li a:hover {
  	color: #fff;
	background-color: #0096d2;
}

/* ------------------------- Responsive Navbar ------------------------------*/

.ccm-responsive-overlay {
  background: white;
  display: none;
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 140px;
  left: 0px;
  padding-top: 15px;
  padding-left: 20px;
  -webkit-text-size-adjust: none;
}
.ccm-responsive-overlay ul {
  padding-left: 0;
}
.ccm-responsive-overlay ul li {
  list-style-type: none;
  display: block;
}
.ccm-responsive-overlay ul li.parent-ul a:after {
  padding-left: 7px;
  padding-top: 3px;
  font-size: 20px;
  content: "\f107";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-overlay ul li a {
  color: #646569;
  display: inline-block;
  width: 80%;
  padding: 5px 0;
  margin: 0;
  height: 100%;
  text-decoration: none;
  font: normal normal 18px 'bebasregular', Helvetica, Arial, sans-serif;
}
.ccm-responsive-overlay ul li a:hover {
  color: #0096d2;
}
.ccm-responsive-overlay ul li ul li {
  padding-left: 10px;
}
.ccm-responsive-overlay ul li ul li.last-li a {
  padding-top: 0px;
  font-size: 15px;
}
.ccm-responsive-overlay ul li ul li.last-li a:after {
  content: '';
}
.ccm-responsive-menu-launch {
  display: none;
  cursor: pointer;
  margin-top: 30px;
  float: right;
	margin-right: 20px;
}
.ccm-responsive-menu-launch.responsive-button-close i:after {
  font-size: 20px;
  color: #0096d2;
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}
.ccm-responsive-menu-launch i:after {
  font-size: 20px;
  content: "\f0c9";
  font-family: FontAwesome;
  color: #0096d2;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  cursor: pointer;
  text-decoration: inherit;
}

@media all and (max-width: 959px) {
  .ccm-responsive-menu-launch {
    display: block;
  }
  .ccm-responsive-navigation.original {
    display: none;
  }
  header .ccm-search-block-form {
    margin-top: 20px;
  }
  div.ccm-page .navbar {
	padding-top: 0px;
  }
}

@media all and (min-width: 959px) {
  .ccm-responsive-overlay {
    display: none !important;
  }
}


/*------------ Showcase ------------*/

.showcase {
	background-color: #0a012d;
}

.showcase-inner {
	background-color: #fff;
	padding: 20px 20px 10px;
	min-height: 290px;
}

.showcase-image-inner {
	position: relative;
}

.showcase-logo {
	position: absolute;
	bottom: -36px;
	background: url(../images/showcase-logo.png) no-repeat;
	width: 72px;
	height: 72px;
	margin: 0 auto;
  	left: 0;
  	right: 0;
}

.showcase p {
	margin-bottom: 10px;
}

.showcase i, div.ccm-block-page-list-pages i {
	font-size: 1.5em;
	line-height: 1em;
}

.showcase-link {
	text-align: right;
}

/*------------ Quote Box ------------*/

.quote-box {
	background: #0a012d url(../images/poly-backgound.png) center;
    background-size: cover;
    overflow: hidden;
	padding-top: 60px;
	padding-bottom: 60px;
}

.quote-box p {
	text-align: center;
	color: #fff;
	font-size: 3em;
	margin-bottom: 25px;
	line-height: 1em;
}

.quote-box h5 {
	text-align: center;
	color: #fff;
	font-size: 1.25em;
	font-weight: 400;
}

/*------------ Page Heading ------------*/

.ccm-page section.page-heading {
	background: #0a012d url(../images/page-header.jpg) center;
    background-size: cover;
    overflow: hidden;
	height: 148px;
	padding-bottom: 0;
	padding-top: 0;
}

.page-heading-inner {
	display: table;
	width: 100%;
	height: 148px;
}

.page-heading h1 {
	text-align: left;
	color: #fff;
	font-weight: 300;
	vertical-align: middle;
	display: table-cell;
	padding-bottom: 0;
	line-height: 1em;
}

.page-heading-image {
	width: 100%;
	height: 380px;
	background: #0a012d;
	background-image: url(../images/banner-sa1.jpg);
	background-position: center;
	background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

/*------------ Page Intro ------------*/

.page-intro {
	padding-top: 60px;
	padding-bottom: 60px;
	background-color: #0a012d;
}

.page-intro p {
	text-align: center;
	color: #fff;
	font-size: 1.85em;
	margin-bottom: 0px;
	line-height: 1.15em;
}

/*------------ Page Content ------------*/

.ccm-page section.page-content {
	padding: 0;
}

.ccm-page section.page-content-left {
	background-color: #eeeeee;
}

.page-content-container {
	position: relative;
	max-width: 1180px;
}

.page-content-image {
	background-size: cover;
	background-color: #0a012d;
	background-position: center center;
	overflow: hidden;
	height: 400px;
}

.page-content-row {
	position: absolute;
	padding: 20px 20px 0;
	width: 100%;
}

.page-content-overlay {
	float: left;
}

.page-content-overlay-left {
	float: right;
}

/*------------ Site Plan ------------*/

.site-plan-container {

	background: #0a012d url(../images/site-plan-bg.png) center;
    background-size: cover;
	text-align: center;
	width: 100%;
	overflow: hidden;
}

.site-plan-container-inner {
	max-width: 1140px;
	margin: auto;
	min-height: 20px;
}

/* Specific mapael css class are below
* 'mapael' class is added by plugin
*/

.mapael .map {
	position: relative;
}

/* For all zoom buttons */
.mapael .zoomButton {
	background-color: #0096d2;
	color: #000;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 0;
	font-weight: bold;
	left: 10px;

	-webkit-user-select: none;
	-khtml-user-select : none;
	-moz-user-select: none;
	-o-user-select : none;
	user-select: none;
}

.mapael .zoomReset {
	top: 10px;
}

.mapael .zoomIn {
	top: 40px;
	}

.mapael .zoomOut {
	top: 70px;
}

.mapael tspan {
	font-weight: 700;
}

/*------------ Footer ------------*/

.footer {
	background-color: #3d4550;
}

.footer h3 {
	color: #80cae9;
	font-size: 1.75em;
	line-height: 1em;
}

.footer a {
	color: #fff;
}

.footer a:hover {
	color: #80cae9;
}

.footer ul.nav {
	margin-left: 0;
	list-style: none;
}

.footer ul.nav li {
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 24px;
}

.footer ul.nav li a {
	color: #fff;
	text-decoration: none;
	padding: 0;
	line-height: 1.25em;
}

.footer ul.nav li a:hover, .footer ul.nav li.nav-selected a {
	color: #80cae9;
	text-decoration: none;
}

.footer ul.social {
	margin-left: 0;
	padding-bottom: 50px;
}

.footer .social li {
	display: inline;
}

.footer .social li .fa {
    float: left;
    font-size: 30px;
    background: #fff;
    color: #0096d2;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center;
    border-radius: 25px;
    margin-right: 10px;
	padding-top: 10px;
	margin-bottom: 10px;
}

.footer .social li .fa a:hover {
    background: #0096d2;
    color: #fff;
}

.footer p {
	color: #fff;
	font-weight: 400;
}

p.footer-contact {
	font-size: 1.5em;
	line-height: 1.25em;
	margin-bottom: 0.5em;
}

.copyright-outer {
	position: relative;
	height: 85px;
}

.copyright {
	position: absolute;
	bottom: 0;
}

.footer .copyright p {
	font-size: 1em;
	margin-bottom: 0;
}

.logos {
	text-align: right;
}

/*------------ Email Signup List ------------*/

.email_list_signup_container { } /* wrapper around block */
.email_list_signup_container div.ccm-block-type-form div.form-group label.control-label /* form label */ {
	color: #fff;
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
}
.email_list_signup_container input.form-control /* form textbox */ {
	background-color: #646a73;
	color: #fff;
	border-style: none;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px 10px;
	font-size: 14px;
	width: 100%;
}
.email_list_signup_container input.btn-primary  /* form submit button */ {
	padding: 3px 15px;
	font-size: 18px;
	font-weight: 400;
	background-color: #0096d2;
	color: #fff;
}

.email_list_signup_container input[type="submit"].btn:hover {
	color: #fff;
	background-color: #b40054;
}

.email_list_signup_container .in-field-label { color: #fff; font-style: italic; } /* greyed-out label inside the textbox (disappears when user clicks in textfield) */


/*------------ Blog ------------*/

/*------------ Previous - Next page ------------*/

.ccm-page .ccm-block-next-previous-wrapper-simple {
	text-align: center;
	padding: 25px 20px 10px;
}

.ccm-page .ccm-block-next-previous-wrapper-simple .ccm-block-next-previous-previous-link {
	font-size: 1.5em;
}

/*------------ Pagination ------------*/

.ccm-page .pagination span.sr-only {
	display: none;
}

.ccm-page .pagination li {
	margin-right: 5px;
}

div.ccm-page .pagination a {
	border-radius: 0px;
}

div.ccm-page .pagination > li.active span {
  	background-color: #0096d2;
  	border-color: #0096d2;
}

div.ccm-page .pagination > li > a:hover {
	background-color: #b40054;
	color: #ffffff;
}

/*------------ Forms ------------*/

#main form {
	margin-bottom: 0;
}

.ccm-page .main-content .ccm-block-type-form input[type="text"],
.ccm-page .main-content .ccm-block-type-form input[type="tel"],
.ccm-page .main-content .ccm-block-type-form input[type="email"],
.ccm-page .main-content .ccm-block-type-form textarea {
	color: #646569;
	font-size: 14px;
	height: 30px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 94%;
	background: #f5f5f5;
	border: 0;
	transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	border-radius: 0px
}

.ccm-page .main-content .ccm-block-type-form select {
	color: #646569;
	font-size: 14px;
	height: 30px;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 5px;
	padding-bottom: 5px;
	background:#f5f5f5;
	border-color: #c2c2c2;
	border-radius: 0px
}

.ccm-page .main-content .ccm-block-type-form input[type=text]:focus,
.ccm-page .main-content .ccm-block-type-form input[type=tel]:focus,
.ccm-page .main-content .ccm-block-type-form textarea:focus,
.ccm-page .main-content .ccm-block-type-form input[type=email]:focus {
	background-color: #d9eff8;
	border-radius: 0px
}

.ccm-page .main-content div.ccm-block-type-form div.form-group {
	margin-top: 20px;
}

.ccm-page .main-content .ccm-block-type-form textarea {
	height: 190px;
	resize: none;
}

.ccm-page .main-content .ccm-block-type-form label {
	margin-bottom: 3px;
	font-size: 1.5em;
}

.ccm-page .main-content div.ccm-block-type-form div.form-group label.control-label {
	font-weight: 300;
}

.ccm-page .main-content .black-box .ccm-block-type-form label {
	color: #fff;
}

.ccm-page .main-content .ccm-block-type-form input[type="submit"] {
	background: #0096d2;
	color: #fff;
}

.ccm-page .main-content .ccm-block-type-form input[type="submit"]:hover {
	background: #b40054;
}

/*------------ Plot Table ------------*/

.ccm-page table.table-stripped tbody tr:nth-child(odd) td {
	background-color: #ccebef;
}

.ccm-page table td {
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}

.ccm-page .container-plot button.btn.btn-outline {
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: 400;
	line-height: 1.65em;
	border: 1px solid #b40054;
	color: #b40054;
}

.ccm-page .container-plot button.btn.btn-outline:hover {
	border: 1px solid #b40054;
	color: #fff;
	background-color: #b40054;
}

/* ------------------------- Large Monitor ------------------------------*/

@media only screen and (min-width: 959px) and (max-width: 1140px) {

}

/* ------------------------- Tablet (Portrait) ------------------------------*/

@media only screen and (min-width:768px) and (max-width:959px) {
	.page-heading-image { height: 300px; }
	.ccm-page p, .ccm-page .main-content ol, .ccm-page .page-content ol, .ccm-page .main-content ul, .ccm-page .page-content ul, .ccm-page td { font-size: 14px; line-height: 20px; }
	.page-intro p { font-size: 1.5em; line-height: 1.15em; }
	.quote-box p { font-size: 2.5em; line-height: 1em;}
}

/* ------------------------- Mobile (Portrait) ------------------------------*/

@media only screen and (max-width:767px) {
	.page-heading-image { height: 200px; }
 	div.ccm-page .navbar { padding-right: 0px; margin-left: 0; margin-bottom: 0; }
	.ccm-responsive-menu-launch { margin-top: 15px; }
	.ccm-page header .logo { width: 150px; }
	.language-switcher form, .language-switcher .forms label { margin-bottom: 0em; }
	.ccm-responsive-overlay { top: 85px; }
	.page-content-row { position: relative; }
	.page-content-overlay, .page-content-overlay-left  { display: none; }
	.page-content-image { height: 200px; }
	.page-intro p { font-size: 1.5em; line-height: 1.15em; }
	.quote-box p { font-size: 2em; }
	.language-switcher { height: 39px; }
	.ccm-page .ccm-block-next-previous-previous-link { font-size: 1.25em; }
	.showcase-inner { min-height: 100px; }
}

/* ------------------------- Mobile (Landscape) ------------------------------*/

@media only screen and (min-width:480px) and (max-width:767px) {
	.page-heading-image { height: 250px; }
	.ccm-page header .logo { width: 200px; }
	.language-switcher form { margin-bottom: 1em; }
	.ccm-responsive-overlay { top: 105px; }
	.page-content-image { height: 300px; }
	.quote-box p { font-size: 2.5em; }
	.language-switcher { height: 53px; }

}