@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: 99999; border-bottom: 1px solid #e6e6e6;}
header .logo{ float: left; padding: 15px 0 0 0px; max-width: 84px; height: auto;}
header .logo img { width: 100%;}
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 a.topScheduleLink:before{background: url(../images/icon-set1.png) no-repeat -61px 0;}
.topLinkHolder a.topScheduleLink:after{content:'Schedule'; }


.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;}
.navSlide li a.navIcon_19:before{background: url(../images/icon-set2.png) no-repeat -905px 0;}
.navSlide li a.navIcon_20:before{background: url(../images/icon-set2.png) no-repeat -965px 0;}
.dskmenu{}
.mobmenu{ display: none !important}

.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-desktop-new.jpg") no-repeat 50% 50%;  background-size: cover!important; position:relative; z-index:1;}
.bannerInfo{width:1140px; height:80vh; position:absolute; left: 0; right: 0; bottom: 0; margin: auto; z-index:2;}
/*.bannerInfo .bannerText1{ position: absolute; left:21%; top:8%; height:5%; opacity:0;}*/
/*.bannerInfo .bannerText1{ position: absolute; left:0%; top:25%; height:12%; opacity:0;}*/
.bannerInfo .bannerText1 {
    position: absolute;
    left: 0px;
	right:0px;
	margin: 0 auto;
    /*top: -9%;*/
    top: 50%;
    opacity: 0;
}

.bannerInfo .bannerText1New {position: absolute; right: 7%; margin: 0 auto; top: 5%; opacity: 0;}
.bannerInfo .bannerText1aNew {position: absolute; right: 5%; margin: 0 auto; top: 14%; opacity: 0;}

.bannerInfo .bannerText2New {position: absolute; right: 5%; margin: 0 auto; top: 19%; opacity: 0;}
.bannerInfo .bannerText3New {position: absolute; right: 43%; margin: 0 auto; top: 6%; opacity: 0;}

.bannerInfo .bannerText4New {position: absolute; right: 46%; margin: 0 auto; top: 6%; opacity: 0;}
.bannerInfo .bannerText5New {position: absolute; right: 55%; margin: 0 auto; top: 6%; opacity: 0;}
.bannerInfo .bannerText6New {position: absolute; right: 15.5%; margin: 0 auto; top: 23%; opacity: 0;}


.bannerInfo .kharaj{position: absolute; left:-85px; bottom:0; height:100%; z-index: 2; opacity:0;}
/*.bannerInfo .bannerText2{position: absolute; left:16%; bottom:56%; height:30%;  opacity:0;} */
.bannerInfo .bannerText2 {
    position: absolute;
    left: 19%;
    bottom: 65%;
    height: 41%;
    opacity: 0;
}
.bannerInfo .bannerText3{position: absolute; left:230px; bottom:35%; right: 0; margin: 0 auto; opacity:0;} 

#sequence{ width: 100%;}

/*.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;}*/

.desktopimg{display: block}
.mobimg{display: none}

.master-plan-text{ width: 100%; max-width: 650px; float: left; display: block; line-height: 0;}
.master-plan-text img{ width: 100%;}

