/* 
	Project Name: JO - ESA
	Project Start: June 25, 2017
	Version: 1.0
*/

/* GLOBAL */

html,body,*{
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:24px;
}
.hiddenClass{ display:none; }
.btn {
	width: 180px;
	height:50px;
	border: 2px solid #6c6c6c;
	color: #6c6c6c;
	font-size: 16px;
	text-transform: uppercase;
	padding: 13px;
	font-weight: 700;
	transition: 0.3s all ease;
}
.btn:hover {
	background: #c50c0c;
	color: #fff;
	border: 1px solid #c50c0c;
}
a,a:hover,a:active,a:focus {
	color: #f12d2d;
	text-decoration: none;
}
/* Mobile Menu */
.MainMobileMenuContainer{ display:none; }
.admin-bar .MainMobileMenuContainer{ padding-top: 32px !important }
@media screen and ( max-width: 782px ) { .admin-bar .MainMobileMenuContainer{ padding-top: 46px !important } }
.panel-header,
.MainMobileMenuContainer{ display:none; }
.MainMobileMenuContainer { background: #313131; }
.slideout-menu {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
  width: 260px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
}
 div#panel { background:#fff; } 
.slideout-panel {
  position:relative;
  z-index: 1;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
  overflow: hidden;
}
.slideout-open .slideout-menu {
  display: block;
}
.hamburger {
  padding:0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
.hamburger:hover {
	opacity: 1; 
}
.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; 
}
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 4px;
	background-color:#fff;
	border-radius: 4px;
	position: absolute;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-duration: 0.20s;
	transition-timing-function: ease; 
}
.hamburger-inner::before, 
.hamburger-inner::after {
	content: "";
	display: block;
}
.hamburger-inner::before {
	top: -10px; 
}
.hamburger-inner::after {
	bottom: -10px;
}
button.btn-hamburger.js-slideout-toggle {
	background: transparent;
	border: 0;
	color: #fff;
	outline:none;
}
/*
 * Squeeze
 */
