@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');



/*font-family: 'Source Serif Pro', serif;

Extra-light 200
Extra-light 200 italic
Light 300
Light 300 italic
Regular 400
Regular 400 italic
Semi-bold 600
Semi-bold 600 italic
Bold 700
Bold 700 italic
Black 900
Black 900 italic

font-family: 'Lato', sans-serif;

Thin 100
Thin 100 italic
Light 300
Light 300 italic
Regular 400
Regular 400 italic
Bold 700
Bold 700 italic
Black 900
Black 900 italic*/


body{font-family: 'Source Serif Pro', serif; padding:0; margin:0;}
samp, input, textarea, label{font-family: 'Lato', sans-serif; }
div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp, figure, dl, dd { padding:0; margin:0; }

a, input { text-decoration:none; outline:none;}

img {border:0; outline:none;}

ul{list-style-type:none;}
	
*:focus{ outline:none;}	
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}

/* input::-webkit-input-placeholder {color: red;} 
input:-moz-placeholder {color: red;} 
input::-moz-placeholder {color: red;} 
input:-ms-input-placeholder {color: red;}
textarea::-webkit-input-placeholder {color: green;} 
textarea:-moz-placeholder {color: green;} 
textarea::-moz-placeholder {color: green;} 
textarea:-ms-input-placeholder {color: green;}
input[type="email"]::-webkit-input-placeholder {color: blue;} 
input[type="email"]:-moz-placeholder {color: blue;} 
input[type="email"]::-moz-placeholder {color: blue;} 
input[type="email"]:-ms-input-placeholder {color: blue;} */

input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

input, textarea { background: transparent; padding: 0px 0 0px 0; border: 0; width: 100%;}

.transition{-webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in;  -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in-out;}


.center{width: 90%; max-width:975px; margin: 0 auto;}
.center:after{content:''; display: block; clear: both;}

.center2{width: 90%; max-width:745px; margin: 0 auto;}
.center2:after{content:''; display: block; clear: both;}

