body {font-family: "Open Sans", sans-serif; background: #0c0b09; color: #fff;}
a {color: #cda45e; text-decoration: none;}
a:hover {color: #d9ba85; text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-family: "Playfair Display", serif;}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; overflow: hidden; background: #1a1814;}
#preloader:before {content: "";  position: fixed; top: calc(50% - 30px); left: calc(50% - 30px); border: 6px solid #1a1814; border-top-color: #cda45e; border-bottom-color: #cda45e; border-radius: 50%; width: 60px; height: 60px; animation: animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}
@keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top{position:fixed; visibility:hidden; opacity:0; right:15px; bottom:15px; z-index:996; width:44px; height:44px; border-radius:50px; transition:all 0.4s; border:2px solid #cda45e;}
.back-to-top i {font-size: 28px; color: #cda45e; line-height: 0;}
.back-to-top:hover {background:#cda45e; color:#1a1814;}
.back-to-top:hover i {color: #444444;}
.back-to-top.active {visibility:visible; opacity:1;}
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {transition-delay: 0 !important;}
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {background: rgba(12, 11, 9, 0.6); border-bottom: 1px solid rgba(12, 11, 9, 0.6); transition: all 0.5s; z-index: 997; padding: 10px 0; top: 0;}
#header.header-scrolled {top: 0; background: rgba(0, 0, 0, 0.85); border-bottom: 1px solid #37332a;}
#header .logo a {color: #fff;}
#header .logo img {max-height:80px;}
.mobile-number{font-size:20px; font-weight:600; transition: all 0.5s;}
.mobile-number:hover{color:#fff; transition: all 0.5s;}


.book-a-table-btn {margin:0 0 0 15px; border:2px solid #cda45e;  color:#fff; border-radius:50px; padding:8px 25px; text-transform:uppercase; font-size: 13px; font-weight: 500; letter-spacing: 1px; transition: 0.3s;}
.book-a-table-btn:hover {background: #cda45e; color: #fff; }
@media (max-width: 992px) {.book-a-table-btn { margin: 0 15px 0 0; padding: 8px 20px;}}


/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {width: 100%; height: 100vh; background: url("../images/hero-bg.jpg") top center; background-size: cover; position: relative; padding: 0;}
/* #hero:before {content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; top: 0; left: 0; right: 0;} */
#hero .container {padding-top: 110px;}
@media (max-width: 992px) {#hero .container { padding-top: 0;}#header{position: absolute;}}

#hero h1 {margin: 0; font-size: 48px; font-weight:700; line-height:56px; color:#fff; font-family:"Poppins", sans-serif; text-shadow:1px 1px 2px #000;}
#hero h1 span {color: #cda45e;}
#hero h2 {color:#eee; margin:30px 0 0; font-size:22px;}
#hero .btns {margin-top:30px;}
#hero .btn-book {font-weight: 600; font-size:16px; letter-spacing: 0.5px; text-transform: uppercase; display: inline-block; padding: 12px 30px; border-radius: 50px; transition: 0.3s; line-height: 1; color:#fff; border:2px solid #cda45e;}
#hero .btn-menu:hover, #hero .btn-book:hover {background: #cda45e; color: #fff;}
#hero .play-btn {width: 94px; height: 94px; background: radial-gradient(#cda45e 50%, rgba(205, 164, 94, 0.4) 52%); border-radius: 50%; display: block; position: relative; overflow: hidden;}
#hero .play-btn::after {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}
#hero .play-btn::before {content: ''; position: absolute; width: 120px; height: 120px; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation: pulsate-btn 2s; animation: pulsate-btn 2s; -webkit-animation-direction: forwards; animation-direction: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: steps; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(205, 164, 94, 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0);}
#hero .play-btn:hover::after {border-left: 15px solid #cda45e; transform: scale(20);}
#hero .play-btn:hover::before {content: ''; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; -webkit-animation: none; animation: none; border-radius: 0;}
@media (min-width: 1024px) {#hero {background-attachment: fixed;}}
@media (max-width: 992px) {#hero .play-btn { margin-top: 30px;}}
@media (max-height: 500px) {#hero { height: auto;} #hero .container {padding-top: 130px;padding-bottom: 60px;}}
@media (max-width: 768px) {#hero h1 {font-size: 28px; line-height: 36px;}#hero h2 {font-size: 18px; line-height: 24px;}}
@-webkit-keyframes pulsate-btn {0% { transform: scale(0.6, 0.6); opacity: 1;}100% {transform: scale(1, 1); opacity: 0;}}
@keyframes pulsate-btn {0% { transform: scale(0.6, 0.6); opacity: 1;}100% {transform: scale(1, 1); opacity: 0;}}

section {padding: 60px 0; overflow: hidden;}
.section-bg {background-color: #1a1814;}
.section-title {padding-bottom: 40px;}
.section-title h2 {font-size: 14px; font-weight: 500; padding: 0; line-height: 1px; margin: 0 0 5px 0; letter-spacing: 2px; text-transform: uppercase; color: #aaaaaa; font-family: "Poppins", sans-serif;}
.section-title h2::after {content: ""; width: 120px; height: 1px; display: inline-block; background: rgba(255, 255, 255, 0.2); margin: 4px 10px;}
.section-title p {margin: 0; font-size: 36px; font-weight: 700; font-family: "Playfair Display", serif;color: #cda45e; line-height:40px;}
.cta{padding:50px 0 0;}
.cta h2{font-size:24px;}
.about {background: url("../images/about-bg.jpg") center center; background-size: cover; position: relative; padding: 80px 0;}
.about:before {content: ""; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0; top: 0; left: 0; right: 0;}
.about .about-img,
.why-us .video-img{position: relative; transition: .5s; margin-top:35px;}
.about .about-img a,
.why-us .video-img a{display: block; position:relative;}
.about .about-img img {max-width: 100%; border: 4px solid rgba(255, 255, 255, 0.2); position: relative;}
.about .about-img a::before,
.about .about-img a::after,
.why-us .video-img a::before,
.why-us .video-img a::after{position: absolute; left:0; top:0; right:0; bottom:0; margin:auto; content: ''; transition: .5s;}
.about .about-img a::before,
.why-us .video-img a::before{width: 60px; height: 60px; z-index: 1; border:4px solid #cda45e; border-radius:50%;}
.about .about-img a::after,
.why-us .video-img a::after{right: -28px; width: 0; height: 0; z-index: 2; content: ''; border: 18px solid transparent;  border-left-color: #cda45e;}
.about .about-img:hover,
.why-us .video-img:hover{transform: scale(1.03);}

.about h3 {font-weight: 600; font-size: 26px;}
.about h3 span{color: #cda45e;}
.about .content ul {list-style: none; padding:15px 0 0; display: flex; flex-wrap: wrap; font-size:14px;}
.about .content ul li {padding-bottom: 10px; width:100%; max-width:50%;}
.about .content ul i {font-size: 20px; padding-right: 4px; color: #cda45e;}
.about .content p:last-child {margin-bottom: 0;}
.about .cta{padding:50px 0 0;}
@media (min-width: 1024px) {.about {background-attachment: fixed;}}

.why-us .box{padding: 50px 30px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); transition: all ease-in-out 0.3s; background: #1a1814; display:flex;}
.why-us .box .text{padding-left:15px;}
.why-us .box span {display: block; font-size: 28px; font-weight: 700; color: #cda45e;}
.why-us .box h4 {font-size: 24px; font-weight: 600; padding: 0; margin:0; color: rgba(255, 255, 255, 0.8);}
.why-us .box i{width:90px; height:90px; background-color:#000; border:2px solid #625b4b; border-radius:50%; display:flex; justify-content: center; align-items: center; font-size:40px; color: #cda45e; transition: all 0.6s ease-in-out;}
.why-us .box:hover {background: #cda45e; padding: 30px 30px 70px 30px; box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);}

.why-us .box:hover span, .why-us .box:hover h4{color: #fff;}
.why-us .box:hover i{background-color:#fff; transition: all 0.6s ease-in-out; border-color: #d3af71;}

.why-us .section-title p{line-height:40px;}
.why-us article ul,
.location .details ul{padding:0; list-style: none;}
.why-us article ul li,
.location .details ul li{position:relative; margin-bottom:10px; padding-left:30px;}
.why-us article ul li::before,
.location .details ul li::before{position: absolute; left:0; font-family: bootstrap-icons !important;  content:"\f141";}
.why-us .video-img img{max-width:100%;}
.section-bg.why-us{background: url("../images/why-us-bg.jpg") center center; background-size: cover;}
.why-us .cta{padding:50px 0 0;}
@media (min-width: 1024px) {.section-bg.why-us {background-attachment: fixed;}}

.location {overflow: hidden;}
.location img{transition: all .8s ease-in-out;}
.location img:hover{transform: scale(1.1); transition: all .8s ease-in-out;}
.location .details {color: #fff; padding:15px;}

.specials{background: url(../images/events-bg.jpg) center center no-repeat; background-size: cover; position: relative;}
.specials .section-title h2 {color: #fff;}
.specials .container {position: relative;}
@media (min-width: 1024px) {.specials {background-attachment: fixed;}}
.specials .events-carousel {background: rgba(255, 255, 255, 0.08); padding: 30px;}
.specials .event-item {color: #fff;}
.specials .swiper-pagination {margin-top: 30px; position: relative;}
.specials .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.4); opacity: 1;}
.specials .swiper-pagination .swiper-pagination-bullet-active {background-color: #cda45e;}

.book-a-table{padding:120px 0 80px;}
.book-a-table .ap-lead-form {padding:0;}
.book-a-table .ap-lead-form-cont{display:flex; flex-wrap: wrap; margin-left:-15px; margin-right:-15px;}
.book-a-table .ap-lead-form-cont .am-input-container{max-width:33.33%; flex:0 0 33.33%; padding:15px; height: auto;  margin: 0;}
.book-a-table .ap-lead-form-cont .am-input-container .am-input,
.forms-modal .modal-content .modal-body .am-input-container .am-input{width:100%; border:1px solid #cda45e;height:45px; color:#cda45e; padding:0 15px; position: static;}
.book-a-table .ap-lead-form-cont .am-input-container .am-input-label{top:20px; left:25px; font-size:13px; padding:5px; display:inline-block; position:absolute;}
.book-a-table .ap-lead-form-cont .am-input-container select,
.forms-modal .modal-content .modal-body .am-input-container select{top:15px; left: 15px; border: none; height: 45px; background: transparent; color: #cda45e; font-size: 13px; border-right: 1px solid #cda45e;}
.book-a-table .ap-lead-form-cont .am-input-container.phone .am-input{padding-left:125px;}
.book-a-table .ap-lead-form-cont .am-input-container.af-focussed .am-input-label, 
.book-a-table .ap-lead-form-cont .am-input-container.af-valid .am-input-label, 
.book-a-table .ap-lead-form-cont .am-input-container.af-error .am-input-label{top:0; background: #000; color:#cda45e;}
.book-a-table .ap-lead-form-cont .am-input-container.af-textarea{max-width:100%; flex:0 0 100%;}
.book-a-table .ap-lead-form-cont .am-input-container.af-textarea .am-input{height:120px;}
.book-a-table .ap-lead-form-cont .ap-agree-box{padding:0 15px; max-width:100%; flex:0 0 100%; margin-bottom:10px;}
.book-a-table .ap-lead-form-cont .ap-agree-box .ap-agree,
.forms-modal .modal-content .modal-body .ap-agree-box .ap-agree{margin-left:10px; font-size:13px;}
.book-a-table .ap-lead-form-cont .am-button.af-primary{margin-left:15px; background: #cda45e; border: 0; padding: 10px 35px; color: #fff; transition: 0.4s; border-radius: 50px;}
.book-a-table .ap-lead-form-cont .am-button.af-primary:hover{background: #d3af71;}
.book-a-table .ap-lead-form-cont .am-input-container .am-input-error{top: 60px; font-size: 11px; color: #ff5a2d; font-weight: 700;}
.forms-modal .modal-content .modal-body .am-input-container select{top:29px;}

.forms-modal .modal-content{box-shadow:5px 5px 30px #cda45e;}
.forms-modal .modal-content .modal-header{background-color:#000; color:#cda45e; border-bottom: 1px solid #523e1b;}
.forms-modal .modal-content .modal-header h5{font-size:16px; font-weight:700;}
.forms-modal .modal-content .modal-header .btn-close{background-color: #cda45e; border-radius: 50%; background-size: 37%; width: 10px; height: 10px;}
.forms-modal .modal-content .modal-body{background-color:#000;}
.forms-modal .modal-content .modal-body .am-input-container{height:auto;  overflow: visible;}
.forms-modal .modal-content .modal-body .am-input-container .am-input-label{top:37px; left: 10px; font-size: 13px; padding:5px;}
.forms-modal .modal-content .modal-body .am-input-container.af-focussed .am-input-label,
.forms-modal .modal-content .modal-body .am-input-container.af-valid .am-input-label,
.forms-modal .modal-content .modal-body .am-input-container.af-error .am-input-label{top:15px; display: inline-block; background-color:#000; color:#cda45e; }
.forms-modal .modal-content .modal-body .am-input-container.phone .am-input{padding-left:130px;}
.forms-modal .modal-content .modal-body .am-input-container .am-input-error{top:80px; font-size: 11px; color: #ff5a2d; font-weight: 700;}
.forms-modal .modal-content .am-button.af-primary{background: #cda45e; border: 0;}
.forms-modal .modal-content .am-button.af-primary:hover{background-color:#b48534;}
.modal-backdrop.show{opacity:0.7;}

.testimonials{padding-top: 0;}
.featured img{max-width:100%;}
.featured .swiper-pagination {margin-top: 30px; position: relative; display: none;}
.featured .swiper-pagination .swiper-pagination-bullet {width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.4);  opacity: 1;}
.featured .swiper-pagination .swiper-pagination-bullet-active {background-color: #cda45e;}

.gallery .gallery-item {overflow: hidden; border-right: 3px solid #454035; border-bottom: 3px solid #454035;}
.gallery .gallery-item img {transition: all ease-in-out 0.4s;}
.gallery .gallery-item:hover img {transform: scale(1.1);}

.project-slider h3{font-size:22px; margin: 15px 0 0;}

.img-box img{max-width:100%; border:2px solid #a49b89;}
.cta a,
.btn-more{color:#fff; font-size:13px; margin-top:8px; text-transform:uppercase; display:inline-block; cursor: pointer; background-color: #cda45e; letter-spacing:1px; text-decoration: none; border-radius:50px; transition:all 0.4s ease-in-out; padding:10px 30px; border:2px solid transparent;}
.cta a:hover,
.btn-more:hover{text-decoration: none; background-color:transparent; border-color:#cda45e; transition:all 0.4s ease-in-out}
.btn-more{margin-top:30px;}

#footer {background: black; padding: 0 0 10px 0; color: #fff; font-size: 13px;}
#footer .credits {padding-top:5px; text-align: center; font-size: 13px; color: #fff;}

@media (max-width:767px) {
  #header .logo img{max-height: 60px;}
  #hero{background: url(../images/m-hero-bg.jpg) no-repeat; background-size:100% 100%;}
  .about{padding:40px 0; background:url(../images/m-about-bg.jpg) no-repeat; background-size:100% 100%;}
  .about .content ul li{max-width:100%; padding-bottom:0;}
  .about .cta{padding:30px 0 0 ;}
  section{padding:40px 0}
  .why-us .box{padding: 30px 15px;}
  .section-title p{font-size:24px; line-height:28px !important;}
  .why-us article{margin-bottom: 40px;}
  .about .about-img, .why-us .video-img{margin-top:0;}
  .cta h2{font-size:18px;}
  .location .details{padding:30px 0 0;}
  .location .details ul{margin-bottom:0;}
  .featured-slider{margin-bottom:40px;}
  .cta{padding-top:40px;}
  .featured .cta{padding-top:0;}
  .book-a-table{padding:40px 0;}
  .book-a-table .ap-lead-form-cont .am-input-container{max-width:100%; flex:0 0 100%;}
  .section-bg.why-us{background:url(../images/m-why-us-bg.jpg) no-repeat; background-size:100% 100%;}
  .specials{background:url(../images/m-events-bg.jpg) no-repeat; background-size:100% 100%;}
}