.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.1s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
}
.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.1s 0.14s ease, opacity 0.1s ease; 
}
.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.1s 0.14s ease, -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
	transition: bottom 0.1s 0.14s ease, transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.1s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition-delay: 0.14s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.1s ease, opacity 0.1s 0.14s ease; 
}
.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transition: bottom 0.1s ease, -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: bottom 0.1s ease, transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.1s 0.14s cubic-bezier(0.215, 0.61, 0.355, 1); 
}
.mobile-heading p {
	margin-bottom: 0;
	text-align: center;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 300;
	letter-spacing: 1px;
	background: #313131;
	border-bottom: 2px solid #585858;
	padding-top: 5px;
	padding-bottom: 5px;
}
.mob-menu-container .main-menu ul li a {
	text-transform: uppercase;
	padding: 10px;
	display: block;
	background: #313131;
	border-top: 1px solid #484848;
	border-bottom: 1px solid #232323;
	color: #fff;
	font-weight: 300;
	font-size: 18px;
}
.mob-menu-container .main-menu ul li:first-child a { border-top: 0; }
.mob-menu-container .main-menu ul li:last-child a {	border-bottom:1px solid #232323; }
/* Boostrap Hacks */

/* Boostrap Hacks */

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.wpcf7 form.wpcf7-form .hiddenClass{ display:none; }
.hiddenClass{ display:none; }
.MainMobileMenuContainer{ display:none; }
.heading-line h3:before,
.heading-line h3:after{
	position:absolute;
	content:"";
	height: 0px;
	width: 150px;
	top:28px;
	border:1px solid
}
.heading-line h3:before{ left: -180px; }
.heading-line h3:after{ right: -180px; }
.heading-line.heading-white h3:before,
.heading-line.heading-white h3:after{ border-color:#fff; background:#fff; }
.heading-line.heading-gray h3:before,
.heading-line.heading-gray h3:after{ border-color:#818181; background:#818181; }
.heading-line.heading-black h3:before,
.heading-line.heading-black h3:after{ border-color: #221f1f; background:#221f1f; }

.panel-heading h3{
	font-size: 50px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	position:relative;
}
.panel-heading.heading-color-red h3 {color: #f12d2d;}
.panel-heading.heading-color-white h3{ color:#fff; }

/* Header */
#Header ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	margin-left: 0;
}
#Header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	background: #fff;
}
#BottomHeading .logo img { max-width: 90%; }
#BottomHeading .logo { padding: 10px 0; padding-top: 15px; }
#BottomHeading { border-bottom: 1px solid #bbbbbc; }
/* Top Heading */
#TopHeading{ background:#313131; }
.TopMenu ul li a{
	display: block;
	text-align: left;
	font-size: 14px;
	position: relative;
	color: #fff;
	font-weight: 400;
	padding-left: 30px;
}
.TopMenu ul li a:before{
	background:transparent url('../images/social_medias.png') no-repeat;
	display: block;
	content:"";
	width:19px;
	height:16px;
	position: absolute;
	left: 0;
}
.TopMenu ul li.icon-phone a:before {background-position: -63px -13px;}
.TopMenu ul li.icon-fb a:before {background-position: -6px -13px;}
.TopMenu ul li.icon-linkedln a:before {background-position: -40px -13px;}
.TopMenu ul li {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #fff;
}
.TopMenu ul li:last-child {
	border-right: 0;
	padding-right: 0;
}
.TopMenu { text-align: right; }
.TopMenu ul {	display: inline-block; }
.TopMenu ul li:first-child { padding-left: 0; height: 20px;}
/* Nav Menu */
nav.main-menu {
	text-align: right;
	height: 95px;
	padding-top: 35px;
}
nav.main-menu ul { display: inline-block; }
nav.main-menu ul li {
	float: left;
	margin-right: 20px;
	position:relative;
}
nav.main-menu ul li a {
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 400;
	color: #a7a9ac;
	text-decoration:none;
	position: relative;
	z-index: 10;
}
nav.main-menu li:hover a,nav.main-menu li.current-menu-item a {
	color: #f12d2d;
	border-bottom: 3px solid #f12d2d;
	padding-bottom: 30px; 
}
.home nav.main-menu li.current-menu-item a{
	color: #a7a9ac;
	border-bottom:none;
}
.home nav.main-menu li.current-menu-item:first-child a{
	color: #f12d2d;
	border-bottom: 3px solid #f12d2d;
}
nav.main-menu li:hover a { border-bottom: 0; }
nav.main-menu ul li:last-child { margin-right: 0; }
nav.main-menu ul li.menu-item-has-children ul.sub-menu {
	position: absolute;
	top: 0;
	left: 0;
	padding-top: 60px;
	width: 185px;
}
nav.main-menu ul li.menu-item-has-children ul.sub-menu li a {
	background: #fff;
	padding: 12px;
	display: block;
}
nav.main-menu ul li.menu-item-has-children:hover ul.sub-menu{ display:block ;}
nav.main-menu ul.sub-menu{ display:none; }
nav.main-menu ul.sub-menu li {
	float: none;
	text-align: left;
}
/* Content */

/* Slick Options */
.slick-slider{ margin-bottom:0; }
/* Banner */

#BannerSlider ul.slick-dots {
	bottom: 10px;
	margin-bottom: 0;
}
#BannerSlider ul.slick-dots li button:before{
	display:none;
	opacity:1;
}
#BannerSlider ul.slick-dots li button{
	background:#fff;
	height: 5px;
	padding: 0;
	width: 25px;
}
#BannerSlider ul.slick-dots li.slick-active button { background: #f12d2d; }
#BannerSlider ul.slick-dots li {
	margin-right: 10px;
	height: 5px;
	padding: 0;
	width: 25px;
}
.BannerStaticContainer {
	width: 100%;
	height: 780px;
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
	position:relative;
}
.BannerStaticContainer .container {	
	display: table; 
	height: 100%; 
	position: relative;
	z-index: 1;
}
.BannerStaticContainer .container .row {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-top:70px;
}
.BannerStaticContainer:before{ 
	content: "";
	background: transparent url(../images/bgTrans-blck.png) repeat top center; 
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}
.home .BannerStaticContainer h1,
.BannerStaticContainer h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 4vw;
	text-transform: uppercase;
	color: #fff;
}
.BannerStaticContainer p {
	font-size: 2vw;
	text-transform: uppercase;
	color: #fff;
	font-weight: 500;
	letter-spacing: 1px;
}
/* About */
#About{
	/*background:transparent url('../images/Layer-1-bg.jpg') no-repeat top center;*/
	background:transparent url('../images/2-background.jpg') no-repeat top center;
	background-size:cover;
	background-attachment:fixed;
	position:relative;
}
#About:before {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0.8;
	display:block;
}
#About .container > .row {
	display: table-cell;
	width: 100%;
	height: 665px;
	vertical-align: middle;
}
/* Quote  */
#Quote {
	background: #3c3c3c;
	padding-top: 5%;
	padding-bottom: 5%;
}
section#Quote .quote-image img { max-width: 100px; }
section#Quote .quote-content { color: #fff; padding-top: 30px; }
section#Quote .quote-content p.quote-name strong { font-size: 45px; letter-spacing: 1px; }
section#Quote .quote-content p { font-size: 35px; }
section#Quote .quote-content p.quote-name {	margin-bottom: 0; margin-top: 30px; }
section#Quote .quote-content p.quote-position { font-style: italic; font-size: 32px; }
/* CTA */
#CTA *{
	-webkit-transition: 0.6s all ease;
	-o-transition: 0.6s all ease;
	transition: 0.6s all ease;
}
#CTA .CTA-content .row > .col-xs-12 { min-height: 500px; }
#CTA .cta-panel-content { 
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 45px;
	padding-right: 45px;
}
#CTA .CTA-content { padding-bottom: 0px; }
#CTA .CTA-heading {
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
	z-index:100;
}
#CTA .CTA-heading:before {
	background: #f12d2d;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}
