@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:16px; color:#000}
a{ color:#333}a:hover{ color:#000}h1, h2, h3, h4, h5{}
h1{ font-size:36px; font-weight:400}h2{ font-size:31px} h3{ font-size:25px;}

.adoretitle{ color:#000;display:inline-block; padding-bottom:2%; font-weight:400; font-size:35px; text-transform:uppercase;}
.title{ color:#000;display:inline-block; padding-bottom:2%; font-weight:400; font-size:35px;}

.sub-title{ font-size:24px; margin:0;}.padding-bottom{ padding-bottom:20px;}
.top-link {display:none; right:10px; bottom:40px; z-index:9; font-size:1.3em; background:rgba(82,32,184,0.8); color:#FFF ; border-radius: 50%; transition:all 0.3s ease }.top-link a{color:#FFF; padding:4px 10px; display: inline-block;width:38px; height:38px;}

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

.rera {
    display: block;
    color: #900;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
}
.new-popup img {
    position: fixed;
    top: 18%;
    left: 0;
    border-radius: 0 5px 5px 0;
    z-index: 2;
}
.color-white{ color:#F0FAF9;}
.logo{margin:0 auto; }
.navbar-brand{ padding-top:0; }
.navbar{ margin-bottom:0; border-radius:0px}.navbar-default{padding:0; background: rgba(255,255,255,1) none repeat scroll 0 0; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); border-bottom:0px solid #000}
.navbar-nav > li > a{}
.navbar-default .navbar-nav > li > a{ color:#000; text-transform:uppercase;transition:all 1s ease 0s; }
.navbar-default .navbar-nav > li > a:hover,.active{}
.navbar-nav{ margin-top:2%;}
.fixed-nav{position:fixed; top:0; left:0; width:100%;}.fixed-nav .navbar-brand{ height:70px;}.fixed-nav .navbar-nav{ margin-top:10px;}.fixed-nav .logo{ height:65px; transition:all 0.5s ease-in-out}/*.fixed-nav .logo-text{ display:none;}.fixed-nav .mob-no{padding-top: 5px !important;}.fixed-nav .top-call{ margin-top:5px;}*/

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background:#344A79; color:#FFF}

.banner-wrap{position:relative;}.banner{ width:100%; display:block; padding-top:60px;}
.block-wrap{ position:absolute;  z-index:1;  bottom: 0; width:100%; text-align:center; margin-bottom:31px;}
.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%;}

.block{ border-top:1px solid #FFF;border-bottom:1px solid #FFF;border-left:1px solid #FFF;border-right:0; display:block; padding:18px 18px 16px 18px; min-height:80px; font-size:16px; text-transform:uppercase; font-weight:300; background:rgba(221,221,221,0.9);}.block span{ display:block; font-weight:700;}
.block-last{ border-right:1px solid #FFF}

.call-bg{ display:block; margin-left:5px; padding:9px 9px; background:#5220b8;} .call-bg a{color:#FFF; font-size:23px; font-weight:bold; text-decoration:none;}
.call{ transform:rotate(-60deg); -webkit-animation:spin 2s ease infinite;-moz-animation:spin 2s ease infinite; animation:spin 2s ease infinite;}
@-moz-keyframes spin { 50% { -moz-transform: rotate(30deg); } }
@-webkit-keyframes spin { 50% { -webkit-transform: rotate(30deg); } }
@keyframes spin { 50% { -webkit-transform: rotate(30deg); transform:rotate(30deg); } }

.enquiry{ background:#233354; padding-bottom:15px;} .enquiry h3{ color:#FFF; font-weight:300; border-bottom:1px solid #3b4967; padding-bottom:8px;}
.enquiry .form-inline .form-control{ width:250px; margin-right:5%;}
.enquiry textarea.form-control{ height:35px;}
.enquiry .form-inline{ padding:12px 0;}
.form-control::-moz-placeholder{ color:#333; font-size:16px;}
.enquiry .form-control-static{ height:35px; }

.button{ background:#5220b8; font-size:16px; text-transform:uppercase; color: #FFF; padding:7px 30px; border:0; margin-left:2%; border-radius:2px;}
.button:active{ box-shadow:1px 1px 5px #000}

.divide-padding{ padding:65px 0 60px 0;}.siteplan-padding{ padding:65px 0 60px 0}

.happy-home{ font-size:16px;}

.floor-plan-bg{ background:#CFE1ED;}
.floor-plan h4{ padding:25px 0; font-size:21px; color:#000}

.contact-bg{background:#344A79; padding:65px 0 0 0; }
.address-info-block, .address-info-block a{ margin-top:25px; font-size:19px; color:#FFF}.address-info-block img{ float:left; padding-right:2%;}
.hr{ border-left:1px solid #4a648d;} .padding-rgt{ padding:0 15% 0 5%}.padding-lft{ padding-left:20%}
.location, .email, .phone{ padding-bottom:20px;}

.google-map{width:387px;overflow:hidden;height:244px;max-width:100%; border:5px solid #FFF}


.captcha{padding: 5px 0 5px 0; background: #FFF; margin-top:-3px}


.page-content{ margin:20px 0;}


/*one time popup css*/
/*#myModal .modal-dialog{ width:400px; margin:2% auto}*/
#myModal1 .modal-dialog{ width:400px; margin:2% auto}
#myModal1 .modal-content{ /*background:#EEF5E3*/}
#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; }
.modal-open { position:fixed;}
.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%;}

.pink-btn{background:#5220b8; border:1px solid #87023E; color:#FFF}.pink-btn:hover{ background:#344A79; border:1px solid #1C3978; color:#FFF}
/*one time popup css*/


.price-block{ background:#EEE; padding:60px 0 60px 0;}
.price-table{ width:80%; margin:0 auto; border-bottom:2px solid #5220b8}
.price-table td, .price-table th{ padding:15px 30px !important; }
.price-table th{background:#5220b8; color:#FFF}

.padding-top{ padding-top:30px;}

.copyright-footer{ color:#b1b7c6; font-weight:300; font-size:16px; border-top:1px solid #48618b; padding:18px 0 5px 0; margin-top:25px;}
.jovial, .jovial a{ font-size:13px; text-align:center; color:#b1b7c6; padding-bottom:5px;} 

.map-frame{width: 100%;height: 400px;border: 0;}
.bg-shadow{ box-shadow:1px 5px 15px #CCC; padding:20px 10px; margin-bottom:25px;}

.box{ background:#5220b8; color:#FFF; padding:3% 6%;}
.box h4{ border-bottom:1px dashed rgba(255,255,255,0.5); padding-bottom:10px; font-weight:600}
.box ul{padding-left:15px;}.box ul li{ margin-bottom:4px;}

.disclaimer{ font-size:14px; color:#DDD; text-align:center; padding:10px 0 10px 0;}
/* Large Devices, Wide Screens */


.coming-soon-wrap{background: rgba(255,255,255,0.5); width:100%; position:fixed; top:0; right:0; cursor:default; z-index:9999; bottom:0}
.coming-soon{z-index:9999;width:600px;min-width:300px; border:0px solid #fff; background:#101010; height:auto;  position:fixed; top:6%; padding: 0 5px 15px 5px; left:0; right:0; margin:0 auto; border-radius:5px; box-shadow:0px 0px 3px #000}
.close-pop{cursor: pointer; color:#7F7F7F; float:right; padding:4px 5px 2px 15px; font-size:21px;}
.home-content{width:98%; margin:0 auto; padding:2% 2% 1% 2%;}
.hhevideo{ padding-top:10px; border:0px solid  rgba(233,196,63,0.2) ; padding:10px;}
.phoneno{ font-size:28px; font-weight:bold;}.phoneno a{ color:#E9C43F}
.appart{color:#F4E2A0; font-size:20px; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.comingsoontext{font-size:35px; font-weight:700; padding:30px 0; text-transform:uppercase; color:#F00; letter-spacing:3px;}
.moreinfo{font-size:20px; padding:5px 0 0px 0; color:#FEFAE1}
.bannerbg{background:#101010; padding:3% 5% 3% 5%}
.appart-h{color:#F4E2A0; font-size:30px; margin-top:15px; text-transform:uppercase; font-weight:bold; letter-spacing:2px;}
.comingsoontext-h{font-size:35px; padding-top:28px; text-transform:uppercase; color:#F00; letter-spacing:3px;}
.moreinfo-h{font-size:24px; padding:28px 0 0px 0; color:#FEFAE1}
.btn-red{ background:#9A0000; color:#FFF; border:0; padding:10px 15px; transition:0.5s all ease; font-size:15px; text-transform:uppercase}
.blink {animation: blinker 1s linear infinite;}
@keyframes blinker {
0%{opacity:1.0;}50%{opacity:0.4;color:#F00;}100%{opacity:1.0;}
}

@media only screen and (max-width : 1200px) {
.container{ width:100%;}
.enquiry .form-inline .form-control{ width:auto; margin-right:5%;}
}

@media only screen and (max-width : 1024px) {
.nav > li > a{ padding-left:7px; padding-right:7px}
}




@media (min-width: 992px) {
.fp-modal .modal-dialog{width:980px;margin:30px auto}

}

/* Medium Devices, Desktops */

@media only screen and (max-width : 992px) {
.call-bg{ padding-left:2px; padding-right:2px}.call-bg a{ font-size:17px;}
.navbar-default .navbar-nav > li > a{ font-size:12px;}
.nav > li > a{ padding-left:7px; padding-right:7px}
.block{padding:15px 10px 16px 10px;font-size:14px;}
.block-wrap{ margin-bottom:10px;}

.enquiry .form-inline .form-control{ margin-right:0;}
.comingsoontext-h{font-size:28px;}
}



@media (min-width: 768px) {
.padding-rgt{ padding:0 10% 0 10%}.padding-lft{ padding-left:15%}





}

/* Small Devices, Tablets */

@media only screen and (max-width : 768px) {
.enquiry .form-inline .form-control{ width:auto; margin-right:0;}
.nav > li > a{ padding-left:4px; padding-right:4px}

.block{padding:15px 10px 16px 10px; font-size:14px;}
.block-last{ border-right:1px solid #FFF}
.logo{ height:60px;}

}



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

.enquiry .form-inline .form-control{ width:100%;}

.hr{ border-left:0px solid #4a648d;} .padding-rgt{ padding:0}.padding-lft{ padding-left:0%; margin-top:50px;}
.logo{ height:48px;}

.divide-padding{ padding:30px 0 35px 0;}.siteplan-padding{ padding:40px 0 50px 0}

.contact-bg{padding:45px 0 0 0 }

.block-wrap{ position:relative;  z-index:1;  bottom: 0; width:100%; text-align:center; margin-bottom:15px; margin-top:15px;}
.block span{ display:inline-block; margin-left:5px; margin-top:5px;}


.adoretitle{ font-size:28px;}
.title{font-size:28px;}

.navbar-default .navbar-nav > li > a{ font-size:14px;}
.navbar-collapse{ background:#5220b8; padding:0 30px}
.navbar-default .navbar-nav > li > a{ color:#FFF}.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ color:#FFF}

.call-bg-bot{ padding:7px; background:#5220b8; margin-bottom:15px;} .call-bg-bot a{color:#FFF; font-size:23px; font-weight:bold; text-decoration:none;}

.nav > li > a{ padding-left:10px; padding-right:10px; border-bottom:1px solid #89023F}

.button{margin-left: 0;}
.fp-modal .modal-dialog{width:95%;}

.price-table{ width:100%; margin:0 auto;}
.price-table td, .price-table th{ padding:10px 10px !important;}

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

.coming-soon{width:90%;}
.comingsoontext{font-size:20px;}
.moreinfo{ font-size:18px;}.phoneno{ font-size:18px;}
.appart{font-size:16px;}
.bannerbg{padding:3% 5% 3% 5%}
.appart-h{font-size:20px;}
.comingsoontext-h{font-size:20px; padding-top:15px;}
.moreinfo-h{font-size:18px; padding:10px 0 10px 0;}
.banner{ padding-top:50px;}
.phoneno{ display:block;}

}





/* Extra Small Devices, Phones */ 

@media only screen and (max-width : 480px) {
.google-map{ width:85%;}
.address-info-block, .address-info-block a{ font-size:18px;}
.block{ min-height:147px; }

.banner{ padding:50px 0px 0 0px;}


/*one time popup css*/
/*#myModal .modal-dialog{ width:95%; margin:0 auto}*/
#myModal1 .modal-dialog{ width:95%; margin:0 auto}
/*one time popup css*/

}



/* Custom, iPhone Retina */ 

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

.block{ min-height:144px; }

}