.onload2PopBg{position:fixed; left:0; top:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.7); display:none;}
.onload2PopWrapper{position:fixed; left:0; top:0; z-index:999999; width:100%; height:100%; vertical-align:middle; text-align:center; display:none;}
.onload2PopWrapper:after{content:''; height:100%; width:1px; display:inline-block; vertical-align:middle;}
.onload2PopCont{ display:inline-block; vertical-align:middle; width:80%; max-width:865px; /*min-height:456px;*/ background:#337dba; position:relative; text-align:center;  -webkit-transform: scale(0.8); transform: scale(0.8);  opacity:0; visibility:hidden; }
		  .shalimaruat-pop img{ width: 100%; }	  
		  
.onload2PopClose{ position:absolute; top:-36px; right:12px; width:25px; height:25px; background:  url( "../images/popclose222.png") no-repeat 50% 50%; cursor:pointer; text-indent:-9999px; overflow:hidden; }
.onload2PopContActive{opacity:1; visibility:visible;  -webkit-transform: scale(1); transform: scale(1);}
.onload2PopCont .main_pop_info{float: left; width: 100%; padding: 0px 0px; box-sizing: border-box;}	

.desktop-pop{ display: block;}
.mob-pop{ display: none;}

.lottery-prices {
    
    font-size: 48px;
    font-weight: 600; color: #295646; padding-top: 27px; padding-left: 5px;
    width: auto;float: left; 
}
.float-left {
    
}
.bannerInfo .onlyDistop { display: block;}
.bannerInfo .onlyMobile { display: none;}





@media all and (max-width:1400px){
    /*.bannerInfo .bannerText2{left:-6%;} 
.bannerInfo .bannerText3{left:-6%;}    */ 
	
	.bannerInfo .bannerText2 {
    left: 15.5%;
}
.bannerInfo .bannerText3{position: absolute; left:200px; bottom:35%; right: 0; margin: 0 auto; opacity:0;} 

.bannerInfo .bannerText1New {position: absolute; right: 50px; margin: 0 auto; top: 5%; opacity: 0;}
.bannerInfo .bannerText1aNew {position: absolute; right: 20px; margin: 0 auto; top: 16%; opacity: 0;}

.bannerInfo .bannerText2New {position: absolute; right: 31px; margin: 0 auto; top: 22%; opacity: 0;}

.bannerInfo .bannerText3New {position: absolute; right: 43%; margin: 0 auto; top: 6%; opacity: 0;}

.bannerInfo .bannerText4New {position: absolute; right: 46%; margin: 0 auto; top: 6%; opacity: 0;}
.bannerInfo .bannerText5New {position: absolute; right: 55%; margin: 0 auto; top: 6%; opacity: 0;}
.bannerInfo .bannerText6New {position: absolute; right: 13.5%; margin: 0 auto; top: 23%; opacity: 0;}
}

/* @media all and (max-width:1700px){
    .bannerInfo .bannerText1New {
    position: absolute;
    right: 50px;
    margin: 0 auto;
    top: 5%;
    opacity: 0;
}
.bannerInfo .bannerText1aNew
 {
    position: absolute;
    right: 20px;
    margin: 0 auto;
    top: 14%;
    opacity: 0;
}
.bannerInfo .bannerText2New {
    position: absolute;
    right: 20px;
    margin: 0 auto;
    top: 19%;
    opacity: 0;
}
 } */

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

@media all and (max-width:1024px){
    .bannerInfo{width:100%;  min-width:1px;  }
    .bannerInfo .bannerText2 {
        position: absolute;
        left: 0px;
        bottom: 83%;
        height: 41%;
        opacity: 0;
    }
    .bannerInfo .kharaj {
        position: absolute;
        left: 0;
        bottom: 0;
        height: 100%;
        z-index: 2;
        opacity: 0;
    }
    .bannerInfo .bannerText3 {
        display: none;
    }

    .bannerInfo .bannerText3New {
        display: none;
    }
    .bannerInfo .bannerText5New {
        position: absolute;
        right: 52%;
        margin: 0 auto;
        top: 33%;
        opacity: 0;
    }
    .bannerInfo .bannerText4New {
        position: absolute;
        right: 26%;
        margin: 0 auto;
        top: 33%;
        opacity: 0;
    }
        .bannerInfo .bannerText6New {
        position: absolute;
        right: 6.5%;
        margin: 0 auto;
        top: 25%;
        opacity: 0;
    }

    .bannerInfo .onlyDistop { display: none;}
    .bannerInfo .onlyMobile { display: block; padding: 118px 0 0 0; text-align: center;}

}

@media all and (max-width:800px) and (max-height:1030px) {
    .bannerSlider {height:1030px;}
    #sequence{ display: none;}
}
@media all and (max-width:850px) and (max-height:1030px) {
.bannerSlider { 
    /* background:url("../images/banner-img-mob.jpg") no-repeat 50% 50%; */
    background:url("../images/banner-img-mob-new.jpg") no-repeat 50% 50%;
}
    .bannerSlider {height:1030px;}
    .bannerInfo{width:100%; margin-left:0; }   
    .bannerInfo .kharaj{position: absolute; left:0; bottom:40px; 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}  */

    .bannerInfo .bannerText3 {
        position: absolute;
        left: 0;
        bottom: 0;
        height: auto;
        width: 100%;
        opacity: 0;
        z-index: 5;
        top: 105px;
        left: -125px !important;
        right: inherit;
    }
    .bannerInfo{width:auto; }

   
}

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

/*@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; text-shadow: 1px 1px #000000;}
.sec2SlideInfo span{display: block; height: 42px; line-height: 42px; padding-left: 50px;cursor: pointer; margin-top:0px; position: relative;}

.sec2SlideInfo span:before{content: '';
    width: 41px;
    height:41px; border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px;
    cursor: pointer; 
    background: url(../images/bullet2.png) no-repeat 0 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;}

    .sec2SlideInfo span:hover:before {
        transform: rotate(180deg);
    }

/*---------- 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}*/
.videoContainer.dsk{display: block}
.videoContainer.mob{display: none}

.sec3SlideInfo.sec3InfoNew{ position: relative; left: auto; bottom: auto; padding:30px 0; border-bottom: 1px solid #e2e2e2; color:#295646; padding-right: 250px;}

.sec3SlideInfo .right2{ position: absolute; right: 25px; top: 35px;}
.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;}

@media all and (max-width:750px){
    .sec5Info{background: #FFF ;}
    .sec5Info figure {height:100%; top:-30%;}
}

/*---------- 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; width: auto;}

.sec7 .jalsa-logo{ width:100%; max-width: 110px; height: auto;  margin: 0 0 0 0px; padding: 25px 0 0 0; display: inline-block; position: absolute; right: 0; top: 0px; }
.sec7 .jalsa-logo img{width:100%; margin: 0; padding: 0; }

.positionr{position: relative; padding-right: 140px; display: inline-block; padding-top: 25px;}
.sec7 ul{}

.sec7 ul li.sold-out::before {content: ""; height: 2px; width: 215px; background-color: #f00e0e; display: inline-block; position: absolute; top: 58px; left: 0px;}
.sec7 ul li.sold-out::after {content: "Sold Out"; display: inline-block; color: #f00e0e; position: absolute; top: 80px; left: 54px;}

.sec7 ul:after{content:''; display: block; clear: both;}
.sec7 ul:after{content:''; display: block; clear: both;}
.sec7 ul li:after{content:''; display: block; clear: both;}
.sec7 ul li{ float: left; width: 100%; padding:40px 0 35px;  border-top: 1px solid #c8dcd9; position: relative;}
.sec7 ul li:nth-of-type(even){float: right;}
.sec7 ul li>*{float: left;  position: relative;}

.sec7 ul li article:nth-child(1){ width: 42%;}
.sec7 ul li article:nth-child(2){ width: 42%;}
.sec7 ul li article:nth-child(1) aside:nth-child(1){width: 50%; float: left; display: block;  }
.sec7 ul li article:nth-child(1) aside:nth-child(2){width: 50%; float: left; display: block; }
.sec7 ul li article:nth-child(2) aside:nth-child(1){width: 50%; float: left; display: block;  }
.sec7 ul li article:nth-child(2) aside:nth-child(2){width: 50%; float: left; display: block; }

.sec7 ul li article:nth-child(2) aside big{position: relative;  font-size: 16px; display: block;}


.sec7 ul li aside:first-of-type{width:18%;}
.sec7 ul li aside:nth-child(2){width:20%;}
.sec7 ul li aside:nth-child(3){width:28%;}
.sec7 ul li aside:nth-child(4){width:18%;}
.sec7 ul li strong{width:16%;}
.sec7 ul li aside{ font-size: 30px;}
.sec7 ul li aside:first-of-type span{ position: relative;  font-size: 16px; display: block;}
/*.sec7 ul li aside:first-of-type span{ position: absolute; left: 0; bottom:95%; font-size: 14px;}*/
.sec7 ul li aside:nth-child(3) big{ position: relative;  font-size: 16px; display: block;}
.sec7 ul li aside:nth-child(2):before{content:url("../images/icon-rs.png");}
.sec7 ul li aside:nth-child(2) span{/*position: absolute; left: 0; top:80%;*/ font-size: 16px; position: relative; display: block;}
.sec7 ul li aside:nth-child(4):before{content:url("../images/icon-rs.png");}
.sec7 ul li aside:nth-child(4) small{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: 33.333%; font-size: 16px;font-family: 'Lato', sans-serif;}
.sec8 ul li span{float: left; width: 33.333%; 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; width: auto; }
.sec9 .jalsa-logo{ width:100%; max-width: 100px; height: auto; float: right; margin: 0; padding:10px 0 0 0; }
.sec9 .jalsa-logo img{width:100%; }
.clear{ clear: both; width: 100%; height: 0; display: block; line-height: 0; font-size: 0px; }

.float-left{float: left;}
.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: 0px 0;}
.towerList{overflow: hidden; float: left; width:100%;}
.towerList li{ float: left; width:100%}
.towerList li span{ display: inline-block; margin-bottom: 7px; padding-right: 25px; font-size: 16px;
    color: #2b2b2b; padding-left: 15px; position: relative;}
.towerList li span:after{ content: ''; position: absolute; left: 0px; top: 6px; width: 7px; height: 7px; background: #f04e23; border-radius: 50%; }

.towerList li span:last-child{padding-right: 0px;}
.towerType{overflow: hidden; float: right; width:48%;}
.towerType li{float: left; width: 33.333333333333%}
.towerType li span{ display: block; width: 130px; 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:0px;}
.sec9 figure img{ display: block; width: 100%; max-width: 975px; 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;}

.masterplan2{ width: 100%; height: auto; float: left; display: block; margin: 30px 0;}

.towerType2{  width: 100%; height: auto;  display: block; margin: 20px 0; }
.w100{width: 100%; height: auto;}
.w100 li{width: 100%; height: auto;}
.w100 li span {display: inline-block; font-size: 12px; font-weight: 400; color: #000000; line-height: 20px;}
/*---------- 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:75px  75px 75px 75px;  color: #295646; width: 100%;}
.padding-top120{ padding-top:120px;}
.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: 0px; 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:33.33%;  padding: 30px 0 30px; }
.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:50px 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:20px 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: 30px 0;}
.applicatiokitBox aside{ float: left; width: 50%; padding:30px 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:#FFF; 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: 3px; top: 3px; 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;}

.brandAward_new{ margin: 0 75px; background: #FFF;  padding: 30px 30px 0; position: relative; z-index: 2; height: 310px;}
.brandAward_new .readMore{margin: 50px auto 50px; width: 130px; display: block; position: relative; z-index: 2; line-height: 42px;}
.brandAwardSlider{position: relative; z-index: 2;}
.basItem{ padding: 0 30px; text-align: center;}
.basItem figure{ margin-bottom: 15px; text-align: center;}
.basItem figure img{height: 109px; display: inline-block;}
.basItem span{font-size: 15px; font-style: normal; color: #333;}
.brandAward_new:after{content:''; position: absolute; left: 0; right:0; bottom: 0; top: 113px;  margin: 0 -75px;  background-color:#ffffff; z-index:1;}
.brandAwardSlider .jalsa_prev, .brandAwardSlider .jalsa_next { border-radius: 50%; border: 1px solid #DFDFDF; top: 62px; bottom: auto;}
.brandAwardSlider .jalsa_prev {left:-45px;}
.brandAwardSlider .jalsa_next {right:-45px;}
/*---------- 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;  max-width: 84px; margin: 0px auto 30px; }
.footerLogo img{ width: 100%;}
.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: 0px 48px 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{ width: auto; height: auto; float: left; adding-bottom: 30px;}
.popflats big{width: 80px; height: auto; float: right; }
.popflats big img{ width:100%; }

.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; position: relative; padding-left: 10px; display: inline-block;}
.popFlatspci li strong:before{content: ':'; display: inline-block; position: absolute; left: 3px; top: 0;  }
.popFlatspci li span{ float: left; display: inline-block;}

.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; text-shadow: 1px 1px #000;}

.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;}

.flat-row2{ width: 100%; height: auto;  border-bottom: 1px solid #e2e2e2; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-bottom: 20px; }
.flat-row2:last-child{ border-bottom: 0px solid #e2e2e2;}

.flat-row2 h3{ width: 33%; float: left; margin-bottom: 0px; display: table;}
.flat-row2 h3 i{ display: table-cell; vertical-align: middle; font-style: normal;}
.flat-row2 ul{width: 67%; float: left; border-top: 0px solid #e2e2e2; }
.flat-row2 ul li{width: 50%; float: left; }
/*---------- popup end ---------*/


.line2{ width: 100%; height:auto; float: left; display: block;  padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #c8dcd9;}

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


@media all and (max-width:1366px){
.bannerInfo .bannerText1aNew {
    top: 15%;
}
} 

@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%;} 
	
/*.bannerInfo .bannerText2 {
    position: absolute;
    left: 0;
	bottom: 59%;}*/

	
/*---------- 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}
	.videoContainer.dsk{display: none}
.videoContainer.mob{display: block}
.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:35px; font-size:30px;}
.lottery-prices {font-size: 30px; padding-top: 30px;padding-left: 5px; }	
	
 /*---------- 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:40px 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:950px){
	.bannerInfo .bannerText1 {left: 10%;}
	.bannerInfo .bannerText2 {left: 5%;}
    .bannerInfo .bannerText3 {left: -10%;bottom: 0;}
}


@media all and (max-width:850px){
	.bannerInfo .bannerText1 {left: -9%;top: -200px;bottom: inherit;}
	.bannerInfo .bannerText2 {
    left: 16%;
}

.bannerInfo .bannerText2 {left: 16%; bottom: 87%;}
.bannerInfo .bannerText3 {
	left: 0%;}
/* .bannerText3{ background: rgba(255,102,0,0.63);} */
.sec12InfoA span {
    position: relative;
    left: inherit!important;
    bottom: inherit;
}
	.sec12InfoA strong {font-size: 26px;}
}

@media all and (max-width:770px){
	
	.dskmenu{display: none !important}
.mobmenu{ display: block !important}

 /*---------- 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-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:20px;}
.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;}
.brandAward_new{margin: 0 auto; width:80%;}
.brandAward_new:after{left:50vw; right:auto;   margin: 0 0 0 -60vw; width: 100vw;}
/*---------- 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%;} 
    
.sec3SlideInfo .right2 {
    position: relative;
    right: inherit;
    top: inherit;
}
/*---------- popup end ---------*/ 
	
	.desktopimg{display: none}
.mobimg{display: block}
.brandAward figure img {
    height: auto; width: 100%;
}
.bannerText3{ background:none;}	
}



@media all and (max-width:1024px){
    
}
@media all and (max-width:750px){
	.bannerInfo .bannerText1 {left: 20%;top: -201px;}
	.bannerInfo .bannerText3 {left: 0%; bottom: 0%;}
	/*.sec7 ul li{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.sec7 ul li aside:first-of-type {width: 25%;}
	.sec7 ul li aside:nth-child(2) {width: 25%;}
	.sec7 ul li aside:nth-child(3) {width: 25%;}
	.sec7 ul li aside:nth-child(4) {width: 25%;}
	.sec7 ul li aside:nth-child(2) span {top: 40%;}
	.sec7 ul li strong{ width: auto; margin: 30px auto 0; display: table; float: none;}*/
	
	}
@media all and (max-width:700px){
/*.bannerInfo .bannerText1 {
    position: absolute;
    left: 0;
	bottom: 11%;}*/
	.mobnone1{ display: none;}
	#jalsaAmenities{ display: none;}
	.sec2Slide {margin: 0px 0 0 0;}
	.margin20{margin: 20px 0 0 0;}
	
	.sec7 ul li article:nth-child(1) { width: 32%;}
	.sec7 ul li article:nth-child(1) aside:nth-child(1) {width: 100%;}
.sec7 ul li article:nth-child(1) aside:nth-child(2) {width: 100%;}
	
	.sec7 ul li article:nth-child(2) { width: 32%;}
	.sec7 ul li article:nth-child(2) aside:nth-child(1) {width: 100%;}
	.sec7 ul li article:nth-child(2) aside:nth-child(2) {width: 100%;}
	.sec7 ul li strong { width: auto; margin: 30px 0 0 0; display: block; float: left;}
	.sec7 ul li aside {font-size: 22px;}
	.sec7 ul li aside:first-of-type span {font-size: 14px;}
	.sec7 ul li article:nth-child(2) aside big{font-size: 14px;}
	.sec7 ul li aside:nth-child(2):before {content: url(../images/icon-rs-m.png);}
}
	
@media all and (max-width:650px){	
	.bannerInfo .bannerText3 {
    left: 0%; display: none;
    /* bottom: -15%; */
}
	.bannerInfo .bannerText2 {left: 16%; bottom: 74%;}
	.bannerInfo .bannerText1 { left: 20%;top: -76px;}
	
	
	}
@media all and (max-width:610px){
.lottery-prices {font-size: 30px; padding-top: 0px;padding-left: 5px; padding-bottom: 30px;}
}
	@media all and (max-width:570px){
	.bannerInfo .bannerText2 {left: 10%;  bottom:auto; top:3%;}
	.bannerInfo .bannerText1 { left: 20%;top: -76px;}
		.bannerInfo .bannerText1 {left: 13%;top: 0px;}
	}
	
    @media screen and (min-aspect-ratio: 3 / 4) and (max-device-width:550px) and (orientation:portrait){
        .bannerInfo .bannerText2 { top:-10%;}
    }

@media all and (max-width:550px){
	/*.sec7 ul li aside{ padding-bottom: 30px;}
	.sec7 ul li aside:first-of-type {width: 50%;}
	.sec7 ul li aside:nth-child(2) {width: 50%;}
	.sec7 ul li aside:nth-child(3) {width: 50%;}
	.sec7 ul li aside:nth-child(4) {width: 50%;}
	.sec7 ul li aside:nth-child(2) span {top: 80%;}
	.sec7 ul li strong{ width: auto; margin: 0px auto 0; display: table; float: none;}*/
	
	
}
	@media all and (max-width:500px){
	.bannerInfo .bannerText3 {
    left: 0%;
    /* bottom: -10%; */
}	
		.bannerInfo .bannerText2 {
    left: 0;
    bottom:0;
	width: 125%; top:-20px;
}
		.bannerInfo .bannerText1 {
    left: 13%;
    top: 100px;
}
	}
	
@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; display: none}
}

/* @media screen and (min-device-width:820px) and (max-device-width:1025px) and (orientation:portrait){
	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:840px; width: 96%; margin:0 auto; padding-top:0px; position:relative; transform:translate(9px, 35px);/* background: #FFF;*/ z-index: 2; }

