@charset "utf-8";
/* reset css */
ul, ol,li, h1, h2, h3, h4, h5, h6, p{padding:0; margin:0;}
*{box-sizing:border-box}
body{line-height:1; font-size: 100%; padding:0; margin:0; overflow-x:hidden;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img{border:none;}
a{text-decoration:none; color:#000000; outline:none;}
ul{list-style:none;}
table {border-collapse: collapse; border-spacing: 0;}
:focus {outline: 0;}
textarea {overflow: hidden; vertical-align: top; resize: none;}


/* layout css */
.wrapper{width:1500px; margin:0 auto;}
.wrapper2{width:1200px; margin:0 auto;}

.banner-section{width:100%; float:left; background:url(../images/gardencity-banner.png) no-repeat center top/cover; height:770px; }
.banner-section > img{display:none;}
header{width:100%; height: 140px; float:left; padding:25px 40px; position:fixed; top:0; left:0; z-index:1000;  transition:all 0.5s ease;}
.moulsari-logo{float:left; width:150px;}
.dlf-logo{float:right; width:150px; margin-top:8px}

.nav-section{display: table; position:relative; left:0; right:0; margin:0 auto; width:calc(100% - 742px); text-align:center;  padding:40px 0 0 0}
.nav-section:after{ position:absolute; content:''; left:0; bottom:-10px; width:100%; border-bottom:2px solid #386f52;}

.call{padding-left:18px;float:left; color:#000; font-size:16px; text-decoration: none; text-transform:uppercase; font-family: 'MontserratRegular';}

.logo-flex{display:flex;width: 300px;align-items: center;position: absolute;bottom: 0;}
.white{display:none;}
header.fixed .logo-flex .white {display:block;}
header.fixed .logo-flex .black {display:none;}
header.fixed .logo-flex{bottom:42px;}
nav{  float:right; vertical-align: middle; }
nav li{float:left; padding:0 20px; position:relative }
nav li a{ color:#ffffff; font-size:14px; text-decoration: none; text-transform:uppercase; font-family: 'MontserratRegular';}
nav li a:hover{text-decoration: none; color:#386f52;}
nav li a.active{  color:#2393d1;  text-decoration: none;}
nav li a:before{ position: absolute; content: ''; width: 0; height: 1px; background-color: #2393d1; bottom: -3px;
 left:0; right: 0; margin: 0 auto; transition: all 0.2s ease-in-out; transition-duration: .75s }
nav li a:hover:before, nav li a.active:before{width: 30%;}

nav li:last-child{padding-right:0;}

/* header fixed */
header.fixed{height:90px;transition:all 0.5s ease; padding:10px 40px; background:#386f52;}
header.fixed .moulsari-logo, header.fixed .moulsari-logo-img{height:70px;transition:all 0.5s ease}
header.fixed .moulsari-logo-img img{max-width:100%; height:70px; object-fit:contain;transition:all 0.5s ease}
header.fixed .dlf-logo, header.fixed .dlf-logo-image{height:70px;transition:all 0.5s ease}
header.fixed .dlf-logo, header.fixed .dlf-logo-image img{max-width:100%;height:50px;object-fit:contain;transition:all 0.5s ease}
header.fixed .nav-section, header.fixed nav{height:70px;transition:all 0.5s ease; padding-top:30px; }
 header.fixed nav{padding-top:0px}
header.fixed nav li a{font-size:12px;transition:all 0.5s ease; }

header.fixed .nav-section:after{transition:all 0.5s ease; bottom:35px; width:100%;}
header.fixed ~ .banner-section{margin-top:70px}

header.fixed .call{color:#ffffff;}
.punchline{width:100%; float:left; text-align:center; font-size:30px; text-align:center; color:#ffffff; padding-top:200px; text-transform:capitalize}

/*exclusives*/
.exclusive{width:100%; float:left; background:#386f52; padding:50px 0 50px 0}
.exclusive h3{ font-family: 'georgiaregular'; font-size:40px; font-weight:normal; color:#ffffff;}
.exclusive p{font-family: 'MyriadProRegular'; font-size:18px; line-height:1.7; margin-top:20px; color:#fff;opacity:.7 !important;} 

/*nurtured by nature*/
.nurtured{width:100%; float:right; margin-top:80px; }
.nurtured .left-content{width:60%; float:left;  padding-top:70px;}
.nurtured .left-content h3{ font-family: 'georgiaregular'; font-size:40px; font-weight:normal; color:#ffffff;}
.nurtured .left-content p{ font-family: 'MontserratRegular'; font-size:18px; line-height:1.7; margin-top:20px; color:#fff;opacity:.7;} 
.nurtured .nbn-pic{width:38%; float:right;}
.nurtured .nbn-pic img{width:100%; display:block;}

/*crafted-for-your-convenience*/
.crafted{width:100%; float:left; margin-top:80px; }
.crafted .cyc-pic{width:38%; float:left;}
.crafted .cyc-pic img{width:100%; display:block;}

.crafted .right-content{width:60%; float:right; padding-top:70px;}
.crafted .right-content h3{ font-family: 'georgiaregular'; font-size:40px; font-weight:normal; color:#282828;}
.crafted .right-content p{ font-family: 'MontserratRegular'; font-size:18px; line-height:1.7; margin-top:20px; color:#939393} 

/*attractive location*/
.attractive-location{width:100%; float:left; background:#ffffff; padding:50px 0 0 0; position:relative;}
.attractive-location h3{font-family: 'georgiaregular'; font-size:40px; font-weight:normal; color:#282828;}
.attractive-location p{ font-family: 'MontserratRegular'; font-size:20px; line-height:1.7; margin-top:15px; color:#676767}

.two-box{width:100%; height:738px; float:left; margin-top:50px; padding-bottom:50px }
.two-box ul{ }
.two-box li{float:left; width:49%; margin-right:2% }
.two-box li iframe{width:100%; height:738px;}
.two-box li:last-child{margin-right:0}

.two-box li .table1{width:100%; float:left; background-color:#386f52;  color:#ffffff; font-family: 'MyriadProRegular'; font-size:15px; font-weight:normal; line-height:1.5 }

.two-box li .table1 p{  color:#ffffff; font-family: 'MyriadProRegular'; font-size:15px; font-weight:normal; padding:10px}
.border-r{border-right:1px solid #495e70;}

/*club-membership*/
.club-membership{width:100%; float:left; background:#ffffff; padding:50px 0}
.club-membership h3{font-family: 'georgiaregular'; font-size:40px; font-weight:normal;}
.club-membership h4{ font-family: 'MyriadProRegular';font-size:28px; line-height:1.7; margin-top:20px; color:#676767; font-weight:normal; }
.club-membership p{ font-family: 'MyriadProRegular'; font-size:18px; line-height:1.7; margin-top:20px; color:#676767; }

.column{width:100%; float:left; padding-bottom:50px;}
.column .c1{width:49%; float:left; margin-right:1.4%; }
.column .c1 .upper{width:100%; float:left; position:relative}
.column .c1 .upper img{width:100%; display:block;}
.column .c1 .lower{width:100%; float:left; margin-top:20px}
.column .c1 .lower ul{}
.column .c1 .lower li{ width:48.4%; float:left; position:relative } 
.column .c1 .lower li img{width:100%; display:inline-block;}
.column .c1 .lower li:last-child{float:right; text-align:right; }


.column .c2{width:24.50%; float:left; margin-right:0.7%}
.column .c2 ul{width:100%; float:left;}
.column .c2 li{width:96.9%; float:left; margin-bottom:20px;  position:relative}
.column .c2 li img{width:100%; float:left;}
.column .c2 li:last-child{ margin-bottom:0;}

.column .c3{width:24.4%; float:left;}
.column .c3 ul{width:100%; float:left;}
.column .c3 li{width:96.8%; float:left; margin-bottom:15px;  position:relative}
.column .c3 li img{width:100%; display:inline-block;}
.column .c3 li:last-child{ margin-bottom:0;}

.real-image{position:absolute; left:20px; bottom:10px; font-size:7px; color:#ffffff; font-family: 'MontserratRegular'}


/*specification*/
.specification{width:100%; float:left; padding:50px 0 50px }
.specification h3{font-family: 'georgiaregular'; font-size:40px; font-weight:normal; padding-left:25px; margin-bottom:50px}
.specification .speci-group{width:100%; float:left;}
.specification .speci-group .left-speci{width:49%; float:left}
.specification .speci-group .left-speci .speci-box{width:100%; float:left; border:1px solid #d1d7db; padding:20px;}
.specification .speci-group .left-speci .speci-box .heading{width:100%; float:left; font-family: 'MontserratRegular'; font-size:20px; color:#282828; margin-bottom:10px}
.specification .speci-group .left-speci .speci-box .content-set{width:100%; float:left; margin-top:10px}
.specification .speci-group .left-speci .speci-box .content-set .left-set{float:left; width:35%; font-family: 'MontserratRegular';  font-size:14px; color:#676767; line-height:1.4}
.specification .speci-group .left-speci .speci-box .content-set .right-set{float:left; width:65%; font-family: 'MontserratRegular';  font-size:14px; color:#676767; line-height:1.4}


.specification .speci-group .right-speci{width:49%; float:right}
.specification .speci-group .right-speci .speci-box{width:100%; float:left; border:1px solid #d1d7db; padding:20px;}
.specification .speci-group .right-speci .speci-box .heading{width:100%; float:left; font-family: 'MontserratRegular'; font-size:20px; color:#282828; margin-bottom:5px}
.specification .speci-group .right-speci .speci-box .content-set{width:100%; float:left; margin-top:6px}
.specification .speci-group .right-speci .speci-box .content-set .left-set{float:left; width:35%; font-family: 'MontserratRegular';  font-size:14px; color:#676767; line-height:1.4}

.specification .speci-group .right-speci .speci-box .content-set .left-set strong{font-family: 'MontserratRegular'; font-size:18px; color:#282828; font-weight:normal;}
.specification .speci-group .right-speci .speci-box .content-set .right-set{float:left; width:65%; font-family: 'MontserratRegular';  font-size:14px; color:#676767; line-height:1.4}

/*floors plan*/
.floor-plans{width:100%; float:left; background:#f1f1f1; padding:50px 0 0 0; position:relative;}
.floor-plans h3{font-family: 'georgiaregular'; font-size:40px; font-weight:normal; position:relative}
.floor-plans h3:after{position:absolute; content:''; left:0; bottom:-20px; background:#cecece; width:100%; height:1px; z-index:999;}

.four-boxes-slider{width:100%; float:left; padding-bottom:50px; position:relative;  }

.floor_slider{width:100%; float:left;  padding:50px 0; position:relative;}
.floor_slider  .box2{width:100%;  float:left;  text-align:center; }
.floor_slider  .box2 .icon2{width:100%; float:left; text-align:center; margin-top:30px}
.floor_slider  .box2 .icon2 img{display:inline-block; width:100%;}
.floor_slider  .box2 .text2{width:100%; float:left; text-align:center; font-family: 'MontserratRegular'; font-size:18px; line-height:1.7; margin-top:20px; color:#212537; padding:0 20px;}
.floor_slider  .box2 .text2 span{font-size:14px; display:block;}

.floor_slider .item{position:relative;}
.floor_slider .owl-nav{position:absolute; right:70px; top:-30px; width:70px;}
.floor_slider .owl-nav button.owl-prev{width:28px; height:16px; float:left; background: url(../images/prev.png) no-repeat left top;}
.floor_slider .owl-nav button.owl-prev:hover{opacity:0.5}
.floor_slider .owl-nav button.owl-next{width:28px; height:16px; float:right; background: url(../images/next.png) no-repeat right top}
.floor_slider .owl-nav button.owl-next:hover{opacity:0.5}
.floor_slider .owl-nav button.owl-prev span, .owl-nav button.owl-next span{display:none;}

.left-bottom{position:absolute; left:20px; bottom:20px; font-size:7px; color:#000000; font-family: 'MontserratRegular'; }

/*about-dlf*/
.about-dlf{width:100%; float:left; background:#ffffff; padding:60px 0 50px 0; display:none;}
.about-dlf .a-left{width:49%; float:left;}
.about-dlf .a-left h3{font-family: 'georgiaregular'; font-size:40px; font-weight:normal;}
.about-dlf .a-left h4{ font-family: 'MyriadProRegular';font-size:25px; line-height:1.3; margin-top:35px; color:#676767; font-weight:normal; }
.about-dlf .a-left p{ font-family: 'MyriadProRegular'; font-size:19px; line-height:1.7; margin-top:35px; color:#676767; }

.about-dlf .a-right{width:49%; float:right;}
.about-dlf .a-right img{width:100%; display:block;}


/*form*/
.form{width:100%; float:left; background:#386f52; padding:50px 0}
.form-inner{width:100%; float:left; background:#ffffff; padding:40px;}
.form-inner h3{font-family: 'georgiaregular'; font-size:30px; text-align:center; margin-bottom:30px; color:#212537; font-weight:normal;}
.form-inner p{ font-family: 'MyriadProRegular'; font-size:19px; line-height:1.7; margin-top:35px; color:#676767; text-align:center;}


.block{width:32.65%; float:left; margin-right:1%;  }
.block:nth-child(3){ margin-right:0;}
.block input{width:100%; height:60px; float:left; background:#f1f1f1; border:none; padding:15px; border-radius:5px; font-family: 'MontserratRegular'; font-size:15px}
.block2{width:66.39%; float:left; margin-right:1%; margin-top:13px;}
.block2 textarea{width:100%; margin-right:1%; height:60px; float:left; background:#f1f1f1; border:none; padding:15px; border-radius:5px; font-family: 'MontserratRegular'; font-size:15px}
.submitclass{width:32.5%; float:left;}
.submitclass input{width:100%; height:60px; float:left; background:#386f52; color:#ffffff; border:1px solid #000000; border-radius:5px; margin-top:13px;  font-family: 'MontserratRegular'; font-size:15px; text-transform:uppercase; transition: all 0.3s ease; position:relative}
.submitclass input:hover{ background:#013d7a; color:#ffffff; cursor:pointer}


/*moulsari-content details*/
.moulsari-content{width:100%; float:left; background:#ffffff; padding:20px 0 0 0;}
.moulsari-content h3{font-family: 'georgiaregular'; font-size:24px; font-weight:normal; color:#212537; margin-bottom:30px; margin-top:30px;}
.moulsari-content p{ font-family: 'MontserratRegular'; font-size:14px; line-height:1.4;  color:#676767; }
.moulsari-content ol{ padding-left:20px;}
.moulsari-content li{ padding:0 0 25px 20px; font-family: 'MontserratRegular'; font-size:14px; line-height:1.4;  color:#676767;}


/*footer*/
footer{width:100%; float:left; background:#386f52; margin-top:25px; padding:20px 0;}
footer .copy{float:left; color:#ffffff;font-family: 'MontserratRegular'; font-size:12px; line-height:1.4}
footer .copy a{color:#ffffff; text-decoration:none;}
footer .copy a:hover{text-decoration:underline;}


.w{width:100%!important;}

.comment{position:fixed; right:20px; top:50%; z-index:9999}

.two-button{width:100%; float:left; background:#023366; position:fixed; bottom:0; left:0; display:none}
.two-button ul{}
.two-button li{float:left; width:50%; height:40px; line-height:40px;  border-right:1px solid #ffffff; text-align:center;}
.two-button li a{display:block; font-size:14px; color:#ffffff; font-family: 'MontserratRegular'; text-decoration:none;}
.two-button li:last-child{border-right:none;}



.privacy-policy{width:100%; float:left; margin-top:30px; background:#ffffff!important;}
.privacy-policy h5{font-family: 'georgiaregular'; font-size:24px; font-weight:normal; color:#000000; margin-bottom:10px; margin-top:30px;}
.privacy-policy p{ font-family: 'MyriadProRegular';font-size:15px; line-height:1.4;  color:#000000; margin-bottom:10px}
.privacy-policy p strong{font-weight:bold; margin-bottom:20px }

.privacy-policy ul{ list-style-type:disc; padding:0 0 0 20px; margin:0}
.privacy-policy li{ width:100%; float:left; font-family: 'MontserratRegular'; font-size:15px; line-height:1.4;  color:#000000; margin-bottom:10px; }
.privacy-policy li ul{list-style:circle; padding:0 0 0 20px; margin:10px 0 0 0 }

.popup1 {
    width:  100%;
    margin:  0 auto;
    position:  fixed;
    z-index:  10000000;
    left: 0;
    top: 0;
    height:  100%;
    right: 0;
    background-color: hsla(0, 0%, 0%, 0.8);
}

.cnt223 {
    width:500px;
    border-radius:0px;
    max-height: 600px;
    height: 600px;
    background:  url(../images/covid-popup.jpeg) no-repeat;
    background-size: contain;
    margin:30px auto;
    left: 0;
    right: 0;
    position:  relative;
    z-index: 3000;
    padding:  4px 10px;
}

.cnt223 h1 {
    font-size: 35px;
     text-align: center;
     line-height: 25px;
     color: #656464;
}

.cnt223 .x:hover {
    cursor:  pointer;
}

.cnt223 a img {
    margin-top: -30px;
     border-radius:  8px;
}

.closee {
     position: absolute;
     right: -15px;
     top: -13px;
     color: #ccc;
     font-size: 15px;
     z-index: 11111;
     cursor:  pointer;
	background:#000;
	width: 30px;
    height: 30px;
    border-radius: 100%;
    padding: 8px;
    text-align: center;
    line-height: 12px;
}


.closee:hover {
     color: #fff;
 }





@media only screen and (max-width: 991px) {
    
.cnt223  {
    
    width:90%;
    
    margin:12vh auto;
    
}

.closee  {
    position:  absolute;
      
    top:  -14px;
    color:  #ccc;
    font-size:  15px;
    z-index:  11111;
    margin-top:  0;
}
	

}