header{ height:80px; background: #FFF; position: fixed; left: 0; top: 0; width: 100%; z-index: 99; border-bottom: 1px solid #e6e6e6;}
header .logo{ float: left; padding: 15px 0 0 0px}
header .queryTrigger{ float: right; height: 100%; border-left: 1px solid #e6e6e6; position: relative; padding: 0 55px 0 30px;line-height: 80px; font-size: 12px; color: #282828;  cursor: pointer;font-family: 'Lato', sans-serif;}
header .queryTrigger:after{content:''; width: 20px; height: 5px; position: absolute; top: 0; bottom: 0; right:25px; margin: auto;background: url(../images/bullet.png) no-repeat 0 50%; }


.topLinkHolder{float: right; padding: 0 90px 0 0; position: relative; height:80px;font-family: 'Lato', sans-serif;}
.topLinkHolder span{float: left;  height: 100%; border-left: 1px solid #e6e6e6; padding: 22px 25px 0;}
.topLinkHolder a{ display:inline-block; vertical-align: middle; padding: 22px 0 0 40px; position: relative; color: #363636; font-weight:700; font-size: 12px;}
.topLinkHolder a:before{content:''; width: 30px; height: 30px; position: absolute; left: 0; top: 0;}
.topLinkHolder a:after{position: absolute; left:40px; top: 0; background: #295646; height: 19px; line-height: 17px; padding: 0 10px; color: #FFF; border-radius:12px; font-size: 11px;}
.topLinkHolder a.topCallLink:before{background: url(../images/icon-set1.png) no-repeat 0 0;}
.topLinkHolder a.topCallLink:after{content:'Call'; }
.topLinkHolder a.topBuyLink:before{background: url(../images/icon-set1.png) no-repeat -30px 0;}
.topLinkHolder a.topBuyLink:after{content:'Buy'; }
.topLinkHolder span.navTrigger{ float: none; width: 90px; height:80px; cursor: pointer; border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6; position: absolute; top: 0; right: 0; }
.topLinkHolder span.navTrigger:after{content:'Menu'; font-size:10px; text-transform: uppercase; padding-top:20px; text-align: center; color:#295646; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 30px; height: 30px; background: url(../images/navTrigger.png) no-repeat 0 0; margin: auto;}
.topLinkHolder span.navTrigger.showNav:after{ background: url(../images/navTrigger.png) no-repeat 100% 0; }
.nav{position: fixed; left: 0; top:-100px; width:100%; height:90px; background: #f1f1f1; z-index:97; overflow: hidden;}
.nav.navShow{top:80px;}
.navSlide{ height:90px; width:100%;  margin:0 auto;}
.navSlide li{ float: left; width: 130px; height:100%; border-right: 1px solid #DDD;}
.navSlide li:last-of-type{border-right:none;}
.navSlide li a{ display: block; text-align: center; height:90px; padding:55px 20px 0; position: relative; color: #363636; font-family: 'Lato', sans-serif; font-size: 10px; text-transform: uppercase;}
.navSlide li a.menuActive{color:#ef5931;}
.navSlide li a.menuActive:after{content: ''; width:100%; height:1px; position: absolute; left: 0; bottom:0px; border-bottom: 3px solid #ef5931;}

.navSlide li a:before{content: ''; width: 50px; height: 50px; position: absolute; left: 0; right: 0; top:7px; margin: auto;}
.navSlide li a.navIcon_1:before{background: url(../images/icon-set2.png) no-repeat 0 0;}
.navSlide li a.navIcon_2:before{background: url(../images/icon-set2.png) no-repeat -50px 0;}
.navSlide li a.navIcon_3:before{background: url(../images/icon-set2.png) no-repeat -100px 0;}
.navSlide li a.navIcon_4:before{background: url(../images/icon-set2.png) no-repeat -150px 0;}
.navSlide li a.navIcon_5:before{background: url(../images/icon-set2.png) no-repeat -200px 0;}
.navSlide li a.navIcon_6:before{background: url(../images/icon-set2.png) no-repeat -250px 0;}
.navSlide li a.navIcon_7:before{background: url(../images/icon-set2.png) no-repeat -300px 0;}
.navSlide li a.navIcon_8:before{background: url(../images/icon-set2.png) no-repeat -350px 0;}
.navSlide li a.navIcon_9:before{background: url(../images/icon-set2.png) no-repeat -400px 0;}
.navSlide li a.navIcon_10:before{background: url(../images/icon-set2.png) no-repeat -450px 0;}
.navSlide li a.navIcon_11:before{background: url(../images/icon-set2.png) no-repeat -500px 0;}
.navSlide li a.navIcon_12:before{background: url(../images/icon-set2.png) no-repeat -550px 0;}
.navSlide li a.navIcon_13:before{background: url(../images/icon-set2.png) no-repeat -600px 0;}
.navSlide li a.navIcon_14:before{background: url(../images/icon-set2.png) no-repeat -650px 0;}
.navSlide li a.navIcon_15:before{background: url(../images/icon-set2.png) no-repeat -700px 0;}
.navSlide li a.navIcon_16:before{background: url(../images/icon-set2.png) no-repeat -750px 0;}
.navSlide li a.navIcon_17:before{background: url(../images/icon-set2.png) no-repeat -800px 0;}
.navSlide li a.navIcon_18:before{background: url(../images/icon-set2.png) no-repeat -850px 0;}

.ps_prev, .ps_next {position: absolute; margin: auto; z-index: 5; width:40px; height:50%; font-size: 0px; cursor: pointer;  border-left: 1px solid #DFDFDF;box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.05); right: 0;}
.ps_prev { background:#f1f1f1 url(../images/arrow.png) no-repeat 15px 50%; display: block; top: 0; }
.ps_next {background:#f1f1f1 url(../images/arrow.png)no-repeat -37px 50%; display: block; top:40px;   border-top: 1px solid #DFDFDF;}


.banner {width: 100%; max-width: 100%; overflow: hidden; background: #000;}
.bannerSlider {display:flex; width:100vw; height:100vh; background:url("../images/banner-img.jpg") no-repeat 50% 50%; background-size: cover!important; position:relative; z-index:1;}
.bannerInfo{width:60%; min-width: 1024px; height:80vh; position:absolute; left: 0; right: 0; bottom: 0; margin: auto; z-index:2;}
.bannerInfo .bannerText1{ position: absolute; left:0%; top:8%; height:5%; opacity:0;}
.bannerInfo .kharaj{position: absolute; left:0; bottom:0; height:100%; z-index: 2; opacity:0;}
.bannerInfo .bannerText2{position: absolute; left:-9%; bottom:58%; height:30%;  opacity:0;} 
.bannerInfo .bannerText3{position: absolute; left:-9%; bottom:17%; height:25%;  opacity:0;} 


/*.bannerSlide { display: flex; align-items: center; width: 100vw; padding: 50px; position: relative;}
.bannerSlide figure{ position: absolute; left: 0; right: 0; top: 80px; top:0px; bottom: 0; margin: auto; z-index: 1; overflow: hidden; }


.bannerInfo {width: 100%; position: relative; z-index:2; color: #FFFF; font-size: 50px;}*/



@media all and (max-width:1400px){
    .bannerInfo .bannerText2{left:-6%;} 
.bannerInfo .bannerText3{left:-6%;}     
}

@media all and (max-width:1024px){
    .bannerInfo{width:100%;  min-width:1px;  }    
}

@media all and (max-width:800px) and (max-height:1030px) {
    .bannerSlider {height:1030px;}
}
@media all and (max-width:850px) and (max-height:1030px) {
.bannerSlider { background:url("../images/banner-img-mob.jpg") no-repeat 50% 50%;}
    .bannerSlider {height:1030px;}
    .bannerInfo{width:100%; margin-left:0; }   
    .bannerInfo .kharaj{position: absolute; left:0; bottom:0px; height:auto; width:100%; z-index: 2; opacity:0;}
    .bannerInfo .bannerText1{position: absolute; left:0; bottom:0%; top: auto; height:auto; width:100%;  opacity:0;} 
    .bannerInfo .bannerText2{position: absolute; left:0; bottom:0%; height:auto; width:100%;  opacity:0;} 
    .bannerInfo .bannerText3{position: absolute; left:0; bottom:0; height:auto; width:100%;  opacity:0; z-index: 5} 
   
}

@media all and (max-width:650px) {
    .bannerSlider {height:90vh;}
}

/*@media all and (max-width:450px) and (max-height:850px) {
    .bannerSlider {height:90vh;}
}

@media all and (max-width:450px) and (max-height:640px) {
    .bannerSlider {height:570px;}
}
@media all and (max-width:450px) and (max-height:600px) {
    .bannerSlider {height:550px;}
    
}*/

/*---------- sec2 start ---------*/
.sec2{width: 100%; height:auto; overflow: hidden; position: relative;}
.sec2Head{ height: 190px; display: flex; align-items: center;}
.sec2Head h2{ color: #295646; font-size: 30px; font-weight:600; }
.sec2Head span{ display: block; font-size: 48px; font-weight:600;}
.sec2Info{ background: #346ea1; position: relative;}

.sec2Slider {width: 100%;  position: relative;}
.sec2Slide { width: 100%; padding-bottom:55%; height:0;  position: relative; overflow: hidden;}
.sec2Slide figure{ position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height:100%; z-index: 1; overflow: hidden; }
.sec2SlideInfo{color: #FFFF; background: url(../images/icon-location.png) no-repeat 0 0; padding-top:55px; position: absolute; left:5%; bottom:50px;z-index:2;  }
.sec2SlideInfo small{display: block;  font-size:18px; font-weight:600;}
.sec2SlideInfo strong{display: block; font-size:40px; font-weight:600;}
.sec2SlideInfo span{display: block; height: 42px; line-height: 42px; padding-left: 50px; background: url(../images/bullet2.png) no-repeat 0 0; cursor: pointer; margin-top:0px;}



/*---------- sec2 end ---------*/


/*---------- sec3 start ---------*/
.sec3{width: 100%; height:auto; overflow: hidden; position: relative;}
.sec3Head{ height: 190px; display: flex; align-items: center;}
.sec3Head h2{ color: #295646; font-size: 30px; font-weight:600; }
.sec3Head span{ display: block; font-size: 48px; font-weight:600;}
.sec3Info{ position: relative;}

.sec3Slider {width: 100%; padding-bottom:55%; height:0; position: relative;}
.sec3Slide {width: 100%; height: 100%;  position: absolute; overflow: hidden;}
.sec3Slide figure{ position: absolute; left: 0; right: 0; bottom: 0; margin: auto; height:100%; z-index: 1; overflow: hidden; }
.sec3SlideInfo{z-index:2; color: #FFFF;position: absolute; left:5%; bottom: 50px;}
.sec3SlideInfo small{display: block;  font-size:18px; font-weight:600;}
.sec3SlideInfo strong{display: block; font-size:40px; font-weight:600;}
.sec3SlideInfo span{display: block; height: 42px; line-height: 42px; padding-left: 50px; background: url(../images/bullet2.png) no-repeat 0 0; cursor: pointer; margin-top:10px;}

.videoContainer{; margin:-20px -10px 0}

.sec3SlideInfo.sec3InfoNew{ position: relative; left: auto; bottom: auto; padding:30px 0; border-bottom: 1px solid #e2e2e2; color:#295646;}
.readMore.conveniencePopTrigger{ line-height: 39px;padding-left: 45px; background: none;}

.conveniencesTable{border-top: 3px solid #000; padding-bottom: 50px;}
.conveniencesTable li{ border-top: 1px solid #e6e6e6; padding:20px 0;}
.conveniencesTable li:after{content:'';display:block; clear:both;}
.conveniencesTable li div{margin-bottom:10px; }
.conveniencesTable li div:after{content:'';display:block; clear:both;}
.conveniencesTable li strong{ float: left; padding: 10px 40px; width:50%; font-size: 18px;}
.conveniencesTable li strong:last-of-type{float: right; width: 30%;}
.conveniencesTable li h3{ margin-bottom:15px; padding: 0 40px; font-size: 16px;}
.conveniencesTable li span{float: left; width:70%; padding: 0 40px; font-size: 14px;}
.conveniencesTable li span:last-of-type{ float: right; width: 30%;}
/*---------- sec3 end ---------*/


/*---------- sec4 start ---------*/
.sec4{width: 100%; height:auto; overflow: hidden; position: relative;}
.sec4Head{ height: 190px; display: flex; align-items: center;}
.sec4Head h2{ color: #295646; font-size: 30px; font-weight:600; }
.sec4Head span{ display: block; font-size: 48px; font-weight:600;}
.sec4Info{ position: relative; }

.sec4Slider {width: 100%; position: relative;}
.sec4Slide {width: 100%;  padding-bottom:55%; height:0;   position: relative; overflow: hidden; background: #cadbd9;  background: url("../images/bg.jpg") no-repeat 50% 50%; background-size: cover;}
.sec4Slide figure{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; z-index: 1; overflow: hidden; }
/*.sec4Slide {width: 100%;  position: relative; overflow: hidden; background: #cadbd9;}
.sec4Slide img{ display: block; width: 100%; z-index: 1; overflow: hidden; }*/

.sec4Slide.bg{ background: url("../images/bg.jpg") no-repeat 50% 50%; background-size: cover; width: 100%;  padding-bottom:40%; overflow:visible ;}
.sec4SlideInfo{z-index:2; color: #FFFF; position: absolute; left:5%; bottom: 50px;}
.sec4SlideInfo strong{display: block; font-family:'Source Serif Pro', serif; font-size:30px; line-height:35px; font-weight:600; position: relative; padding-bottom:15px;}
/*.sec4SlideInfo strong:after{content:''; width:30px; height: 2px; border-bottom: 2px solid #FFF; position: absolute; left: 0; top: 0;}*/
.sec4SlideInfo .readMore{color: #FFF;}
/*.sec4SlideInfo .readMore:before{ transform: scale(0.9)}*/

.sec4SlideInfo.amenitiesHead{z-index:2; position: absolute; left: 0; top:25%; right: 0; margin: auto; text-align: center; font-size: 48px; color: #295646; font-weight: 700;}
.sec4SlideInfo.amenitiesHead strong:after{ display: none;}
.sec4SlideInfo.amenitiesHead strong{ font-size: 48px; line-height: 55px;}
.sec4SlideInfo.amenitiesHead .viewAll{margin-top: 15px; font-size: 12px; color: #295646;}
/*.sec4SlideInfo.amenitiesHead .viewAll:before{ transform: scale(0.9)}
.sec4SlideInfo.amenitiesHead .viewAll:hover:before{ transform: scale(1);transform: rotate(180deg)}

.sec4Slide.bg:after{content:''; width: 100%; height: 100%; position: absolute; left: 100%; top: 0; background: url("../images/bg.jpg") no-repeat 50% 50%; background-size: cover;}
.sec4Slide.bg:before{content:''; width: 100%; height: 100%; position: absolute; right: 100%; top: 0; background: url("../images/bg.jpg") no-repeat 50% 50%; background-size: cover;}*/

@media all and (max-width:1024px){
.sec4Slider {width: 100%; padding-bottom:0;  height:auto; position: relative;}
.sec4Slide {width: 100%; height:0; padding-bottom: 140%;  position: relative; overflow: hidden; background: #cadbd9;}
}

/*---------- sec4 end ---------*/


/*---------- sec5 start ---------*/
.sec5{width: 100%; overflow: hidden; position: relative;}
.sec5Head{ height: 190px; display: flex; align-items: center;}
.sec5Head h2{ color: #295646; font-size: 30px; font-weight:600; }
.sec5Head span{ display: block; font-size: 48px; font-weight:600;}
.sec5Info{ background: #CCC; height:65vh; position: relative; overflow: hidden; }
.sec5Info figure{height: 200%; position: relative; top: -100%; background-position: 50% 50% !important; }
.sec5Info .play{position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 109px; height: 124px; z-index: 2; background: url("../images/icon-play.png") no-repeat; cursor: pointer;}
/*---------- sec5 end ---------*/

/*---------- sec6 start ---------*/
.sec6Head{ height: 190px; display: flex; align-items: center;}
.sec6Head h2{ color: #295646; font-size: 30px; font-weight:600;max-width: 600px;  text-align: center; margin: 0 auto;}
.sec6Head span{ display: block; font-size: 48px; font-weight:600;line-height: 52px;}
.sec6Info{ background: #295646; margin-bottom: 30px;}
.sec6Info:after{content:''; display: block; clear: both;}
.sec6Info aside{ float: left; width:50%; overflow: hidden;}
.sec6Info aside:first-of-type img{ width: 100%; display: block;}
.sec6Info aside:last-of-type { background: #295646; padding: 100px 80px 50px; color: #FFF;}
.sec6Info aside h3{font-size: 30px;  margin-bottom: 20px; font-weight:600; }
.sec6Info aside span{display: block;  margin-bottom:50px;}
.sec6Info aside strong{font-size:24px;   margin-bottom:40px; display: block; font-weight:600; }
.sec6Info aside ul{}
.sec6Info aside ul li{font-size:18px;  padding-left: 90px; margin-bottom: 20px; position: relative; min-height:60px;}
.sec6Info aside ul li:last-of-type{margin-bottom:0;}
.sec6Info aside ul li:before{content:''; width: 65px; height: 65px; position: absolute; left: 0; top: 0;}
.sec6Info aside ul li.effi_1:before{ background: url("../images/icon-efficiency.png") no-repeat 0 5px; top: -13px;}
.sec6Info aside ul li.effi_2:before{background: url("../images/icon-efficiency.png") no-repeat 0 -60px; top: -15px;}
.sec6Info aside ul li.effi_3:before{background: url("../images/icon-efficiency.png") no-repeat 0 -134px; top: -15px;}

 aside.cons{ float: none !important; width:100% !important; overflow: hidden;}
 aside.cons:first-of-type img{ width: 100%; display: block;}
/* aside.cons:last-of-type { background: #295646; padding: 100px 80px 50px; color: #FFF;}*/
 aside.cons h3{font-size: 30px;  margin-bottom: 20px; font-weight:600; }
 aside.cons span{display: block;  margin-bottom:50px;}
 aside.cons strong{margin-top: 15px;}
 aside.cons ul{}
 aside.cons ul li{font-size:18px;  padding-left: 90px; margin-bottom: 20px; position: relative; min-height:60px;}
 aside.cons ul li:last-of-type{margin-bottom:0;}
 aside.cons ul li:before{content:''; width: 65px; height: 65px; position: absolute; left: 0; top: 0;}
 aside.cons ul li.effi_1:before{ background: url("../images/icon-efficiency.png") no-repeat 0 5px; top: -13px;}
 aside.cons ul li.effi_2:before{background: url("../images/icon-efficiency.png") no-repeat 0 -60px; top: -15px;}
 aside.cons ul li.effi_3:before{background: url("../images/icon-efficiency.png") no-repeat 0 -134px; top: -15px;}

.efficiencyList{ padding-top: 30px; margin-bottom: 30px;}
.efficiencyList:after{content:''; display: block; clear: both;}
.efficiencyList li{ position: relative; padding:0 0 35px 95px; margin-bottom: 30px; float: left; width:48%; min-height:70px; color: #295646; border-bottom:1px solid #f3f3f3; }
.efficiencyList li:nth-last-of-type(even){ float: right;}
.efficiencyList li:last-of-type{border-bottom:none;}
.efficiencyList li strong{display: block; font-size: 30px; font-weight:600;}
.efficiencyList li:before{content:''; width:70px; height:70px; position: absolute; left: 0; top: 0;}
.efficiencyList li.effi2_1:before{ background: url("../images/icon-efficiency2.png") no-repeat 0 0;}
.efficiencyList li.effi2_2:before{ background: url("../images/icon-efficiency2.png") no-repeat -70px 0;}
.efficiencyList li.effi2_3:before{ background: url("../images/icon-efficiency2.png") no-repeat -140px 0;}
.efficiencyList li.effi2_4:before{ background: url("../images/icon-efficiency2.png") no-repeat -210px 0;}
.efficiencyList li.effi2_5:before{ background: url("../images/icon-efficiency2.png") no-repeat -280px 0;}

/*---------- sec6 end ---------*/

/*---------- sec7 end ---------*/
.sec7{ background: #d5e7e5; padding: 75px;  margin-bottom: 75px;  color: #295646;}
.sec7 h2{ padding-bottom:50px; font-size: 48px; font-weight:600;}
.sec7 ul{}
.sec7 ul:after{content:''; display: block; clear: both;}
.sec7 ul li:after{content:''; display: block; clear: both;}
.sec7 ul li{ float: left; width: 45%; padding:40px 0 35px; position: relative; border-top: 1px solid #c8dcd9;}
.sec7 ul li:nth-last-of-type(even){float: right;}
.sec7 ul li>*{float: left;  position: relative;}
.sec7 ul li aside:first-of-type{width:31%;}
.sec7 ul li aside:last-of-type{width:36%;}
.sec7 ul li strong{width:33%;}
.sec7 ul li aside{ font-size: 30px;}
.sec7 ul li aside:first-of-type span{ position: absolute; left: 0; bottom:95%; font-size: 14px;}
.sec7 ul li aside:last-of-type:before{content:url("../images/icon-rs.png");}
.sec7 ul li aside:last-of-type span{position: absolute; left: 0; top:80%; font-size: 14px;}
.sec7 ul li strong{ padding-left:45px; position: relative; font-size:12px; line-height: 35px; color:#f04f26; white-space: nowrap;cursor: pointer}
.sec7 ul li strong:before{content:''; width:35px; height:35px; background:#f04f26 url("../images/bullet4.png") no-repeat 50% 50%; border-radius: 50%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0.9) }
.sec7 ul li strong:hover:before{transform: rotate(180deg);}
/*---------- sec7 end ---------*/

/*---------- sec8 end ---------*/
.sec8{margin-bottom: 75px; }
.sec8 h2{ color: #295646; font-size: 30px; font-weight:600; padding-bottom:50px; }
.sec8 h2 span{ display: block; font-size: 48px; line-height:48px; font-weight:600;}
.sec8 ul{border-top: 3px solid #295646;}
.sec8 ul li{border-top:1px solid #f1f1f1; padding: 35px 0;}
.sec8 ul li:after{content:''; display: block; clear: both;}
.sec8 ul li strong{float: left; width: 25%; font-size: 16px;font-family: 'Lato', sans-serif;}
.sec8 ul li span{float: left; width: 25%; font-size: 14px;font-family: 'Lato', sans-serif;}
.sec8 ul li span.rs:before{content:url("../images/icon-rs2.png");}
/*---------- sec8 end ---------*/

/*---------- sec9 end ---------*/
.sec9{ margin-top: 70px;}
.sec9 h2{ color: #295646; font-size:48px; font-weight:600; padding-bottom:20px;}
.downloadMp{ font-size: 16px; color: #f04f26; width: 150px; height: 35px; line-height: 35px; position: relative; padding-left: 22px; border-radius: 17px; border: 1px solid #e5e5e5; webkit-box-shadow: 1px 1px 9px -1px rgb(0 0 0 / 10%);  -moz-box-shadow: 1px 1px 9px -1px rgba(0,0,0,0.1); box-shadow: 1px 1px 9px -1px rgb(0 0 0 / 10%); display: block; margin-bottom:10px;}
.downloadMp:after{content:''; width: 24px; height: 24px; background: #EEE url("../images/down-arrow.png") no-repeat 50% 50%; position: absolute; top: 0; bottom: 0; right:7px; margin: auto; border-radius: 50%;}
.downloadMp+span{font-size: 12px; color: #7d7d7d; display: block; padding-left: 22px;}
.towerListType{ overflow: hidden; font-size: 14px; color: #2b2b2b; padding: 25px 0; border-top: 1px solid #e2e2e2;  border-bottom: 1px solid #e2e2e2; margin: 30px 0;}
.towerList{overflow: hidden; float: left; width:48%;}
.towerList li{ float: left; width: 33.333333333333%}
.towerList li span{ display: block; margin-bottom: 7px;} 
.towerType{overflow: hidden; float: right; width:48%;}
.towerType li{float: left; width: 33.333333333333%}
.towerType li span{ display: block; margin-bottom: 7px; position: relative;}
.towerType li span samp{ display: inline-block; width: 16px; height:12px; vertical-align:middle; margin-right: 10px;}
.sec9 figure{ margin-bottom:20px;}
.sec9 figure img{ display: block; width: 100%; max-width: 836px; margin: 0 auto;}
.sec9 article.mpSpeciList{ padding: 25px 0; border-top: 1px solid #e2e2e2;  border-bottom: 1px solid #e2e2e2;}
.sec9 article:after{content:''; display: block; clear: both;}
.sec9 article.mpSpeciList>ul{ float: left; width: 33.3333333333333%; }
  .sec9 article.mpSpeciList>ul>li{ margin-bottom: 10px; font-size: 14px;}
.sec9 article.mpSpeciList>ul ul{ padding:10px 0 0 20px;}
.sec9 article.mpSpeciList>ul ul li{ margin-bottom: 5px;}
/*---------- sec9 end ---------*/

/*---------- sec10 start ---------*/
.sec10{ background: #f5f5f5; padding: 75px  75px 0 75px;   color: #295646; width: 100%;}
.sec10 h2{ padding-bottom:30px; font-size: 48px; font-weight:600;}
.sec10 h2+strong{ display: block; padding-bottom:30px; font-size:30px; font-weight:600; }
.sec10 ul{}
.sec10 ul:after{content:''; display: block; clear: both;}
.sec10 ul li{ float: left; width:33.33333333333%; font-size:20px; line-height:24px; padding:0 30px; position: relative; height: 95px; border-left: 3px solid #295646; margin-bottom: 70px;}
/*---------- sec10 end ---------*/

/*---------- sec11 start ---------*/
.sec11{ background: #f5f5f5; padding:0px  75px 0 75px;  color: #295646; width: 100%;}
.sec11 h2{ padding-bottom:50px; font-size: 48px; font-weight:600;}
.sec11 h3{font-size:28px; font-weight:600; margin-bottom:20px;}
.bankList{ margin-bottom: 80px; background: #FFF; border: 1px solid #e2e2e2; position: relative;}
.bankList:after{content:''; display: block; clear: both;}
.bankList li{ text-align: center; padding:20px 0; border-left: 0px solid #E2E2E2; font-size: 12px; font-family: 'Lato', sans-serif; position: relative;}
.bankList li:after{content:''; height: 100%; position: absolute; left: 0; border-left: 1px solid #E2e2e2; top: 0; width: 1px;}
.bankList li:first-of-type:after{ border-left:0px solid #E2E2E2;}
.bankList li img{ display: inline-block; width: auto; height: 50px;}
.bankList li span{ display: block; color: #282828;}
.bankList:before{content:'and others...'; position: absolute; right: 0; top: 100%; font-size: 12px; padding-top: 5px; color: #282828;}
.loneNb{ margin-bottom: 35px; padding-left: 10px; position: relative; font-size: 14px; }
.loneNb:after{content:'*'; position: absolute; left: 0; top: 0;}
.loneInfo{border-top: 1px solid #e2e2e2;}
.loneInfo:after{content:''; display: block; clear: both;}
.loneInfo li{float: left; width:25%;  padding: 75px 0 50px; }
.loneInfo strong{ position: relative; font-size:30px; font-weight: 600; display: block; width: 100%;}
.loneInfo span{ font-size:14px; line-height: 14px; position: absolute; left: 0; bottom: 100%; font-weight:400;}
.loneInfo strong:before { content: url(../images/icon-rs.png);}
/*---------- sec11 end ---------*/

/*---------- sec12 start ---------*/
.sec12{ background:#d5e7e5; padding:0px  75px 50px 75px;  width: 100%;}
.sec12 h2{ padding:75px 0 25px; font-size:30px; line-height: 32px; font-weight:600; color: #295646;}
.sec12 h2 span{ display: block; font-size: 48px; line-height: 50px; font-weight:600; padding-top:5px;}
.sec12 p{ margin-bottom: 25px; color: #295646;}

.sec12Info{color: #295646; margin-bottom: -20px;}
.sec12Info li{border-top: 1px solid #b6cdc8; padding: 30px 55px; overflow: hidden; position: relative;}
.sec12Info li aside{ float: left; width: 50%;}
.sec12InfoA aside{ position: relative; padding-top:44px;}
.sec12InfoA aside:first-of-type{ padding-right: 55px;}
.sec12InfoA aside:last-of-type{padding-left: 55px;}
.sec12InfoA span{ position: absolute; left: 0; bottom:40px;}
.sec12InfoA aside:last-of-type span{left:55px;}
.sec12InfoA strong{display: block; font-size: 30px; font-weight: 600;}
.sec12InfoB aside:first-of-type{ padding-right: 55px;}
.sec12InfoB aside:last-of-type{padding-left: 55px;}
.sec12InfoB aside img{ display: block; padding-top:7px;}
.sec12InfoB:after{content:'or'; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width: 30px; height:25px; background: #d5e7e5; text-align: center; line-height:25px; font-size: 24px;}
.sec12InfoB:before{content:''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; margin: auto; width:1px; height:100px; background: #b6cdc8; transform: rotate(20deg)}

.applicatiokitBox{ background: #FFF; overflow: hidden; margin: 50px 0;}
.applicatiokitBox aside{ float: left; width: 50%; padding:50px 55px; position: relative; font-size: 24px; line-height: 26px;}
.applicatiokitBox aside:first-of-type{ border-right: 1px solid #e2e2e2;}
.applicatiokitBox aside span{ display: block; margin-top: 10px;}
.applicatiokitBox aside span:before{content:"\20B9";}
.applicatiokitBox aside strong{ position: absolute; right: 50px; top:50%; transform: translateY(-50%); font-size:12px; line-height: 13px; font-family: 'Lato', sans-serif; width: 55px; text-align: center; padding-top:32px; cursor: pointer;}
.applicatiokitBox aside strong:before{content:''; position: absolute; left: 0; top: 0; right: 0; margin: auto; width: 35px; height: 27px;}
.applicatiokitBox aside strong.findLocation:before{ background: url("../images/icon-set6.png") no-repeat -35px 0;}
.applicatiokitBox aside a.buyNow{ position: absolute; right: 50px; top:50%; transform: translateY(-50%); font-size:12px; line-height: 13px; font-family: 'Lato', sans-serif; width: 55px; text-align: center; padding-top:32px; cursor: pointer; color: #000; font-weight: 700;}
.applicatiokitBox aside a.buyNow:before{content:''; position: absolute; left: 0; top: 0; right: 0; margin: auto; width: 35px; height: 27px;}
.applicatiokitBox aside a.buyNow:before{ background: url("../images/icon-set6.png") no-repeat 0 3px;}
.applicatiokitBox aside a.findLocation{ position: absolute; right: 50px; top:50%; transform: translateY(-50%); font-size:12px; line-height: 13px; font-family: 'Lato', sans-serif; width: 55px; text-align: center; padding-top:32px; cursor: pointer; color: #000; font-weight: 700;}
.applicatiokitBox aside a.findLocation:before{content:''; position: absolute; left: 0; top: 0; right: 0; margin: auto; width: 35px; height: 27px;}
.applicatiokitBox aside a.findLocation:before{ background: url("../images/icon-set6.png") no-repeat -35px 0;}

.flowChart{}
.flowChart h3{margin-bottom: 35px; font-size: 18px; font-weight: 600; color: #295646; padding-left: 30px;}
.flowChart ul:after{content:''; display: block; clear: both;}
.flowChart ul li{ float: left; width: 25%; padding: 55px 30px; text-align: center; position: relative; color: #295646; font-size: 14px;}
.flowChart ul li a{color: #295646;}
.flowChart ul li span:before{content:"\20B9";}
.flowChart ul li:before{content:''; width:20px; height:20px;background: url("../images/bullet5.png") no-repeat 50% 50%; position: absolute; top: 50px; right: -10px; }
.flowChart ul li:last-of-type:before{display: none;}
.flowChart ul li:after{content:''; width: 35px; height: 35px; position: absolute; left: 0; right: 0; top: 0; margin: auto;}
.flowChart ul li.fcIcon_logo:after{ background: url("../images/surehomz-logo.png") no-repeat 0px 0;  width:85px; height: 35px; top:15px; background-size: 100%;}
.flowChart ul li.fcIcon1:after{ background: url("../images/icon-set7.png") no-repeat 0px 0;}
.flowChart ul li.fcIcon2:after{ background: url("../images/icon-set7.png") no-repeat -35px 0;}
.flowChart ul li.fcIcon3:after{ background: url("../images/icon-set7.png") no-repeat -70px 0;}
.flowChart ul li.fcIcon4:after{ background: url("../images/icon-set7.png") no-repeat -105px 0;}
.flowChart ul li.fcIcon5:after{ background: url("../images/icon-set7.png") no-repeat -140px 0;}

.downloadPdf{ font-size:13px; color: #f04f26;  height: 35px; line-height: 35px; position: relative; display:inline-block; padding-right:40px; margin-top:20px;}
.downloadPdf:after{content:''; width: 24px; height: 24px; background: #EEE url("../images/down-arrow.png") no-repeat 50% 50%; position: absolute; top: 0; bottom: 0; right:7px; margin: auto; border-radius: 50%;}

/*---------- sec12 end ---------*/

/*---------- sec13 start ---------*/
.sec13{padding:70px  75px 70px 75px;  width: 100%;}
.sec13 h2{ font-size:48px; font-weight:600; color: #295646;}
.sec13 h2+.mandatory2{ display: block; color: #7f7e7e; font-size: 12px;}
.powerdBy{ position: absolute; right: 0;  bottom:-35px;}
.powerdBy span{ display: block;font-family: 'Lato', sans-serif;  font-size: 12px; font-weight: 400; color: #282828;}
/*---------- sec13 end ---------*/

/*---------- sec14 start ---------*/
.sec14{background: #f5f5f5; padding: 75px; color:#282828; width:100%;}
.sec14 h2{ font-size:24px; line-height:25px; font-weight:600;}
.sec14_a{ margin-bottom: 90px; display: table;}
.sec14_a:after{content:''; display: block; clear: both;}
.sec14_a aside{display:table-cell; padding:15px 25px; border-left: 1px solid #c2c2c2; vertical-align: bottom;}
.sec14_a aside:first-of-type{padding-left:0; border-left:none;}
.sec14_a aside img{width: 100%;}
.sec14_b{}
.sec14_b:after{content:''; display: block; clear: both;}
.sec14_b aside{float: left; width: 33.33333333333%;  text-align: center; padding: 0 25px; font-size: 14px;}
.sec14_b aside figure{ width: 100%;  height:0; padding-bottom: 100%; position: relative; border-radius: 50%; overflow: hidden; display: inline-block; margin-bottom:40px;}
.sec14_b aside figure img{ position: absolute; left: 0; top: 0; width: 100%;}
.sec14_b aside strong{ display:block; font-size: 16px; margin-bottom:15px; font-weight: 600;}
.sec14_b aside span{display: block;}
.sec14_b aside strong:nth-of-type(2){ display: block; padding-top: 10px; font-size: 13px;}
/*---------- sec14 end ---------*/


/*---------- sec15 start ---------*/
.sec15{padding:70px  0 0;  width: 100%; background: #e0e9e9;}
.sec15_center{ margin: 0 75px;}
.sec15 h2{ font-size:48px; font-weight:600; color: #295646; margin-bottom:20px;}
.sec15 h3{ padding:75px 0 50px; font-size:30px; font-weight:600; color: #295646;}
.sec15 h3 span{ display: block; font-size: 48px; line-height: 50px; font-weight:600; padding-top: 10px;}
.sec15 .visionInfo{font-size: 16px; margin-bottom:30px;}
.readMore{ padding-left:40px; position: relative; font-size:13px; line-height: 35px; color:#282828; white-space: nowrap; display: inline-block; cursor: pointer;}
.readMore:before{content:''; width:35px; height:35px; background:#f04f26 url("../images/bullet4.png") no-repeat 50% 50%; border-radius: 50%; position: absolute; left: 0; top: 0; cursor: pointer;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0.9)}
.readMore:hover{color:#f04f26 ;}
.readMore:hover:before{transform: rotate(180deg);}
.sec15 article{}
.brandImg{ margin-bottom: 50px; overflow: hidden;}
.brandImg img{ width: 100%;}
.brandInfo{ width:90%; max-width:648px; margin: 0 auto 45px; padding: 0 15px;}
.brandInfo h4{font-size: 30px; margin-bottom: 30px; font-weight:600; color: #295646; }
.brandInfo p{font-size: 16px;}
.brandAward{ width:90%; max-width:648px; margin: 0 auto; background: #FFF; overflow: hidden; height: 165px;}
.brandAward figure{ float: left; width:25%; height: 100%; border-right: 1px solid #e2e2e2; text-align: center;}
.brandAward figure:after{content:'';height: 100%; width: 1px; display: inline-block; vertical-align: middle;}
.brandAward figure img{display: inline-block; vertical-align: middle; height: 133px; }
.brandAward aside{ float: left; width:75%; height: 100%; text-align: center;}
.brandAward aside:after{content:'';height: 100%; width: 1px; display: inline-block; vertical-align: middle;}
.brandAward aside span{display: inline-block; vertical-align: middle; width: 80%; text-align: left; font-size: 14px;}
.brandAward aside span strong{display: block;}
.brandAward aside span .readMore{ margin-top: 20px;}
/*---------- sec15 end ---------*/

/*---------- sec16 start ---------*/
.sec16{padding:70px  0 70px;  width:90%; text-align: center;}
.sec16 h2{ font-size:48px; line-height: 50px; font-weight:600; color: #295646; margin-bottom: 70px;}
.sec16 h2 span{ display: block; font-weight:400; }
.feedback{ float: left; width: 50%; padding:0 65px 60px 0;}
.feedback:last-of-type{ padding-right:0;  padding-left: 65px;}
.feedback em{ display: block; margin-bottom:30px; position: relative; font-size: 14px; font-style:normal; color: #333; height: 130px;}
.feedback em:after{content:''; width:20px; height: 20px; background: url(../images/cot.png) no-repeat -10px -24px; display: inline-block; left:5px; top:5px; vertical-align: top; position: relative;}
.feedback em:before{content:''; width:36px; height: 22px; background: url(../images/cot.png) no-repeat 0 0; display: inline-block; position: relative;margin-left:-5px; top: 0px;}
.feedback div{ position: relative; padding:0; display: inline-block;}
.feedback div figure{width: 70px; height: 70px; border-radius: 50%; overflow: hidden; display: block; margin: 0 auto 20px;}
.feedback div figure img{ display: block; width: 100%;}
.feedback div strong{position: relative; font-size: 14px;font-family: 'Lato', sans-serif;}
.feedback div span{font-size: 12px;font-family: 'Lato', sans-serif;}

.feedback.feedbackPop{ float: none; width:100%; max-width:550px; margin: 0 auto; padding:0 0px 30px 0; border-bottom: 1px solid #e2e2e2; margin-bottom: 37px;}
.feedback.feedbackPop:last-of-type{ padding-right:0;  padding-left:0; border-bottom: none; margin-bottom: 0;}
.feedback.feedbackPop em{height:auto;}
.feedback.feedbackPop div{display:block; text-align: center;}

.viewAll{ padding-top:45px; position: relative; font-size:14px; color:#f04f26; white-space: nowrap; display: inline-block; cursor: pointer;}
.viewAll:before{content:''; width:35px; height:35px; background:#f04f26 url("../images/bullet4.png") no-repeat 50% 50%; border-radius: 50%; position: absolute; left: 0; right: 0; margin: auto; top: 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; transform: scale(0.9)}
.viewAll:hover{color:#282828 ;}
.viewAll:hover:before{transform: rotate(180deg);}
/*---------- sec16 end ---------*/

/*---------- sec17 start ---------*/
.sec17{background: #f5f5f5; padding:75px;width: 100%;  }
.sec17 h2{ font-size:48px; font-weight:600; color: #295646;}
.sec17 .speciInfo{font-size:14px; color:282828; display: block; margin-bottom: 60px;}
.sec17 article{font-family: 'Lato', sans-serif; font-size: 14px; margin: 0 0 60px 0;}
.sec17 article h3{font-size:26px; font-weight: 600; color:#295646; font-family: 'Source Serif Pro', serif;  }
/*.sec17 article:nth-of-type(1){}
.sec17 article:nth-of-type(2){margin: 0 0 60px 20%; }
.sec17 article:nth-of-type(3){margin: 0 0 60px 30%; }*/

/*---------- sec17 end ---------*/

/*---------- sec18 start ---------*/
.sec18{padding:70px  0 0;  text-align: center; width: 100%;}
.sec18 h2{ font-size:48px; font-weight:600; color: #295646;}
.sec18 .updated_date{font-size: 14px; color: #898989; display: block; margin-bottom:70px}
.sec18 aside{ float: left; width:47%; position: relative;}
.sec18 aside:last-of-type{float: right;}
.sec18 aside img{ width: 100%; position: relative; z-index: 1;}
.sec18 aside div{ position: absolute; left: 0; right: 0; bottom: 0; width:70%; padding: 20px; background: #f9f9f9; color: #295646; font-size: 14px; z-index: 2; margin: 0 auto;}
.sec18 aside div strong{ display: block; font-size:24px; font-weight: 600;}
/*---------- sec18 end ---------*/

/*---------- sec19 start ---------*/
.sec19{padding:70px  0;  text-align: center;}
.sec19 h2{ font-size:48px; font-weight:600; color: #295646; margin-bottom:70px;}
.sec19 article{ margin-bottom: 30px}
.sec19 article:after{content:''; display: block; clear: both;}
.sec19 aside{ float: left; width:47%; position: relative;}
.sec19 aside:last-of-type{float: right;}
.sec19 aside span{ display: block; margin-bottom: 15px; font-size:12px; color: #282828;}
.sec19 aside strong{ display: block; margin-bottom: 15px; font-size:16px; font-weight: 400; color: #282828;}
.sec19 aside img {max-height: 30px;}
/*---------- sec19 end ---------*/




/*---------- buyApplyKit end ---------*/
.buyApplikit{ background: #f5f5f5; padding: 90px 0 0;}
.buyApplikit h2{ text-align: center; font-size: 48px; line-height: 50px; color:#295646;  font-weight:600; margin-bottom: 28px;}
.mandatory{display: block; text-align: center; font-size: 14px; font-weight: 400;}
.mandatory strong{color:#f04f26;}
.fromHolder{ padding-top: 40px; font-family: 'Lato', sans-serif;}
.fromHolder:after{content:''; display:block; clear:both;}
.fromHolder li{ float: left; width:47%; margin-bottom: 20px; padding-top: 25px; position: relative;}


.fromHolder li:nth-of-type(even){ float: right;}
.fromHolder li:last-of-type{ float: right;}
.fromHolder li strong{ position: absolute; left: 0; top: 0; font-size: 14px;}
.fromHolder li strong span{color:#f04f26;} 
.fromHolder li label{font-size: 12px; color:#F00;position: absolute; left: 0; bottom: -15px; font-size: 10px;}
.fromHolder li .captchaChangeBtn { position: absolute; right: 0; bottom:20px;}
.textBox{ width: 100%; background: #f4f4f4; border: 1px solid #dedede; border-radius: 4px; padding: 15px 10px;}
.textBox.calenderIcon{background: #f4f4f4 url(../images/calander.png) no-repeat 100% 50%;}
.btn{ width: 100%; background: #f04f26; color: #FFF; border-radius: 4px; padding: 15px 10px; cursor: pointer;}
.captchaChangeBtn {background: url(../images/refresh.png) no-repeat 0 0; height: 21px; line-height: 21px; padding-left:25px;  font-size: 12px;  font-weight: 500;  display: inline-block; cursor: pointer;}
.buyApplikit .textBox{ background: #FFF;}


/*---------- buyApplyKit end ---------*/

/*---------- footer start ---------*/
footer{ background: #f5f5f5; padding:50px 0; font-family: 'Lato', sans-serif;}
.footerLogo{ text-align: center; margin-bottom: 30px;}
.footer1{ border-top: 1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.footer1:after{content:''; display:block; clear:both;}
.footer1 aside{ float: left; width:25%;  border-left:1px solid #d3d3d3; padding: 35px 15px 0; height: 170px;}
.footer1 aside:first-of-type{border-left:none;}
.footer1 aside strong{display:block; font-size: 14px; margin-bottom: 15px; color:#242424;}
.footer1 aside span{display:block; font-size:12px; margin-bottom: 15px;}
.footer1 aside a{ display: block;  padding-top:40px; text-align: center; font-size: 14px; position: relative; margin-top:20px;}
.footer1 aside a.fCall{ color: #242424;}
.footer1 aside a.fCall:before{content:''; width: 25px; height: 25px; position: absolute; left: 0; top: 0; right:0; margin: auto; background: url("../images/icon-set5.png") no-repeat 0 0;}
.footer1 aside a.fMail{color:#f04f26;}
.footer1 aside a.fMail:before{content:''; width: 25px; height: 25px; position: absolute; left: 0; top: 0; right:0; margin: auto; background: url("../images/icon-set5.png") no-repeat -25px 0;}

.footer2{padding-top: 35px;}
.footer2:after{content:''; display:block; clear:both;}
.footer2 aside{ float:left; font-size: 14px; color: #717171;}
.footer2 aside img{ width: 124px;}
.footer2 aside div{ padding-top:5px;}
.footer2 aside a{ color: #717171; display: inline-block; position: relative; margin-right: 10px;}
.footer2 aside a:after{content:'-'; position: absolute; right:-7px; top:1px;  }
.footer2 aside a:last-of-type{ margin-right: 0;}
.footer2 aside a:last-of-type:after{display: none;}
.footer2 aside:last-of-type{ float:right;}




/*---------- footer end ---------*/

/*---------- popup start ---------*/
.popup{ position: fixed; left: 0; top: 0; width: 100%; z-index: 95; background: rgba(247,247,247,1); height: 100vh; overflow: auto;}
.popcenter{ max-width:975px; margin:0 auto; padding-top:30px; position:relative; transform:translate(9px, 35px); background: #FFF; z-index: 2; min-height: 105%;}
.popup.popshow .popcenter{ transform:translate(9px, 0px);}
.popcenter:after{content:''; display:block; clear:both;}
.popclose{ position: fixed; right:50%;     margin-right: -470px; top:30px; width:34px; height:34px; background:url("../images/popclose.png") no-repeat;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.7s ease-in-out; cursor: pointer; z-index: 9;}

.querypopclose{ position: fixed; right:50%;     margin-right: -470px; top:30px; width:34px; height:34px; background:url("../images/popclose.png") no-repeat;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.7s ease-in-out; cursor: pointer; z-index: 9;}






.popHead{ padding: 0 50px;   padding-bottom: 20px;}
.popHead h2{ font-size:24px; font-weight:600;}
.popHead span{ font-size:14px; font-weight:400;}

.popBanner img{ width: 100%;}
.popBanner{ margin-bottom: 30px;}
.popInfo{ padding: 30px 80px 80px;}
.popInfo p{ margin-bottom: 25px;}

.landmark_head, .healthcare_head, .education_head, .shopping_head, .recreation_head{ padding-top:60px; position: relative; font-size: 35px; margin-bottom: 25px;  font-weight: 500; }
.landmark_head:after{content:''; width: 70px; height: 55px; background: url("../images/icon-set3.png") no-repeat 0 0; position: absolute; left: 0; top: 0;}
.healthcare_head:after{content:''; width: 70px; height: 55px; background: url("../images/icon-set3.png") no-repeat -70px 0; position: absolute; left: 0; top: 0;}
.education_head:after{content:''; width: 70px; height: 55px; background: url("../images/icon-set3.png") no-repeat -140px 0; position: absolute; left: 0; top: 0;}
.shopping_head:after{content:''; width: 70px; height: 55px; background: url("../images/icon-set3.png") no-repeat -221px 0; position: absolute; left: 0; top: 0;}
.recreation_head:after{content:''; width: 70px; height: 55px; background: url("../images/icon-set3.png") no-repeat -290px 0; position: absolute; left: 0; top: 0;}

.distanceSlide{ margin-bottom:60px;}
.distanceSlide li.dsLi{ padding: 43px 22px; height: 340px; width: 260px; border: 1px solid #e2e2e2; border-radius:4px;  position: relative; margin-right: 15px;}
.distanceSlide li.dsLi:after{content:''; width: 45px; height: 45px; background: rgba(0,0,0,0.1) url("../images/icon-car.png") no-repeat 50% 50%; position: absolute; left: 25px; bottom: 50px; border-radius: 50%;}
.distanceSlide.difBg1 li.dsLi{background: #bce9f1;}
.distanceSlide.difBg2 li.dsLi{background: #ffdcd4;}
.distanceSlide.difBg3 li.dsLi{background: #c7e6e2;}
.distanceSlide.difBg4 li.dsLi{background: #ffe3dc;}
.distanceSlide.difBg5 li.dsLi{background: #e9c6d9;}

.distanceSlide li.dsLi>div{ padding-left: 25px; height: 115px; background: url("../images/bullet3.png") no-repeat 0 2px;}
.distanceSlide li.dsLi>div span{ display: block; height: 38px; font-size: 14px;}
.distanceSlide li.dsLi>div strong{ font-size:20px; line-height: 22px; font-weight: 600;}
.distanceSlide li.dsLi big{ font-size:45px;}

.slide_prev, .slide_next { margin: auto; z-index:5; width:35px; height:35px; text-indent: -99999px; cursor: pointer; border-radius: 50%; border: 1px solid #DFDFDF; bottom:-47px; position: absolute;}
.slide_prev { background: url(../images/arrow.png) no-repeat 13px 50%; left:0px;}
.slide_next { background: url(../images/arrow.png) no-repeat -39px 50%; left:45px;}

.slide_dots{ width:100%; z-index:5; margin-top:10px;}
.slide_dots li{ display:inline-block;}
.slide_dots li span{ display:inline-block; width:10px; height:10px; text-indent:-9999px; background:#d7d7d7; margin:0 2px; font-size:0; color:transparent; border-radius:50%; cursor: pointer;}
.slide_dots li.slick-active span{background:#000;}

.location_popHead{ padding: 0 50px;  color: #295646; padding-bottom: 20px;}
.location_popHead h2{ font-size:16px; font-weight:600;}
.location_popHead span{ font-size:30px; font-weight:400;}
.location_popInfo{ padding: 30px 50px 80px;}

.flFrom{ margin-bottom: 40px;}
.flFrom:after{content:''; display: block; clear: both;}
.flFrom li{ margin-bottom: 15px; float: left;}
.flFrom li:nth-of-type(2){width: 70%;}
.flFrom li:last-of-type{width: 30%; padding-left: 25px;}
.flFrom input[type='text']{ width: 100%; background: #f4f4f4; border: 1px solid #dedede; border-radius: 4px; padding: 15px 10px;}
.flFrom input[type=button]{ width: 100%; background: #f04f26; color: #FFF; border-radius: 4px; padding: 15px 10px;}


.officeLoaction{ margin-bottom: 50px; border-bottom: 2px solid #295646;}
.officeLoaction:after{content:''; display: block; clear: both;}
.officeLoaction li{width:50%; float: left; padding: 25px 100px 25px 25px; border-top:2px solid #295646; background: #FFF; z-index: 1; position: relative; cursor: pointer;}
.officeLoaction li:after{content:''; display: block; clear: both;}
.officeLoaction li h3{font-size: 14px; color:#295646; }
.officeLoaction li aside:first-of-type{min-height: 50px; font-size: 13px; color:#404040;}
.officeLoaction li aside:first-of-type span{ display: block;}
.officeLoaction li aside:last-of-type{ text-align: right; width: 125px; height: 40px; position: absolute; top:0px; bottom: 0; right:25px; margin: auto;}
.officeLoaction li aside .direction{color: #2149a8; font-size: 12px; display: inline-block; text-transform: uppercase; position: relative;}
.officeLoaction li aside .direction:before{content:''; width: 19px; height: 19px; background: url(../images/icon-set4.png) no-repeat -19px 0; display: block; margin: 0 auto 5px;}

.olHead{ margin-bottom: 30px; font-size:18px; }
.olHead strong{color:#f04f26; font-weight: 600;}
.olHead h3{font-size:24px; color:#295646; font-weight:600;}

.loactionList{border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb;}
.loactionList:after{content:''; display: block; clear: both;}
.loactionList li{width:50%; float: left; height: 135px; padding: 25px 100px 0px 25px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #FFF; z-index: 1; position: relative; cursor: pointer;}
.loactionList li:after{content:''; display: block; clear: both;}
.loactionList li h3{font-size:16px; }
.loactionList li aside:first-of-type{min-height: 50px; font-size: 13px; padding-top: 10px; color:#404040;}
.loactionList li aside:first-of-type span{ display: block;}
.loactionList li aside:last-of-type{ text-align: right; width: 125px; height: 40px; position: absolute; top:0px; bottom: 0; right:25px; margin: auto;}
.loactionList li aside .direction{color: #2149a8; font-size: 12px; display: inline-block; text-transform: uppercase; position: relative;}
.loactionList li aside .direction:before{content:''; width: 19px; height: 19px; background: url(../images/icon-set4.png) no-repeat -19px 0; display: block; margin: 0 auto 5px;}
.loactionList li aside .llof{ font-size: 13px; padding-top: 10px; color:#404040; text-align: left;}
.loactionList li aside .llof span{ display: block; }


.loactionList2{border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb;}
.loactionList2:after{content:''; display: block; clear: both;}
.loactionList2 li{width:50%; float: left; height:180px; padding: 25px 130px 0px 25px; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; background: #FFF; z-index: 1; position: relative; cursor: pointer;}
.loactionList2 li:after{content:''; display: block; clear: both;}
.loactionList2 li h3{font-size:16px; }
.loactionList2 li aside:first-of-type{min-height: 50px; font-size: 13px; padding-top: 10px; color:#404040;}
.loactionList2 li aside:first-of-type span{ display: block;}
.loactionList2 li aside:last-of-type{ text-align: right; width:85px; height:66px; position: absolute; top:0px; bottom: 0; right:25px; margin: auto;}
.loactionList2 li aside .direction{color: #2149a8; font-size: 12px; display: inline-block; text-transform: uppercase; position: relative;}
.loactionList2 li aside .direction:before{content:''; width: 19px; height: 19px; background: url(../images/icon-set4.png) no-repeat -19px 0; display: block; margin: 0 auto 5px;}
.loactionList2 li aside .llof{ font-size: 13px; padding-bottom: 10px; color:#404040; text-align: left;}
.loactionList2 li aside .llof span{ display: block; }
.brianchTime{ padding-top: 15px;}


.popflats{ width: 90%; max-width:450px; margin: 0 auto; color: #295646;  padding: 45px 0 100px;}
.popflats h2{}
.popflats h2 span{ display: block; font-size: 14px;}
.popflats h2 strong{ font-size:24px;font-weight:600;}
.popflats figure{ width: 100%; padding: 45px 0; }
.popflats figure img{ width: 100%; max-width: 400px; margin: 0 auto; display: block;}

.flat_layout{border-top: 1px solid #d8d8d8;}
.popFlatInfo{}
.popFlatInfo:after{content:''; display: block; clear: both;}
.popFlatInfo li{ float: left; width: 33.33333333333%; min-width: 150px; margin-bottom: 35px;}
.popFlatInfo li span{ display: block; font-size: 14px;}
.popFlatInfo li strong{ font-size:24px;font-weight:600;}

.popFlatInfo+span{ display: block; margin-bottom:30px; font-size: 12px; position: relative; padding-left:8px;}
.popFlatInfo+span:before{content:'* '; position: absolute; left: 0; top: 3px;}

.popFlatspci{}
.popFlatspci li{ margin-bottom: 10px; font-size: 14px;}
.popFlatspci li strong{ font-weight: 600;}
.popFlatspci li strong:before{content: ':'; display: inline-block; padding: 0 3px;}
.popFlatPrice{ padding: 45px 0;}
.popFlatPrice:after{content:''; display: block; clear: both;}
.popFlatPrice li{ float: left; width: 50%; padding-left:15px; border-left: 2px solid #295646;}
.popFlatPrice li span{ display: block;}
.popFlatPrice li strong:after{content: ' onwards'; display: inline-block; margin-left: 3px; font-weight: 400; font-size: 12px;}
.popFlatDownload{width: 197px; height: 40px; border-radius: 20px; background: #f04f26; color: #FFF; line-height: 40px; display: block; font-size: 12px; padding-left: 24px; position: relative; margin: 0 auto; }
.popFlatDownload:after{content: ''; width: 15px; height: 13px; background: url("../images/down-arrow2.png") no-repeat 50% 100%; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; -webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in-out;}
.popFlatDownload:hover:after{background: url("../images/down-arrow2.png") no-repeat 50% 0%; }

.have_a_query{ padding: 0 50px 100px;}
.have_a_query .hq1{ margin-bottom: 30px;}
.have_a_query .hq1 span{display: block;}
.have_a_query .hq1 h3{font-size: 24px; font-weight: 600;}
.have_a_query .fromHolder{max-width: 500px; width: 100%; margin: 0 auto;}
.have_a_query .fromHolder li{ float: none; width:100%;}
.have_a_query .fromHolder li:nth-of-type(even){ float:none;}


.amenitiesPop h3{font-size:25px; margin-bottom: 25px;  font-weight: 500;}
.amenitiePopslid{width:1080px;}
.amenitiePopslidHolder{width: 100%; overflow: hidden;}
.amenitiesImgSlide{ margin-bottom:70px;}
.amenitiesImgSlide li.ameniImg{ overflow: hidden; position: relative; padding-right:15px; }
.amenitiesImgSlide li.ameniImg img{ position: relative; display: block;border: 1px solid #e2e2e2; border-radius:5px; z-index: 1; width: 100%;}
.amenitiesImgSlide li.ameniImg strong{ position: absolute; left: 15px; bottom: 15px; color: #FFF; font-size:20px; font-weight: 500; z-index: 2;}

.walkthrough_pop{ position: fixed; left: 0; top: 0; width: 100%; z-index:999; background: rgba(0,0,0,0.7); height: 100vh; overflow: hidden;}
.walkthrough_pop>div{ max-width:975px; width: 100%; margin:0 auto; position: absolute; left:50%; top: 50%; padding-top: 40px; transform: translate(-50%, -50%);}
.walkthrough_pop>div>div{width: 100%; }
.popclose2{font-size: 0; line-height: 0; color: transparent; position: fixed; right:50%; right:0px; top:0px; width:34px; height:34px; background:url("../images/popclose.png") no-repeat; cursor: pointer; z-index: 9;}

.specifications_pop article{font-family: 'Lato', sans-serif; font-size: 14px; margin: 0 0 25px 0; border-bottom: 1px solid #e2e2e2; padding-bottom: 25px;}
.specifications_pop article h3{font-size:26px; font-weight: 600; color:#295646; font-family: 'Source Serif Pro', serif;  }

.news_pop{padding-bottom: 100px;}
.news_pop article:not(:last-of-type){ margin-bottom: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px;}
.news_pop article:after{content:''; clear: both; display: block;}
.news_pop article aside{ float: left; width:50%; padding:0 20px; text-align: center;}
.news_pop article aside a{ color: #282828;}
.news_pop article aside span{ display: block; margin-bottom:15px; font-size: 12px;}
.news_pop article aside strong{ display: block; margin-bottom:15px; font-size: 16px; font-weight:400;}
.news_pop article aside img{ max-height:30px;}

.award_pop{ padding: 0 50px 100px; }
.award_pop h3{ padding: 35px 0; border-bottom: 2px solid #000; font-size: 24px; font-weight: 400;}
.award_pop article{ padding: 25px 0; border-bottom: 1px solid #e2e2e2;}
.award_pop article:last-of-type{border-bottom:none;}
.award_pop article:after{content:''; display: block; clear: both;}
.award_pop article aside{float:left; width:50%; height:245px; border-right: 1px solid #e2e2e2;}
.award_pop article aside:last-of-type{border-right:none;}

.award_pop article figure{ float: left; width:30%; height: 100%;  text-align: center;}
.award_pop article figure:after{content:'';height: 100%; width: 1px; display: inline-block; vertical-align: middle;}
.award_pop article figure img{display: inline-block; vertical-align: middle; margin-right: -6px;}
.award_pop article div{ float: left; width:70%; height: 100%; text-align: center;}
.award_pop article div:after{content:'';height: 100%; width: 1px; display: inline-block; vertical-align: middle;}
.award_pop article div span{display: inline-block; vertical-align: middle; width: 80%; text-align: left; font-size: 14px;}
.award_pop article div span strong{display: block; margin-top: 15px;}

.award_popHead{  padding-bottom: 20px;}
.award_popHead h2{ font-size:30px; font-weight:600;}
.award_popHead span{ font-size:18px; font-weight:400;}

/*---------- popup end ---------*/

/*---------- ########################################################################################################################################## ---------*/

@media all and (max-width:1030px) and (max-height:780px) {
    footer { padding: 120px 0;}
    .sec4Slide { padding-bottom: 70%;}
}

@media all and (max-width:1030px){

.navSlide li a.menuActive:after{content: ''; width:100%; height:1px; position: absolute; left: 0; bottom:auto; top:0; border-bottom: 3px solid #ef5931;}
.nav{top:auto; bottom:-100px;}
.nav.navShow{top:auto; bottom:80px;}	
	
.topLinkHolder{float: none; padding: 0; position: fixed; left: 0; right: 0; bottom: 0; margin: auto; background: #FFF; height:80px; z-index: 90;box-shadow: -2px 3px 41px 6px rgba(0,0,0,0.2);
-webkit-box-shadow: -2px 3px 41px 6px rgba(0,0,0,0.2); -moz-box-shadow: -2px 3px 41px 6px rgba(0,0,0,0.2);}
.topLinkHolder span{float: left;  height: 100%; border-left:none; width: 40%; text-align: center;min-width: 160px; padding:0px 0 0;}
.topLinkHolder span:last-of-type{float: right; }
.topLinkHolder a{padding: 22px 0 0 40px; margin-top: 22px; position: relative; color: #363636; font-weight:700; font-size: 12px;}
.topLinkHolder span.navTrigger{ width:95px; min-width:95px; height:80px; background:#f8f8f8; left: 0; margin: auto;}
.topLinkHolder span.navTrigger:after{ background: url(../images/navTrigger.png) no-repeat 0 100%; color: #FFF; font-size: 10px;}
.topLinkHolder span.navTrigger.showNav:after{ background: url(../images/navTrigger.png) no-repeat 100% 100%; }
.topLinkHolder span.navTrigger:before{content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width:69px; height:69px; margin: auto; background: url(../images/ntBg.png) no-repeat 50% 50%;} 
	


	
/*---------- sec2 start ---------*/
.sec2{/*height:90vh;*/}
.sec2Head{ height: 130px;}
.sec2Head h2{font-size:18px;}
.sec2Head span{font-size:30px;}
.sec2Info{top:0px;}
.sec2SlideInfo{ left: 25px; bottom: 80px;}
/*---------- sec2 end ---------*/	
	
/*---------- sec3 start ---------*/
.sec3{/*height:90vh;*/}
.sec3Head{ height: 130px;}
.sec3Head h2{font-size:18px;}
.sec3Head span{font-size:30px;}
.sec3Info{top:0px; bottom: 0px;}
.sec3SlideInfo{ left: 25px; bottom: 80px;}
.videoContainer{; margin:-20px 0px 0}
.sec3SlideInfo.sec3InfoNew{ padding:30px 5%;}
.sec3SlideInfo strong { font-size: 30px;}
/*---------- sec3 end ---------*/	

/*---------- sec4 start ---------*/
.sec4{/*height:90vh; margin-bottom: -50px!important;*/}
.sec4Head{ height: 130px;}
.sec4Head h2{font-size:18px;}
.sec4Head span{font-size:30px;}
.sec4SlideInfo{ left: 25px;bottom: 80px;}
.sec4Info{/*top: 130px; bottom:50px;*/}
/*.sec4Slide figure{height: 70vh;}*/
    .sec4SlideInfo.amenitiesHead strong{font-size:24px; line-height: 30px;}
.sec4SlideInfo strong{font-size:24px; line-height: 30px;}
.sec4SlideInfo.amenitiesHead{font-size:30px;}
/*---------- sec4 end ---------*/	

/*---------- sec5 start ---------*/
.sec5Head{ height: 130px;}
.sec5Head h2{font-size:18px;}
.sec5Head span{font-size:30px;}
/*---------- sec5 end ---------*/  
    
/*---------- sec6 start ---------*/
 .sec6.center{}
.sec6Head{ height: 130px; display: flex; align-items: center;}
.sec6Head h2{font-size:18px;}
.sec6Head span{ font-size:30px;line-height:35px;}
.sec6Info{ margin: 0 -5%;}
.efficiencyList li strong{ font-size: 24px;}
/*---------- sec6 end ---------*/  

 /*---------- sec7 end ---------*/
.sec7.center{width: 100%;}
.sec7{padding:50px 30px; margin-bottom:50px;}
.sec7 h2{ padding-bottom:50px; font-size:30px;}   
 /*---------- sec7 end ---------*/

/*---------- sec8 end ---------*/
.sec8{margin-bottom:50px; }
.sec8 h2{font-size:18px; padding-bottom:35px; }
.sec8 h2 span{font-size:30px; line-height:32px;}
/*---------- sec8 end ---------*/

/*---------- sec9 end ---------*/
.sec9{margin-top:50px; }
.sec9 h2{font-size:30px; padding-bottom:35px; }
.sec9 article{ display: none;}
/*---------- sec9 end ---------*/
    
 /*---------- sec10 end ---------*/
.sec10{}
.sec10 h2{font-size:30px; padding-bottom:35px; }
.sec10 ul li {font-size: 19px; line-height: 25px;}
/*---------- sec10 end ---------*/   
    
    
 /*---------- sec11 end ---------*/
.sec11{}
.sec11 h2{font-size:30px; padding-bottom:35px; }
.loneInfo{ padding:10px 0 20px;}
.loneInfo li{padding:50px 0 20px; width:50%;  }
/*---------- sec11 end ---------*/   
    
/*---------- sec12 start ---------*/
.sec12{padding:0px  75px 0 75px;}
.sec12 h2{ padding:75px 0 50px; font-size:24px;}
.sec12 h2 span{ display: block; font-size: 30px; line-height:35px;}
/*---------- sec12 start ---------*/

/*---------- sec13 end ---------*/
.sec13 h2{ font-size:30px;}
/*---------- sec13 end ---------*/

 /*---------- sec15 start ---------*/
.sec15{padding:70px 0 0;}
.sec15 h2{  font-size:30px;}
.sec15 h3{ padding:50px 0 50px; font-size:24px;}
.sec15 h3 span{ display: block; font-size: 30px; line-height:35px; padding-top:5px;}
/*---------- sec15 end ---------*/
 
/*---------- sec16 start ---------*/
.sec16{padding:50px  0 50px; overflow: hidden;}
.sec16 h2{ font-size:30px; line-height:32px; margin-bottom:50px;}
.sec16 h2 span{ display: block; font-weight:400; }
/*---------- sec16 end ---------*/
    
/*---------- sec17 start ---------*/
.sec17{ padding:50px;}
.sec17 h2{ font-size:30px;}
/*---------- sec17 end ---------*/

/*---------- sec18 start ---------*/
.sec18{padding:50px  0;}
.sec18 h2{ font-size:30px;}
.sec18 .updated_date{ margin-bottom:50px}
/*---------- sec18 end ---------*/

/*---------- sec19 start ---------*/
.sec19{padding:50px 0;}
.sec19 h2{ font-size:30px; margin-bottom:50px;}
/*---------- sec19 end ---------*/
    
 /*---------- popup start ---------*/
 .popup .popcenter{transform: translate(0px, 30px); max-width:1030px; }
 .popup.popshow .popcenter {transform: translate(0px, 0px);}
.popclose, .popclose2, .querypopclose{ position: fixed; right:15px;  margin-right:0;}
 .distanceSlide{ margin-right: -40px;}
 .popInfo{ padding: 30px 50px 0; overflow-x: hidden;}   
 .amenitiesImgSlide{ margin-right: -40px;}
    
     .loactionList2 li{width:100%; height: auto; padding: 25px;} 
    .loactionList2 li aside:last-of-type{ position: relative; height: auto; left: auto; top: auto; bottom: auto; right: auto; width: auto}
    .loactionList2 li aside .llof{ padding: 15px 0 0;}
  /*---------- popup end ---------*/
    

    
    
    
    
    
    
}

/*---------- ############################################################################################################################################# ---------*/

@media all and (max-width:770px){

 /*---------- sec2 start ---------*/ 
.sec2Info.center{width: 100%}
 .sec2Slider {width: 100%;}
 .sec2Slide {width: 100%; padding-bottom: 143%;}
 /*---------- sec2 end ---------*/ 
    
 /*---------- sec3 start ---------*/  
.sec3Info.center{width: 100%}
.sec3Slider {width: 100%; padding-bottom: 143%;}    
.conveniencesTable li strong{padding: 10px 10px;}
.conveniencesTable li h3{padding: 0 10px;}
.conveniencesTable li span{padding: 0 10px;}
/*---------- sec3 start ---------*/  
    
/*---------- sec4 start ---------*/ 
.sec4Info.center{width: 100%}
.sec4Slider {width: 100%;}
.sec4Slide.bg{ padding-bottom:60%;}
/*---------- sec4 end ---------*/ 
    
 /*---------- sec6 start ---------*/
.sec6Info{ margin-bottom: 0;}
.sec6Info aside{ float: none; width:100%;}
.sec6Info aside:first-of-type img{ height: 65vh;}
.sec6Info aside:last-of-type {padding:60px 35px 50px;}
.sec6Info aside h3{font-size:30px; }
.sec6Info aside strong{font-size:24px;}
    
.efficiencyList{ padding-top:0;}
.efficiencyList li{float: none; width:100%; }
.efficiencyList li:nth-last-of-type(even){ float:none;}  
/*---------- sec6 end ---------*/     
    
 /*---------- sec7 end ---------*/
 .sec7 ul li{ float: none; width:100%; padding:40px 0 35px; position: relative; border-top: 1px solid #c8dcd9;}
.sec7 ul li:nth-last-of-type(even){float: none;}
.sec7 ul li>*{float: left; width:33.333333333333%; position: relative;}
.sec7 ul li aside{ font-size: 30px;}
 /*---------- sec7 end ---------*/
 
/*---------- sec8 end ---------*/
.sec8 ul{border-top: 3px solid #295646; border-bottom:1px solid #e0e0e0;  display: table; width: 100%;}
.sec8 ul li{border-top:none; padding:25px 0; display: table-row;}
.sec8 ul li strong{float: none; width: 25%; font-size: 12px; display:table-cell; border-left:1px solid #e0e0e0; padding:15px 10px;}
.sec8 ul li strong:first-of-type{border-left:none;}
.sec8 ul li span{float: none; width: 25%; font-size: 12px; font-weight: 400; padding-right:10px; display:table-cell;border-left:1px solid #e0e0e0; padding:15px 10px;}
.sec8 ul li span:first-of-type{border-left:none;}
/*---------- sec8 end ---------*/

/*---------- sec10 end ---------*/
.sec10{width: 90%; padding: 0; background: transparent; margin-bottom:50px; }
.sec10 h2{font-size:30px; padding-bottom:35px; }
.sec10 ul li{font-size:18px; line-height: 25px; width: 100%; height: auto; margin-bottom: 20px; border-left: 0; position: relative; border-bottom: 1px solid #e8e8e8; padding:0 0 20px 23px;}
.sec10 ul li:last-of-type{border-bottom:none; padding-bottom: 0; margin-bottom: 0;}
.sec10 ul li:after{content:''; width: 7px; height: 7px; background: #295646; border-radius: 50%; position: absolute; left:5px; top:10px;}
/*---------- sec10 end ---------*/     
 
  /*---------- sec11 end ---------*/
.sec11{padding:50px 5% 25px; }
.sec11 h2{font-size:30px; padding-bottom:35px; }
.sec11 h3 {font-size: 24px;}
.loneInfo strong{font-size:30px;}
.loneInfo strong:before { content: url(../images/icon-rs.png);}
/*---------- sec11 end ---------*/    

/*---------- sec12 start ---------*/
.sec12{padding:50px 5% 25px; }
.sec12 h2{ padding:0px 0 30px; font-size:24px;}
    
    
 .sec12Info{color: #295646; margin-bottom: -20px;}
.sec12Info li{ padding: 30px 35px;}
.sec12Info li aside{ float: left; width:100%;}
.sec12InfoA aside{ position: relative; padding-top:44px;}
.sec12InfoA aside:first-of-type{ padding-right:0px;}
.sec12InfoA aside:last-of-type{padding-left:0px;}
.sec12InfoA aside:last-of-type span{left:0px;}
.sec12InfoB aside:first-of-type{ padding-right:0px; padding-bottom:30px; position: relative;}
.sec12InfoB aside:last-of-type{padding-left:0px; margin-top:30px;}
.sec12InfoB aside img{ display: block; padding-top:7px;}
.sec12InfoB:after{ display: none;}
.sec12InfoB:before{display: none;}   
    
.sec12InfoB aside:first-of-type:after{content:'or'; position: absolute; left: 0;  bottom:-10px; right: 0; margin: auto; width: 30px; height:25px; background: #d5e7e5; text-align: center; line-height:25px; font-size: 24px;}
.sec12InfoB aside:first-of-type:before{content:''; position: absolute; left: 0;  bottom: 0; right: 0; margin: auto; width:50%; height:1px; background: #b6cdc8;}    
    
.applicatiokitBox aside{ width: 100%; padding:30px 35px;}
.applicatiokitBox aside:first-of-type{border-bottom:1px solid #e2e2e2; border-right:none;}
.applicatiokitBox aside strong{ right: 30px;}

.flowChart{ text-align: center;}   
    .flowChart aside{ display: inline-block; width: 300px;} 
 .flowChart h3{ text-align: center; padding: 0}
.flowChart ul li{ float: none; width:100%; padding: 55px 30px 65px;}
.flowChart ul li:before{content:''; width:20px; height:20px;background: url("../images/bullet5.png") no-repeat 50% 50%; position: absolute; top: auto; right: 0; left: 0; bottom:20px; margin: auto; transform: rotate(90deg)}   
    
/*---------- sec12 start ---------*/    
    
/*---------- sec13 start ---------*/
.sec13{padding:50px 5% 25px; }
.powerdBy{ position:relative; right:auto;  bottom:auto;}
/*---------- sec13 start ---------*/

/*---------- sec14 start ---------*/
.sec14{background: #f5f5f5; padding:50px 5% 20px;}
.sec14 h2{ font-size:24px; line-height:25px; font-weight:600;}
.sec14_a{ margin-bottom:50px; display: block;}
.sec14_a aside{display:block; float: left;  padding:0; margin-bottom:10px;}
.sec14_a aside:nth-of-type(1){padding-left:0; border-left:none; width:165px;}
.sec14_a aside:nth-of-type(2){ width: 150px; padding-left: 20px;}
.sec14_a aside:nth-of-type(3){padding-left:0; border-left:none; width: 100%; font-size: 14px;}
   
.sec14_b aside{ width:100%; margin-bottom:50px;}
.sec14_b aside figure{ width:230px;  height:230px; padding-bottom:0;}    
    
/*---------- sec14 end ---------*/    
    
    
/*---------- sec15 start ---------*/
.sec15_center {margin: 0 auto; width: 90%;}
.sec15 h3 { padding: 50px 0 30px; font-size: 16px;}
.brandImg { margin-bottom:30px;}
.brandInfo h4{ font-size: 24px;}
.brandInfo h4 span{ display: block; font-size: 18px;}
/*---------- sec15 end ---------*/  
 
/*---------- sec16 start ---------*/
.feedback{ float:none; width:100%; padding:0 0 60px 0;}
.feedback:last-of-type{ padding-right:0;  padding-left:0;}
/*---------- sec16 end ---------*/   
 
/*---------- sec17 start ---------*/
.sec17 { padding: 50px 5%;}
.sec17 .speciInfo br{ display: none;}
.sec17 article h3{font-size:22px;}
.sec17 article:nth-of-type(1){ margin: 0 0 35px 0%;}
.sec17 article:nth-of-type(2){margin: 0 0 35px 0%; }
.sec17 article:nth-of-type(3){margin: 0 0 50px 0; }
/*---------- sec17 end ---------*/ 

 
/*---------- sec18 start ---------*/
.sec18{padding:50px 0% 0; overflow: hidden;}
.sec18 aside{ float: none; width:100%; margin-bottom:50px;}
.sec18 aside:last-of-type{float: none; margin-bottom: 0px;}
/*---------- sec18 end ---------*/   

/*---------- sec19 start ---------*/
.sec19 aside{ float: none; width:100%; margin-bottom:50px;}
.sec19 aside:last-of-type{float: none; margin-bottom: 0px;}
/*---------- sec19 end ---------*/
    
/*---------- buyApplyKit end ---------*/
.buyApplikit{ padding:40px 0 0;}
.buyApplikit h2{font-size:30px; line-height:40px; margin-bottom: 28px;}
.fromHolder li{ float: none; width:100%;}
.fromHolder li:nth-of-type(even){ float: none;}
.fromHolder li:last-of-type{ float: none;}
.fromHolder li:last-of-type { margin-bottom: 0;}
/*---------- buyApplyKit end ---------*/

/*---------- footer start ---------*/
footer{ background: #f5f5f5; padding:40px 0;}
.footer1{ border-top: 1px solid #d3d3d3; border-bottom:none; border-right:1px solid #d3d3d3;}
.footer1 aside{width:50%;  border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; padding: 35px 15px 0;}
.footer1 aside:first-of-type{ border-left:1px solid #d3d3d3;}

.footer2{padding: 35px 0 80px;}
.footer2 aside{ float:none; text-align: center;}
.footer2 aside:last-of-type { float: none; text-align: center; margin-top: 25px;}

/*---------- footer end ---------*/
  
    
/*---------- popup start ---------*/    
.officeLoaction{ margin-bottom: 30px; border-bottom:none;}
.officeLoaction li, .loactionList li{width:100%; height: auto; padding: 25px 100px 25px 25px;}     

.flFrom li:nth-of-type(2){width:100%;}
.flFrom li:last-of-type{width:100%; padding-left:0px;}
.amenitiePopslid{width:900px;}
.amenitiePopslidHolder{width: 100%; overflow:visible;}
.specifications_pop article h3{font-size:22px;}
    
.news_pop article:not(:last-of-type){margin-bottom:0px; border-bottom:none; padding-bottom:0; }
.news_pop article:after{content:''; clear: both; display: block;}
.news_pop article aside{ float: left; width:100%; padding:0 20px; text-align: center; margin-bottom: 30px; border-bottom: 1px solid #e2e2e2; padding-bottom: 30px;}
.news_pop article:last-of-type aside:last-of-type{margin-bottom:0px; border-bottom:none; padding-bottom:0; }

.award_popHead h2 {font-size:24px;}
.award_pop h3 { font-size: 20px;}
.award_pop article {padding:0;border-bottom: none;}
.award_pop article aside{float:left; width:100%; height:245px; border-right:none;border-bottom: 1px solid #e2e2e2;}
.award_pop article:last-of-type aside:last-of-type{border-bottom:none;}
    
.award_pop article figure img { margin-right: -50%; left: -20px; position: relative; height: 61%;} 
    
    
/*---------- popup end ---------*/ 

	
}





@media all and (max-width:400px){
	.topLinkHolder span.navTrigger{ width:70px; min-width:70px; }
	.topLinkHolder span.navTrigger:before{width:55px; height:55px; background-size: cover}
}
@media all and (max-width:350px){
    .sec14_a aside:nth-of-type(1){width: 155px;}
    .sec14_a aside:nth-of-type(2) {width: 123px;}
}
@media all and (max-width:370px){
    .topLinkHolder span.navTrigger{ left: 17px}
    .topLinkHolder span{ text-align: left; padding-left: 10px;}
    .topLinkHolder span:last-of-type{text-align: right; padding-right: 10px;}
}

@media screen and (min-aspect-ratio: 6 / 6.5) and (max-device-width:1024px) and (orientation: landscape){
	 /*---------- sec2 start ---------*/ 
 .sec2Slide {width: 100%; padding-bottom:55%;}
 /*---------- sec2 end ---------*/ 
}

@media screen and (min-aspect-ratio: 13 / 8) and (max-device-width:1030px) and (orientation: landscape){
	body:before{content:''; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:#000 url(../images/orientation-change.png) no-repeat 50% 50%; background-size:400px; z-index: 99999;}
}



/*papan*/
header .e-lottery{ float: right; height: 100%; border-left: 1px solid #e6e6e6; position: relative; padding: 0 30px 0 30px;line-height: 80px; font-size: 12px; color: #ea361c; font-weight: 600;  cursor: pointer;font-family: 'Lato', sans-serif;}
/*header .queryTrigger:after{content:''; width: 20px; height: 5px; position: absolute; top: 0; bottom: 0; right:25px; margin: auto;background: url(../images/bullet.png) no-repeat 0 50%; }*/

.popup5{ position: fixed; left: 0; top: 0; width: 100%; z-index: 95; background:  rgba(0,0,0,0.67); height: 100vh; overflow: auto;}
.popcenter2{ max-width:920px; width: 96%; margin:0 auto; padding-top:30px; position:relative; transform:translate(9px, 35px); background: #FFF; z-index: 2; }
.popup5.popshow .popcenter2{ transform:translate(9px, 50%);}
.popcenter2:after{content:''; display:block; clear:both;}
.popclose5{ position: fixed; right:50%;     margin-right: -425px; top:30px; width:34px; height:34px; background:url("../images/popclose22.png") no-repeat;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.7s ease-in-out; cursor: pointer; z-index: 9;}

.querypopclose5{ position: fixed; right:50%;     margin-right: -425px; top:30px; width:34px; height:34px; background:url("../images/popclose22.png") no-repeat;-webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.7s ease-in-out; cursor: pointer; z-index: 9;}

.e-lottery5{max-width:480px; width: 98%; margin:0 auto; text-align: center; display: block; padding: 100px 0; }
.e-lottery-tex1{ width: 100%; height: auto; display: block; font-size: 18px; font-weight: 400; color: #2b2b2b; line-height: 22px; text-align: center; padding-bottom: 40px; }
.e-lottery-tex1 a{color: #ff4800; text-decoration: underline;}
.e-lottery-tex2{ width: 100%; height: auto; display: block; font-size: 30px; font-weight: 400; color: #282828; line-height: 36px; text-align: center; padding-bottom: 50px; }
.e-lottery-tex3{ width: auto; margin: 0 auto; text-align: center; display: table;}
.e-lottery-tex3 a{width: auto; height: 50px; display: block; background: #ededed; border-radius: 30px; padding: 0 35px; font-size: 14px; font-weight: 400; color: #ff6000; line-height: 50px; text-align: center; webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out; }
.e-lottery-tex3 a:hover{ background: #000000; color: #fff;}
.e-lottery-tex4{width: 100%; height: auto; display: block; font-size: 12px; font-weight: 400; color: #313131; line-height: 16px; text-align: center; padding-top: 60px;}

.elottery-button{ position: absolute; left: 41%; bottom: 145px; width: 138px; height: 41px; z-index: 6; display: block;}
.elottery-button a{ display: block; width: 138px; height: 41px;}
@media all and (max-width:1400px){
	.elottery-button {left: 32%; bottom: 90px;}
	.popup5.popshow .popcenter2 {
    transform: translate(9px, 10%);}
}
@media all and (max-width:1024px){
	.elottery-button {left: 39%; bottom: 115px;}
}
@media all and (max-width:1023px){
	.popup5 .popcenter2{transform: translate(0px, 50%); max-width:1030px; }
 .popup5.popshow .popcenter2 {transform: translate(0px, 10%);}
.popclose2, .popclose5, .querypopclose5{ position: fixed; right:15px;  margin-right:0;}
	.e-lottery5{ padding: 50px 0; }
}
@media all and (max-width:800px){
  header .queryTrigger {padding: 0 50px 0 10px;}
	header .e-lottery {padding: 0 10px 0 10px;	}
	
	.elottery-button {
    position: absolute;
    left: 9%;
		bottom: 177px;}
}

@media all and (max-width:600px){
	.elottery-button {left: 3%; bottom: 70px;}
	.e-lottery-tex2 {font-size: 20px; line-height: 24px;padding-bottom: 30px;}
	.e-lottery5 {padding: 30px 0;}
}