html {scroll-behavior: smooth;}
body{padding:0;margin:0;font-family:'futuralight';overflow-x:hidden}
@font-face{font-family:'futuraextra_black';src:url('../fonts/futura_extra_black_font-webfont.woff2') format('woff2'), url('../fonts/futura_extra_black_font-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
a:hover{cursor:pointer}
@font-face{font-family:'futuramedium';src:url('../fonts/futura_medium_bt-webfont.woff2') format('woff2'), url('../fonts/futura_medium_bt-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'futuralight';src:url('../fonts/futura_light_bt-webfont.woff2') format('woff2'), url('../fonts/futura_light_bt-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'futurabold';src:url('../fonts/futura_bold_font-webfont.woff2') format('woff2'), url('../fonts/futura_bold_font-webfont.woff') format('woff');font-weight:normal;font-style:normal;}
header{background:#d4c7be;padding:20px 0;box-shadow:0 0 20px rgb(0 0 0 / 20%);position:fixed;width:100%;z-index:99;}
nav{z-index:10;}
.header-right{margin-left:auto;}
li.fade{opacity:1 !important;}
.header-menu{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;justify-content:space-between;align-items:center;}
.nav-links{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;list-style:none;margin:0;justify-content:space-evenly;align-items:center;text-transform:uppercase;padding:0;}
.nav-links li a{text-decoration:none;margin:0 20px;font-family:'futuramedium';color:#000;}
.nav-links li a:hover,.nav-links li a.active{color:rgb(222, 159, 0);}
.nav-links li{position:relative;}
.nav-links li a::before{content:"";display:block;height:3px;width:0%;background-color:rgb(222, 159, 0);position:absolute;transition:all ease-in-out 250ms;margin:0 0 0 10%;bottom:-10px;}
.nav-links li a:hover::before,.nav-links li a.active::before{width:80%;}
.login-button{background-color:transparent;border:1.5px solid #f2f5f7;border-radius:2em;padding:0.6rem 0.8rem;margin-left:2vw;font-size:1rem;cursor:pointer;}
.login-button:hover{color:#131418;background-color:#f2f5f7;border:1.5px solid #f2f5f7;transition:all ease-in-out 350ms;}
.join-button{color:#131418;background-color:#61dafb;border:1.5px solid #61dafb;border-radius:2em;padding:0.6rem 0.8rem;font-size:1rem;cursor:pointer;}
.join-button:hover{color:#f2f5f7;background-color:transparent;border:1.5px solid #f2f5f7;transition:all ease-in-out 350ms;}
.hamburger div{width:30px;height:3px;background:#212529;margin:5px;transition:all 0.3s ease;}
.hamburger{display:none;}
@media screen and (max-width:800px){nav{position:fixed;z-index:3;position:absolute;right:20px;}
 .hamburger{display:block;position:absolute;cursor:pointer;right:5%;top:50%;transform:translate(-5%, -50%);z-index:2;transition:all 0.7s ease;}
 .nav-links{position:fixed;background:#131418;height:100vh;width:100%;flex-direction:column;clip-path:circle(50px at 90% -20%);-webkit-clip-path:circle(50px at 90% -10%);transition:all 1s ease-out;pointer-events:none;left:0;opacity:0;top:90px;}
 .nav-links.open{clip-path:circle(1000px at 90% -10%);-webkit-clip-path:circle(1000px at 90% -10%);pointer-events:all;opacity:1 }
 .nav-links li{opacity:0;}
 .nav-links li:nth-child(1){transition:all 0.5s ease 0.2s;}
 .nav-links li:nth-child(2){transition:all 0.5s ease 0.4s;}
 .nav-links li:nth-child(3){transition:all 0.5s ease 0.6s;}
 .nav-links li:nth-child(4){transition:all 0.5s ease 0.7s;}
 .nav-links li:nth-child(5){transition:all 0.5s ease 0.8s;}
 .nav-links li:nth-child(6){transition:all 0.5s ease 0.9s;margin:0;}
 .nav-links li:nth-child(7){transition:all 0.5s ease 1s;margin:0;}
 li.fade{opacity:1;}
}
.toggle .line1{transform:rotate(-45deg) translate(-5px, 6px);}
.toggle .line2{transition:all 0.7s ease;width:0;}
.toggle .line3{transform:rotate(45deg) translate(-5px, -6px);}
.logo{width:60px;}
.logo img ,h1.hero-logo img{width:auto;max-width:100%;}
.banner{position:relative;min-height:100vh;width:100%;background-image:url(../images/banner-img.webp);transform-style:inherit;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;justify-content:center;align-items:center;background-attachment:fixed;}

.about-img{position:static;min-height:509px;width:100%;background:url(../images/about-us.webp) no-repeat right center;transform-style:inherit;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;justify-content:center;align-items:center;flex:1;background-attachment:fixed;}
.banner-info a.button { color: #000;}
h1.hero-logo{width:74%;text-align:center;margin:20px auto}
.banner-info h2{letter-spacing:0.45em;font-size:14px;text-align:center;display:block;font-weight:800;}
.button{background:#b9926b;color:#fff;padding:15px 30px;font-size:17px;text-transform:uppercase;letter-spacing:1px;transition:all 0.5s}
.button:hover{background:#d4c7be;color:#fff;text-decoration:none;transition:all 0.5s}
.banner-info{text-align:center;}
.banner-info .button{margin-top:60px;display:inline-block}
.about{padding:0 15px}
.about-cont{padding:180px;}
h2{font-size:40px;text-transform:uppercase;}
.we-create,.amenities{background:#f7f7f7;padding:60px}
.we-create h2,.amenities h2{text-align:center;width:70%;margin:0 auto}
.create-cont,.amenities p{width:60%;margin:20px auto;text-align:center}
.create-cont p{margin-bottom:0 }
.gray-bg{background:#f7f7f7;}
.gallary .owl-carousel.owl-drag .owl-item{opacity:0.7;transition:all 0.5s}
.gallary .owl-carousel.owl-drag .owl-item.center{opacity:1}
.owl-nav{position:absolute;top:40%;width:100%;}
button.owl-prev{left:-9px;background:white !important;width:40px;position:absolute;height:40px;z-index:99;content:'';border-radius:0 !important;}
button.owl-next{right:-9px;background:white !important;width:40px;position:absolute;height:40px;z-index:99;content:'';border-radius:0 !important;}
html{overflow-x:hidden}
.gallary .owl-prev span:before, .prev-btn:before{position:absolute;content:"\f104";font-size:30px;font-family:FontAwesome;top:-2px;left:12px;}
.gallary .owl-next span:before, .next-btn:before{position:absolute;content:"\f105";font-size:30px;font-family:FontAwesome;top:-4px;right:13px;}
.gallary .owl-theme .owl-nav [class*=owl-]:focus{outline:none}
.gallary .owl-theme .owl-nav [class*=owl-] span{font-size:0}
.gallary .owl-theme .owl-nav [class*=owl-]{opacity:0;transition:all 0.5s}
.gallary .owl-theme .owl-nav [class*=owl-]:hover{opacity:1;transition:all 0.5s}
.gallary .owl-theme .owl-nav [class*=owl-]:hover span:before{color:#2d2d2b}
.rooms{background:rgb(212 200 190);padding:40px 0}
.rooms h2{text-align:center}
.rooms p{width:70%;margin:20px auto;text-align:center;}
section.room-gallary{display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:0;grid-row-gap:0;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;}
section.room-gallary .blocks img{width:100%;max-width:100%;}
.room-gallary .blocks{position:relative}
 .custom-select-box select {
    border: none;
    width: 100%;
}
.custom-select-box {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#bookdetails {
    margin: 140px auto 20px auto;
    width: 60%;
}
.gallry-part{position:absolute;top:0;height:100%;width:100%;content:'';bottom:0;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;font-size:30px;z-index:9;justify-content:center;align-items:center;font-weight:bold;color:#fff;text-shadow:10px 10px 12px rgba(0,0,0,0.2);}
.gallry-part:hover{color:rgb(222, 159, 0);cursor:pointer}
.amenities-blocks{display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:0;grid-row-gap:0;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;margin-top:70px;}
.amenities-blocks .a-block ul{list-style:none;}
.amenities-blocks .a-block ul li{text-align:center}
.logo-block{position:absolute;width:36px;right:-40px;top:32%;}
.a-block{position:relative;}
.logo-block img{width:auto;max-width:100%;}
.features{background:url("../images/background.webp") no-repeat;padding:120px 0;background-attachment:fixed !important; background-size:cover !important}
.feature-grid{display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:20px;grid-row-gap:0;-ms-grid-columns:1fr 1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;}
.feature-block{background:rgb(255 255 255 / 70%);color:#000;text-align:center;padding:60px 20px;}
.feature-block h3{font-weight:700;position:relative;}
.feature-block h3:after,.feature-block .cont-safety h3:after{position:absolute;content:'';width:50px;height:2px;background:#000;bottom:-10px;left:0;right:0;margin:0 auto;}
.feature-block h4{font-size:20px;margin-top:40px;}
.safety{display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:0px;grid-row-gap:0;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;}
.safety .s-block img{width:auto;max-width:100%;flex:1;}
.cont-safety{background:#d4c7be;padding:50px 80px;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;flex-direction:column;justify-content:center;align-items:center;}
.cont-safety h3:after{background:#2d2d2b}
.cont-safety h3,.contact h3{font-size:40px;text-transform:uppercase;text-align:center}
.cont-safety p{text-align:center;width:80%;margin:20px auto}
.s-block{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;}
footer{background:url(../images/OPEN_HOUSE-office.webp) no-repeat top;background-size:cover;padding:72px 0;   }
footer .contact{width:480px;margin:0 auto;color:#000;text-align:center;letter-spacing:2px;}
.contact h3{margin-top:50px;}
footer .contact a{color:#000;text-decoration:none}
footer .contact a:hover{text-decoration:underline}
.subscribtion{margin-top:60px;}
.textbox{display:block;width:80%;background:transparent;color:#000;border:1px solid;padding:10px 20px;margin:10px auto;}
.subscribtion .textbox::-webkit-input-placeholder{color:#000;}
.subscribtion .textbox::-moz-placeholder{color:#000;}
.subscribtion .textbox:-ms-input-placeholder{color:#000;}
.subscribtion .textbox:-moz-placeholder{color:#000;}
.subscribtion .button{font-weight:bold;width:80%;margin:0 auto;display:block;padding:10px;border:none;}
.footer-bottom{background:#d4c7be;padding:20px 0;letter-spacing:1px;}
.footer-bottom .container{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;justify-content:space-between}
.social-share a{color:#2d2d2b;font-size:20px;margin:0 7px;}
.social-share a:hover{color:#fff;}
.fancybox-content{background:#d2c5bc;}
.copy{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;}
.privacy-links{margin-left:10px;}
.privacy-links a{color:#2d2d2b}
.privacy-links a:hover{text-decoration:none;color:#fff}
.map{width:100%;margin:0 auto;font-size:0;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
.main-banner{width:80%;margin:0 auto;height:450px;}
.main-banner .owl-carousel img{max-width:100%;width:auto}
.room-present{display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;}
.room-present img{width:auto;max-width:100%;flex:1}
.room-details{padding-top:100px;display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:0px;grid-row-gap:0;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;}
.room-details .details{padding-left:50px;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;flex-direction:column;margin-top:60px;}
.breadcrumb{background-color:transparent;padding:0;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;padding-right:20px;}
.room-details .details p{width:80%}
.breadcrumb a{color:rgb(222, 159, 0);margin-right:10px;text-transform:uppercase;font-size:14px;}
.aminety ul{list-style:none;padding:0;display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-column-gap:0px;grid-row-gap:0;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-template-rows:auto auto;}
.aminety ul li{padding:10px 10px 10px 20px;margin:1%;position:relative;display:flex;display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;align-items:center;font-weight:600;font-size:15px;}
.aminety ul li:before{background:#d4c7be;content:'';position:absolute;width:4px;height:40px;left:0;}
.aminety ul li img{margin-right:15px;}
.details .button{display:inline;width:fit-content;width:-moz-fit-content;margin-top:20px;margin-bottom:40px;}
.sub-heading{font-weight:600;margin-bottom:5px;}
.privacy{margin-top:140px;text-align:center;width:580px;}
h6{font-size:20px;font-weight:700}
.imblock {
    margin: 20px 0;
}
    .IMheading {
    font-weight: 800;
}
/*.down-readmore {
    font-size: 50px;display: block;
    margin-top: 50px; animation: bounce 1600ms infinite cubic-bezier(0.445, 0.05, 0.55, 0.95);
  cursor: pointer;color: #000;
}
.down-readmore:hover{text-decoration: none;color: #d4c7be}*/
@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}

#bookdetails .about-cont {
    padding: 0;
}

#bookdetails .bookingbtn {
    width: 130px;
    background-color: #b9926b;
    border-color: #b9926b;
    font-family: 'futuralight';
    text-transform: uppercase;
    color: #000;
    letter-spacing: 1px;
  border-radius: unset;
  border: none;
}
:focus-visible {outline:none}
.sucess-subscribe {
    background: #b9926b;
    padding: 20px;
    font-weight: 600;
    margin-top: 60px;
}
.thank-you-msg {
    padding: 20px;
    font-weight: 600;
    margin-top: 60px;
    font-size: 23px;
    text-align: center;
}

@media screen and (max-width:800px){
  .logo, header { transition: 0.35s all; }
  .fixed .logo { width: 40px; }
  #openhead.fixed { padding: 15px 0; }
  #home { margin-top: 50px; }
  .fixed .nav-links { top: 70px; }
}
.banner{
  background-repeat: no-repeat;
    background-size: cover;
}

#newspopup .modal-header,#newspopup .modal-footer{background: rgba(212,199,190,0.9);
    backdrop-filter: saturate(180%) blur(10px);}
#newspopup  .modal-header h4{font-weight: 700;}
#newspopup .modal-content{background-color: rgba(255,255,255,0.4);backdrop-filter: saturate(180%) blur(10px);}
#newspopup  .modal-body{color:#fff}