/*header css*/

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

@font-face {font-family: 'impactregular';src: url('impact-webfont.woff2') format('woff2'),url('impact-webfont.woff') format('woff');

font-weight: normal;font-style: normal;}

.nav_outer {background: none;border: none;margin: 0;}

header {position:absolute;top: 30px;width: 100%;z-index: 999;}

.slider_outer { width:100%;  position: relative;}

.sl_text{color: #fff;font-family:impact;left:33%;position:absolute;top: 50%;transform:translate(-50%,-50%);z-index: 999;}
.text_inner > h1 {color: #fff;	font-size: 18px;	font-weight: bold;	left: 0;position: absolute;text-transform: capitalize;
	bottom: -10px;transform: inherit;display: block;width: 100%;background: rgba(0,0,0, 0.5);padding: 11px 0px;	top: inherit;}

.banner_but {border: 1px solid #fff;  color: #fff;font-family: open sans;  font-size: 14px;font-weight: bold;  margin-right: 24px;padding: 5px 10px;  margin-top: 14px;display: inline-block;}

.banner_but:hover {text-decoration: none;color: #fff;background:#007bc2;border: none;}

.slider_outer .owl-controls.clickable {bottom: 0;left: 50%;position: absolute;transform: translateX(-50%);}

.customNavigation {position: absolute;top: 50%;width: 100%;}

.next {border: 1px solid #fff;border-radius: 0;float: right;margin-right: 14px;}

.prev {border: 1px solid #fff;border-radius: 0;float: left;margin-left: 14px;}

.customNavigation .btn:hover {background: #000;border: none;}

.nav_inner {float: right;}
 
.item > img {width: 100%;}

.item {position: relative;}

header .nav_outer .nav li.active > a:hover { background: none;  color: #1a8fd2;}

header .nav_outer .nav li.active > a {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #1a8fd2; position: relative;font-weight: bold;}

.service_inner h1, .service_inner h2  {display:inline-block;font-size:30px ;text-transform: uppercase;font-weight: 600;position:relative; margin-bottom:25px;}

header .nav_outer .nav li > a {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  color: #fff;  font-weight: bold;  }

header .nav_outer .nav li >{padding: 0 0 0 17px; position:relative;}

.left_sect .upp_text {color: #77777d;font-size: 14px;line-height: 28px;margin: 0 0 16px;}

.text_left {font-size: 44px;margin: 0;}

.nav_outer #myNavbar {margin: 40px 0 0 0;}

.service_inner h1::after, .service_inner h2::after {border: 2px solid #007bc2;bottom: -6px;content: "";left: 0;position: absolute;width: 118px;}

.hvac_ctrl > span {color: #000;font-weight: bold;margin-left: 17px;}

.hvac_ctrl > strong {color: #000;font-weight: bold;margin-left: 17px;}

.hvac_ctrl p {color: #77777d;font-weight: 400;font-size: 14px;margin-bottom: 2px;}

.left_sect h3 {color: #000;font-weight: bold;margin: 22px 0 18px;}
.left_sect > p {font-size: 14px;line-height: 36px;text-align: justify;color: #77777d;}
.service_outer h6 {font-size: 17px;font-weight: bold;line-height: 35px;margin: 14px 0 0;text-align: left;}
.left_sect > a {background: #007bbf none repeat scroll 0 0;display: inline-block;margin: 16px 0 0;padding: 7px 10px;color: #fff;font-size: 14px;text-decoration: none;}
.item:after {position: absolute;content: "";background: rgba(0,0,0, 0.2) !important;bottom: 0;left: 0;right: 0;top: 0;}
.service_outer {width: 100%;padding:50px 0;}
.service_inner {MARGIN: 0px 0 35px;}
.text_inner img {width: 100%;}
.th {margin: 40px 0;}
.better_outer {width: 100%;background: #007bc2;padding: 60px 0;}
.bet_upp > h1 {color: #fff;font-size: 42px;font-weight: bold;text-transform: uppercase;margin:4px 00 30px 0;}
.bet_left p {color: #fff;line-height: 36px;}
.bet_left > ul {color: #fff;display: inline-block;line-height: 31px;list-style: outside none none;margin: 26px 0 0;padding: 0;}
footer {width: 100%;background-color:#2a2a2a;margin-top:35px;}
.foot_inner_left h1 {color: #fff;margin: 0 0 16px 0; font-weight: bold;text-transform: uppercase;font-size: 30px;}
.foot_inner_left p {color: #fff;line-height: 27px;}
.foot_inner_left > a {border: 1px solid #fff;padding: 4px 7px ;}
.foot_inner_mid > h1 {color: #fff;margin: 0 0 16px;font-weight: bold;text-transform: uppercase;font-size: 30px;}
.foot_nav {list-style: none;color: #ff;}
.foot_nav a {color: #fff;font-weight: bold;line-height: 30px;}
.social_inner > li {float: left;margin-right: 10px;}
.social_inner { float: left;list-style: outside none none;padding: 0;}
.foot_inner_right > p {color: #fff;line-height: 30px;margin: 20px 0;}
.bot_inner > p {margin: 0;color: #fff;text-align: center;}
.foot_nav > li {background: rgba(0, 0, 0, 0) url("images/menarr.png") no-repeat scroll 0 0; padding-left: 33px;background-position: 15px 10px;}
.foot_nav {list-style: outside none none;padding: 0;}
.top_footer {padding: 35px 0;}
.add_inner {color: #fff;list-style: outside none none;margin: 20px 0;padding: 0;}
.add_inner > li {line-height: 26px;padding-left: 35px;}
.add {background: rgba(0, 0, 0, 0) url("../images/hadd.png") no-repeat scroll 0 0;background-position: 5px 5px;}
.midd_add {background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll 0 0;background-position: 5px 5px;}
.email_inn {background: rgba(0, 0, 0, 0) url("../images/add.png") no-repeat scroll 0 0;background-position: 5px 5px;}
.bet_left li { padding-left: 36px;}
.innr-bnnr{text-align: center;position: relative;}
.innr-bnnr img{width: 100%;}
.innr-bnnr h1{position: absolute;color: #fff;}
.text_inner {position: relative;text-align: center;padding: 0;border: 5px solid #fff;}
ul.listing-cont {color: #000;display: inline-block;line-height: 31px;list-style: outside none none;margin:15px 0;padding: 0;}
ul.listing-cont li {padding-left: 20px;position: relative;}
ul.listing-cont li::before {font-family: "FontAwesome";content: '\f101';left: 0;position: absolute;}
.img-reponsive {max-width: 100%;}
.bio-box {display: block;width: 100%;height: auto;max-height: 432px;overflow: hidden;margin: 25px 0px;text-align: center;	border: 4px solid #fff;box-shadow: 2px 2px 9px 4px #ccc;}
.bio-hover {background: rgba(0, 0, 0, .7);position: absolute;bottom: 29px;width: 90%;display: block;padding: 5px;}
.bio-hover h2 {color: #fff;font-size: 17px;font-weight: bold;padding: 8px 5px;min-height: 50px;}
.bio-hover p {display: none;color: #fff;}
.bio-box:hover .bio-hover {height: 40%;}
.bio-box:hover .bio-hover p {display: block;}
.bio-box p:empty{display: none;}
.no-padding{padding:0px;margin:0px !important;}
.img-shadow {box-shadow: 2px 2px 9px 4px #ccc;border: 5px solid #fff;}
.partner-cont {margin-top: 55px;min-height: 262px;display: table;}
.partner-cont .col-md-3 {display: table-cell;float: none;vertical-align: middle;}
.our-team-cont {display: inline-block;width: 100%;height: auto;}
.our-team-cont .service_inner h2 {margin: 0 0 25px;}
.our-team-cont .col-md-12 {margin:45px 0px 0 !important;}
.our-team-cont .col-md-4 {text-align: center;}
.our-team-cont .col-md-4 img {max-height: 495px;overflow: hidden;border: 5px solid #fff;box-shadow: 0px 1px 6px 7px #ccc;	margin-left: 5px solid #fff;display: inline-block;}
#myModal .modal-content, #myModal .modal-body{overflow: hidden;}
#myModal .modal-dialog {width: 100%;margin: 30px auto;max-width: 955px;}
#myModal .modal-header {padding: 5px 10px;border-bottom: none;}
#myModal .modal-body h2 {margin: 0 0 20px;}
#myModal .modal-header .close{font-size: 40px;}
.form-map {margin-top: 55px;}
.form-map .col-md-6 h2 {margin-top:0px;}
.form-area {padding: 20px;display: inline-block;width: 100%;background: #007bc2;}
.contact-form form .btn {background: #007bc2;color: #fff;padding: 8px 23px;text-transform: uppercase;font-size: 16px;}
.innr-bnnr h1 {position: absolute;color: #fff;bottom: -10px;width: 100%;left: 0;background: rgba(0,0,0, 0.5);padding: 10px;text-transform: uppercase;}
.margin-top{margin-top:45px;}
.blog-box p {margin-top: 15px;line-height: 25px;}
.conx-img-box {border: 5px solid #fff;box-shadow: 5px 1px 7px 1px #ccc;max-height: 300px;overflow: hidden;margin-bottom: 25px;}
.blog-box .btn {background: #007bc2;color: #fff;}

/* Styling the Popup Window */
/*.popup-trigger { display: block; margin: 0 auto; padding: 20px; max-width: 260px; background: #4EBD79; color: #fff;
font-size: 18px; font-weight: 700; text-align: center; text-transform: uppercase; line-height: 24px; cursor: pointer; }*/
.popup {display: none; position: absolute; top: 100px; left: 50%; width: 700px; margin-left: -350px; padding: 50px 30px;
background: #fff; color: #333; font-size: 19px; line-height: 30px; border: 10px solid #150E2D; z-index: 9999;}
.popup-mobile {position: relative; top: 0; left: 0; margin: 30px 0 0; width: 100%;}
.popup-btn-close {position: absolute; top: 8px; right: 14px; color: #4EBD79; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer;}
.blog-box h2 {font-size: 25px;font-weight: bold;}

.single-post p {line-height: 25px;margin: 15px 0px;}
.single-post .contentimg {margin: 15px auto;display: block;box-shadow: 1px 4px 7px 1px #ccc;border: 3px solid #fff;}
.form-group select {width: 100%;padding: 7px;border-radius: 5px;border: none;color: #555;}
.blog-box {	min-height: 690px;margin-bottom: 25px; }
#wprmenu_bar .menu_title a { top: 0 !important;	color: #fff;font-weight: bold;}

.blog-section-outer .col-md-4:nth-child(3n+1) {	clear: both; }