@import url(https://fonts.googleapis.com/css?family=Open+Sans:500,400,300,600,700);

/**
 * title:      AHS-SS Website Stylesheet
 * created:    12/07/2016
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

 * ========================================================================== */
 
body { font-family: 'Open Sans', sans-serif;}

h2 { font-weight: 400; }
h3 { font-weight: 400; }
p { font-weight: 400;  }

a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

/**
 * Boostrap Core Framework Overrides
 * ========================================================================== */

.container { max-width: 1140px; }
.centered { text-align: center; } 

.ui-loader { display: none; }
 
.goRight { float: right; }
.text-centered { text-align: center; }

.btn-header-blue { background: #00a1dd; border-color: #00a1dd; color: #fff; border-radius: 5px; box-shadow: none; font-size: 16px; font-weight: 600; float: right; padding: 8px 28px; margin-top: 18px; margin-left: 15px; }
.btn-header-blue:hover { background: #17799d; border-color: #17799d; color: #fff; }

.btn-info { background: none; border-color: #006699; color: #006699; border-radius: 0px; box-shadow: none; text-shadow: none; }
.btn-info:hover { background: #0099cc; border-color: #fff; color: #fff;  }

.btn-default { background: none; border-color: #0099cc; color: #0099cc; border-radius: 0px; box-shadow: none; text-shadow: none; }
.btn-default:hover { background: #0099cc; border-color: #006699; color: #fff;  }

.falselink { color: #99cc00; }


/**
 * Navigation
 * ========================================================================== */

/* BOF mobile menu CSS */
#menu-toggle {
    z-index: 1;
    /*position: fixed;*/
    /*top: 0;
    right: 0;
	font-size: 22px;*/
	/*float: right; */
}

#menu-close { font-size: 22px; margin: 15px; float: right; padding-right: 10px; }

#mobile-nav {
    z-index: 1000;
    position: fixed;
    right: 0;
    width: 333px;
    height: 100%;
    margin-right: -333px;
    overflow-y: auto;
    background: #333333;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
	padding: 0px;
	/*padding-top: 15px;*/
	background: -moz-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #000000), color-stop(2%, #111111), color-stop(5%, #222222), color-stop(10%, #2a2f32), color-stop(100%, #2a2f32));
	background: -webkit-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -o-linear-gradient(right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: -ms-linear-gradient(left, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	background: linear-gradient(to right, #000000 0%, #111111 2%, #222222 5%, #2a2f32 10%, #2a2f32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2a2f32', GradientType=0 );
}

#mobile-nav.active {
    right: 333px;
    width: 333px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.toggle { margin: 0px; }

#mobile-nav {  }
	#mobile-nav a#menu-close { color: #ffffff; }
	#mobile-nav a#menu-close:hover { color: #0099cc; }
	#mobile-nav ul#mobile-nav-ul { margin: 25px 0px 15px -10px; list-style: none; clear: both; }
		#mobile-nav ul#mobile-nav-ul li { border-top: 1px solid #666666; }
		#mobile-nav ul#mobile-nav-ul li:last-child { /*border-bottom: 0px;*/ }
		#mobile-nav ul#mobile-nav-ul li a { padding: 12px 25px 12px 25px; color: #999999; text-decoration: none; display: block; font-weight: 300; font-size: 16px; margin-left: 25px; }
		#mobile-nav ul#mobile-nav-ul li a:hover { background: #0099cc; color: #ffffff; }
		#mobile-nav ul#mobile-nav-ul li a span { float: right; height: 10px; width: 10px; }
		#mobile-nav ul#mobile-nav-ul li a span.ulclosed:before { content: "+"; }
		#mobile-nav ul#mobile-nav-ul li a span.ulopen:before { content: "-"; }
		#mobile-nav ul#mobile-nav-ul li ul { margin: 0px; padding: 0px; }
		#mobile-nav ul#mobile-nav-ul li ul li { border-top: 1px solid #666666; /*background: #777576;*/
									background: -moz-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -webkit-gradient(left top, left bottom, color-stop(0%, #1d2023), color-stop(2%, #505050), color-stop(10%, #585858), color-stop(20%, #6a6e70), color-stop(100%, #6a6e70));
									background: -webkit-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -o-linear-gradient(right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: -ms-linear-gradient(left, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									background: linear-gradient(to right, #1d2023 0%, #505050 2%, #585858 5%, #6a6e70 10%, #6a6e70 100%);
									filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2023', endColorstr='#6a6e70', GradientType=0 );
 		}
		#mobile-nav ul#mobile-nav-ul li ul li a { color: #ffffff; }

#mobile-nav-tel { padding: 12px 25px 0px 15px; color: #ffffff; text-decoration: none; font-weight: 400; font-size: 20px; margin-left: 25px; margin-top: 8px; display: block; margin-right: 100px; }

#mobile-nav ul.social-media { margin: 0px; margin-left: 40px; padding: 0px 0px 20px 0px; margin-bottom: 40px; list-style: none; }
	#mobile-nav ul.social-media li { float: left; width: 30px; height: 30px; margin-left: 4px; border: 0px; }
	#mobile-nav ul.social-media li a { background: #dadada; border-radius: 50%; height: 30px; width: 30px; display: block; text-align: center; font-size: 20px;}
	#mobile-nav ul.social-media li a:hover { background: #ffffff; }
	#mobile-nav ul.social-media li a i { color: #333333; }


/**
 * Main Navigation
 * ========================================================================== */

#desktop-nav { text-align: right; color: #0099cc; margin-top: -11px; }
	
	#desktop-nav ul { list-style: none; margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right }
		#desktop-nav ul li { float: left; height: 47px; padding: 30px 0px 15px 0px; font-size: 15px; font-weight: 600; text-transform: uppercase; }
		#desktop-nav ul li:last-child a { border: 0px; }
			#desktop-nav ul li a { text-decoration: none; white-space: nowrap; display: block; padding: 0px 16px 34px 16px; }
			#desktop-nav ul li a:link { color: #666; }
			#desktop-nav ul li a:visited { color: #666666; }
			#desktop-nav ul li a:hover { background: #333333; color: #ffffff; }
			#desktop-nav ul li a:active { background: #333333; color: #ffffff; }
			#desktop-nav ul li a.active { background: #333333; color: #ffffff; }
			
			#desktop-nav ul li a.login { color: #cf171f; }
			#desktop-nav ul li a.login:hover { background: none; color: #666666; }
			#desktop-nav ul li a.login span { border-radius: 50%; border: 1px solid #cf171f; }
			#desktop-nav ul li a.login span i { width: 20px; height: 20px; text-align: center; }
			#desktop-nav ul li a.login:hover span { border-color: #666666; }
			
			.secondary { font-size: 14px; }
/**
 * Mobile Navigation
 * ========================================================================== */
 
#mobile-nav-toggle { text-align: right; }
	#mobile-nav-toggle ul { padding: 0px; margin: 0px; margin-top: -10px; list-style: none; float: right; }
		#mobile-nav-toggle ul li { float: left; }
	#mobile-nav-toggle a { font-size: 24px; color: #666666; }
	#mobile-nav-toggle a:link { color: #666666; }
	#mobile-nav-toggle a:visited { color: #666666; }
	#mobile-nav-toggle a:hover { color: #0099cc; }
	#mobile-nav-toggle a:active { color: #0099cc; }
	#mobile-nav-toggle a.btn { padding-left: 6px; padding-right: 6px; }
	#mobile-nav-toggle a.login-lock { background: url('/img/login.png') no-repeat; padding: 0px 10px 10px 10px; background-position: center center; }

#modal-links { float:right; clear: both; color: #ffffff; width: 40px; z-index: 210; text-shadow: none; right: 15px; }
	#modal-links a { background: rgba(255, 255, 255, 0.35);  width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; /*padding-left: 6px;*/ text-align: center; cursor: pointer; }
	#modal-links a:hover { background: #c80b0e; color: #ffffff; border-color: #ffffff; }
		#modal-links a:hover i { font-size: 26px; color: #ffffff; }
			#modal-links a i { font-size: 26px; color: #cdcdcd; }

#backtotop { float: none; color: #ffffff; width: 40px; height: 40px; z-index: 300; text-shadow: none; position: fixed; bottom: 15px; right: 15px; }
	#backtotop a { background: rgba(255, 255, 255, 0.35);  width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; padding-left: 6px; cursor: pointer; }
	#backtotop a:hover { background: #0099cc; color: #ffffff; border-color: #ffffff; }
		#backtotop a:hover i { font-size: 26px; color: #ffffff; }
			#backtotop a i { font-size: 26px; color: #cdcdcd; }
	#backtotop #modal-share-backtotop { display: none; }


/**
 * Main Header
 * ========================================================================== */	
							
	#header { background: #fff; height: 110px; position: fixed; top: 0px; z-index: 110; width: 100%; }
		#header img { float: left; width: 140px; margin-top: -12px; margin-right: 45px; }
		#header h2 { color: #666; font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 4px; }
		#header h3 { color: #00a651; font-size: 27px; line-height: 32px; font-weight: 900; margin: 10px 0px 0px 0px; }
		#header h4 { margin-top: -2px; }
		#header h4 a { color: #666; font-size: 15px; line-height: 15px; font-weight: 400; }

		#header div.container { height: 80px; margin-top: 30px; }
		#header div.container div.row { height: 100px; }
	#header.scrolled { /*background: #ffffff; opacity: 1;*/ background: rgba(255, 255, 255, 1); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.35); }



 /**
 * Energy Efficient Ventilation Panel 1
 * ========================================================================== */	
 
#energy-efficient-panel-1 { min-height: 710px; background: #349eda url('../img/ahs-energy-panel-1.jpg') no-repeat; background-position: top center; padding: 270px 0px 0px 0px; }
	#energy-efficient-panel-1 h2 { color: #fff; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-1 p { color: #fff; font-size: 18px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-1 p strong { font-weight: 600; }


#energy-efficient-panel-2 { min-height: 600px; background: #fff url('../img/ahs-energy-panel-2.jpg') no-repeat; background-position: center -130px; padding: 150px 0px 0px 0px; }
	#energy-efficient-panel-2 h2 { color: #00a1dd; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-2 p { color: #666; font-size: 18px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-2 p strong { font-weight: 600; }


#energy-efficient-panel-3 { min-height: 600px; background: #27b354; padding: 100px 0px 0px 0px; }
	#energy-efficient-panel-3 h2 { color: #fff; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-3 p { color: #fff; font-size: 18px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-3 p strong { font-weight: 600; }
	#energy-efficient-panel-3 .slick-prev { height: 83px; width: 83px; left: 90px; top: 140px; cursor: pointer; background: url('../img/energy-left-arrow.png') no-repeat; position: absolute; z-index: 20; }
	#energy-efficient-panel-3 .slick-next { height: 83px; width: 83px; right: 90px; top: 140px; cursor: pointer; background: url('../img/energy-right-arrow.png') no-repeat; position: absolute; }
	#energy-efficient-panel-3 img { width: 350px; }


#energy-efficient-panel-4 { min-height: 600px; background: #fff url('../img/ahs-energy-panel-3.jpg') no-repeat; background-position: bottom center; padding: 90px 0px 0px 0px; }
	#energy-efficient-panel-4 h2 { color: #00a1dd; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-4 ul { padding-left: 13px; }
	#energy-efficient-panel-4 li { color: #27b354; }
	#energy-efficient-panel-4 p { color: #666; font-size: 18px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-4 p strong { font-weight: 600; }


#energy-efficient-panel-5 { min-height: 700px; background: #349eda url('../img/ahs-energy-panel-4.jpg') no-repeat; background-position: top center; padding: 90px 0px 0px 0px; }
	#energy-efficient-panel-5 h2 { color: #fff; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-5 ul { padding-left: 13px; margin-bottom: 40px; }
	#energy-efficient-panel-5 li { color: #fff; font-size: 18px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-5 p { color: #fff; font-size: 17px; line-height: 24px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-5 p strong { font-weight: 600; }
	#energy-efficient-panel-5 img { float: left; margin-right: 20px; }


#energy-efficient-panel-6 { min-height: 800px; background: #fff url('../img/ahs-energy-panel-5.jpg') no-repeat; background-position: bottom center; padding: 90px 0px 0px 0px; }
	#energy-efficient-panel-6 h2 { color: #27b354; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-6 ul { padding-left: 13px; }
	#energy-efficient-panel-6 li { color: #00a1dd; }
	#energy-efficient-panel-6 p { color: #666; font-size: 18px; line-height: 24px; margin: 0px 0px 2px 0px; }
	#energy-efficient-panel-6 p strong { font-weight: 600; }


#energy-efficient-panel-7 { min-height: 600px; background: #27b354 url('../img/ahs-energy-panel-6.jpg') no-repeat; background-position: top center; padding: 150px 0px 0px 0px; }
	#energy-efficient-panel-7 h2 { color: #fff; font-size: 36px; line-height: 42px; font-weight: 100; margin: 0px 0px 30px 0px; }
	#energy-efficient-panel-7 ul { padding-left: 13px; margin-bottom: 40px; }
	#energy-efficient-panel-7 li { color: #fff; font-size: 18px; line-height: 24px; margin: 0px 0px 2px 0px; }
	#energy-efficient-panel-7 img { float: left; margin-right: 20px; }


@media screen and (max-width: 992px) {

#energy-efficient-panel-1 { padding: 170px 0px 0px 0px; }

#energy-efficient-panel-2 { padding: 70px 0px 0px 0px; }

#energy-efficient-panel-3 { min-height: 500px; padding: 60px 0px 0px 0px; }
	#energy-efficient-panel-3 p.small { font-size: 15px; line-height: 21px; }
	#energy-efficient-panel-3 .slick-prev { height: 83px; width: 83px; left: 40px; }
	#energy-efficient-panel-3 .slick-next { height: 83px; width: 83px; right: 40px; }

#energy-efficient-panel-4 { padding: 60px 0px 0px 0px; }
	#energy-efficient-panel-4 h2 { font-size: 26px; line-height: 34px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-4 p { font-size: 16px; }

#energy-efficient-panel-5 { padding: 60px 0px 0px 0px; }
	#energy-efficient-panel-5 h2 { font-size: 26px; line-height: 34px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-5 li { font-size: 16px; }
	#energy-efficient-panel-5 p { font-size: 16px; }

#energy-efficient-panel-6 { padding: 60px 0px 0px 0px; }
	#energy-efficient-panel-6 h2 { font-size: 26px; line-height: 34px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-6 li { font-size: 16px; }
	#energy-efficient-panel-6 p { font-size: 16px; }

#energy-efficient-panel-7 { padding: 60px 0px 0px 0px; }

}


@media screen and (max-width: 768px) {

#header img { float: left; width: 90px; margin-top: 0px; margin-right: 25px; }	
#header h2 { font-size: 14px; }
#mobile-nav-toggle a { font-size: 34px; color: #666666; margin-top: 6px; }

#energy-efficient-panel-1 { background: #349eda; }
	#energy-efficient-panel-1 h2 { font-size: 28px; line-height: 36px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-1 p { font-size: 16px; }

#energy-efficient-panel-2 { background: #fff; }
	#energy-efficient-panel-2 h2 { font-size: 28px; line-height: 36px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-2 p { font-size: 16px; }
	#energy-efficient-panel-2 img { padding-bottom: 40px; }

#energy-efficient-panel-3 { padding: 120px 0px 0px 0px; }
	#energy-efficient-panel-3 h2 { font-size: 28px; line-height: 36px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-3 p { font-size: 16px; }
	#energy-efficient-panel-3 img { margin-bottom: 30px; }
	#energy-efficient-panel-3 .slick-prev { top: -90px; }
	#energy-efficient-panel-3 .slick-next { top: -90px; }

#energy-efficient-panel-4 { background: #fff; }
	#energy-efficient-panel-4 h2 { font-size: 28px; line-height: 36px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-4 p { font-size: 16px; }

#energy-efficient-panel-5 { background: #349eda; padding: 70px 0px 0px 0px; }

#energy-efficient-panel-6 { background: #fff; }
	#energy-efficient-panel-6 img { padding-bottom: 40px; }
	
#energy-efficient-panel-7 { background: #38b254; }
	#energy-efficient-panel-7 h2 { font-size: 28px; line-height: 36px; margin: 0px 0px 20px 0px; }
	#energy-efficient-panel-7 p { font-size: 16px; }


}


/**
 * Footer
 * ========================================================================== */

footer { background: #333333; color: #cccccc; position: relative;  }
	footer h5 a { color: #0099cc; font-weight: 400; font-size: 18px; margin-top: 10px; margin-bottom: 15px; }
	footer ul { margin: 0px; padding: 0px; list-style: none;}
	footer a { color: #cccccc; }
	footer a:hover { color: #ffffff; }

	footer #cta { background: #0099cc; font-weight: 400; padding: 30px 0px; }
		footer #cta h6 { color: #fff; font-size: 18px; margin: 0px; padding: 0px; }
		footer #cta h6 a { color: #333; font-weight: 600; }
		footer #cta h6 a:hover { color: #ffff00; }
		footer #cta p { color: #c8e4ed; font-size: 16px; margin: 0px; padding: 0px; }

	footer #cta #cta-right { }
		footer #cta #cta-right ul { float: right; }
			footer #cta #cta-right ul li { float: left; width: 45px; height: 45px; margin-left: 8px; }
				footer #cta #cta-right ul li a { font-size: 30px; background: #dadada; border-radius: 50%; height: 45px; width: 45px; display: block; text-align: center; }
				footer #cta #cta-right ul li a:hover { background: #ffffff; }
				footer #cta #cta-right ul li a i { color: #0099cc; line-height: 1.5em; }
	
	footer #footer-info { background: #333333 url('../img/footer-bg.jpg') repeat-x; padding-top: 40px; }
		footer #footer-info #footer-1 ul li { line-height: 30px; font-weight: 400;}

	footer #footer-info #footer-2 { padding-left: 30px; }
		footer #footer-info #footer-2 ul li { line-height: 30px; font-weight: 400;}

	footer #footer-info #footer-3 { padding-left: 30px; }
		footer #footer-info #footer-3 ul li { line-height: 30px; font-weight: 400;}

	footer #footer-info #footer-4 { padding-left: 30px; }
		footer #footer-info #footer-4 ul li { line-height: 30px; font-weight: 400;}
				
	footer #credits { border-top: 1px solid #565658; color: #999999; margin-top: 40px; padding-top: 30px; padding-bottom: 20px; }
	footer #credits h1 { color: #999; font-size: 14px; margin: 0px 0px 3px 0px;}
		footer #credits h1 a { padding: 0px 3px 0px 3px }
	footer #credits h6 { color: #cccccc; font-size: 12px;}
		footer #credits h6 a { padding: 0px 3px 0px 3px }

		footer #credits ul.social-media { margin: 0px; margin-left: 0px; padding: 6px 0px 0px 0px; margin-bottom: 40px; list-style: none; }
	footer #credits ul.social-media li { float: left; width: 30px; height: 30px; margin-left: 5px; border: 0px; }
	footer #credits ul.social-media li a { background: #dadada; border-radius: 50%; height: 30px; width: 30px; display: block; text-align: center; font-size: 20px;}
	footer #credits ul.social-media li a:hover { background: #ffffff; }
	footer #credits ul.social-media li a i { color: #333333; }
	
	footer #credits #credits-left { margin-bottom: 20px; }

	footer #credits #credits-right { float: left; }
		footer #credits #credits-right ul { font-size: 14px; float: right; margin: 0px 0px 0px 0px !important; padding-top: 0px; }
			footer #credits #credits-right ul li { font-weight: 400; float: left; margin-left: 8px; margin-top: 10px; }
			footer #credits #credits-right  ul li a.login { color: #999; }
			footer #credits #credits-right  ul li a.login:hover { background: none; color: #fff; }
			footer #credits #credits-right  ul li a.login span { border-radius: 50%; border: 1px solid #999; background: #999;}
			footer #credits #credits-right  ul li a.login span i { color: #333; width: 20px; height: 20px; text-align: center; }
			footer #credits #credits-right  ul li a.login:hover span { color: #333; border-color: #fff; background: #fff;}
				
/**
 * Modal Pop Ups
 * ========================================================================== */
				
				
div.modal-overlay { background: #333; padding: 20px; z-index: 2000; overflow: auto; }
	.modal-overlay h2 { color: #0099cc; font-size: 30px; margin: 0px; }
	.modal-overlay h3 { color: #999;  font-size: 20px; margin: 20px 0px 2px 0px; border-top: 1px solid #666; padding-top: 15px;}
	.modal-overlay h4 { color: #999;  font-size: 14px; margin: 20px 0px 5px 0px; border-top: 1px solid #666; padding-top: 15px; }
	.modal-overlay h5 { color: #999;  font-size: 24px; margin: 10px 0px 2px 0px; }
	.modal-overlay em { color: #999; font-style: normal; }
	.modal-overlay address { font-size: 14px; color: #999; border-bottom: 1px solid #666; padding-bottom: 15px; }
	
	.modal-overlay p { color: #fff; font-size: 15px; }
	.modal-overlay p a { color: #cccccc; }
	.modal-overlay p a:hover { color: #ffffff; }
	
	.modal-overlay .error { color: #0099cc; }
	
	.modal-overlay a.btn { width: 40px; height: 40px; border: 2px solid #ffffff; border-radius: 50%; float: right; }
		.modal-overlay a.btn i { color: #ffffff; font-size: 24px; margin-left: -3px; display: block; }
		.modal-overlay a.btn.close-modal { position: fixed; top: 10px; right: 20px; width: 40px; z-index: 5000; }
	.modal-overlay a.btn:hover { background: #0099cc; color: #0099cc; border-color: #0099cc; cursor: pointer; }
	.modal-overlay a.btn:hover i { color: #fff; }
	.modal-overlay .form-group { margin-bottom: 0px; }
	.modal-overlay label { font-size: 14px; color: #ffffff; /*padding-bottom: 5px;*/ padding-top: 10px; font-weight: 400; }
	.modal-overlay input, .modal-overlay textarea, .modal-overlay select { color: #666666; background: #ffffff; border-radius: 0px; }
	.modal-overlay .prodlist p { font-size: 12px; padding-top: 10px; }
	.modal-overlay .prodlist label { padding-top: 0px; }
		.modal-overlay .prodlist label input { position: relative; top: 2px; }

	.modal-overlay button { border-radius: 0px; background: #0099cc; text-transform: uppercase; color: #ffffff; width: 100%; }

#modal-contact { display: none; width: 100%; height: 100%; z-index: 4000;  top: 0px; left: 0px; bottom: 0px; right: 0px; position: fixed; margin-bottom: 40px; }
#modal-chat { display: none; width: 100%; height: 100%; z-index: 4000; top: 0px; left: 0px; bottom: 0px; right: 0px; position: fixed; }
#modal-login { display: none; width: 100%; height: 100%; z-index: 4000; top: 0px; left: 0px; bottom: 0px; right: 0px; position: fixed; }

.owl-theme .owl-controls { margin-left: 28px; }
.owl-theme .owl-controls .owl-page span { background: transparent; border: 1px solid #cccccc; display: inline-block; width: 10px; height: 10px; margin: 0px 0px 0px 4px; border-radius: 10px; }
.owl-theme .owl-controls .owl-page span:hover { border: 1px solid #ffffff; }
.owl-theme .owl-controls .owl-page.active span { background: #ffffff; border: 1px solid #ffffff; }
.owl-item { }
.owl-item:hover {  cursor: pointer; }


form#applicationfrm h5 {
	color: #c80b0e;
	font-family: kameron;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	}

form#applicationfrm em {
	color: #c80b0e;
	}

form#applicationfrm button {
	background: #c80b0e;
	color: #fff;
	margin-bottom: 30px;
	}


/**
 * Mobile 
 * ========================================================================== */

@media screen and (max-width: 768px) {
	

	#pre-header { height: 20px; }
	#header { top: 0px; background: #ffffff; }


/* Mobile Header */

	#internal-header-panel { height: 200px; margin-top: 120px; background-position: top center; }
 	#internal-header-panel h3 { color: #0099ff; font-size: 18px; line-height: 24px;  padding: 0px; margin: 30px 0px 0px 0px;}
	#internal-header-panel h2 { color: #fff; font-size: 18px; line-height: 24px; padding: 0px; margin: 20px 0px;}
	
/* Mobile Slider */

#main-slider-holder { min-height: 440px; }
	.home-main-slider { min-height: 340px; height: 380px; }

	#main-slider #main-slide1 { min-height: 440px; }
	#main-slider #main-slide2 { min-height: 440px; }
	#main-slider #main-slide3 { min-height: 440px; }
	#main-slider #main-slide4 { min-height: 440px; }

	#slider-nav { top: -55px; }

	.home-main-slider .slider-panel{ top: 160px !important; min-height: 140px; padding: 10px; }
	.home-main-slider .slider-panel h2 { font-size: 16px; line-height: 22px; margin: 0px; }
	.home-main-slider .slider-panel h3 { font-size: 20px; line-height: 24px; margin: 0px; padding: 10px 0px;}


/* Mobile Solution Feature (2 column) */
 
#solution-feature { min-height: 310px; background: #333; padding: 20px 0px;  margin-top: -1px;}
		
	.left-feature-block { background: #16a951; padding: 20px; margin: 0px; }
	.left-feature-block  h2 { font-size: 20px; line-height: 26px; }
	.left-feature-block  h3 { font-size: 26px; line-height: 26px; }
	.left-feature-block  p { font-size: 14px; line-height: 22px; margin: 10px 0px 0px 0px; }
	
	.right-feature-block { background: #01669a; padding: 20px; margin: 10px 0px 0px 0px; }
	.right-feature-block  h2 { font-size: 20px; line-height: 26px; }
	.right-feature-block  h3 { font-size: 26px; line-height: 26px; }
	.right-feature-block  p { font-size: 14px; line-height: 22px; margin: 10px 0px 0px 0px; }
	
	
/* Mobile Tailored Feature */	

#tailored-feature { min-height: 310px; background: url('../img/panel-1-mobile.jpg') no-repeat; background-position: top center;  padding: 30px 0px 0px 0px; }

	#tailored-feature  h2 { font-size: 18px; line-height: 22px; }
	#tailored-feature  h3 { font-size: 22px; line-height: 28px; padding-top: 15px;}
	#tailored-feature  p { font-size: 16px; line-height: 20px; margin: 20px 50px 0px 0px; }
	
	
/* Mobile Maintenance Feature */
 
#maintenance-feature { min-height: 310px; background: url('../img/panel-2-mobile.jpg') no-repeat; background-position: top center;  padding: 30px 0px 0px 0px; }
	#maintenance-feature  h2 { font-size: 18px; line-height: 22px; }
	#maintenance-feature  h3 { font-size: 22px; line-height: 28px; padding-top: 15px;}
	#maintenance-feature  p { font-size: 16px; line-height: 20px; margin: 20px 50px 0px 0px; }

/* Mobile Services Feature */

#services-feature {  }
	#services-feature h2 { font-size: 22px; line-height: 26px; }
	#services-feature p { margin: 0px 0px 20px 0px; }

/* Testimonial Slider Feature */

#testimonial-slider-holder {  overflow: hidden; min-height: 480px; }
	#testimonial-slider { min-height: 480px;  }
		#testimonial-slider div.testimonial-slide-panel { min-height: 480px; overflow: hidden;}

		#testimonial-slider div.testimonial-slide-panel h2 { color: #01a1dd; font-size: 15px; margin: 10px; text-shadow: none; font-weight: 500; }
		#testimonial-slider div.testimonial-slide-panel h3 { color: #000; font-size: 14px; margin: 0px; padding: 0px 0px 50px 0px; text-shadow: none;}
		#testimonial-slider div.testimonial-slide-panel p { color: #666; font-size: 10px; font-weight: 500; line-height: 14px; margin: 20px; text-shadow: none; padding-top: 40px;}

		#testimonial-slider-box { color: #fff; background: #f2f2f2; margin-top: 190px; margin-right: 0px; margin-left: 0px; }

/* Mobile Internal page */

#internal-page img{ margin-top: 15px; }


/* Mobile Internal Panles */

#white-panel { min-height: 420px; }
 	#white-panel h3 { color: #666; font-size: 20px; line-height: 24px; font-weight: 300; padding: 0px; margin: 50px 0px 0px 0px;}
	#white-panel h2 { color: #006dc4; font-size: 24px; line-height: 30px; font-weight: 300; padding: 0px; margin: 20px 0px;}
	#white-panel p { color: #666; font-size: 14px; line-height: 20px; padding: 0px 0px 30px 0px; margin: 0px;}
	
#dark-panel { min-height: 420px; }
 	#dark-panel h3 { color: #d3d3d3; font-size: 20px; line-height: 24px; font-weight: 300; padding: 0px; margin: 0px 0px 0px 0px;}
	#dark-panel h2 { color: #fff; font-size: 24px; line-height: 30px; padding: 0px; margin: 20px 0px;}
	#dark-panel p { color: #d3d3d3; font-size: 14px; line-height: 20px; padding: 0px 0px 30px 0px; margin: 0px;}

#energy-white-panel { min-height: 420px; }
 	#energy-white-panel h3 { color: #666; font-size: 20px; line-height: 24px; font-weight: 300; padding: 0px; margin: 50px 0px 0px 0px;}
	#energy-white-panel h2 { color: #006dc4; font-size: 24px; line-height: 30px; font-weight: 300; padding: 0px; margin: 20px 0px;}
	#energy-white-panel p { color: #666; font-size: 14px; line-height: 20px; padding: 0px 0px 30px 0px; margin: 0px;}
	
#energy-dark-panel { min-height: 420px; background: #000 !important; }
 	#energy-dark-panel h3 { color: #d3d3d3; font-size: 20px; line-height: 24px; font-weight: 300; padding: 0px; margin: 0px 0px 0px 0px;}
	#energy-dark-panel h2 { color: #fff; font-size: 24px; line-height: 30px; padding: 0px; margin: 20px 0px;}
	#energy-dark-panel p { color: #d3d3d3; font-size: 14px; line-height: 20px; padding: 0px 0px 30px 0px; margin: 0px;}
	
/* Mobile Client Feature */

#clients-feature { }
	#clients-feature h2 { font-size: 22px; line-height: 26px; }
	
/* Mobile News Feature */

#news { padding: 20px 0px 30px 0px; }

	#news  h2 { font-size: 22px;  line-height: 26px; }
	#news  p { color: #666; font-size: 14px; padding: 10px; }
			
	.featured-news-block { margin-top: 20px; }
		.featured-news-block h3 { min-height: 0px; font-size: 16px; line-height: 20px; padding: 5px 20px 10px 20px;}
		.featured-news-block h4 { font-size: 14px; line-height: 18px; padding: 0px 20px 20px 20px;}
		.featured-news-block img { width: 100%;}

.news-block { min-height: 280px; background: #f3f3f3; margin: 30px 0px; }
.news-block:hover { background: #d3d3d3; cursor: pointer; }
	.news-block img{ margin-top: 0px !important; }
	.news-block h2{ font-size: 18px; line-height: 22px; padding: 40px 20px 10px 20px; margin: 0px; }
	.news-block h4 { color: #006eb7; font-size: 14px; padding: 10px 20px 20px 20px; margin: 0px; }
	.news-block p { font-size: 14px; line-height: 18px !important; padding: 5px 20px; margin: 0px; }
	.news-block img { max-width: 100%; padding: 0px 0px 20px 0px !important; }


/* Mobile Resources Feature */
		
		#resources h2 { color: #01669a; font-size: 22px; line-height: 22px; padding-top: 30px; }


/* Modal Pop-Ups */

	div.modal-overlay { padding: 10px; margin-bottom: 20px; }
		.modal-overlay h2 { font-size: 20px; }
		.modal-overlay h5 { font-size: 20px; }
		.modal-overlay p { font-size: 14px; }	

	#modal-share ul.social-media { list-style: none; padding-top: 20px; margin: 0px; }
	#modal-share ul.social-media li { /*float: left;*/ /*margin-left: 0px; margin-right: 10px;*/ /*width: 10%;*/ margin-bottom: 20px; }
	#modal-share ul.social-media li a { width: 50px; height: 50px; }
	#modal-share ul.social-media li a i { font-size: 30px; padding-top: 10px; }

	
 
/* Mobile Footer */
	
	footer { }

	footer #cta { padding: 20px 0px; }
		footer #cta h6 { font-size: 16px; line-height: 22px; }
		footer #cta p { font-size: 14px; margin: 0px; padding: 0px 0px 10px 0px; }

		footer #footer-info #footer-1 { padding-left: 15px; border: 0px; }
			footer #footer-info #footer-1 ul li { line-height: 24px; }
		footer #footer-info #footer-2 { margin-top: 20px; padding-left: 15px; }
			footer #footer-info #footer-2 ul li { line-height: 24px; }
		footer #footer-info #footer-3 { margin-top: 20px; padding-left: 15px; }
			footer #footer-info #footer-3 ul li { line-height: 24px; }
		footer #footer-info #footer-4 { margin-top: 20px; padding-left: 15px; }
			footer #footer-info #footer-4 ul li { line-height: 24px; }
			

			footer #credits #credits-right ul { float: left; margin-left: 0px;  }
			
	footer #credits { margin-top: 20px; }
		footer #credits h1 { line-height: 22px; }
	
		footer #credits #credits-right ul { float: left; }
			footer #credits #credits-right ul li { margin: 5px 5px 0px 0px; }

			footer #credits ul.social-media { margin: 0px; margin-left: 0px; padding: 1px 0px 0px 0px; margin-bottom: 40px; list-style: none; }

}

/**
 * Slick Slider
 * ========================================================================== */
 
	.slick-slider { position: relative; display: block; }

	.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
	.slick-list:focus { outline: none; }
	.slick-list.dragging { cursor: pointer; }

	.slick-track { position: relative; top: 0; left: 0; display: block; }
	.slick-track:before,
	.slick-track:after { display: table; content: ''; }
	.slick-track:after { clear: both; }
	.slick-loading .slick-track { visibility: hidden; }
	.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
	.slick-slide img { display: block; }
	.slick-slide.slick-loading img { display: none; }
	.slick-initialized .slick-slide { display: block; }
	.slick-loading .slick-slide { visibility: hidden; }
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
	.slick-arrow.slick-hidden { display: none; }

	.slick-dots { position: absolute; bottom: -45px; display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
	.slick-dots li { position: relative; display: inline-block; width: 40px; height: 12px; margin: 0 3px; padding: 0; cursor: pointer; }
	.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 40px; height: 12px; padding: 5px; cursor: pointer; color: #cc0000; border: 0; outline: none; background: transparent; }
	.slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
	.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; }
	.slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; opacity: .25; color: #051D49; }
	.slick-dots li.slick-active button:before { opacity: 1; color: #051D49 !important; }