/*@font-face {
    font-family: "proximanova_black";
    src: url('../fonts/proximanova_black.otf.otf');
  }*/
@font-face {
    font-family: "Avenir";
    src: url('../fonts/Avenir-Medium.woff2');
  }
body{font-family: Avenir !important;}
li{list-style: none;}
html{font-size: 62.5%;}
img{width: 100%;display: block;}
.btn-primary:focus{box-shadow:none !important;}
input{border: none;}
input:focus, select:focus{outline: none;}
#main{overflow: hidden;}
/*#name::-webkit-input-placeholder { color:#fff; }
#phone3::-webkit-input-placeholder { color:#fff; }
#email::-webkit-input-placeholder { color:#fff; }
*/

/* font sizes  */
h2{margin-bottom: 0 !important;}
.heading01{font-size: 3.4rem;text-transform: uppercase;}
.heading02{font-size: 2.6rem;}
.heading03{font-size: 3rem;}
p{font-size: 14px;line-height: 1.3;margin-bottom: 0 !important;}


/* header section  */
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 99;transition: ease .4s all;}
.header.active{background: rgba(0, 0, 0, .8);}
.header .cus-navbar .cus-nav ul{margin: 0;padding: 0;}
.header .cus-navbar .cus-nav ul li{display: inline-block;margin-right: 3rem;font-size: 1.6rem;position: relative;transition: ease .4s all;cursor: pointer;color: #fff;}
/* .header.active .cus-navbar .cus-nav ul li{color: #000;} */
.header .cus-navbar .cus-nav ul li:last-child{margin-right: 0;}
.header .cus-navbar .cus-nav ul li::after{content: "";position: absolute;left: 0;width: 0;height: 2px;bottom: -1rem;background-color: #b18248;transition: ease .4s all;cursor: pointer;}
.header .cus-navbar .cus-nav ul li:hover::after{width: 100%;}
.header .cus-navbar .cus-nav ul li.active::after{width: 100%;}
.header .cus-navbar .cus-nav .calling{margin-left: 3rem;}
.menu, .close{font-size: 3rem;color: #fff;display: none;}
.mob{display: none !important;}
.addnew{background: none !important;border: none;border: 1px solid #ffb500;border-radius: 15px;font-size: 10px;color: #ffb500 !important;}

/* enqire-now section  */
.enquire-now{position: fixed;top: 50%;right: -4.8rem;transform: translateY(-50%) rotate(-90deg); border: 1px solid #fff; }
.enquire-now .btn{background-color: #ffb500;color: #fff;border-color: #ffb500;font-size: 2rem;}

/* about us  */
.about-us{background: #ffb500;}
.about-us .section-head span {
    color: #000;
}
.about-us .section-head {
    color: #fff;
}
.about-us .section-head{position: relative;}
.about-us .section-head::after{content: "";position: absolute;width: 400px;height: 1px;background-color: #fff;bottom: 0px;left: 50%;transform: translateX(-50%);}
.about-us .download{background-color: #421f1e;display: inline-block;}
.about-us .download a{font-size: 1.4rem;color: #ffb500;border: 1px solid #ffb500;border-radius: 2rem;text-decoration: none;}

/* config section  */
.configuration .heading03{color: #ffb500;text-transform: uppercase;}
.configuration .table .thead th{border-bottom: 1px solid #ffb500;font-size: 1.6rem;}
.configuration .table .tbody td{border-bottom: 1px solid #ffb500; padding: 8px 0px; font-size: 1.5rem;border-top: 1px solid #ffb500; text-align: center; width: 50%; line-height: 28px;}
.configuration .brochure .btn{font-size: 1.5rem;font-weight: 600;background: #ffb500;color: #fff;border-radius: 1rem;}
.form-pop{cursor: pointer;}
/*.hovereff:hover{font-weight: 700;}*/
.btnhover { position: relative; }
.btnhover p {
    position: absolute;
    top: 17%;
    left: 0%;
    width: 120px;
    height: 25px;
    background: #fff;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 28px;
    color: #000;
    font-size: 1.5rem;
}
.btnhover p:before,
.btnhover p:after,
.btnhover span:before,
.btnhover span:after
{
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #000;
    transition: 1s;
    mix-blend-mode: hue;
}

.btnhover p:before
{
    top: -2px;
    left: -2px
}
.btnhover p:after
{
    top: -2px;
    right: -2px;
}
.btnhover span:before
{
    bottom: -2px;
    left: -2px
}
.btnhover span:after
{
    bottom: -2px;
    right: -2px
}

.btnhover p:hover:before,
.btnhover p:hover:after,
.btnhover p:hover span:before,
.btnhover p:hover span:after
{
    width: calc( 180px/2 );
    height: calc( 50px/2 )
}

.caption {
    position: absolute;
    top: 9%;
    width: 80%;
    margin: 0px auto;
    text-align: center;
    left: 0;
    right: 0;
}
.highwaysection { position: relative; }
.highwaysection .caption span {
    color: #ffb500;
}
.highwaysection .caption p {
    font-weight: 600;
}
/* gallery section  */
.gallery{overflow: hidden;}
.gallery .slick-dots{padding-left: 0;display: flex;align-items: center;justify-content: center;margin-top: 3rem;}
.gallery .slick-dots::after{content: "";width: 200%;position: absolute;border: 1px solid #000;}
.gallery .slick-dots li {width: 20px;height: 20px;border-radius: 100%;background-color: #ffdc6f;margin: 0 1rem;cursor: pointer;position: relative;z-index: 9;}
.gallery .slick-dots .slick-active{background-color: #ffb200;}
.gallery .slick-dots li button{display: none;}

/* Location section  */
.location{overflow: hidden;}
.location .box{border: 2px solid #ffb500; margin: 0 1rem; height: 385px; position: relative; }
.location .box-btn { position: absolute; bottom: 10%; width: 92%; text-align: center; }
.location .box:hover{background-color: #ffb500;}
.location .box:hover .box-img{color: #fff;}
.location .box:hover .btn{border: none;background: #fff;color: #000;}
.location .box-btn .btn {background: none;border: none;font-size: 1.8rem;background: #ffb500;color: #fff;}
.box-heading .heading02{font-size: 2rem;}
.box-heading .heading02{position: relative;color: #ffb500;}
.box-heading .heading02::after{content: "";position: absolute;width: 100px;height: 1px;background-color: #ffb500;bottom: 0px;left: 50%;transform: translateX(-50%);}
.location .box:hover .heading02{color: #fff;}
.location .box:hover .heading02::after{background-color: #fff;}


.boxes-slide .slick-dots{padding-left: 0;display: flex;align-items: center;justify-content: center;margin-top: 3rem;opacity: 0;}
.boxes-slide .slick-dots li {width: 20px;height: 20px;border-radius: 100%;background:rgba(0, 0, 0, .5) ;margin: 0 1rem;cursor: pointer;position: relative;z-index: 9;}
.boxes-slide .slick-dots .slick-active{background-color: #000;}
.boxes-slide .slick-dots li button{display: none;}

/* amenities section  */
.amenities{background-color: #ffb500;}
.amenities .heading03{color: #fff;}
.amenities .heading03 span{color: #000;}
.amenities .box-icon{width: 70px;height: 70px;border-radius: 100%;background-color: #fff;position: relative;}
.amenities .box-icon img{width: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.amenities .box{margin-top: 2rem;}
.amenities .content p{color: #000;margin-left: 30px; font-weight: 500;
    font-size: 14px;}
    .amenities .col-lg {
        min-width: 0;
    }
.amenities .textamenities {
    padding: 0px 0px 0px 0px;
    text-align: justify;
}
/* location map  */

.form .form-fileds{border-bottom: 1px solid #000;}
.form label{display: block;font-size: 1.8rem;}
.form .form-fileds input{display: block;font-size: 1.8rem;padding: .8rem;}
.form .btn{padding: 1rem;font-size: 1.7rem;color: #fff;font-weight: 600;background-color: #ffb500;border-radius: 1.3rem;}
.mob-center .heading03{color: #000;}
.mob-center .heading03 span{color: #ffb500;}
.box-img {font-size: 14px;text-align: center;}

#PopupForm .form-feilds select{padding: 0.8rem; } 
.form-feilds select{position: relative; -webkit-appearance: none;-moz-appearance: none;border: none;background: none;width:100%; border-bottom: 1px solid #000; padding-right: 6rem;background-image: url("../imgs/icon.jpg");
    background-repeat: no-repeat;
    background-position: right  bottom; padding: 0.8rem; background-size: 35px; color:#818181;font-size: 1.3rem;background-color: #fff;padding-left: .8rem;margin-left: 1px;}
/* .form-feilds select::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;background-color: #ffb500;width: 20px;z-index: 999;height: 20px;} */


/* footer section  */
.footer{border-bottom: 5px solid #ffb500;}
.footer .footer-logo img{width: max-content;}
.footer p{font-size: .9rem;font-weight: 600;}
.footer .calling-number a{font-size: 3rem;font-weight: 600;color: #000;text-decoration: none;}
.footer .policy p{font-size: 11px;width: 70%;margin: 0 auto;text-align: left; font-weight: 300; }

/* popup form  */
.overly{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.8);z-index: 99;display: none;}
.overly.active{display: block;}
.popup{position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 999;width: 30%;background: #e0a710;padding: 1rem 2rem;border-radius: 3rem;display: none;}
.btn-warning {color: #000;background-color: #ffffff;border-color: #ffc107;}
.popup.active{display: block;}
.popup .logo{width: max-content;}
.popup .close-btn{font-size: 2rem;position: absolute;top: 2rem;right: 2rem;cursor: pointer;color: #fff;}
.popup .form-feilds label{font-size: 1.4rem;color: #fff;}
.popup .form-feilds input{border: 1px solid #000;padding: .8rem; font-size:1.3rem;}
.popup .btn{font-size: 1.6rem;}
#lock {display: none;}
.iti.iti--allow-dropdown{width: 100% !important;}

.footer-enquire01 i{font-size: 15px;color: #fff;margin-right: 5px;}

/* footer form  */
.footer-form{background-color: #ffb500;position: sticky;bottom: 0;left: 0;right: 0;z-index: 9;border-top: 2px solid #fff;}
.footer-form input{background: none;border: 1px solid #fff;padding: .8rem;width: 100%;color: #fff;font-size: 1.3rem;border-radius: .6rem;}
.footer-form .btn{background: #fff;font-size: 1.3rem;padding: .8rem;}
.footer-enquire p{color: #fff;}
#inquiryForm .error{color: #fff;font-size: 1rem;}

#PopupForm .error{font-size: 1rem;color: red !important;}
#ContactForm .error{font-size: 1rem;color: red !important;}

.form-fileds{position: relative;}
.form-fileds label.error{position: absolute;left: 0;bottom: -1.5rem;}