@charset "utf-8";

/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900);

 

body{ font-family:'Lato', Arial, Helvetica, sans-serif; font-size:15px; color:#000}

a{ color:#000}a:hover, a:active, a:focus{ color:#333; text-decoration:none}h1, h2, h3, h4, h5{}

h1{ font-size:36px; font-weight:400}h2{ font-size:31px} h3{ font-size:25px;}



.float-left{ float:left}
.top-call{ display:inline-block; margin-top:}


.col-xs-5ths,.col-sm-5ths,.col-md-5ths,.col-lg-5ths {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px;}

.col-xs-5ths {width: 20%;float: left;}



.row.no-gutters { margin-right: 3px; margin-left: 3px;}

.row.no-gutters > [class^="col-"],

.row.no-gutters > [class*=" col-"] {padding-right: 3px;padding-left: 3px;}



.navbar-default{ background:none; border:0}.navbar-nav{ margin-top:30px;}

.navbar-brand { padding-top:5px;  position: absolute; width: 100%; left: 1.4%;   top: 0; text-align: center; margin: auto;}

.navbar-toggle { z-index:3;}

.logo-outer{ display:inline-block;}





.nav { display: block; }

.nav li {

  display: inline-block;

  position: relative;

  z-index: 10000;

}

.nav li:first-child { margin-left: 0; }


.nav ul { visibility: hidden; opacity: 0;  margin: 0; padding: 0; width: 170px;

  position: absolute;

  left: 0px;

  background: #fff;

  z-index: 999;

  transform: translate(0, 20px);

  transition: all 0.2s ease-out;

}

.nav ul:after {

  bottom: 100%;

  left: 20%;

  border: solid transparent;

  content: " ";

  height: 0;

  width: 0;

  position: absolute;

  pointer-events: none;

  border-color: rgba(255, 255, 255, 0);

  border-bottom-color: #fff;

  border-width: 6px;

  margin-left: -6px;

}

.nav ul li {

  display: block;

  float: none;

  background: none;

 padding: 0;
 margin:0;


}

.nav ul li a {

  font-size: 14px;

  padding:5px 15px;

  display: block;

  color:#333; font-family:Verdana, Geneva, sans-serif;

  background: #fff;

}

 
.act-section{ background:#5f378d; padding:0px !important}

.nav ul li a:hover,

.nav ul li:hover>a {

  background: #5f378d;

  color: #fff;

}

.nav li:hover>ul {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);

}

.nav ul ul {
  left: 169px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  transform: translate(20px, 20px);
  transition: all 0.2s ease-out;

}

.nav ul ul:after {
  left: -6px;
  top: 10%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #fff;
  border-width: 6px;
  margin-top: -6px;

}


.nav li>ul ul:hover {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}

 



.nav > li > a{ padding-left:8px; padding-right:8px; display: block;}



.navbar-brand > img{ display:inline-block}.navbar-default .navbar-nav > li > a{ color:#000; text-transform:uppercase; font-size:14px; line-height:24px;}



.fixed-nav{position:fixed; top:0; left:0; width:100%;}.fixed-nav .navbar-brand{ height:80px;}.fixed-nav.nav-top{ margin-top:0px;}.fixed-nav .navbar-nav{ margin-bottom:10px;}.fixed-nav .logo{ height:65px; transition:all 0.5s ease-in-out}.fixed-nav.navbar-default{ background:#FFF; border-bottom:1px solid #EEE}
.fixed-nav .home{margin-top: -24px; }

.lavender-logoicon{ float:left; margin-top:-8px; }

.phone{background:#a8cf71; padding:0; font-size:19px; display:block; outline:5px solid #a8cf71; margin-right: 70px;}
.home{ position:relative; /*padding-left:120px;*/ float:right;  margin-top: -24px}

.phone-icon{ background:url(../images/phone.png) no-repeat; height:20px; width:20px; display:inline-block; float:left; margin-right:5px;margin-top: 2px;}

.call-top{ margin-top: -21px; float: right;}

.space-none{ padding-top:0px !important;}

.banner-wrap{position:relative;}.banner{ width:100%; display:block;}
.mobile-banner{ display:none;}

/*.text{color:white; font-size:50px; font-weight:bold;}*/



.nav-top{ margin-top:10px;}

.block-wrap{ position:absolute;  z-index:1;  bottom: 0; width:100%; text-align:center;}

.block-wrap h1,.block-wrap h2,.block-wrap h3{color:#FFF; margin:0; font-weight:700;text-shadow:1px 1px 5px #000; letter-spacing:1px;}.block-wrap h1{  font-size:64px;}.block-wrap h2{ font-size:46px;}.block-wrap h3{ font-size:38px;}.heading{ margin-bottom:6%;}
.clear{ clear:both;}

.text-center1{ float:left; width: 84%; text-align:center; margin:0 auto; display:inline-block;}

.text-center2{float:right; margin-top: 6.6%;}
.block{ display:block; padding:18px 18px 16px 18px; min-height:80px; font-size:16px; text-transform:uppercase; font-weight:300}.block span{ display:block; font-weight:700;}

.q-enguiry{color:#FFF; text-align:center; font-size:20px !important; font-weight:400}.bg1,.bg2,.bg3,.bg4{ cursor:default;}

.bg1{ background:rgba(175,224,107,0.9);}.bg2{ background:rgba(166,215,98,0.9); padding-left:35px}.bg3{ background:rgba(158,207,90,0.9);padding-left:30px}.bg4{ background:rgba(150,199,83,0.9);padding-left:30px}.bg5{ background: rgba(232, 8, 8, 0.9); padding-top:25px; transition:all 0.2s ease;}.bg5:hover{ background:#000; color:#FFF; text-decoration:none;}

.green-bg{ background:#A8CF71}
.img-center{ text-align:center;}
img{ max-width:100%;}

.green-btn{background:#A8CF71; border:1px solid #739E36; color:#000}.green-btn:hover{ background:#678E30; color:#FFF}


 /* css */





.project-highlight{ padding:50px 0;}

.road{ background:url(../images/road.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.hospital{background:url(../images/hospital.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.metro{background:url(../images/metro.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.school{background:url(../images/school.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.gate{background:url(../images/gate.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.delhi{background:url(../images/delhi.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.approval{background:url(../images/approval.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.sixyears{background:url(../images/6years.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.fouryears{background:url(../images/4years.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.huda{background:url(../images/huda.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.nocost{background:url(../images/nocost.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.free{background:url(../images/free.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}

.no{background:url(../images/hospital.jpg) no-repeat; display:inline-block; width:40px; height:41px; margin-right:10px; float:left}



.call{background:url(../images/call.png) no-repeat; display:inline-block; width:39px; height:40px; margin-right:10px; margin-top:2px; float:left}

.email{background:url(../images/email.png) no-repeat; display:inline-block; width:39px; height:40px; margin-right:10px; margin-top:5px; float:left}

.marker{background:url(../images/marker.png) no-repeat; display:inline-block; width:39px; height:40px; margin-right:10px; margin-top:4px; float:left}



.map{width:752px;overflow:hidden;height:354px;max-width:100%;}
.google-map-iframe{border:0;width:100%;height:100%;}


.get-in-touch{ padding-top:15px;}.get-in-touch span{ font-size:18px;}.get-in-touch .well-sm{ border-bottom:1px dotted #66823f; padding-top:20px;}.get-in-touch .well-sm:last-child{ border-bottom:0}



.table-striped th{}.table{ background:#FFF; font-family:Lato; font-size:15px;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ padding:5px;}



.table1 {background:#FFF; font-family:Lato; font-size:15px;}



.table-striped > tbody > tr:nth-of-type(2n+1){ background:#F0F5E7}



.plots-flats{ background:#dce2cf; padding:40px 0;}





.pr{ padding-right:15px;}



footer{ background:#a3ce68; padding:70px 0 10px 0;color:#35451f;}footer h4{ text-transform:uppercase; font-size:21px; color:#000}
.footer-link .col-md-4{text-align:right;}

.footer-link{ padding-top:40px; font-size:14px;}.footer-link ul{ text-transform:uppercase;} .footer-link ul li a{ }

.well-sm{ min-height:75px;}



.puri-constructions-wrap{ background:url(../images/puri-constructions-bg.jpg)no-repeat bottom center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size:cover;transition:all 5s ease;display:table; width:100%;}



.puri-constructions-wrap .bg{ background:rgba(255,255,255,0.9); padding:20px 25px 35px 25px; margin:70px 0}



.title{ display:inline-block; font-size:31px; border-bottom:3px solid #8bb845; padding-bottom:6px; margin-bottom:20px;}



.title-inner{ display:inline-block; border-bottom:3px solid #8bb845; padding-bottom:6px; margin-bottom:20px; text-transform:uppercase;}



.quick-from .form-group { margin-bottom: 5px; width: 100%; margin-right:0;}

.quick-from .form-group input {width: 100%;}

.quick-from .form-group textarea {width: 100%;}



.line-height{ padding-left:16px;}

.line-height li{ padding:5px 0}




.home-loan img{ margin-bottom:15px;}



.page-content{ padding:50px 0;} .page-content .heading{ text-transform:uppercase; background:#CEDDB2; padding:3px 15px; border-radius:5px 5px 0 0; margin-bottom:0}



.top-link {display:none; right:10px; bottom:40px; z-index:9; font-size:1.3em; background: rgba(0,0,0,0.8); color:#FFF ; border-radius: 5px; transition:all 0.3s ease }.top-link a{color:#FFF; padding:7px 10px; display: inline-block;width:38px; height:38px;}



.button {background: transparent none repeat scroll 0px 0px; padding: 7px 20px;  color: #000;  transition: all 0.2s ease 0s; border:2px solid #000;  font-size: 16px;}

.button:hover { background: #000; color: #FFF;}

#myModal .modal-dialog{ width:400px;}
#myModal1 .modal-dialog{ width:400px; margin: 0 auto;}
#myModal1 .modal-content{ /*background:#EEF5E3*/}

.plot-offer-wrap{background:rgba(0,0,0,0.5); width:100%; position:fixed; top:0; right:0; cursor:default; z-index:999; bottom:0}
.plot-offer{z-index:9999;max-width: 100%; width: 800px; border:0px solid #fff; background:#FFF; height:auto;  position:fixed; top:16%; padding: 0 5px 15px 5px; left:0; right:0; margin:0 auto; border-radius:5px; box-shadow:0px 0px 3px #000}
.close-offer{cursor: pointer; color:#7F7F7F; float:right; padding:4px 5px 2px 15px}
.plot-image{width:98%; margin:0 auto}
.plot-image a img{ max-width:100%;}

#myModal{z-index:99999;}
#query-popup {z-index:9999;min-width:300px; height:auto; width:100%;  position:fixed; top:16%; padding: 0 5px 15px 5px; left:0; right:0; margin:0 auto; }

.tel-bg{padding:20px 0 20px 0; background:#fff; clear:both; color:#000; font-size:21px;}
.tel{ background:#333; color: #FFF !important; padding:8px 10px; font-weight:bold;animation: pulse 0.8s infinite;}

.jovial{ font-size:13px; margin-top:5px; text-align:center; border-top:1px dotted #799A4A; padding-top:8px;} 

.luxury-floor{ padding: 3% 0 5% 0; border-bottom:1px solid #DAE6C4; background:#F2F6EA}

.brochure{ color:#FFF; background:#8AB04B; display:inline-block; font-size:18px; font-weight:600; border-radius:3px; padding:10px 15px; margin:0 auto}.brochure img{ height:35px;}
.brochure:hover{ background:#F00}

.layoutmap{ background:#FFF; border-radius:5px;}
.lux img{ height: 717px; border-radius:5px; padding:10px 15px; background:#FFF;}

.text-height{ line-height:28px;}
.margin-top-0{ margin-top:0}

.bg-green{ background:#F1F4EC; border:1px solid #D3DBC3}

.disclaimer{ font-size:14px; color:#333; text-align:center; padding:0px 0 15px 0;}

.modal-open { position: fixed; }

.welcome-section{margin:40px 0px;}
/*Start New Css Code */

.mobile-button{vertical-align: middle;
position: fixed;
z-index:99;
top: 230px;
left: -120px;
background:#5f378d;
box-shadow:0px 0px 5px 1px #ccc;
padding: 5px 5px 5px 0px;
border-radius: 0px 4px 4px 0px;
transition-duration: 0.5s;}

.mobile-button a {
    display: block;
   font-size: 18px;
font-weight: bold;
color:#fff;
}

.mobile-button img{margin-left: 10px;
vertical-align: middle;
width: 40px;}

.enquiry:hover{left:0px;}

.click-contact{ background:#5f378d url(../images/call-now-hover.png) left center no-repeat ;  position:fixed; top:auto; bottom:0px; right:auto; left:0px; z-index:99; padding:5px 17px 0px 0px; margin:0px; display:none !important; border-radius:30px;}

.click-contact a{  color:#fff; font-size:15px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;text-transform: uppercase; display: inline-block; padding: 2px 0px 7px 40px; }
footer .col-md-4 img:nth-child(2){display:none;}
   .enquiry {
    width: 64px;
    height: 60px;
    background: #5f378d url(../images/enquiry-button-2.png) center center no-repeat;
    display: inline-block;
    transition: all 0.3s;
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 2;
}



@media (min-width: 1200px) {

.col-lg-5ths {width: 20%;float: left;}


}


@media (max-width: 1200px) {
.text-center1{width: 74% ;}


}

@media (max-width: 992px) {
.text-center1{width: 100%; position:relative; margin-bottom: 9%;}
.text-center1 img{ max-width:100%;}
.text-center2{position:relative; float:none; text-align:center; background: #e9e9e9; clear: both; padding: 5% 0%;}
.text-center2 img{max-width: 100%;text-align: center; margin: 0 auto;}
.nav li { display:block;}
.mobile-button:hover{left:-120px;}
}
@media (max-width: 768px) {
	.click-contact{ display:block !important;}
.img-center img{ text-align:center; margin:0 auto;}
.img-center{ margin-bottom:20px;}
.amenities-img img{min-height: 90px;}
.home{ padding:0px !important;}
.call-top{ margin-top:0px;}
.phone{ display:inline-block; margin-right: 15px;}

.sh-hid {
    background: url(../images/sprite.png) -241px -195px no-repeat;
width: 30px;
height: 30px;
top: -8px;
position: absolute;
right: -20px;
}

.sh-sow {
 background: url(../images/sprite.png) -228px -194px no-repeat;
width: 79px;
height: 30px;
right: auto !important;
top: -10px;
position: absolute;
   
}
	
.enquiry { width: 58px; height: 60px;}


}
@media (min-width: 992px) {

.col-md-5ths {width: 20%;float: left;}

.page-content .modal-dialog{width:980px;margin:30px auto}

}



@media (min-width: 768px) {

.col-sm-5ths {width: 20%;float: left;}

}





/* Large Devices, Wide Screens */

@media only screen and (max-width : 1200px) {

.block{font-size:15px; padding-left:0; padding-right:0}

.heading{margin-bottom:3%;}

nav .container{width:100%;}

.navbar-nav {margin-right: 0px;}



.logo{ height:70px}	

.navbar-default .navbar-nav > li > a{ font-size:13px}

}



/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {

.mobile-banner{ display:block;}


.logo{ height:65px}.navbar-default .navbar-nav > li > a{ font-size:13px; padding-bottom:10px; padding-top:10px}

.navbar-brand {position:static;}

.nav > li > a {padding-left: 6px;padding-right: 6px;}

#navigation{background:rgba(255,255,255,.8)}

.navbar .container{ padding:0}

.fixed-nav .navbar-brand{ height:60px;}.fixed-nav .navbar-nav{ margin-top:10px; margin-bottom:0px;}



.block-wrap{ position:static; margin-top:-24%; }

.block-wrap h1{ font-size:55px;}.block-wrap h2{ font-size:38px;}.block-wrap h3{ font-size:30px;}



.block-wrap-inner{ margin-top:-5%}

.plot-offer{/*width:95%;*/ top:27%;}



/* Small Devices, Tablets */



@media only screen and (max-width:767px){
	
	
.image-box img{ margin:10px auto;}	

.navbar-default{ background:#FFF; border:0}.logo{ height:43px }.fixed-nav .logo{ height:43px}

.navbar-brand {position:absolute;}

.block{ padding:13px 0; min-height:auto;}.block-wrap{ position:static; margin-top:-32%; }.block-wrap-inner{ margin-top:-5%}

.block-wrap h1{ font-size:42px;}.block-wrap h2{ font-size:24px;}.block-wrap h3{ font-size:22px;}

.map{ height:250px; padding-right:35px}

footer{ padding-top:35px;}footer h4{ padding-top:25px;}.get-in-touch{ padding-top:0}.footer-link{ padding-top:25px;}.get-in-touch .well-sm:last-child{ border-bottom:1px dotted rgb(102, 130, 63)}

.table-scroll{ width:100%; overflow: auto;}

.q-enguiry{ font-size:16px !important}



.title{ font-size:21px;}.project-highlight, .plots-flats{padding-top:20px; padding-bottom:20px;}

.plots-flats h3{ font-size:21px; margin-top:0}.plots-flats h4{ font-size:18px; margin-bottom:3px}

.well-sm { min-height: 55px;}.get-in-touch span{ font-size:16px;}

.navbar .container{ padding:0 15px;}.navbar-right{ margin-top:0}.navbar-left{ margin-bottom:0}

#navigation{ background:#A8CF71;} ul.nav li{ border-bottom:1px dotted #77A636; padding-left:15px} ul.navbar-right li:last-child{ border-bottom:0}

.navbar-toggle{ background:#A8CF71;}.navbar-default .navbar-toggle{ border-color:#77A636}.navbar-default .navbar-toggle .icon-bar{ background:#000}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{ background:#A8CF71}

.navbar-default{ background:rgba(255,255,255,1)}



.navbar-default .navbar-nav > li > a{ padding-top:8px; padding-bottom:8px;}

.page-content{ padding:20px 0}.page-content h1{ font-size:24px}.page-content h2{ font-size:21px;}.page-content h3{ font-size:18px;}.page-content h4{ font-size:16px;}

.home{ position:relative; margin-top:0px; padding: 11px 0 0 5px; display:block; border-bottom:1px dotted #77A636; padding-bottom:8px;}





}





/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {

.block{font-size:14px;} .block span{ display:inline-block; margin-left:3px;}

.block-wrap{ position:static; margin-top:-25%; }

.block-wrap h1{ font-size:30px;}.block-wrap h2{ font-size:16px;}.block-wrap h3{ font-size:16px;}

.block-wrap-inner{ margin-top:-5%}

#myModal .modal-dialog{ width:95%;}
#myModal1 .modal-dialog{ width:95%;}
.plot-offer{top: 16%;}
}



/* Custom, iPhone Retina */ 

@media only screen and (max-width : 320px) {

.block-wrap h1{ font-size:26px;}.block-wrap h2{ font-size:15px;}.block-wrap h3{ font-size:14px;}

.get-in-touch{ font-size:13px;}.get-in-touch span {font-size: 15px;}

}