#CTA .CTA-left .CTA-heading:before {background: #f12d2d;}
#CTA .CTA-heading h3 { font-size: 50px; }
#CTA .CTA-heading h3:before,#CTA .CTA-heading h3:after {
	top:45%;
	width: 120px;
}
#CTA .CTA-heading h3:before { left: -140px; }
#CTA .CTA-heading h3:after { right: -140px; }
#CTA .CTA-heading .panel-heading {
	padding-top: 15px;
	padding-bottom: 15px;
}
#CTA .container-fluid .row .col-xs-12.CTA-left {background: #3c3c3c;}
#CTA .container-fluid .row .col-xs-12.CTA-right {background: #3c3c3c;}
#MainContent #CTA .container-fluid .row .CTAActiveFull{ position:relative; }
#MainContent #CTA .container-fluid .row .CTAActiveFull:before{
	content:"";
	/* background: transparent url(../images/bgTrans-blck.png) repeat top center; */
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
}
.CTAActiveFull .CTA-content .container-fluid {
	padding-left: 0;
	padding-right: 0;
	z-index: 10;
	position: relative;
}
.CTAActiveFull .CTA-content .container-fluid .row > div {	height: 70px; display: table; }
.CTAActiveFull .CTA-content .container-fluid .row > div h3 {
	color: #fff;
	font-size: 30px;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
	display: inline-block;
	position: relative;
	z-index: 5;
}
.CTAActiveFull .CTA-content .container-fluid .CTABGRed:before {	background: #f12d2d; }
.CTAActiveFull .CTA-content {
	display: block;
	position: relative;
	z-index: 5;
}
.CTAActiveFull .CTA-content p {
	color: #fff;
	font-size:24px;
}
.CTAActiveFull .CTA-content .container { padding-top: 0px; }
#MainContent section#CTA .container-fluid > .row > .col-xs-12 {
	/* height: 600px; 
	background-size: cover;
	background-attachment:fixed;
	overflow:hidden; */
}
#CTA .CTA-content .heading-line h3:before, 
#CTA .CTA-content .heading-line h3:after{ width:100px; }
#CTA .CTA-content .heading-line h3:before { left: -130px; }
#CTA .CTA-content .heading-line h3:after { right: -130px; }
/* Alternative Energy */
#AlternativeEnergy{ 
	/*background:transparent url('../images/Layer-9-bg.jpg') no-repeat top center;*/
	background:transparent url('../images/4-background.jpg') no-repeat top center;
	background-size:cover;
	position:relative;
}
#AlternativeEnergy:before{
	background: #fff;
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0.9;
}
#AlternativeEnergy .container {
	padding-top: 80px;
	padding-bottom: 50px;
}
#AlternativeEnergy .container .row .col-xs-12 { padding-bottom: 50px; }
#AlternativeEnergy .container .row .col-xs-6 { margin-bottom: 30px; }
/* Contact Us */
#ContactUs p { color:#fff; }
#ContactUs h3 { margin-bottom:15px; }
#ContactUs{
	background:transparent url('../images/5-background.jpg') no-repeat top center;
	/*background:transparent url('../images/Layer-10-bg.jpg') no-repeat top center;*/
	background-size:cover;
	position:relative;
}
#ContactUs:before {
	background: #313131;
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	opacity: 0.9;
}
#ContactUs .container > .row {
	height: 600px;
	vertical-align: middle;
	display: table-cell;
}
#ContactUs button.btn.btn-default {
	background: #000;
	border-radius: 0;
	border: 0;
	color: #fff;
}
#ContactUs input {
	border-radius: 0;
	background: #bdbec0;
	color: #000;
	font-size:16px;
}
#ContactUs .form-group.file-group span { padding-left: 0; display: inline-block; }
#ContactUs .form-group.file-group span input { height: 40px; padding: 5px; }
#ContactUs .form-group.file-group span.wpcf7-form-control-wrap { max-width: 220px; padding-left:0; }
#ContactUs .wpcf7 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit { background: #000; color: #fff; }
#ContactUs .panel-heading { padding-bottom: 30px; }
#ContactUs input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; }
#ContactUs input::-moz-placeholder { /* Firefox 19+ */ color: #000; }
#ContactUs input:-ms-input-placeholder { /* IE 10+ */ color: #000; }
#ContactUs input:-moz-placeholder { /* Firefox 18- */ color: #000; }
#ContactUs input[type=file] {
	width: 100%;
	max-width: 230px;
	background: transparent;
	border: 1px dashed #7d7d7d;
	color: #7d7d7d;
	height:40px;
}
#ContactUs .form-group.file-group > * { float: left; }
#ContactUs .form-group.file-group span {
	color: #bdbec0;
	font-size: 12px;
	display: block;
	width: 100%;
	max-width: 300px;
	padding-left: 25px;
}
section#InteriorBanner {   
	height: 400px;
	background: transparent url(../images/default-image.jpg) no-repeat center center;
	background-size: cover;
	/* background-attachment: fixed; */
	position: relative;
	overflow: hidden;
}
section#InteriorBanner:after{
	content:"";
	background: transparent url(../images/bgTrans-blck.png) repeat top center;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
}
section#InteriorBanner .container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	z-index: 2;
}
section#InteriorBanner .container > div {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
section#InteriorBanner h1 {
	color: #ffffff;
	font-size: 80px;
	font-size: 4vw;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 8%;
}
section.InteriorPage {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* Footer */
section#Footer ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-left: 0;
}
section#Footer ul li {
	float: left;
	margin-right: 20px;
}
section#Footer ul {	display: inline-block; }
section#Footer ul li:last-child {	margin-right: 0; }
section#Footer ul li.active a{ color:#f12d2d; }
section#Footer ul li a {
	font-size: 16px;
	color:#231f20;
	text-transform:uppercase;
	font-weight: 600;
}
section#Footer {
	padding: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #696a6c;
}
#Footer .footer-menu { padding-top: 25px; margin-top:15px;}
#Footer .footer-menu ul li { float:none; margin-right:0; }
#Footer .footer-social-media ul li a{
	background:transparent url('../images/social_medias.png') no-repeat;
	display: block;
	text-indent: -9999px;
	width: 45px;
	height: 40px;
	text-align: left;
} 
#Footer .footer-social-media ul { margin-top: 25px; }
#Footer .col-xs-4.text-left { padding-top: 30px; }
#Footer .footer-logo a { display: inline-block; }
#Footer .footer-social-media { padding-top: 18px; margin-top: 20px;}
#Footer .footer-social-media ul li.icon-fb a { background-position: 5px -45px; }
#Footer .footer-social-media ul li.icon-linkedln a{ background-position: -37px -45px; }

