/*
Theme Name: Format Homes
Theme URI: https://virtualadagency.com.au/
Author: Virtual Ad Agency
Author URI: https://virtualadagency.com.au/
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700,900');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300&family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
html,body{height:100%}
body{padding:0;margin:0;font-family:'Montserrat',sans-serif!important;overflow-x:hidden;color:#000!important}
a{text-decoration:none!important}
a:hover{text-decoration:none!important}
img{max-width:100%;height:auto}
/*h1{font-weight:bold!important}*/
.pro_d02{margin:0 0 10px 0;padding:0 0 10px 0}
.pro_d02 li{display:inline-block;margin:0 26px 0 0;font-size:15px;padding:0}
.pro_d02 li img{float:inherit;margin:0;width:auto; max-height:25px;}
.pro_d02 li strong{font-size:20px;font-weight:500;margin:2px 5px 0 8px;float:right}
.pro_detail02{margin:20px 0 0 0;padding:0!important;float:left;width:100%}
.pro_detail02 li{float:left;padding:30px 0 27px 0;width:20%;text-align:center;border:#ccc solid 1px;margin:0 0 -1px -1px}
.pro_detail02 li img {max-height:60px;}
.pro_detail02 li span{display:block;padding:9px 0;font-size:14px;font-weight:500;color:#666}
.pro_detail02 li strong{display:block;font-size:24px;font-weight:400}
.modal-content{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.close{-webkit-appearance:none!important;padding:0!important;cursor:pointer!important;background:0!important;border:0!important;font-size:16px!important;color:#fff!important;opacity:10!important;top:40px;background:#168188!important;width:25px!important;height:25px!important;border-radius:50px!important;right:-28px;position:absolute!important;z-index:50000!important}
.modal-dialog{width:381px}
.form_head img{margin:5px 0 0 5px;width:auto;max-width:max-content}
.form_head .col-sm-9{border-left:#fff solid 2px;margin-left:10px}
.form_head{background:#168188;padding:25px 0;overflow:hidden;color:#fff}
.form_head h2{font-size:19px;font-weight:200;padding:0 0 5px 0;margin:0}
.form_head h3{font-size:20px;font-weight:600;padding:0;margin:0}
.form_container{margin:46px 0 0 0;padding:0 0 25px 0;background:#f9f9f9;overflow:hidden;border:#ccc solid 1px}
.form_body{margin:0 9%}
.form_body .p_holder{background:transparent;color:#bbb;border-bottom:#ccc solid 1px!important;width:100%;padding:13px 7px;border:0}
.p_holder_btn{background:#313131;border:0;padding:15px 0;width:100%;color:#fff;text-transform:uppercase;font-size:20px;font-family:Poppins;font-weight:600}
.p_holder_btn:hover{background:#013f32;text-decoration:none}
.showroom_locations ul{margin-bottom:15px}
.showroom_locations .clearFix{float:left;width:100%;border-bottom:#f2f2f2 solid 1px;padding:15px 0;margin:0 0 25px 0}
.showroom_locations h2{margin:28px 0 22px 0;border-top:#168188 solid 2px;padding:15px 0 0 0;text-align:center}
.blue_bg{background:#168188;color:#fff;overflow:hidden;width:100%;padding:15px}
.blue_bg h3{margin-top:0}
.form_contact h2{text-align:center;margin:2px 10px}
.form_contact{margin:0 auto;width:850px}
.form_contact input{border:#c3c9ca solid 1px;padding:10px;width:47%;float:left;margin:12px}
.form_contact select{border:#c3c9ca solid 1px;padding:10px;width:96.3%;float:left;margin:12px 12px}
.form_contact em{margin:0 0 0 12px}
.form_contact textarea{border:#c3c9ca solid 1px;padding:10px;width:96.3%;min-height:150px;float:left;margin:12px 12px}
.form_contact .sbtn_contact{background:#168188!important;color:#fff!important;font-weight:500!important;font-size:16px!important;padding:14px!important;border:0!important}
.form_popup h2{text-align:center;margin:2px 10px}
.form_popup{margin:0 auto}
.form_popup input{border:#c3c9ca solid 1px;padding:10px;width:100%;float:left;margin:12px 0 0 0}
.form_popup select{border:#c3c9ca solid 1px;padding:10px;width:100%;float:left;margin:12px 0}
.form_popup em{margin:0 0 0 12px}
.form_popup textarea{border:#c3c9ca solid 1px;padding:10px;width:100%;min-height:100px;float:left;margin:12px 0}
.form_popup .sbtn_contact{background:#168188!important;color:#fff!important;font-weight:500!important;font-size:16px!important;padding:14px!important;border:0!important}
.features{margin:0;padding:0;list-style:none}
.features li{margin:0;padding:5px 0 5px 25px;list-style:none;background:url(images/tick_icon.png) no-repeat 0 8px;font-size:15px;font-weight:500}
.brocher_list{margin:0;padding:0;list-style:none}
.brocher_list li{width:32.33%;display:inline-block;}
.four4_boxes{margin:55px 35px}
.four4_boxes .col-sm-6 img{width:100%;box-shadow:4px 4px 4px #ddd;padding:14px!important;border:3px solid #f2f2f2;margin:0 0 15px 0}
.four4_boxes a{color:#000}
.four4_boxes a:hover{color:#000;text-decoration:none}
.four4_boxes .col-sm-6 h2{font-size:17px;padding:5px 0 20px 0!important;margin:0}
.awards_boxes{margin-top:55px;margin-bottom:55px}
.awards_boxes .box{margin-bottom:30px}
.awards_boxes img{width:100%;box-shadow:4px 4px 4px #ddd;padding:14px!important;border:3px solid #f2f2f2;margin:0 0 15px 0}
.awards_boxes a{color:#000}
.awards_boxes a:hover{color:#000;text-decoration:none}
.awards_boxes h4 span{float:right;color:#e0c834}
.awards_boxes h3{font-size:20px;padding:5px 0 25px 0!important;margin:0}
.awards_boxes h2 img{width:auto;box-shadow:none;padding:0!important;border:0 solid #f2f2f2;margin:0}
.awards_boxes h2{font-size:17px;padding:5px 0 0 0!important;color:#124b5c!important;margin:0}
awards_boxes2{margin:55px 35px}
.awards_boxes2 p{margin:0}
.awards_boxes2 img{width:100%;box-shadow:4px 4px 4px #ddd;padding:14px!important;border:3px solid #f2f2f2;margin:0 0 15px 0}
.awards_boxes2 a{color:#000}
.awards_boxes2 a:hover{color:#000;text-decoration:none}
.awards_boxes h4 span{color:#e0c834}
.awards_boxes2 h3{font-size:24px;padding:35px 0 25px 0!important;margin:0}
.awards_boxes2 h2 img{width:auto;box-shadow:none;padding:0!important;border:0 solid #f2f2f2;margin:0}
.awards_boxes2 h4 img{width:auto;box-shadow:none;padding:0!important;border:0 solid #f2f2f2;margin:0 11px 0 0;border-radius:80px}
.awards_boxes2 h2{font-size:17px;padding:5px 0 0 0!important;color:#124b5c!important;margin:0}
.awards_boxes2 h4 em{float:right;font-style:normal}
.awards_boxes2 h4 span strong{margin:0 0 0 150px;color:#1c97a0;font-weight:500}
.awards_boxes2 h4 span{color:#ccb62e}
.awards_content{margin:0 0 12px 0;background:#f2f2f2;padding:10px 15px 15px 15px}
.map2{position:relative}
.text_area h3{font-size;20px;margin:0;padding:0}
.text_area h4{font-size;18px;margin:0;padding:0}
.text_area{background:rgba(2,113,122,0.8);position:absolute;text-align:center;color:#fff;bottom:0;padding:20px 80px; left:50%; transform:translateX(-50%); width:100%;}
.map2_circl{border-radius:180px;position:absolute;overflow:hidden;left:9%;top:50%; transform:translateY(-50%);height:380px;width:380px;-webkit-box-shadow:0 0 17px 0 rgba(79,79,79,1);-moz-box-shadow:0 0 17px 0 rgba(79,79,79,1);box-shadow:0 0 17px 0 rgba(79,79,79,1)}
.carousel-inner>.item>img{width:100%}
.new-home-carousel>.item>img{width:auto; margin:0 auto}
.viewmoredetail{display:none}
.topsocial_icons{float:right}
.topsocial_icons a{margin:0 0 0 5px}
.topheader{background:#f1efe2;padding:10px 0}
.header{padding:10px 0;background:#fff;min-height:100px;width:100%;background:rgba(23,134,140,1);background:-moz-linear-gradient(top,rgba(23,134,140,1) 0,rgba(14,94,112,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(23,134,140,1)),color-stop(100%,rgba(14,94,112,1)));background:-webkit-linear-gradient(top,rgba(23,134,140,1) 0,rgba(14,94,112,1) 100%);background:-o-linear-gradient(top,rgba(23,134,140,1) 0,rgba(14,94,112,1) 100%);background:-ms-linear-gradient(top,rgba(23,134,140,1) 0,rgba(14,94,112,1) 100%);background:linear-gradient(to bottom,rgba(23,134,140,1) 0,rgba(14,94,112,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#17868c',endColorstr='#0e5e70',GradientType=0)}
.logomain{margin:15px 0 0 0}
.menu{float:left;margin:0}
.navigation{background:#124b5c}
.navigation .col-sm-12{padding:0}
.contact_info{float:right;margin:15px 0 0 0}
.enquiry{float:right;background:#ccb62e;display:inline-block;color:#000;font-size:14px;font-weight:600}
.enquiry:hover{color:#fff}
.enquiry span{display:inline-block;text-transform:uppercase;padding:0 20px}
.call{float:left;font-weight:300;width:140px;font-size:13.5px;color:#fff;margin:8px 25px 0 0}
.call a{color:#fff}
.call a:hover{color:#fff}
.call img{float:left;margin:5px 10px 0 0}
.call strong{font-weight:500;font-size:14.5px}
.carousel-caption-mobile{display:none}
.mainslider{position:relative}
.mainslider .container {position:relative}


.tour_scrol_btn {position: absolute; left: 210px; top: 20px;z-index: 9;}
.overlay{background:rgba(0,0,0,.5);position:absolute;left:-150px;top:0;width:51%;height:100%;transform:skew(25deg)}
.carousel-caption{z-index:5000;color:#fff;position:absolute;top:22%;text-align:left!important;left:10%!important;right:auto;width:auto}
.carousel-caption h3{font-size:12px;margin:0;padding:0 0 10px 0;text-transform:uppercase}
.carousel-caption h2{font-size:30px;margin:0;padding:0;line-height:35px;text-transform:uppercase;font-weight:900}
.carousel-caption h2 strong{display:block;font-weight:900;color:#f1ca31}
.locationarea{margin:15px 0 0 0}
.locationarea span{float:left;width:47%;margin-left:-15px;line-height:25px}
.locationarea img{float:left;margin:0 25px 0 0}
.locationarea a{border:#f1ca31 solid 1px;color:#f1ca31;display:inline-block;text-transform:uppercase;font-weight:600;font-size:14px;padding:8px 27px}
.locationarea a:hover{border:#fff solid 1px;color:#fff}
.carousel-indicators .active{width:14px!important;height:14px!important;margin:0;background-color:#02717a!important}
.carousel-indicators li{display:inline-block!important;width:14px!important;height:14px!important;margin:1px!important;text-indent:-999px!important;cursor:pointer!important;background-color:#000\9!important;border:5px solid #fff!important;border-radius:0!important}
.carousel-indicators{bottom:10px!important;right:-25px!important;margin:0!important;left:auto!important}
.carousel-control{top:43%!important;width:auto!important;height:76px}
.carousel-control.left{opacity:10!important;background-image:none!important}
.carousel-control.right{opacity:10!important;background-image:none!important}
ul{margin:0;padding:0;list-style:none}
.searchlist .col-sm-6{padding:0}
.searchlist{text-align:center;background:#135366;padding:40px 0}
.searchlist_new {background:#135366 !important; padding: 40px 0 !important;}
.searchlist h3, .searchlist_new h3{padding:0 0 30px 0;margin:0;color:#fff !important;font-size:26px;font-weight:700;text-transform:uppercase}
.searchlist ul li{float:left;width:22%}
.searchlist ul li:first-child {width:27%;}
.searchlist ul li:first-child select {width:120px;}
.searchlist ul li:nth-child(2) {width:27%;}
.searchlist ul li:nth-child(2) select {width:120px;}
.searchlist ul li:last-child {width:24%;}
.searchlist ul li:last-child select {width:120px;}
.searchlist p{margin:0}
.searchlist ul li select{padding:7px 5px;margin:0 0 0 7px;width:100px}
.searchlist [type="radio"]:checked,.searchlist [type="radio"]:not(:checked){position:absolute;left:-9999px}
.searchlist [type="radio"]:checked+label,.searchlist [type="radio"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#fff;padding-top:10px}
.searchlist [type="radio"]:checked+label:before,.searchlist [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff}
.searchlist [type="radio"]:checked+label:after,.searchlist [type="radio"]:not(:checked)+label:after{content:'';width:14px;height:14px;background:#9f8d1d;position:absolute;top:8px;left:2px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.searchlist [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.searchlist [type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.searchlist [type="checkbox"]:checked,.searchlist [type="checkbox"]:not(:checked){position:absolute;left:-9999px}
.searchlist [type="checkbox"]:checked+label,.searchlist [type="checkbox"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#fff;padding-top:0}
.searchlist [type="checkbox"]:checked+label:before,.searchlist [type="checkbox"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:1px solid #ddd;background:#fff; border-radius:50%}
/*.searchlist [type="checkbox"]:checked+label:after,.searchlist [type="checkbox"]:not(:checked)+label:after{font-family: FontAwesome;content:"\f00c";width:14px;height:14px;color:#9f8d1d;position:absolute;top:8px;left:3px;-webkit-transition:all .2s ease;transition:all .2s ease}*/
.searchlist [type="checkbox"]:checked+label:after,.searchlist [type="checkbox"]:not(:checked)+label:after{content:"";width:12px;height:12px;background:#9f8d1d;position:absolute;top:9px;left:3px;-webkit-transition:all .2s ease;transition:all .2s ease; border-radius:50%;}
.searchlist [type="checkbox"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.searchlist [type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.searchlist .radios p{width:118px;float:left}
.searchlist .submitbtn{background:#ccb62e;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase;padding:8px 25px;float:left}
.collection{padding:25px 0}
.collection h2{padding:0;margin:0;text-transform:uppercase;font-size:42px;color:#000;text-align:center}
.collection h2 strong{font-weight:900}
.collection h1{padding:0;margin:0;text-transform:uppercase;font-size:42px;color:#000;text-align:center}
.collection h1 strong{font-weight:900}
.collection h3{background:#f4f4f4;padding:14px 10px;font-size:24px;margin:25px 15px 25px 15px;font-weight:700}
.btns .enq{text-transform:uppercase;background:#02717a;font-size:12px;font-weight:600;letter-spacing:1px;margin:40px 40px 15px -20px;display:block;padding:8px 15px;color:#fff}
.btns .downloadb{text-transform:uppercase;background:#b8a21e;font-size:12px;font-weight:600;letter-spacing:1px;margin:0 40px 15px -20px;display:block;padding:8px 15px;color:#fff}
.downloadb_brochure{text-transform:uppercase;background:#b8a21e;font-size:12px;font-weight:600;letter-spacing:1px;margin:-30px 10px 35px 10px; display:block;padding:8px 15px;color:#fff}
.downloadb_brochure img{float:right}

.btns img{float:right}
.detail-l{margin:0px 0 0 0}
.detail-l li{font-size:14px;padding:0 0 5px 0;font-weight:600}
.detail-l li span{color:#02717a}
.imgblock{position:relative}
.imgblock h4{position:absolute;background:#fff;bottom:-11px;left:12px;width:243px;text-align:center;padding:12px 0}
.imgblock img{width:100%}
.pro_d{border:#ccc solid 1px;margin:5px 0 0 0;padding:0;float:left;width:90%}
.pro_d li{float:left;padding:5px 0 5px 0;width:33.33%;text-align:center;border-right:#ccc solid 1px}
.pro_d li:last-child {border-right:0;}
.pro_d li img {max-height:42px;}
.pro_d li span{display:block;padding:4px 0;font-size:18px}
.pro_d li strong{display:block;font-size:24px;font-weight:400}
.collection .carousel-control{top:9%!important;left:auto!important;text-align:right!important;right:25px!important;width:auto!important}
.collection .carousel-control.left{right:79px!important}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background:transparent!important}
.displayvilages{padding:35px 0 0 0;background:#f2f2f2}
.displayvilages h2 strong{font-weight:800}
.displayvilages h2{font-weight:400;padding:40px 0 5px 0;margin:0;text-transform:uppercase;font-size:42px;color:#000;text-align:center}
.displayvilages h4.info_line {margin-bottom:30px;}
.displayvilages .nav-tabs{text-align:center;margin:0 0 70px 0;border:0!important}
.displayvilages .nav-tabs>li>a img{display:block;border-radius:150px;border:#f5f5f5 solid 10px}
.nav-tabs>li.active>a img{border:#02717a solid 10px}
.nav-tabs>li.active>a span{background:#02717a;position:relative;color:#fff}
.nav-tabs>li.active>a span:after{width:0;height:0;border:.8em solid transparent;border-bottom:0;border-top-color:#02717a;content:'';vertical-align:middle;display:inline-block;position:absolute;right:44%;bottom:-12px}
.displayvilages span{display:inline-block;background:#f1efe2;margin:15px 0;padding:16px 15px;color:#666}
.displayvilages .nav-tabs>li{float:inherit;margin-bottom:-1px;display:inline-block}
.displayvilages .nav-tabs>li>a:hover{background:transparent!important}
.displayvilages .nav-tabs>li>a{margin-right:35px;line-height:0;border:0!important;border-radius:0;padding:0}
.tab-content{background:url(images/bg.webp);overflow:hidden}
.tab-content .col-sm-6{padding:0}
.listaddress{margin:0}
.listaddress li{font-size:13px;margin:0 0 10px 0;font-weight:500}
.listaddress li a{color:#000!important}
.imgs{width:100%}
.display{margin:0 0 20px 0}
.pro_d2{margin:-5px 0 0 -30px;padding:0}
.pro_d2 li{float:left;padding:30px 0 27px 0;width:33.33%;text-align:center}
.pro_d2 li span{display:block;padding:5px 0 0 0;font-size:10px;background:transparent;margin:0;font-weight:600;color:#000}
.pro_d2 li strong{display:block;color:#000;font-size:12px;font-weight:600}
.villages_detail h3{font-weight:600;font-size:16.19px;margin:30px 0 0 0}
.villages_detail h4{font-weight:500;font-size:30px;color:#026169}
.villages_detail h4 strong{font-weight:900;margin:0 0 0 5px;font-size:30px;color:#000}
.homebuilder{text-align:center;padding:60px 0;background:url(images/banner_best.webp) center no-repeat; background-size:cover; position:relative;}
.homebuilder:before {position:absolute; left:0; top:0; bottom:0; right:0; content:""; background:rgba(0,0,0,.70);}
.homebuilder h2{color:#fff;font-size:36px}
.homebuilder ul{margin:0 0 0 -50px;padding:0}
.homebuilder ul li{margin:0;padding:0;float:left;width:20%;text-align:center}
.homebuilder ul li img{display:inline-block}
.homebuilder ul li span{color:#fff;text-align:center;margin:-21px -31px 0 0;display:block}
.house_land{background:#f4f4f4;padding:25px 0 40px 0}
.house_land h2 strong{font-weight:800}
.house_land h2{font-weight:400;padding:40px 0 40px 0;margin:0;text-transform:uppercase;font-size:42px;color:#000;text-align:center}
.owl-carousel .owl-wrapper-outer{padding:15px 0}
.padd{padding:0 15px!important;font-size:12px;font-weight:500}
.customNavigation .prev, .customNavigation .next{position:absolute; right:-20px; top:50%; transform:translateY(-50%); width:40px; height:45px; line-height:30px; text-align:center; background:#124b5c; font-size:35px; color:#fff;}
.customNavigation .prev {left:-20px;}
#demo .owl-controls {display:none !important;}

.top_knock_banner { background-position: center; background-repeat: no-repeat; background-size: cover; padding:30px 0 40px; color: #fff;}
.top_knock_banner h1 {margin-bottom: 50px; font-size: 55px; margin-top: 0; font-weight: 300;}
.top_knock_banner_left { padding: 0 25px 0;}
.top_knock_banner_left h3 {font-size: 52px;font-weight: 300; margin: 0; }


.btn_block {text-align: center; margin-top: 50px;}
.knowb .row{display: flex;flex-wrap: wrap;}
.align-self-center {display: inline-block;    vertical-align: bottom; align-self: center !important;}
.btn_styled{ text-transform: uppercase; font-size: 18px; padding:7px 15px;}

.btn-outline-light {color: #fff; border: #fff 2px solid; display: inline-block; background: transparent;}
.btn-outline-light:hover, .btn-outline-light:focus {color: #124b5c; border-color: #fff; background: #fff;}
.top_knock_banner_right img { display: block; max-width: 315px; margin: 0 auto;}


.icon_desk {position: relative;}
.blue_bg2 { background: #b6dcdd;}
.icon_desk_wrapper { position: relative; padding: 50px 0 0;}
/* .icon_desk_wrapper:after{position: absolute;right: 0;top: 0;bottom: 0;content: "";background: #84bdc0;width: 80%; -webkit-clip-path: polygon(100% 23%, 70% 100%, 100% 100%); clip-path: polygon(100% 23%, 70% 100%, 100% 100%);
} */

/* .icon_desk_wrapper ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.icon_desk_wrapper ul li { text-align: center; width: calc(50% -20px); display: inline-block; padding: 0 30px; }
.icon_desk_wrapper ul li .con_desk_col { padding: 0 30px; margin: 0 auto 50px; max-width: 318px;}
.icon_desk_wrapper ul li h3 {color: #c20000;}
.icon_desk_wrapper ul li p { font-size: 20px;}
.icon_desk_wrapper ul li .knockdown_icon { background-color: #c20000; width: 100px; height: 100px; border-radius: 100%; margin: 0 auto; line-height: 100px;} */


.icon_desk_wrapper ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.icon_desk_wrapper ul li { text-align: center; width:24%; display: inline-block; padding: 0 20px; vertical-align: text-top;}
.icon_desk_wrapper ul li .con_desk_col { margin: 0 auto 50px;position: relative; z-index: 1;}
.icon_desk_wrapper ul li h3 {color: #c20000; font-weight: 300;}
.icon_desk_wrapper ul li p { font-size: 20px;}
.icon_desk_wrapper ul li .knockdown_icon { background-color: #c20000; width: 100px; height: 100px; border-radius: 100%; margin: 0 auto; line-height: 100px;}
.icon_desk_wrapper ul li .knockdown_icon img {height: 50px; object-fit: scale-down;}

.red_box_banner {background: #c20000; position: relative; text-align: center; color:#fff;padding: 50px 0;}
/* .red_box_banner:after{position: absolute;left: 0;top: 0;content: "";background: #8c0000;width: 43%; -webkit-clip-path: polygon(0 0, 0 100%, 57% 0); clip-path:polygon(0 0, 0 100%, 57% 0); height: 100%;} */
.red_box_banner h2{padding: 0 25%; font-size: 57; font-weight: 300; }
.mb-4 {margin-bottom: 3rem;}

.sketch_bk_step{background:url(images/knock-down/sketch-bg11.png); background-position: center; background-repeat: repeat; padding: 40px 0;}
.step_block{position: relative;}
/*
.step_block:after {position: absolute; background:url(images/knock-down/step_line.png); background-position: center top; background-repeat: no-repeat; content: ""; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: 260px;background-size:contain; } */
.step_block .container {position: relative; z-index: 1;}
.step_block ul { list-style: none; margin: 0; padding: 0 80px; margin-top: 50px;}
.step_block ul li {display: block; overflow: hidden;   font-weight: 300; clear: both;  margin-bottom: 50px;}

.step_block ul li .step_inner {position: relative; padding-left: 90px; font-size: 30px; color: #000;}
.step_block ul li .step_inner h3 {font-weight: 200; margin-top: 0; font-size: 50px;color: #108a90;}
.step_block ul li .step_icon {position: absolute; left: 0; top: 4px; width: 60px;}
.step_block ul li:first-child .step_inner { margin-right: 80px;}
/*
.step_block ul li:nth-child(2) .step_inner, .step_block ul li:nth-child(4) .step_inner, .step_block ul li:nth-child(6) .step_inner { float: left;  padding-left: 0;  padding-right: 70px; text-align: right; }
.step_block ul li:nth-child(2) .step_inner  .step_icon, .step_block ul li:nth-child(4) .step_inner  .step_icon, .step_block ul li:nth-child(6) .step_inner  .step_icon{ left: inherit;  right: 0;}


.step_block ul li:nth-child(3) .step_inner {  text-align: center; } */


.reason_step_section { padding: 50px 0; color: #000; font-size: 30px; font-weight: 300; }
.reason_step_section h2{font-size: 55px; margin-bottom: 40px;font-weight: 300; color: #066272;}
.reason_step_section ul { list-style: disc;   padding-left: 26px; margin-bottom: 20px;}
.reason_step_section ul li+li {margin-top: 12px;}
.mt-4 {margin-top: 30px;}
.btn-danger2 {background: #c20000; border-color: #c20000; color: #fff;}
.btn-danger2:hover, .btn-danger2:focus {background: #8c0000; border-color: #8c0000; color: #fff;}

.commercial_video_section { padding: 60px 0; text-align: center; position: relative; background: #0d767d;}
.commercial_video_section:before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #138a90; width: 100%;

  -webkit-clip-path: polygon(0 0, 0 100%, 100% 0); clip-path: polygon(0 0, 0 100%, 100% 0);
}
.commercial_video_section .container {position: relative;}
.commercial_video_section {position: relative;width: 100%; height: auto; padding: 0; overflow: hidden;}
.commercial_video_section .video_poster {position: absolute; left:0; right:0; top:0; bottom:0; z-index: 99;}
.commercial_video_section .video_poster img { max-width: 100%; object-fit: cover;}
.commercial_video_section video {width: 100%; height: auto;}









.before_after_DESK_banner {position: relative;  background:url(images/knock-down/sketch-bg11.png); background-position: center; background-repeat: repeat;}
.before_after_DESK_banner .container {position: relative;}
.before_top {position: absolute; left: 40px; top: 40px; color: #013f32;}
.before_bottom {position: absolute; right: 40px; bottom: 40px; color: #fff;}
.before_top h4, .before_bottom h4 {font-size: 30px;}
.contact_step_section{ padding: 50px 0; color: #000; background-color: #b6dcdd; font-size: 20px;   }

.contact_step_section h2 {font-size: 55px; margin-bottom: 40px; font-weight: 300; text-transform: uppercase; color: #066272; }
.contact_step_section .form-group { margin-bottom: 25px;}
.contact_step_section .form-control{ height: auto; padding: 12px; font-size: 16px;}
.contact_step_section .btn { padding: 12px 20px;font-size: 16px;}

.align-self-start {align-self: flex-start!important;}
.align-self-end { align-self: flex-end!important;}

.dream_section {padding: 120px 0; font-family: 'Roboto Condensed', sans-serif;}
.dream_section h1, .dream_section h2, .dream_section h3 {font-family: 'Oswald', sans-serif;}
.dream_section .row {display: flex;flex-wrap: wrap;}


.top_dream_banner { background-position: center; background-repeat: no-repeat; background-size: cover; padding:120px 0; color: #fff;}
.top_dream_banner h1 {margin-bottom: 50px; font-size: 55px; margin-top: 0; font-weight: 300;}
.top_dream_banner_left { padding: 0 25px 0;}
.top_dream_banner_left h3 {font-size: 50px;font-weight: 200; margin: 0; }


.top_dream_banner_left img { display: block; max-width: 315px; margin: 0 auto;}


.dream_slogen_images {position: relative; margin-bottom: 75px;}
.dream_slogen_images img  {max-width: 525px;}
/* .dream_slogen_images img {position: absolute; left: 0;} */

.blue_bg3{background: #b7dcdd;}

.btn_block_dream { margin-top: 50px;}
.btn_block_dream .banner_btn_left {text-align: left;}
.btn_block_dream .banner_btn_right {text-align: center;}
.btn_block_dream .btn {font-family: 'Roboto Condensed', sans-serif; font-size: 23px; font-weight: 700;}





.blue_bg2 { background: #b6dcdd;}
.dream_desk_wrapper { position: relative; }


.dream_desk_wrapper ul {list-style: none; margin: 0; padding: 0; text-align: center;}
.dream_desk_wrapper ul li { text-align: center; width:24%; display: inline-block; padding: 0 20px; vertical-align: text-top;color: #0a6272;}
.dream_desk_wrapper ul li .con_desk_col { margin: 0 auto;position: relative; z-index: 1;}
.dream_desk_wrapper{ font-weight: 300;}
.dream_desk_wrapper ul li h4 {font-size: 23px; font-family: 'Roboto Condensed', sans-serif; }

.dream_desk_wrapper ul li h4 b, .dream_desk_wrapper ul li h4 strong {font-weight: 700;}
.dream_desk_wrapper ul li p { font-size: 20px;}
.dream_desk_wrapper ul li .dream_icon {  margin: 0 auto 35px; }
.dream_desk_wrapper ul li .dream_icon img {max-width: 105px;}
/* .dream_desk_wrapper ul li .knockdown_icon img {height: 50px; object-fit: scale-down;} */

.justify-content-center { justify-content: center !important;}

.red_banner {background: #c20000; position: relative; color:#fff;padding: 80px 0; font-size: 25px;font-weight: 300;}
.red_banner h2{ font-size: 100px; font-weight: 200; margin-top: 0; margin-bottom: 40px;}

/* .before_after_DESK_banner.dream_section {padding: 0;} */


.before_after_dream_banner { background-position: center; background-repeat: no-repeat; background-size: cover;  color: #fff; position: relative; height: 750px;}


.before_top_dream h4, .before_bottom_dream h4 {font-size: 45px; font-weight: 700; text-shadow: #000 0 1px 1px;}

.before_top_dream {position: absolute; left: 40px; top: -95px; color: #fff;}
.before_bottom_dream {position: absolute; right: 40px; bottom: -585px; color: #fff;}

.before_top_dream:before { background: url(images/dream/border1.png) left no-repeat;  width: 100px; height: 181px; position: absolute; left: 0; top: -181px; content: "";}

.before_bottom_dream:before { background: url(images/dream/border2.png) left no-repeat;  width: 100px; height: 181px; position: absolute; right: 0; bottom: -181px; content: ""; z-index: 1;}




.dream_video_section {  text-align: center; position: relative; background: #108991;}
.dream_video_section:before {position: absolute; left: 0; right: 0; top: 0; bottom: 0; content: ""; background: #0b767c; width: 100%;clip-path: polygon(100% 0, 41% 100%, 100% 100%);
}
.dream_video_section h2 {color: #fff; text-transform: uppercase; margin-bottom: 40px; margin-top: 0; font-size: 60px; font-weight: 200;}
.dream_video_section .container {position: relative;}


.dream_video .video_poster {position: absolute; left:0; right:0; top:0; bottom:0; z-index: 99;}
.dream_video .video_poster img { max-width: 100%; object-fit: cover;}

.dream_video {position: relative;  height: 530px; overflow: hidden; height: auto;}
.dream_video video {width: 100%; position: relative; height: auto; min-height: 0; transform: none; left: inherit; top: inherit; transform: none;}





.dream_step  .row {display: flex;flex-wrap: wrap}
.dream_step article+article {margin-top: 80px;}

.dream_step article .dream_block_text {text-align: left;color: #066272; font-size: 25px; padding-left: 10px;}
.dream_step article .dream_block_text h3 { font-weight: 200; margin-top: 0; font-size: 46px; color: #108a90; }
.dream_step article .dream_block_text p {font-weight: 300;}

.dream_step article .row [class*="col-"]:first-child  {order: 2;}
.dream_step article .row [class*="col-"]:last-child  {order: 1;}

.dream_step article:nth-child(even)  .row [class*="col-"]:first-child  {order: 1;}
.dream_step article:nth-child(even)  .row [class*="col-"]:last-child  {order: 2;}
.dream_step article:nth-child(even) .dream_block_text {text-align: right; padding-left: 0; padding-right: 10px;}

.bottom_fold_dream { background-position: center; background-repeat: no-repeat; background-size: cover; color: #066272; font-size: 32px;font-family: 'Oswald', sans-serif; font-weight: 200;}

.bottom_fold_left .btn {margin-top: 50px; border: #fff 2px solid;     font-size: 30px; font-weight: 700;font-family: 'Roboto Condensed', sans-serif; }
.dream_slogen_dark {text-align: right;}
.dream_slogen_dark img  {max-width: 250px;}

.banner_lt_link { right: 420px;  width: 500px; }
.banner_r_link {right: 0;}
.banner_lt_link, .banner_r_link {height: 100px; z-index: 9; bottom: 40px;  display: inline-block;position: absolute; }
.banner_r_link { width: 396px;}



@media(min-width:766px){
.right_s_btn {text-align: right;}
}

@media(max-width:1680px){
  .banner_lt_link { right: 356px;}
  .banner_r_link { width: 336px;}
}
@media(max-width:1600px){
  .banner_lt_link { right: 350px;}

}
@media(max-width:1550px){

  .banner_lt_link { right: 330px; }
  .banner_r_link { width: 327px;}
}
@media(max-width:1500px){
  .banner_lt_link { right: 320px; }
 .banner_r_link { width: 301px;}
}
@media(max-width:1440px){
}
@media(max-width:1380px){
  .banner_lt_link { right: 300px; }
 .banner_r_link { width: 280px;}
}
@media(max-width:1300px){
}
@media(max-width:1280px){
.top_dream_banner {padding: 80px 0;}
.banner_lt_link { right: 280px;}
.banner_r_link { width: 260px;}
}
@media(max-width:1023px){
.house_land h2 {margin-bottom:20px;}
.customNavigation .prev, .customNavigation .next {right:5px;top: -33px; right: 26px; left: inherit; transform: none;}
.customNavigation .prev {top: -33px; right: 86px;left: inherit; transform: none;}
.before_after_DESK_banner .container {padding: 0; width: 100%;}
}
.service_box img{width:100%}
.service_box ul{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:#ccc solid 1px}
.service_box ul li{display:inline-block;margin:0 26px 0 0;font-size:15px;padding:0}
.service_box ul li img{float:inherit;margin:0;width:auto; max-height:23px;}
.service_box .col-sm-6{padding:0}
.service_box .col-sm-12{padding:0}
.service_box h3{font-size:18px;color:#000;font-weight:600}
.service_box{overflow:hidden;background:#fff;margin:0 3%;border-radius:0;padding:0;-webkit-box-shadow:0 5px 15px 0 rgba(217,217,217,1);-moz-box-shadow:0 5px 15px 0 rgba(217,217,217,1);box-shadow:0 5px 15px 0 rgba(217,217,217,1)}
.service_box:hover{-webkit-box-shadow:0 5px 15px 0 rgba(173,173,173,1);-moz-box-shadow:0 5px 15px 0 rgba(173,173,173,1);box-shadow:0 5px 15px 0 rgba(173,173,173,1)}
.enquiry2{background:#737373;padding:5px 14px;margin:0 5px 0 0;display:inline-block;color:#fff}
.enquiry2:hover{background:#000;color:#fff}
.dnb:hover{background:#000;color:#fff}
.dnb{border:#737373 solid 1px;color:#737373;padding:4px 14px;display:inline-block}
.owl-buttons{display:none!important}
.owl-theme .owl-controls .owl-page span{display:block;width:40px!important;height:5px!important;margin:5px 7px!important;filter:Alpha(Opacity=10);opacity:10!important;background:#6f6f6f!important}
.owl-theme .owl-controls .active span{background:#b5a546!important}
.testoimonials{padding:25px 0}
.testoimonials h2 strong{font-weight:800}
.testoimonials h2{font-weight:400;padding:40px 0 60px 0;margin:0;font-size:42px;color:#000;text-align:center}
.testoimonials .col1{background:#f6f6f6;padding:20px 30px 12px 30px}
.quoteicon{margin:-60px 0 0 0}
.testoimonials h4{font-size:15px;font-weight:700;margin:0;padding:0 0 5px 0}
.testoimonials p{font-size:13px;font-weight:500;padding:0;line-height:24px}
.person_detial{border-top:#a7a7a7 solid 1px;padding:10px 0 0 0;margin:12px 0 0 0;font-size:12px;font-weight:600}
.person_detial img{margin:0 15px 0 0}
.sendmessage{background:url(images/bg3.webp);overflow:hidden;margin:25px 0 0 0;padding:100px 0}
.sendmessage .col-sm-6{padding:0}
.heartofgold p{font-size:14px;font-weight:500}
.heartofgold{background:#f8f7f8;border:#fff solid 8px;min-height:349px;overflow:hidden;padding:30px 30px;position:relative}
.heartofgold h2{font-weight:800;font-size:22.8px;text-transform:uppercase;color:#000;margin:10px 0 5px 0;padding:0}
.fiveicons{position:absolute;right:16px;top:16px}
.corporatehead{margin:18px 0 24px 0}
.corporatehead strong{display:block}
.corporatehead span{color:#026169}
.btnsall .callusnowbtn{background:#026169;border:#3a848a solid 1px;width:191px;padding:5px 5px;float:left;color:#fff}
.btnsall .callusnowbtn strong{display:block}
.btnsall .callusnowbtn img{float:left;margin:15px 10px}
.btnsall .callusnowbtn span{margin:7px 0 0 0;display:block}
.btnsall .callusnowbtn span strong{font-weight:600}
.btnsall .submienq{background:#f4f4f4;border:#026169 solid 1px;width:275px;padding:7px 5px;margin:0 0 0 13px;float:left;color:#026169}
.btnsall .submienq strong{display:block}
.btnsall .submienq img{float:left;margin:15px 10px}
.btnsall .submienq span{margin:7px 0 0 0;display:block}
.btnsall .submienq span strong{font-weight:600}
.formDiv{min-height:349px;padding:40px 30px;background:#124b5c}
.formDiv h4{margin:0 0 20px 0;padding:0;font-weight:700;font-size:23.3px;color:#fff}
.formDiv h4 strong{color:#f1ca31}
.formDiv .col-sm-6{padding:0 15px}
.formDiv input{padding:10px;margin:0 0 15px 0;border:#9cb0b6 solid 1px;color:#666;width:100%}
.formDiv textarea{padding:10px;margin:0 0 15px 0;border:#9cb0b6 solid 1px;height:98px;color:#666;width:100%}
.formDiv select{padding:10px;margin:0 0 15px 0;border:#9cb0b6 solid 1px;color:#666;width:100%}
.messagesubmitbtn{background:#f1ca31;color:#000!important;padding:7px 25px;border:#3a848a solid 1px;width:130px!important;font-size:14px;float:right;font-weight:800;height:47px}
.scrollertotop{background:#f1ca31;text-align:center}
footer{text-align:center;background:#124b5c;padding:80px 0}
footer p{color:#fff;margin:20px 0 0 0}
.searchlist_inner .col-sm-6{padding:0}
.searchlist_inner{text-align:center;background:#ededed;padding:60px 0 80px 0}
.searchlist_inner h3{padding:0 0 30px 0;margin:0;color:#000;font-size:26px;font-weight:700;text-transform:uppercase}
.searchlist_inner ul li{float:left;width:22%}
.searchlist_inner ul li:first-child {width:27%;}
.searchlist_inner ul li:first-child select {width:120px;}
.searchlist_inner ul li:nth-child(2) {width:27%;}
.searchlist_inner ul li:nth-child(2) select {width:120px;}
.searchlist_inner ul li:last-child {width:24%;}
.searchlist_inner ul li:last-child select {width:120px;}
.searchlist_inner p{margin:0}
.searchlist_inner ul li select{border:0;font-size:14px;padding:7px 5px;margin:0 0 0 7px;width:100px}
.searchlist_inner [type="radio"]:checked,.searchlist_inner [type="radio"]:not(:checked){position:absolute;left:-9999px}
.searchlist_inner .col-sm-9{padding:0}
.searchlist_inner .col-sm-3{padding:0}
.searchlist_inner [type="radio"]:checked+label,.searchlist_inner [type="radio"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#000}
.searchlist_inner [type="radio"]:checked+label:before,.searchlist_inner [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:2px solid #000;border-radius:100%;background:#fff}
.searchlist_inner [type="radio"]:checked+label:after,.searchlist_inner [type="radio"]:not(:checked)+label:after{content:'';width:14px;height:14px;background:#9f8d1d;position:absolute;top:8px;left:2px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.searchlist_inner [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.searchlist_inner [type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.searchlist_inner [type="checkbox"]:checked,.searchlist_inner [type="checkbox"]:not(:checked){position:absolute;left:-9999px}
.searchlist_inner [type="checkbox"]:checked+label,.searchlist_inner [type="checkbox"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#000; padding-top:0;}
.searchlist_inner [type="checkbox"]:checked+label:before,.searchlist_inner [type="checkbox"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:2px solid #000;background:#fff;  border-radius:50%;}
/*.searchlist_inner [type="checkbox"]:checked+label:after,.searchlist_inner [type="checkbox"]:not(:checked)+label:after{font-family: FontAwesome;content:"\f00c";width:14px;height:14px; color:#9f8d1d;position:absolute;top:8px;left:3px;-webkit-transition:all .2s ease;transition:all .2s ease}*/
.searchlist_inner [type="checkbox"]:checked+label:after,.searchlist_inner [type="checkbox"]:not(:checked)+label:after{width:8px;height:8px; background:#9f8d1d;position:absolute;top:11px;left:5px;-webkit-transition:all .2s ease;transition:all .2s ease; border-radius:50%; content:"";}
.searchlist_inner [type="checkbox"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.searchlist_inner [type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.searchlist_inner .radios p{width:120px;float:left}
.searchlist_inner .submitbtn{background:#ccb62e;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase;padding:8px 25px;float:right}






.search_temp{text-align:center;background:#ededed;padding:60px 0 80px 0}

.search_temp .row{ margin:0 -7px;}
.search_temp .row [class*="col-"] {  padding:0 7px;}
.search_temp h3{padding:0 0 30px 0;margin:0;color:#000;font-size:26px;font-weight:700;text-transform:uppercase}
.search_temp ul li{float:left;width:18%}

.search_temp p{margin:0}
.search_temp ul li .form-select {display: inline-block;}
.search_temp ul li select{border:0;font-size:14px;padding:7px 5px;margin:0 0 0 7px;width:92px}


.search_temp ul li:first-child {width:24%;}
.search_temp ul li:first-child .form-control {width:92px; display: inline-block;}
.search_temp ul li:first-child select {width:95px;}
.search_temp ul li:last-child {width:21%;}
.search_temp ul li:last-child select {width:120px;}
.search_temp .select2-container {width: 140px !important; text-align: left;}
.search_temp .select2-container .select2-selection--single {border-radius: 0!important; height: 32px!important;}


.search_temp [type="radio"]:checked,.search_temp [type="radio"]:not(:checked){position:absolute;left:-9999px}

.search_temp [type="radio"]:checked+label,.search_temp [type="radio"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#000}
.search_temp [type="radio"]:checked+label:before,.search_temp [type="radio"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:2px solid #000;border-radius:100%;background:#fff}
.search_temp [type="radio"]:checked+label:after,.search_temp [type="radio"]:not(:checked)+label:after{content:'';width:14px;height:14px;background:#9f8d1d;position:absolute;top:8px;left:2px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}
.search_temp [type="radio"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.search_temp [type="radio"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.search_temp [type="checkbox"]:checked,.search_temp [type="checkbox"]:not(:checked){position:absolute;left:-9999px}
.search_temp [type="checkbox"]:checked+label,.search_temp [type="checkbox"]:not(:checked)+label{text-transform:uppercase;position:relative;padding-left:28px;cursor:pointer;font-size:12px;line-height:14px;font-weight:400;text-align:left;display:inline-block;color:#000; padding-top:0;}
.search_temp [type="checkbox"]:checked+label:before,.search_temp [type="checkbox"]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;border:2px solid #000;background:#fff;  border-radius:50%;}
/*.search_temp [type="checkbox"]:checked+label:after,.search_temp [type="checkbox"]:not(:checked)+label:after{font-family: FontAwesome;content:"\f00c";width:14px;height:14px; color:#9f8d1d;position:absolute;top:8px;left:3px;-webkit-transition:all .2s ease;transition:all .2s ease}*/
.search_temp [type="checkbox"]:checked+label:after,.search_temp [type="checkbox"]:not(:checked)+label:after{width:8px;height:8px; background:#9f8d1d;position:absolute;top:11px;left:5px;-webkit-transition:all .2s ease;transition:all .2s ease; border-radius:50%; content:"";}
.search_temp [type="checkbox"]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
.search_temp [type="checkbox"]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
.search_temp .radios p{width:92px;float:left}
.search_temp .submitbtn{background:#ccb62e;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase;padding:8px 12px;float:right}
.home_contents_list2 li img {max-height:23px;}









.dropbtn{background-color:#fff;padding:5px 16px;font-size:14px;border:0;font-weight:700;color:#155568}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;background-color:#fff;min-width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:999}
.dropbtn img{margin:0 5px}
.dropdown-content a{color:black;padding:12px 16px;text-decoration:none;border-bottom:#ccc solid 1px;display:block}
.dropdown-content a:hover{background-color:#ddd}
.dropdown:hover .dropdown-content{display:block}
.list1{margin:0 8px}
.pull-right-bar{float:right;margin:15px 0 0 0}
.Inner_projects_area h2,.Inner_projects_area h1{text-transform:uppercase;font-weight:700;color:#000}
.img_container{position:relative;margin:16px 0 16px 0; overflow: hidden;}




.img_container6:after {background:url(images/50KGraphic.png) no-repeat 0 0; width: 91px; background-size: contain; position: absolute; content: ""; right: 0; top: 40px; bottom:40px;}

.addrs{position:absolute;width:100%;text-align:center;top:35%;left:50%;transform:translate(-50%,-65%)}
.addrs h2{font-size:18px;color:#fff;text-transform:none;font-weight:500}
.addrs a{border:#fff solid 1px;padding:3px 20px;display:inline-block;color:#fff!important;font-weight:600}
.addrs a:hover{color:#000!important;text-decoration:none}
.img_container span{position:absolute;right:10px;top:10px}



.img_container span.pull-left{font-weight:600;position:relative!important;right:0;top:inherit}
.img_container:hover .hover_container{display:block}
.hover_container{display:none;position:absolute;width:100%;height:100%;z-index:500;background:rgba(2,113,122,0.8)}
.topadress{background:#f7f7f7;position:relative;padding:5px 20px}
.topadress span{position:absolute;right:10px;top:10px}
.img_container .starspan{position:absolute;z-index:50!important;right:10px;top:10px}
.img_container_bar {position: relative; background: #c7c5c5; padding: 15px; z-index: 9;padding-bottom: 25px;}
.img_container_bar .clicktour { position: absolute;left:10px;top:10px}
.img_container .clickpan{position:absolute;z-index:50!important;left:10px;top:10px}


.topadress h3{font-size:17px;font-weight:600;margin:0;padding:10px 0 7px 0}
.topadress h4{font-size:19px;font-weight:500;margin:0;padding:4px 0 10px 0}



/* .middlearea{position:relative; background-position: center;  background-size: 100% 100%; height: 266px;} */


.middlearea { position:relative; text-align:center;}
.middlearea img { height:182px; object-fit:cover;}
.middlearea.full_width img { width:100%;}

.middbar {position: relative;}
.middbar .tbar{color:#fff;font-weight:600;font-size:14.18px;background:rgba(2,113,122,0.9);position:relative;width:100%;bottom:0;padding:10px; z-index: 999;}
.middbar .tbar span{float:right}







.middlearea .tbar{color:#fff;font-weight:600;font-size:14.18px;background:rgba(2,113,122,0.9);position:absolute;width:100%;bottom:0;padding:10px; z-index: 999;}
.middlearea .tbar span{float:right}

.footbar{padding:12px 15px;background:#f7f7f7}
.footbar2{padding:13px 15px 32px 15px!important; position: relative;  z-index: 999;}
.map2 img{width:134%}
.footbar ul{margin:0;padding:0}
.footbar ul li{display:inline-block;font-weight:500;margin:0 15px 0 0}
.footbar ul li img{margin:0 3px 0 0}
.detailmore{margin:52px 0 0 0}
.detailmore .totalarea{color:#145567;font-weight:500}
.detailmore .totalarea{margin:8px 0}
.vmoredetail{background:#165567;color:#fff;float:right;padding:4px 18px;margin:-55px 22px 0 0}
.homecollection{background:#f7f7f7;margin:0 0 25px 0}
.homecollection .img_container{margin:0!important}
.detailmore .totalarea span{color:#000;margin:0 35px 0 0}
.detailmore h4{font-weight:700;font-size:24px;color:#145567}
.detailmore ul{margin:0;padding:0}
.detailmore ul li{display:inline-block;font-weight:500;margin:0 15px 0 0}
.detailmore ul li img{margin:0 3px 0 0}
.pagination>li>a{position:relative;float:left;padding:6px 12px;margin-left:5px!important;border-radius:5px;line-height:1.42857143;color:#878787!important;text-decoration:none;background-color:#fafafa!important;border:1px solid #d5d5d5}
.pagination .active a{color:#fff!important;background-color:#7e7e7e!important;border:1px solid #d5d5d5!important}
.how_we_build{margin:0px 0 50px}
.how_we_build .carousel-inner .item img{width:100%}
.how_we_build .carousel-inner{-webkit-box-shadow:0 0 42px -4px rgba(110,110,110,1);-moz-box-shadow:0 0 42px -4px rgba(110,110,110,1);box-shadow:0 0 42px -4px rgba(110,110,110,1)}
.how_we_build_banner{margin:0 0 0 50px;position:relative}
.how_we_build_banner span{position:absolute;top:27px;left:-30px;background:#14797e;height:370px;width:30px}
.how_we_build h2{padding:0 25px;text-transform:uppercase;font-weight:600;font-size:32.5px;color:#124b5c; margin-top:0; line-height:1;}
.how_we_build p{padding:0 25px;font-size:15px;line-height:23px;font-weight:500;text-align:justify}
.how_we_build .carousel-control{top:auto!important;width:auto!important}
.how_we_build .carousel-control.left{left:76.3%}
.bestvalue{margin:10px 0 15px 0}
.how_we_build_banner2{margin:0 50px 0 0;position:relative}
.how_we_build_banner2 span{position:absolute;top:27px;right:-30px;background:#14797e;height:370px;width:30px}
.contactus_container{margin:50px auto!important;width:890px!important}
.contactus_container h2{font-size:32px;font-weight:500;margin:0;padding:0 0 15px 0}
.contactus_container h3{font-size:23px;font-weight:500;margin:0;padding:0 0 23px 0}
.contactus_container .form .inputcls{padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.contactus_container .form select{padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.contactus_container .form textarea{min-height:110px;padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.contactus_container .form .sbmitbtn{background:#02717a;color:#fff;border:0;text-transform:uppercase;font-size:18px;padding:10px 38px}
.supalocbg{background:url(images/bg4.png);min-height:1980px;background-size:cover; max-width:1550px; margin:0 auto; background-position:0 -45px; background-repeat:no-repeat;}
.supalochead img{margin:80px 0 0 0}
.supalochead h2, .supalochead h1{padding:0;text-transform:uppercase;font-weight:600;font-size:32.5px;color:#124b5c}
.supalochead p{padding:0;font-size:15px;line-height:23px;font-weight:500;text-align:justify}
.saveimg{ position:absolute; top:100px; z-index:-1; right:0;}
.box1 img, .box2 img, .box3 img, .box4 img {box-shadow:0 0 42px -4px rgba(110,110,110,1); -webkit-box-shadow:0 0 42px -4px rgba(110,110,110,1);}
.box1{margin:50px 0 0 0}
.box1 img{width:100%}
.box1 h2{padding:0;margin:0 0 7px 0;text-transform:uppercase;font-weight:600;font-size:60px;color:#309da2}
.box1 h3{padding:0;margin:0 0 7px 0;text-transform:uppercase;font-weight:600;font-size:40px;color:#fff}
.box1 p{padding:0 0 0 0;font-size:15px;color:#fff;line-height:22px;font-weight:500;text-align:justify}
.box2{margin:50px 0 0 0}
.box2 img{width:100%}
.box2 h2{padding:0;margin:20px 0 7px 0;text-transform:uppercase;font-weight:700;font-size:24px;color:#000}
.box2 p{padding:0 50px 0 0;font-size:15px;color:#000;line-height:24px;font-weight:500;text-align:justify}
.box2 iframe {width:65%; height:275px;}
.box3{margin:95px 0 0 0}
.box3_data {margin:120px 0 0;}
.box3 img{width:80%}
.box3 h2{padding:0;margin:50px 0 30px 0;text-transform:uppercase;font-weight:800;font-size:50px;color:#fff}
.box3 h2.heading_1{padding:0;margin:15px 0 30px 0;text-transform:uppercase;font-weight:800;font-size:50px;color:#fff}
.box3 h4{padding:0;margin:230px 0 8px 0;text-transform:uppercase;font-weight:800;font-size:31px;color:#fff}
.box3 h3{padding:0;margin:60px 0 7px 0;text-transform:uppercase;font-weight:600;font-size:40px;color:#fff}
.box3 p{padding:0 50px 0 0;font-size:15px;color:#fff;line-height:22px;font-weight:500;text-align:justify}
.box4{margin:120px 0 80px 0}
.box4 img{width:100%}
.box4 h4{padding:0;margin:10px 0 7px 0;text-transform:uppercase;font-weight:700;font-size:24px;color:#000}
.box4 p{padding:0 50px 0 0;font-size:15px;color:#000;line-height:22px;font-weight:500;text-align:justify}
.address_d span{float:right;margin:12px 10px 0 0;color:#fff;font-size:18px}
.address_d span a{padding:0 0 0 5px}
.address_d h2{float:left;color:#fff;margin:0;padding:15px;font-size:22px}
.address_d{bottom:0;height:50px;top:auto;position:absolute;width:100%;z-index:500;background:rgba(2,113,122,0.7)}
.containerList{margin:0;padding:0}
.containerList li span{color:#155568}
.containerList li{width:16.6%;float:left;border-left:#fff solid 1px;font-weight:600;padding:18px 0;text-align:center;background:#e6e6e6}
.altrow{background:#d3d3d3!important;width:16.7%!important}
.address_d_form{margin:25px 0}
.address_d_form h2{font-size:32px;font-weight:500;margin:0;padding:0 0 15px 0}
.address_d_form h3{font-size:23px;font-weight:500;margin:0;padding:0 0 23px 0}
.address_d_form .form .inputcls{padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.address_d_form .form select{padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.address_d_form .form textarea{min-height:110px;padding:14px 12px;border:#d0d0d0 solid 1px;width:100%;margin:0 0 10px 0}
.address_d_form .form .sbmitbtn{background:#02717a;color:#fff;border:0;text-transform:uppercase;font-size:18px;padding:10px 38px}
.address_d_form .address .map{width:100%}
.address_d_form .address1{margin:30px 0 0;font-size:15px;font-weight:500}
.address_d_form .address1 a{color:#02717a;text-decoration:underline!important}
.txt01{font-size:15px;line-height:18px;font-weight:500}
.pro_d2{border:#ccc solid 1px;margin:20px 0 0 -16px;padding:0!important;float:left;width:41%}
.pro_d2 li{float:left;padding:30px 0 27px 0;width:33.33%;text-align:center;border-right:#ccc solid 1px}
.pro_d2 li span{display:block;padding:9px 0;font-size:14px;font-weight:500;color:#666}
.pro_d2 li strong{display:block;font-size:24px;font-weight:400}
.dboucher{float:left}
.download_brochure img{float:right}
.download_brochure{text-transform:uppercase;background:#b8a21e;font-size:14px;width:300px;font-weight:600;letter-spacing:1px;display:inline-block;margin:20px 0;display:block;padding:12px 15px;color:#fff!important}
.download_brochure:hover{color:#124b5c!important}
.planmap span{position:absolute;right:15px;top:15px}
.planmap{position:relative;background:#f5f5f5;text-align:center;float:left;width:100%;padding:20px}
.brochers h3{background:#17878c;color:#fff;padding:12px 0;margin:12px 0 30px 0;font-size:20px;text-align:center}
.brochers{float:left;width:100%;text-align:center}
.brochers img{margin:0 0 13px 0; width:95%;}
.alignleft{float:left;margin:0 15px 10px 0}
.alignright{float:right;margin:0 0 10px 15px}
.aligncenter{text-align:center}
img.aligncenter{text-align:center;position:relative;left:50%;transform:translate(-50%);-webkit-transform:translate(-50%)}
.alignnone{float:none}
.clear{clear:both}
.clear1{clear:both;padding:1px 0 0}
.clear5{clear:both;padding:3px 0 2px}
.clear10{clear:both;padding:5px 0}
.clear15{clear:both;padding:8px 0 7px}
.clear20{clear:both;padding:10px 0}
.clear30{clear:both;padding:15px 0}
.clear50{clear:both;padding:25px 0}
.mt-0{margin-top:0!important}
.mb-0{margin-bottom:0!important}
.pt-0{padding-top:0!important}
.pb-0{padding-bottom:0!important}
.mrb-10{margin:0 10px 10px 0}
.br-0,button,.btn,.form-control,.alert,.thumbnail,.img-thumbnail{border-radius:0!important;-webkit-border-radius:0!important}
.red{color:#F00}
.btn-theme{background:#02717a;border-color:#02717a;color:#fff}
.btn-theme:hover{background:#135366;border-color:#135366;color:#fff}
.inner_contents{padding:25px 0 30px 0;min-height:300px}
.inner_contents a{color:#ccb62e}
.inner_contents a:hover{color:#124b5c}
.inner_contents .btn{color:#fff}
.inner_contents .btn:hover{color:#fff}


.blog_section {background-color: #f3f9f9; padding-top: 25px;}
.text-center {text-align: center;}
.inner_hedding {color:#086272; margin-bottom: 40px;}
.inner_hedding h1 {font-size: 50px;}
.inner_hedding h1, .inner_hedding h2{ font-weight: 700;}
.blog_item { margin-bottom: 50px;}
.blog_item h4{font-weight:400; font-size:27px; margin-top: 0;}
.blog_item h4 a {color: #333;}
.blog_item p{line-height: 1.6;}
.published_date {color: #fff; background-color: #086272; padding: 5px; font-weight: 700; margin: 15px 0 25px; display: inline-block;}

/* .more_blog {font-weight: 600; text-decoration: underline; color: #c20000;}
.more_blog:hover{color: #086272; text-decoration: none;} */
.blog_desc {margin-top: 25px;}
.blog_desc a {font-weight: 600; }
ul.blog_gallery{list-style: none; margin: 0; padding: 0; display: flex;}
ul.blog_gallery li {display: flex;}
.more_blog {margin-top: 35px;}
.more_blog a{background:#ccb62e;color:#000;border:0;font-size:14px;font-weight:700;text-transform:uppercase;padding:8px 25px;}
.blog_desc ul{ list-style:disc !important; margin-left:30px !important; }
.blog_desc ul li{ list-style:disc !important; }



.google_recaptcha{margin-bottom:10px}
.contact_page textarea.form-control{height:150px}
span.wpcf7-not-valid-tip{display:none}
.wpcf7-not-valid{border:1px solid #F00!important}
div.wpcf7-response-output{margin:10px 0}
.formDiv div.wpcf7-response-output{clear:both;color:#fff}
.googlemap{margin:0 0 10px 0}
.custom_pagination{text-align:center}
.page-numbers{display:inline-block;padding:0;margin:0}
.page-numbers>li{display:inline}
.page-numbers>li>a,.page-numbers>li>span{position:relative;float:left;padding:5px 15px;font-size:14px;margin-left:-1px;line-height:1.42857143;color:#333;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.page-numbers>li>a:hover,.page-numbers>li>span:hover,.page-numbers>li>a:focus,.page-numbers>li>span:focus{color:#02717a;background-color:#eee;border-color:#ddd}
.page-numbers>.active>a,.page-numbers>.active>span,.page-numbers>.active>a:hover,.page-numbers>.active>span:hover,.page-numbers>.active>a:focus,.page-numbers>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#02717a;border-color:#02717a}
.page-numbers .current,.page-numbers .current:hover{z-index:2;color:#fff;cursor:default;background-color:#02717a;border-color:#02717a}
.page-numbers>.disabled>span,.page-numbers>.disabled>span:hover,.page-numbers>.disabled>span:focus,.page-numbers>.disabled>a,.page-numbers>.disabled>a:hover,.page-numbers>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pro_d2{margin:0}
#RecaptchaField1{transform:scale(0.94)!important;transform-origin:0 0;webkit-transform:scale(0.94)!important;-webkit-transform-origin:0 0}
#send_message_form #RecaptchaField2{transform:scale(0.77)!important;transform-origin:0 0;webkit-transform:scale(0.77)!important;-webkit-transform-origin:0 0}
.homebuilder ul li span{margin:-21px 0 0 0}
.home_contents_list li img {max-height:32px;}
a.fb_icon img {max-width:51px; margin-left:5px; float:right;}

.detail_slider>.item>img {height:500px;}
ul.contact_icons {padding:25px 0 0; margin:0; list-style:none;}
ul.contact_icons li {margin-bottom:10px; font-size:18px;}
ul.contact_icons li img {max-width:20px; margin-right:7px}
ul.contact_icons li a {color:#000;}
ul.contact_icons li span {color:#026169; width:122px; display:inline-block;}
.extended_bannr {text-align: center;}

.dark_banner_bg {position: relative; background-position: center; background-repeat: repeat;width:100%;box-shadow:4px 4px 4px rgba(0,0,0,.5);}
.dark_banner_bg_inner{height: 700px;}

.twenty_yr_img {max-width:210px; vertical-align:middle; margin:10px 0 0 35px; display:inline-block; border:1px solid #fff;}

/* validation css */
form.cmxform fieldset{margin-bottom:10px}form.cmxform legend{padding:0 2px;font-weight:bold;_margin:0 -7px}form.cmxform label{display:inline-block;line-height:1.8;vertical-align:top;cursor:hand}form.cmxform fieldset p{list-style:none;padding:5px;margin:0}form.cmxform fieldset fieldset{border:0;margin:3px 0 0}form.cmxform fieldset fieldset legend{padding:0 0 5px;font-weight:normal}form.cmxform fieldset fieldset label{display:block;width:auto}form.cmxform label{width:auto}form.cmxform fieldset fieldset label{margin-left:103px}form.cmxform label.error{margin-left:103px;width:220px}form.cmxform input.submit{margin-left:103px}form.cmxform label.error,label.error{color:red;font-style:italic;display:none!important}input.error,textarea.error,select.error{border:1px solid red!important}
/* end */

.widget { margin-bottom:20px;}
.widget ul { list-style:none; margin:0; padding:0;}
.widget ul li { border-bottom:1px dotted #ddd;}
.widget ul li:last-child { border:none;}
.widget ul li a { color:#111; display:block; padding:8px 8px 8px 25px; position:relative;}
.widget ul li a:before {content: "\f101"; font-family: 'FontAwesome'; position:absolute; left:8px; top:8px;}
.widget ul li a:hover, .widget ul li.is-active a {background:#02717a; color:#fff; text-decoration:none;}
.widget ul li a:hover:before { color:#fff;}

.post-stats {  margin-bottom: 10px; overflow: hidden;}
.post-stats div { float: left;}
.post-stats div, .post-stats span { font-size: 13px;  margin-right: 8px;}
.post-stats i.fa { font-size: 13px; margin-right:5px;}
article.blog_post .img-thumbnail { margin-bottom:15px;}
ul.blog_text_list { list-style:decimal; margin:0;}
article.blog_post { border-bottom:#ddd 1px dashed; padding-bottom:15px; margin-bottom:20px;}
article.blog_post h3 { margin-top:0;}
article.blog_post h3 a { text-decoration:none; color:#000;}
article.blog_post h3 a:hover { text-decoration:none; color:#02717a;}

.web_popup {position:fixed; top:10%; left:10%; right:10%;  z-index: 9999999999; max-width:900px; margin:0 auto; background-position: center; background-repeat: repeat; }
.web_popup::-webkit-scrollbar, .web_popup::-moz-scrollbar, .web_popup::-o-scrollbar, .web_popup::-ms-scrollbar {display:none;}
.popup_right_img {position:absolute; left:12px; bottom:0px; z-index:2;}
.popup_content_area { padding:35px 55px 35px 338px; color:#fff; position:relative;}
.popup_content_area .popup_heading {font-size:36px; margin:0 0 25px; font-weight:300; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.70); text-transform: uppercase;}
.popup_content_area .desc_popup { margin:0 0 25px;}
.popup_content_area p {font-size:16px;}

.popup_content_note p {font-size:18px; font-weight: 700; text-transform: uppercase;}
.popup_content_note a{color:#c20000;}
.red_btn {background-color: #c20000; color: #fff;text-transform: uppercase; padding: 7px 5px; letter-spacing: 1px;}

.popup_phone {margin:0 0 25px;}
.popup_phone a {font-size: 20px; font-weight: 700; color:#fff;}
.popup_phone a:hover, .popup_phone a:focus {text-decoration:none;}
.close_popup {position:absolute; right:15px; top:5px; font-size:55px; line-height:1; z-index:9;}
.close_popup a {color:#fff;}
.close_popup a:hover, .close_popup a:focus {text-decoration:none;}
.popup_btns {margin:0 0 15px;     width: 100%; overflow: hidden;}
.popup_btns .green_btn {float:none; width:auto; padding:10px 10px; box-shadow:3px 3px 5px rgba(51, 51, 51, 0.87); font-weight:400;}
.popup_btns a{float: left;}
.popup_btns a+a{float: right;}




.widget_recent_entries  h3 {margin:0 0 10px;}
.widget_recent_entries ul{margin:0 0 20px;}
/*Custom Pagination Start*/
.page-numbers {	display:inline-block; padding-left:0; margin:0; border-radius:4px; /*float:right;*/}
.page-numbers > li { display:inline;}
.page-numbers > li > a, .page-numbers > li > span {	position:relative; float:left; padding:5px 15px; font-size:14px; margin-left:-1px; line-height: 1.42857143; color: #333333; text-decoration:none; background-color:#fff; border:1px solid #ddd; border-radius:0;}
.page-numbers > li:first-child > a, .page-numbers > li:first-child > span {	border-top-left-radius:3px; border-bottom-left-radius:3px;}
.page-numbers > li:last-child > a, .page-numbers > li:last-child > span { border-top-right-radius:3px; border-bottom-right-radius:3px;}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus { color:#02717a; background-color:#eee; border-color:#ddd;}
.page-numbers > .active > a, .page-numbers > .active > span, .page-numbers > .active > a:hover, .page-numbers > .active > span:hover, .page-numbers > .active > a:focus, .page-numbers > .active > span:focus { z-index:2; color:#fff; cursor:default; background-color:#02717a;	border-color:#02717a;}
.page-numbers .current, .page-numbers .current:hover { z-index:2; color:#fff; cursor:default; background-color:#02717a;	border-color:#02717a;}
.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus { color:#999; cursor:not-allowed; background-color:#fff; border-color:#ddd;}
/*Custom Pagination End*/

.searchlist_new [type="checkbox"]:checked+label, .searchlist_new [type="checkbox"]:not(:checked)+label { color: #fff !important;}
.searchlist_new [type="checkbox"]:checked+label:before, .searchlist_new [type="checkbox"]:not(:checked)+label:before { border: 2px solid #fff !important;}