@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; letter-spacing:0.2px;}
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;}

.bg-blue{ background:#28C0D2}
.bg-grey{ background:#f2f2f2}

.color-blue{ color:#28C0D2}
.border-bottom{ border-bottom:3px solid #341A18; padding-bottom:6px; display:inline-block}

.habitattitle{ color:#000;display:inline-block; padding-bottom:4%; font-weight:400; font-size:35px;}
.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(232,196,64,1); 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;}

.color-red{ color: #F00}
.color-white{ color:#F0FAF9;}
.color-gold{ color:#D29506}
.bg-gold{ background:#D29506 !important;}
.logo{margin:0 auto; margin-top:10px; }
.navbar-brand{ padding-top:0; }
.navbar{ margin-bottom:0; border-radius:0px}.navbar-default{padding:0; background:#FEC837; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3); border:0px solid #000;border-bottom: 2px solid #C28803;}
.navbar-nav > li > a{}
.navbar-default .navbar-nav > li > a{ color:#000000; text-transform:uppercase;transition:all 1s ease 0s; }
.navbar-default .navbar-nav > li > a:hover,.active{ color:#E3BB1E}
.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:48px; 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:#C28803; color:#FFF}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background:#C28803; color:#FFF}
.banner-wrap{position:relative;}.banner{ width:100%; display:block;}
.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:#B88601;} .call-bg a{color:#000000; 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:#3E632B; padding-bottom:15px;} .enquiry h3{ color:#FFF; font-weight:300; border-bottom:1px solid #E3A107; padding-bottom:8px;}
.enquiry .form-inline .form-control{ width:250px; margin-right:5%; border:1px solid #C1970D;}
.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; border:1px solid #C1970D; border-radius:5px;}

.button{ background:#341A18; 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;}

#about-us{ background:#f2f2f2}
.floor-plan-bg{ /*background:#EEE;*/ box-shadow:0px 5px 15px #CCC; padding-bottom:5px;}
.floor-plan h4{ padding:25px 0; font-size:21px; color:#000}

.contact-bg{background:#882056; 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 #512825;} .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;}

.green-btn{background:#019C4A;color:#FFF;font-size:16px;border:0;border-radius:0}
.modal-open { position:fixed;}
.green-btn {
    background: #019C4A;
    color: #FFF;
    font-size: 16px;
    border: 0;
    border-radius: 0;
}

.carousel-inner{width:100%;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{width:100%;margin:auto;display:block;height:auto;max-width:100%;line-height:1;}
.carousel-indicators{bottom:0;}
.carousel{padding-bottom:3px;padding-top:1px;}

.quickenquiry{position:fixed;top:40%;right:0;left:auto;box-shadow:1px 5px 5px #333;z-index:2;}
.quickenquiry{-moz-transform:scale(0.8);-webkit-transform:scale(0.8);transform:scale(0.8);right:-5px;}

@media only screen and (max-width:420px){.carousel-indicators .active{background:#019C4A;}.carousel-indicators li{border:1px solid #019C4A}
.carousel-indicators{bottom:-10px;}
.carousel .item{background:#F9F9F9;overflow:hidden;margin-bottom:1em;margin-top:1em;padding:5px;}
.carousel-inner > .item > img{border:1px solid #DDDDDD;float:left;margin:0;padding:2px;height:none;width:100%;}
}


/*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%;}
.modal-dialog{ position:relative;}
#myModal{z-index:99999; }
.pink-btn{background:#9D0047; 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;}
.price-table td, .price-table th{ padding:15px 30px !important;}

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

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


.navbar-nav > li > a{ padding-top:16px;}
.navbar-toggle{ background:none !important; border:0}
.navbar-default .navbar-toggle .icon-bar{ background-color:#000000;}
/* Large Devices, Wide Screens */

.coming-soon{ font-size:21px; text-align:center; }

.bottom-text{ color:#8A4540; font-size:14px; margin-top:40px; text-align:center}

.seo-text{background:#341A18; color:#9D4E49; font-size:11px; text-align:center}

.box{ background:#3E632B; color:#FFF; padding:3% 6%; border:1px dashed #FFF}
.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;}

.img-shadow{ border-radius:5px; box-shadow:1px 5px 15px #CCC}

/*.table-price-list{ border-bottom:2px solid #28C0D2; box-shadow:1px 5px 10px #CCC; background:#FFF; text-align:left;}.table-price-list th{ background:#28C0D2}*/
.table-price-list{ border-bottom:2px solid #C28803; box-shadow:1px 5px 10px #CCC; background:#FFF; text-align:left;}.table-price-list th{ background:#C28803; color:#FFF}

ul.amenities li{ border-right:2px solid #CCC; padding:0 3%; }ul.amenities li:last-child{ border:0}
.list-none{ list-style:none; margin:0; padding:0; font-size:11px; color:#999}

.disclaimer{ font-size:13px; color:#D2CCBD; text-align:center; padding:10px 0 8px 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;}

}



@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:50px;}

}



@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:36px;}

.divide-padding{ padding:45px 0 60px 0;}.siteplan-padding{ padding:45px 0 60px 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;}


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

.navbar-default .navbar-nav > li > a{ font-size:14px;}
.navbar-collapse{ background:#341A18; 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:#DFB81B; 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 #43211F}

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

ul.amenities{ border-top:2px solid #DDD; border-bottom:2px solid #DDD; padding:20px 0;}ul.amenities li{ margin-bottom:15px; margin-left:0; border:0;}
}





/* 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; }
.address-info-block, .address-info-block a{ font-size:16px}
.copyright-footer{ font-size:14px;}
}