/* Wordpress Default */
div.wpcf7 .form-custom-builder > div.box-panel > .txtFile {
	display: inline-block;
	padding-right: 15px;
	width: auto;
}
div.wpcf7 .form-custom-builder > div.box-panel > span {
	display: inline-block;
	width: 320px;
	vertical-align: top;
	font-size: 15px;
}
.search-form .search-submit {
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	border: 1px solid #000;
	color: #fff;
	height: 65px;
}
form.search-form input { height: 65px; }
form.search-form { height: 65px; }
form.search-form label { display: none; }
.home .wpcf7-response-output { color: #fff; }
div.wpcf7 .form-custom-builder > div input[type=file] {
	width: auto;
	max-width: 320px;
	background: transparent;
	border: 1px dashed #000;
	padding: 10px;
}
.wpcf7 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit {
	width: 180px;
	height:50px;
	border: 2px solid #000;
	color: #6c6c6c;
	font-size: 18px;
	background: #000;
	color: #fff;
	text-transform: uppercase;
	padding: 0;
	font-weight: 700;
	transition: 0.3s all ease;
	vertical-align: middle;
}
.wpcf7 form.wpcf7-form input.wpcf7-form-control.wpcf7-submit:hover {
	background: #4e4e4e;
	color: #fff !important;
	border: 1px solid #4e4e4e;
}
.wpcf7 form.wpcf7-form input { width:100%; }
.wpcf7 form.wpcf7-form label { display: block; }
.wpcf7 form.wpcf7-form {
	width: 100%;
	max-width: 500px;
	min-width: 100%;
}
.wpcf7 form.wpcf7-form textarea { height: 150px; }
div.wpcf7 .form-custom-builder > div {
	margin-bottom: 15px;
	padding-left: 7px;
	padding-right: 7px;
}
div.wpcf7 .form-custom-builder > div input, div.wpcf7 .form-custom-builder > div textarea {
	background: #bdbec0;
	border-radius: 0;
	width: 100%;
	font-size: 24px;
	color: #000;
}
.wpcf7 form.wpcf7-form { max-width: 100%; }
div.wpcf7 .ajax-loader { margin-right: -20px; }

.zero-pad{padding:0;}
/*#CTA .CTA-content{max-height:489px;overflow:hidden;}*/

@media(max-width:1460px){
	#CTA .CTA-heading h3:before, 
	#CTA .CTA-heading h3:after {	width: 80px; }
	#CTA .CTA-heading h3:after { right: -100px; }
	#CTA .CTA-heading h3:before {	left: -100px; }
}
@media(max-width:1260px){
	#CTA .CTA-heading h3:before, 
	#CTA .CTA-heading h3:after{ display:none; }
}
@media(max-width:1200px){
	#ContactUs .form-group.file-group span{ max-width:240px; }
	.home .BannerStaticContainer h1,
	.BannerStaticContainer h3 { font-size: 6vw; margin-top: 15%; }
	#BottomHeading .row > .col-xs-12 { width: 100%; }
	nav.main-menu {
		text-align: center;
		padding-top: 5px;
		height: 65px;
	}
	#BottomHeading .logo a { display: inline-block; }
	#BottomHeading .logo { text-align: center; }
}
@media(max-width:991px){
	section#Footer .row > div { width: 100%; text-align: center; }
	#MainContent section#CTA .container-fluid > .row > .col-xs-12.cta-content-panel { min-height: 100%; }
	#About .container > .row {
		height: auto;
		padding-top: 15%;
		padding-bottom: 15%;
	}
	.BannerStaticContainer p { font-size: 3vw;	}
	#BottomHeading .logo a img { display: inline-block; }
	#BottomHeading .logo { text-align: center; padding-top:30px; }
	nav.main-menu { padding-top: 0; height: 61px;	text-align: center; }
	#Header {
		position: relative;
		left: auto;
		top: auto;
	}
	#Footer .col-xs-4 {
		width: 100%;
		text-align: center;
	}
	#Footer .col-xs-4.footer-logo img {	display: inline-block; }
	#ContactUs .form-group.file-group span {
		max-width: 100%;
		padding-left: 0;
		padding-top: 15px;
	}
	.heading-line h3:before, .heading-line h3:after {
		width: 75px;
		top: 21px;
	}
	.heading-line h3:before {	left: -100px; }
	.heading-line h3:after { right: -100px; }
	.heading-line h3 { font-size: 40px; }
	#MainContent section#CTA .container-fluid.CTAActiveFulled > .row > .col-xs-6 {
		width: 100%;
		position: relative;
	}
	section#CTA {
		height: auto;
		overflow: visible;
	}
	section#BottomHeading .container { width: 100%;	}
	.BannerStaticContainer { height: 455px; }
	.home .BannerStaticContainer h1,
	.BannerStaticContainer h3 { margin-top: 5%; }
}
@media(max-width:900px){
	.panel-header{ display:block; position: absolute; }
	button.btn-hamburger.js-slideout-toggle {	padding: 0; }
	section#TopHeading { padding-top: 10px; padding-bottom: 10px; }
	#BottomHeading .main-menu { display: none; }
	#BottomHeading .logo { padding-bottom: 30px; }
	section#TopHeading .container { width: 100%; }
}
@media(max-width:767px){	
	.heading-line h3:before, 
	.heading-line h3:after{ display:none; }
	#ContactUs .panel-content.panel-form .col-xs-6 { width: 100%; text-align: center;	}
	#ContactUs .panel-content.panel-form .col-xs-6 .form-group.text-right {	text-align: center;	padding-top: 30px; }
	#MainContent section#CTA .container-fluid > .row > .col-xs-12 {
		/* height: 450px; */
		background-size: cover;
		background-position: right;
	}
	.CTA-content .row > .col-xs-6 { width: 100%; margin-bottom: 30px; }
	section#InteriorBanner h1 { font-size: 6vw; }
	section#InteriorBanner h1 { margin-top: 0; margin-bottom: 0; }
	#CTA .CTA-content .row > .col-xs-6{ background:transparent !important; min-height:100%; }
	#CTA .CTA-content .row > .col-xs-6 img{ display:block !important; margin-top:30px; }
}
@media(max-width:600px){
	.home .BannerStaticContainer h1,
	.BannerStaticContainer h3 {	font-size: 10vw; }
	.BannerStaticContainer p { font-size: 6vw; }
}
@media(max-width:480px){
	#AlternativeEnergy .container .row .col-xs-6 { width: 100%; }
	#CTA .CTA-content .row > .col-xs-12.cta-content-img { min-height: 300px; }
	#CTA .cta-panel-content { padding-left: 0; padding-right: 0; }
}
@media(max-width:420px){
	.TopMenu ul li a{
		overflow:hidden;
		width:25px;
		padding-left:20px;
		width: 20px;
	}
	section#Quote .quote-content p.quote-name strong { font-size: 12vw; }
	section#Quote .quote-content p.quote-position { font-size: 7.5vw; }
	#CTA .CTA-heading h3 { font-size: 25px; }
}