@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto);
 
body{ font-family:'Roboto', Arial, Helvetica, sans-serif; font-size:16px; color:#000; line-height:1.8}
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 #000; padding-bottom:6px; display:inline-block}

.habitattitle{ color:#000;display:inline-block; padding-bottom:4%; font-weight:400; font-size:34px;}
.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:#fff}
.bg-gold{ background:#2196f3 !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:#000; 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:#fff; 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{color:#FFF}
.banner-wrap{position:relative; height:auto;}.banner{ width:100%; display:block;}
.block-wrap{  z-index:1;  bottom: 0; width:100%; text-align:center; background: #286090; padding: 20px}
.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:8px 18px 6px 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-top:6px} .call-bg a{color:#FFF; font-size:20px; 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:rgba(0, 0, 0, 0.56); padding-bottom:15px;} .enquiry h3{ color:#FFF; font-weight:300; border-bottom:1px solid #000; padding-bottom:8px;}
.enquiry .form-inline .form-control{ width:220px; 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:#000; 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:10px 0 10px 0;}.siteplan-padding{ padding:65px 0 60px 0}

.happy-home{ font-size:16px;}
#location-map{}
#site-plan{background: #f2f2f2}
#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:#000; padding:5px 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;}


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

.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:#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:#fff; 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:#fff; padding-bottom:5px; margin-bottom: 40px;} 
.jovial1, .jovial1 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:#fff;}
/* 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:#000; color:#9D4E49; font-size:11px; text-align:center}

.box{ background:#77777761; color:#000; 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}

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

.divide-padding{ padding:5px 0 10px 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:#000; 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;}
}

.footlink

{
    background-color: #b14508;
    padding-top: 30px;
    padding-bottom: 4px;
    position: fixed;
    bottom: 0;
    width: 100%;
    color: #fff;
    height: 40px;
    font-size: 16px;
    width: 100%;
    right: 0%;
    text-align: center;
	z-index: 1;
}

.footlink td {
    border: 1px solid #fff;
    width: 50%;
    text-align: center;
}

.footlink a {
    color: #fff;
    text-align: center;
}

@media screen and (min-width: 1169px) {
    #footlink_hide {
		display: none;
        width: 20%;
        clear: both;
        float: right;
        right: 0%;
        text-align: center;
    }
}


blockquote {
   
    border-left: 5px solid #c28803;
}

.about {
    height: 100%;
    margin: 0 auto;
    width: 100%;
    background: #77777770;
    padding: 2em 0;
    color: #341a18;
    text-align: center;
}

.about-top h2 {
    font-size: 1.8em;
    color: #fff;   
    /*border-bottom: 1px solid #fff;*/
    /*border-top: 1px solid #fff;*/
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
}
.detailsbox {
    margin-top: 0px;
    background: #333333b3;
    padding: 8px 15px 5px;
}
.banner-enquary h2 {
    color: #ec1751;
    font-size: 22px;
    letter-spacing: 1px;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    font-weight: 500;
}
.banner-enquary p {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 0;
    padding: 2px 0;
    text-align: center;
    font-weight: 400;
    line-height: 22px;
}
.banner-enquary h4 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 1px;
    margin: 5px 0;
    padding: 5px 0;
    text-align: center;
    font-weight: 400;
    line-height: 22px;
    background: #000;
}
.banner-enquary p span {
    color: #fff;
    font-size: 20px;
}