.e-lottery-bg1{ width: 100%; height: auto; float: left; display: block; background: url("../images/e-lottery-bg1.jpg") no-repeat left top; background-size: cover; padding: 30px 30px 30px 30px;}
.e-lottery-bg1 h2{ width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 20px;   font-weight: 600; color: #000000; line-height: 24px; text-align: center; margin-bottom: 40px;}
.e-lottery-bg1 h2 a{font-family: 'Lato', sans-serif;   font-weight: 600; color: #d22327; }
.e-lottery-bg1 aside{ width: 100%; max-width: 490px; margin: 0px auto; display: table; position: relative; padding: 20px 20px;}
.e-lottery-bg1 aside:after{ content: ''; position: absolute; left: 0; top: 0; width: 260px; height: 90px; background: url("../images/e-lottery-line-top.png") no-repeat left top;}
.e-lottery-bg1 aside:before{ content: ''; position: absolute; right:0; bottom:0; width: 317px; height: 102px; background: url("../images/e-lottery-line-bottom.png") no-repeat left top;}
.e-lottery-bg1 aside h3{ width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 36px;   font-weight: 400; color: #000000; line-height: 42px; text-align: left;}
.e-lottery-bg1 aside h4{ width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 28px;   font-weight: 600; color: #000000; line-height: 40px; text-align: center;}
.e-lottery-bg1 aside h4 span{font-weight: 400; }
.e-lottery-bg1 aside h5{ width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 28px;   font-weight: 400; color: #000000; line-height: 36px; text-align: center;}
.e-lottery-bg1 aside h5 strong{ font-weight: 600;}
.e-lottery-bg1 small{ width: auto; height: auto; margin: 0 auto; display: table; padding: 50px 0 50px 0; }
.e-lottery-bg1 small a{padding: 10px 20px; background: #f04f26; font-family: 'Lato', sans-serif; font-size: 25px;   font-weight: 600; color: #fff; line-height: 25px; border-radius: 4px;}
.e-lottery-bg1 h6{ width: 100%; height: auto; float: left; display: block; font-family: 'Lato', sans-serif; font-size: 18px;   font-weight: 400; color: #393939; line-height: 22px; text-align: center;}
.e-lottery-bg1 h6 strong{ font-weight: 600;}

.e-lottery-bg2{ width: 100%; height: 21px; float: left; display: block; background: url("../images/e-lottery-bg2.jpg") no-repeat left top; background-size: cover;}

.e-lottery5{padding: 0px 20px; background: #f04f26; font-family: 'Lato', sans-serif; font-size: 26px;   font-weight: 400; color: #fff; line-height: 40px; border-radius: 4px; }


.popup5.popshow .popcenter2{ transform:translate(9px, 50%);}
.popcenter2:after{content:''; display:block; clear:both;}
.popclose5{ position: fixed; right:2%;     top:-43px; width:26px; height:26px; background:url("../images/popclose223.png") no-repeat center center;-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: 68%; bottom: 90px; width: auto; height: 41px; z-index: 6; display: block; opacity: 0;}
.elottery-button a{ display: block; width: auto; height: 41px; font-size: 18px;}
@media all and (max-width:1600px){
.elottery-button {left: 59%; bottom: 90px;}	
}

@media all and (max-width:1400px){
	.elottery-button {left: 62%; bottom: 90px;}
	.popup5.popshow .popcenter2 {
    transform: translate(9px, 30%);}
}
@media all and (max-width:1024px){
	.elottery-button {left: 65%; bottom: 80px;}
}
@media all and (max-width:1023px){
	.popup5 .popcenter2{transform: translate(0px, 50%); max-width:1030px; }
 .popup5.popshow .popcenter2 {transform: translate(0px, 30%);}
.popclose2, .popclose5, .querypopclose5{ position: fixed; right:15px;  margin-right:0;}
	/*.e-lottery5{ padding: 0px 0; }*/
	.elottery-button {
    left: 61%;
    bottom: 8px;
}


}

@media all and (max-width:820px){
	.e-lottery-bg1 h2 { font-size: 16px;line-height: 24px;}
	.e-lottery-bg1 h2 a{ }
	.e-lottery-bg1 aside {padding: 20px 20px;}
	.e-lottery-bg1 aside h3 {font-size: 30px;line-height: 36px;}
	.e-lottery-bg1 aside h4 {font-size: 28px;line-height: 34px;}
	.e-lottery-bg1 aside h5 {font-size: 28px;line-height: 34px;}
	.e-lottery-bg1 h6 {font-size: 20px;line-height: 24px;}
    .bannerInfo .bannerText2 {left: -4%; bottom: 87%;}
    .bannerInfo .kharaj {position: absolute; left: 0;  bottom: 0; height: auto; z-index: 2; opacity: 0;}
    .sec19 article {margin-bottom: 0px; display: flex;}
    .sec19 aside {
        float: left;
        width: 50%;
        position: relative;
        background: #f8f8f8;
        padding: 15px 10px;
        height: 169px;
        border-right: 1px solid #ddd;
    }
    .sec19 aside:last-child {
    border-right: 0px solid #999;
}
}

@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: initial; bottom: -3px; right: 31px;}*/
	.elottery-button {bottom: -7px; margin: 0 auto; display: table; left: 0; right: 0;}
	.elottery-button a {height: 28px; font-size: 16px; background-color: transparent; border: 1px solid #fff; padding: 0 10px; line-height: 22px;}
	.e-lottery-tex2 {font-size: 20px; line-height: 24px;padding-bottom: 30px;}
	.e-lottery5 {padding: 0px 0;}
	.sec7 ul li.sold-out{padding: 40px 0 80px;}
	
	.flat-row2 h3 {width: 100%;}
	.flat-row2 ul {width: 100%;}
	.sec9 .jalsa-logo {max-width: 65px;}
	.sec9 article.mpSpeciList>ul {float: left;width: 100%;}
	.sec9 article.mpSpeciList>ul>li { width: 50%; float: left;}
	.sec9 h2 {padding-bottom: 20px;padding-top: 20px;}
	.sec9 .jalsa-logo {padding: 20px 0 0 0;}
	.e-lottery-bg1 {padding: 30px 30px 30px 30px;}
	.e-lottery-bg1 aside h4 {
    font-size: 18px;
    line-height: 24px;
}
.e-lottery-bg1 aside h5 {
    font-size: 18px;
    line-height: 24px;
}
	.e-lottery-bg1 h6 {
    font-size: 15px;
    line-height: 24px;
}
	.e-lottery-bg1 aside:before {width: 100px; height: 80px;background: url(../images/e-lottery-line-bottom.png) no-repeat right bottom;}
	.e-lottery-bg1 aside:after {width: 100px; height: 80px}
	.e-lottery-bg1 h2 {margin-bottom: 20px;}
	.e-lottery-bg1 small a { padding: 7px 15px; font-size: 15px;line-height: 18px;}
	.e-lottery-bg1 small {padding: 20px 0 20px 0;}
}

@media all and (max-width:550px){
	.sec9 article.mpSpeciList>ul>li { width: 100%; float: left;}
	.elottery-button a {
    height: 24px;
    font-size: 13px;
    background-color: transparent;
    border: 1px solid #fff;
    padding: 0px 10px;
    line-height: 22px;
}
}

/* jalsa start */
#jalsa{position: relative; height: 100vh;}
.jalsaBg1{ background: url(../images/jalsaBg1.png) no-repeat 50% 50%; background-size: cover; height: 130vh; width: 100%; margin-bottom:0vh; position: absolute; left: 0; top:0;  z-index: 2;}
.jalsaBg2{ background: url(../images/jalsaBg2.png) no-repeat 50% 100%; background-size: 100% auto; height: 100vh; width: 100%; position: absolute; left: 0; top:0; z-index:1;}
.jalsa_text{ position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; display: flex; justify-content: center; z-index:3; max-width:650px; height: 190px;}

.jalsa_text aside{ padding: 25px 0 25px 25px; border-left:1px solid rgba(0,0,0,0.1); vertical-align: middle;}
.jalsa_text aside:after{content:''; display:inline-block; height:100%;  vertical-align: middle;}
.jalsa_text aside div{ display: inline-block;  vertical-align: middle;}
.jalsa_text aside span{ display: block; color: #000; font-family: "Source Serif Pro"; font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: normal;  letter-spacing: 2px;}

.jalsaHead{ height: 140px; display: flex; align-items: center;}
.jalsaHead h2{ color: #295646; font-size: 30px; font-weight:600; text-align: center; margin: 0 auto;}
.jalsaHead span{ display: block; font-size: 48px; font-weight:600;line-height: 52px;}

  #jalsa2{width: 100%;  height:650px;  overflow: hidden;  -webkit-perspective: 1000;  perspective: 1000;}
  #jalsa2 ul{display: flex; width: 4256px; background-color: #b5dfe6; }
  #jalsa2 ul li{height:650px; width:304px; background-color: #b6cdc8;} 
  
.jalsaAmenitiesImg .sec2SlideInfo {background:none;}

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

  
  #jalsaMob, #jalsa2Mob{ display: none;}

@media all and (max-width:1025px){
    .jalsaHead h2{font-size:18px;}
    .jalsaHead span{ font-size:30px;line-height:35px;}
}

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

#jalsa, #jalsa2{ display: none;}

#jalsaMob{ display: block; background: url(../images/jalsaBg1-mob.jpg) no-repeat 0 100%; background-size:cover ; height:70vh; margin-bottom:0; position: relative; z-index: 2;}
.jalsa_textMob{ position: absolute; left:30vw; top: 0; bottom: 0; margin: auto; z-index:3; max-width:500px; height: 140px; vertical-align: middle;}
.jalsa_textMob img{ max-width: 200px; display: inline-block; vertical-align: middle;}
.jalsa_textMob aside{ padding: 25px 0 25px 25px; border-left:1px solid rgba(0,0,0,0.1); vertical-align: middle;  display: inline-block;}
.jalsa_textMob aside:after{content:''; display:inline-block; height:100%;  vertical-align: middle;}
.jalsa_textMob aside div{ display: inline-block;  vertical-align: middle;}
.jalsa_textMob aside span{ display: block; color: #000; font-family: "Source Serif Pro"; font-size: 20px;  font-style: normal;  font-weight: 400;  line-height: normal;  letter-spacing: 2px;}


#jalsa2Mob{ display: block;}

#jalsa2Mob img{ width: 100%;}

.jalsaBg1{ background: url(../images/jalsaBg1-mob.jpg) no-repeat 0 100%; background-size:cover ; height:70vh; margin-bottom:0; position: relative; z-index: 2;}
.jalsaBg2{ display: none;}

/* #jalsa .scrollmagic-pin-spacer{inset: auto !important; margin: 0px; display: flex; position: relative !important; box-sizing: content-box; width: 100%; height: auto !important;}

#jalsa .scrollmagic-pin-spacer .jalsa_text { opacity: 1 !important; transform: none !important; position: absolute !important; margin: auto; inset: auto !important; box-sizing: border-box; top: 0; left: 30vw !important; width: auto !important; bottom: 0; padding-top: 15vh; flex-wrap: wrap;    justify-content: left;}

#jalsa .scrollmagic-pin-spacer .jalsa_text img{ width:25vw; min-width: 250px; padding-left: 25px; opacity: 1 !important; transform: none !important;}
.jalsa_text aside{ width: 270px;  opacity: 1 !important; transform: none !important;}

.jalsaBg1{ opacity: 1 !important; transform:none !important;}

.jalsaBg1 + .scrollmagic-pin-spacer{ display: none !important;}

#jalsa + .scrollmagic-pin-spacer{inset: auto !important; margin: 0px; display: flex; position: relative !important; box-sizing: content-box; width: 100%; height: auto !important; padding-bottom: 0 !important;     padding-top: 0 !important; min-height: auto !important; display: none !important;}

#jalsa2 { opacity: 1 !important; transform: none !important; position: absolute !important; margin: auto; inset: auto !important; box-sizing: border-box;} */


}

@media all and (max-width:765px){
    
.jalsaAmenitiesImg .sec2SlideInfo strong {font-size:35px;}
.jalsa_text aside {padding:0 0 25px 25px; border-left:0px solid #CCC;}
.scrollmagic-pin-spacer {padding-bottom: inherit !important;}
header .logo {float: left; padding: 15px 0 0 8px; max-width: 84px; height: auto;}
.bankList { margin-bottom: 0px; background: #FFF; border: 1px solid #e2e2e2; position: relative; margin: 0 auto; text-align: center;}
}

@media all and (max-width:670px){
    .jalsa_textMob{  height: 220px;}
    .jalsa_textMob aside{ padding: 0; border-left:0px solid rgba(0,0,0,0.1); display: block;}    
}



@media all and (max-width:500px){
    .jalsaBg1{ background: url(../images/jalsaBg1-mob.jpg) no-repeat -50px 100%;}
    #jalsa .scrollmagic-pin-spacer .jalsa_text img{ padding-left: 0;}
    .jalsa_text aside {padding:0 0 25px 0;}
    #jalsa .scrollmagic-pin-spacer .jalsa_text{ padding-top: 20vh;}
    .jalsa_textMob{left:45vw; }
	.e-lottery-bg1 h6 {
    font-size: 15px;
    line-height: 20px;
}
	.popup5.popshow .popcenter2 {
    transform: translate(0px, 20%);
}
}


#jalsaAmenities .jaList{ padding: 25px 0; border-top: 1px solid #e2e2e2;  border-bottom: 1px solid #e2e2e2;}
#jalsaAmenities .jaList:after{content:''; display: block; clear: both;}
#jalsaAmenities .jaList>ul{ float: left; width: 33.3333333333333%; }
#jalsaAmenities .jaList>ul>li{ margin-bottom: 10px; font-size: 14px;}
#jalsaAmenities .jaList>ul ul{ padding:10px 0 0 20px;}
#jalsaAmenities .jaList>ul ul li{ margin-bottom: 5px;}


@media all and (max-width:600px){	
	#jalsaAmenities article.jaList>ul {float: left;width: 100%;}
	#jalsaAmenities article.jaList>ul>li { width: 50%; float: left;}
}

@media all and (max-width:550px){
	#jalsaAmenities article.jaList>ul>li { width: 100%; float: left;}
}

.whats_up_solaries_box {
    width: 60px;
    height: 60px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    cursor: pointer;
}
/* jalsa start  display: flex; align-content: center; flex-wrap: wrap;*/