@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Outfit:wght@100..900&display=swap);
/* #### Optima font */

    @font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: normal;
    src: local('Optima'), url('fonts/OPTIMA.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima';
    font-style: italic;
    font-weight: normal;
    src: local('Optima Italic'), url('fonts/Optima_Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Optima Medium'), url('fonts/Optima Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Optima';
    font-style: normal;
    font-weight: bold;
    src: local('Optima Bold'), url('fonts/OPTIMA_B.woff') format('woff');
    }
/*****************/


body { color: #d3ab7f; font-family: 'Optima',sans-serif; font-size: 20px; font-weight: 400; line-height: 30px; }

ul { margin: 0; padding: 0; }

.scroll-top-wrapper { background-image: url(../images/icon-arrow-up.png); }

.image-overlay { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; opacity: 0.5; }

.breadcrumb { display: none; }

.page-content { background-color: #333; padding: 50px 95px 40px; }
.page-content .page-title h1 { color: #fff; font-size: 44px; font-weight: 700; line-height: 55px; text-transform: uppercase; text-align: center; margin: 0; }
.page-content .box-item { display: flex; flex-direction: row; align-items: center; column-gap: 30px; row-gap: 30px; padding: 20px 0; }
.page-content .box-item .box-image { }
.page-content .box-item .box-image img { width: 100%; }
.page-content .box-item .box-text { color: #fff; text-align: left; }

.about-block { background-color: #333; padding: 40px 0; }
.about-block .lt-block { color: #fff; }
.about-block .lt-block h2 { color: #d3ab7f; font-size: 44px; font-weight: 700; line-height: 55px; padding: 20px 0; }
.about-block .lt-block a { color: #d3ab7f; }
.about-block .lt-block a:hover { color: #fff; }

.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) { background: #333; padding: 65px 35px; margin: 0; }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text .box-title { color: #fff; }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text a { color: #ffff; }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text a:hover { color: #d3ab7f; }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text a .icon img { filter: brightness(0) invert(1); }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text a:hover .icon img { filter: initial; }
.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text .text-content { color: #fff; }

.overlay a { width: 100%!important; font-family: 'Optima',sans-serif; font-size: 20px; line-height: 28px; padding: 8px 24px 8px 24px; }
.overlay a:hover { color: #d3ab7f; }
.overlay .sb-caret { float: right; padding: 0; line-height: initial; }
.overlay .sb-caret:hover { color: #d3ab7f; }
.overlay ul li .sb-submenu li a img { vertical-align: middle; padding: 0 10px 0 0; display: none; }
.overlay ul li.active a { color: #d3ab7f; }

/*header*/
#header .mobile-only { background-color: #000; }
#header .mobile-only .lt-panel .mobile-menu-icon ul li { background: #d3ab7f; }

#header { box-shadow: none; background-color: #000; }
#header .middle-block { background-color: rgb(5 5 5 / 85%); border-bottom: 0; padding: 20px 0; }

#header .middle-block .lt-panel .nav-menu-icon { display: inline-block; vertical-align: middle; }
#header .middle-block .lt-panel .nav-menu-icon ul { width: 30px; display: inline-block; vertical-align: middle; }
#header .middle-block .lt-panel .nav-menu-icon ul li:first-child { padding: 0; }
#header .middle-block .lt-panel .nav-menu-icon ul li { list-style: none; border-bottom: 3px solid #d3ab7f; width: 100%; padding: 5px 0; cursor: pointer; }
#header .middle-block .lt-panel .nav-menu-icon span { text-transform: uppercase; vertical-align: middle; padding: 0 0 0 15px; display: inline-block; font-size: 20px; font-weight: 700; line-height: 28px; color: #d3ab7f; cursor: pointer; }
#header .middle-block .lt-panel .nav-menu-icon span:hover { color: #fff; }
#header .middle-block .lt-panel .nav-menu-icon ul:hover li { border-color: #fff; }

#header .middle-block .lt-panel .nav-menu-block { overflow: auto; }
#header .middle-block .lt-panel .nav-menu-block .closebtn { color: #fff; text-align: right; padding: 8px 0 8px 24px; }
#header .middle-block .lt-panel .nav-menu-block .closebtn:hover { color: #d3ab7f; }

#header .middle-block .lt-panel { width: 39%; display: inline-block; vertical-align: middle; }
#header .middle-block .logo-block { width: 20%; display: inline-block; float: none!important; text-align: center; vertical-align: middle; }
#header .middle-block .rt-panel { width: 39%; display: inline-block; float: none; padding: 0; vertical-align: middle; }

.desktop-menu { text-align: right; }
.desktop-menu ul { white-space: nowrap; }
.desktop-menu ul li { display: inline-block; position: relative; }
.desktop-menu ul li.dropdown::before { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 15px; background-image: url(../images/down-arrow.png); background-repeat: no-repeat; background-position: center; background-size: 12px; }
.desktop-menu ul li a { color: #d3ab7f; font-size: 20px; font-weight: 700; line-height: 28px; text-transform: uppercase; padding: 0 35px 0 35px; }
.desktop-menu ul li a.no-cursor { cursor: ns-resize; }
.desktop-menu ul li a:hover { color: #fff; }
.desktop-menu ul li a img { vertical-align: middle; padding: 0 10px 0 0; display: none; }
.desktop-menu ul li a i { display: none; }
.desktop-menu ul li ul.dropdown-menu { width: auto; display: none; position: absolute; left: 34px; text-align: left; top: 30px; background: #333; padding: 10px 0; z-index: 9; }
.desktop-menu ul li:hover ul.dropdown-menu { display: block; }
.desktop-menu ul li ul.dropdown-menu li { display: block; padding: 0 16px; }
.desktop-menu ul li ul.dropdown-menu li a { color: #fff; padding: 0; }
.desktop-menu ul li ul.dropdown-menu li a:hover { color: #d3ab7f; }

.desktop-menu ul li.mobile-only { display: none!important; }

/*contact-info*/
.contact-info { display: inline-block; vertical-align: middle; }
.contact-info ul.list-unstyled li { display: inline-block; padding: 0 10px 0 60px; }
.contact-info ul.list-unstyled li a { color: #d3ab7f; font-size: 20px; font-weight: 700; line-height: 28px; }
.contact-info ul.list-unstyled li a:hover { color: #fff; }

/*footer*/
#footer { padding: 0; clear: both; }
#footer .footel-top { background: #d3ab7f; padding: 65px 0 0; }
#footer .contact-info-block h4 { color: #000; font-size: 30px; font-weight: 700; margin: 0 0 30px; text-transform: uppercase; }
#footer .contact-info-block .contact-info { margin: 0 0 50px; width: 100%; }
#footer .contact-info-block .contact-info h6 { color: #000; font-size: 20px; font-weight: 400; line-height: 44px; background-position: left; background-repeat: no-repeat; padding: 0 0 0 35px; }
#footer .contact-info-block .contact-info h6 a { color: #000; }
#footer .contact-info-block .contact-info h6 a:hover { color: #fff; }
#footer .contact-info-block .contact-info h6.email:hover, #footer .contact-info-block .contact-info h6.phone:hover { filter: brightness(0) invert(1); }
#footer .contact-info-block .contact-info h6.address { background-image: url(../images/icon-map.png); }
#footer .contact-info-block .contact-info h6.phone { background-image: url(../images/icon-call.png); }
#footer .contact-info-block .contact-info h6.email { background-image: url(../images/icon-email.png); }

#footer .contact-info-block .social-icon { padding: 0 0 65px; }
#footer .contact-info-block .social-icon h4 { color: #000; font-size: 30px; font-weight: 700; margin: 0 0 25px; }
#footer .contact-info-block .social-icon ul { }
#footer .contact-info-block .social-icon ul li { list-style: none; display: inline-block; padding: 0 15px 0 0; }
#footer .contact-info-block .social-icon ul li a:hover img { filter: brightness(0) invert(1); }

#footer .top-block { padding: 50px 0 0; }
#footer .top-block h4 { color: #000; font-size: 25px; font-weight: 600; margin: 0 0 20px; }
#footer .top-block .block ul li a { color: #000; font-size: 16px; font-weight: 400; }
#footer .top-block .block ul li a:hover { color: #fff; }

#footer .bottom-block { background: #000; padding: 15px 0; }
#footer .bottom-block h5 { padding: 0; }
#footer .bottom-block p { color: #d3ab7f; font-size: 16px; line-height: 25px; font-weight: 400; }

/*banner*/
.banner-block { padding: 22% 0; margin-top: -163px; }
.banner-block .banner-desc { top: initial; left: 0; width: 100%; text-align: center; display: inline-block; bottom: 70px; }
.banner-block .banner-desc .button a { color: #d3ab7f; background: #00000080; border: 3px solid #d3ab7f; padding: 20px 82px; border-radius: 5px; font-size: 24px; line-height: normal; font-weight: 700; text-transform: uppercase; }
.banner-block .banner-desc .button a:hover { background: #d3ab7f; color: #fff; }
.banner-block .owl-theme .owl-controls { display: none; }

/*landing-page*/
.landing-section { display: inline-block; width: 100%; text-align: center; padding: 25px 10px 50px; }
.landing-section .landing-list { display: flex; flex-direction: row; padding: 30px 0 0; row-gap: 30px; }
.landing-section .title { }
.landing-section .title h2 { color: #d3ab7f; font-size: 30px; font-weight: 700; line-height: 35px; text-align: center; text-decoration: underline; }
.landing-section .text-content a { color: #d3ab7f; font-weight: 700; text-decoration: underline; }
.landing-section .text-content a:hover { color: #fff; }
.landing-section .landing-list .box-item .box-image { }
.landing-section .landing-list .box-item .box-image img { width: 100%; border: 3px solid #d3ab7f; }
.landing-section .landing-list .box-item .box-text .box-title { padding: 40px 0 30px; }
.landing-section .landing-list .box-item .box-text .box-title a h3 { color: #d3ab7f; font-size: 26px; font-weight: 700; text-transform: uppercase; line-height: 35px; text-align: center; }
.landing-section .landing-list .box-item .box-text .box-title a:hover h3 { color: #fff; }

.modal-landing-page .modal-content { background-image: url(../images/bg-black.jpg); background-position: center; background-repeat: repeat; max-width: 100%; min-height: 100%; width: 100%; overflow: auto; }
.modal-landing-page .modal-content .modal-body { padding: 0; }
.modal-landing-page .modal-content .modal-body .modal__close-btn i { font-size: 25px; }
.modal-landing-page .modal-content .modal-body .modal__close-btn i:hover { color: #fff; }

/*home-page*/
.home #header .middle-block { background-color: #000; }
.home .banner-block { padding: 0; margin-top: 0; }

.welcome-section { background-color: #000; display: inline-block; width: 100%; padding: 75px 80px; }
.welcome-section .box-text { display: flex; flex-direction: row; align-items: center; column-gap: 40px; row-gap: 30px; margin: 0; }
.welcome-section .welcome-text { padding: 0; }
.welcome-section .welcome-text .title h2 { color: #d3ab7f; font-size: 41px; font-weight: 700; line-height: 55px; text-transform: uppercase; }
.welcome-section .box-text .text-content { padding: 0; }

.our-menu-section { background-color: #333; display: inline-block; width: 100%; padding: 100px 55px; }
.our-menu-section .menu-list { display: flex; flex-direction: row; align-items: center; row-gap: 30px; }
.our-menu-section .title { }
.our-menu-section .title h2 { color: #fff; font-size: 44px; font-weight: 700; line-height: 55px; text-transform: uppercase; text-align: center; padding: 0 0 50px; }
.our-menu-section .menu-list .box-item { padding: 0 35px; }
.our-menu-section .menu-list .box-item .box-image { position: relative; }
.our-menu-section .menu-list .box-item .box-image img { width: 100%; display: block; }
.our-menu-section .menu-list .box-item .box-text { position: absolute; top: 50%; left: 0; width: 100%; }
.our-menu-section .menu-list .box-item .box-text .box-title h3 { color: #d3ab7f; font-size: 36px; font-weight: 700; line-height: 45px; text-transform: uppercase; text-align: center; }
.our-menu-section .menu-list .box-item:hover .box-text .box-title h3 { color: #fff; }

.dining-rooms-section { background-image: url(../images/bg-black.jpg); background-position: center; background-repeat: repeat; display: inline-block; width: 100%; text-align: center; padding: 85px 0; }
.dining-rooms-section .dining-rooms-list { display: flex; flex-direction: row; padding: 50px 0 0; row-gap: 30px; }
.dining-rooms-section .title { }
.dining-rooms-section .title h2 { color: #d3ab7f; font-size: 44px; font-weight: 700; line-height: 55px; text-transform: uppercase; text-align: center; padding: 0 0 35px; }
.dining-rooms-section .text-content a { color: #d3ab7f; font-weight: 700; text-decoration: underline; }
.dining-rooms-section .text-content a:hover { color: #fff; }
.dining-rooms-section .dining-rooms-list .box-item .box-image { }
.dining-rooms-section .dining-rooms-list .box-item .box-image img { width: 100%; border: 3px solid #d3ab7f; }
.dining-rooms-section .dining-rooms-list .box-item .box-text { padding: 40px 0 0; }
.dining-rooms-section .dining-rooms-list .box-item .box-text .box-title h3 { color: #d3ab7f; font-size: 26px; font-weight: 700; line-height: 35px; text-transform: uppercase; text-align: center; padding: 0 0 30px; }

.whats-on-section { background-color: #333; display: inline-block; width: 100%; padding: 90px 0; }
.whats-on-section .whats-on-list { display: flex; flex-direction: row; align-items: center; column-gap: 50px; row-gap: 30px; }
.whats-on-section .box-item .box-image { }
.whats-on-section .box-item .box-image img { width: 100%; }
.whats-on-section .box-item .box-text { color: #fff; }
.whats-on-section .box-item .box-text .box-title h3 { color: #fff; font-size: 44px; font-weight: 700; line-height: 50px; text-transform: uppercase; padding: 0 0 30px; }

/*about-us*/
.our-story-section { background-image: url(../images/bg-black.jpg); background-position: center; background-repeat: repeat; padding: 80px 95px; }
.our-story-section .title h2 { color: #d3ab7f; font-size: 44px; font-weight: 700; line-height: 55px; text-transform: uppercase; text-align: center; padding: 0 0 50px; }
.our-story-section .box-item .box-text { color: #d3ab7f; }
.our-story-section .title { }
.our-story-section .box-item { display: flex; flex-direction: row; align-items: center; column-gap: 30px; row-gap: 30px; }
.our-story-section .box-item .box-image { }
.our-story-section .box-item .box-image img { width: 100%; }

/*contact-us*/
.contact-section { background-color: #333; padding: 0 95px 80px; }
.contact-section .box-item { display: flex; flex-direction: row; column-gap: 30px; row-gap: 30px; }
.contact-section .box-item .box-image { }
.contact-section .box-item .box-image img { width: 100%; min-height: 100%; object-fit: cover; }
.contact-section .box-item .box-text { color: #fff; }

.contact-section .contact-form { background-color: #000; padding: 109px 50px; height: 100%; }
.contact-section .contact-form form .form-group { padding: 0 15px 15px; }
.contact-section .contact-form form .form-group .form-control { width: 100%; font-size: 14px; font-weight: 500; line-height: 30px; color: #000; padding: 5px 12px; border-radius: 5px; outline: 0; border: 0; }
.contact-section .contact-form form .form-group .form-control::placeholder { color: #000; }
.contact-section .contact-form form .form-group textarea { height: 130px; }
.contact-section .contact-form form .form-action { text-align: center; }
.contact-section .contact-form form .form-action .submit { background-color: #d3ab7f; padding: 13px 55px; color: #fff; font-weight: 600; border-radius: 5px; border: 1px solid #d3ab7f; }
.contact-section .contact-form form .form-action .submit:hover { background-color: transparent; color: #d3ab7f; }
.contact-section .contact-form .alert-box .error { padding: 10px 25px 10px 50px; font-size: 18px; }

.location-section { background-image: url(../images/bg-black.jpg); background-position: center; background-repeat: repeat; padding: 80px 95px; }
.location-section .map-block iframe { height: 600px; }

/*events-page*/
.events-section { background-image: url(../images/bg-black.jpg); background-position: center; background-repeat: repeat; padding: 0 95px 80px; }
.events-section .box-item { flex-direction: row; align-items: center; column-gap: 30px; row-gap: 30px; padding: 65px 0; }
.events-section .box-item .box-text .box-title h3 { font-size: 44px; font-weight: 700; line-height: 50px; padding: 0 0 30px; }
.events-section .box-item .box-image { }
.events-section .box-item .box-image img { width: 100%; }

/*masterclasses-page*/
.masterclasses-section { background-image: url(../images/bg-black.jpg); background-repeat: repeat; padding: 0 95px 80px; }
.masterclasses-section .box-item { flex-direction: row; align-items: center; column-gap: 30px; padding: 65px 0; margin: 0; }
.masterclasses-section .box-item .box-image { padding: 0; }
.masterclasses-section .box-item .box-image img { width: 100%; }
.masterclasses-section .box-item .box-text { color: #d3ab7f; }
.masterclasses-section .box-item .box-text .box-title { text-align: left; }
.masterclasses-section .box-item .box-text .box-title h3 { font-size: 36px; font-weight: 700; line-height: 45px; padding: 0 0 20px; }

/*menu-page*/
.menu-section { background-image: url(../images/bg-black.jpg); background-repeat: repeat; padding: 0 95px 80px; }
.menu-section .box-item { flex-direction: row; align-items: center; column-gap: 30px; padding: 65px 0; margin: 0; }
.menu-section .box-item .box-image { padding: 0; }
.menu-section .box-item .box-image img { width: 100%; }
.menu-section .box-item .box-text a { color: #d3ab7f; text-align: center; display: flex; justify-content: center; align-items: center; column-gap: 30px; }
.menu-section .box-item .box-text a:hover { color: #fff; }
.menu-section .box-item .box-text a:hover .icon img { filter: brightness(0) invert(1); }
.menu-section .box-item .box-text a .icon img { width: 100%; }
.menu-section .box-item .box-text a .box-title { text-align: left; }
.menu-section .box-item .box-text a .box-title h3 { font-size: 36px; font-weight: 700; line-height: 45px; }
.menu-section.odd-even-advanced-image-box .box-list .box-item:nth-child(2n) .box-text a:hover .box-title { color: #d3ab7f; }

/*gallery-page*/
.gallery-section { background-image: url(../images/bg-black.jpg); background-repeat: repeat; padding: 80px 95px; display: flex; width: 100%; }
.gallery-list { display: flex; flex-direction: row; flex-wrap: wrap; }
.gallery-section .box-item { margin: 0 0 30px; }
.gallery-section .box-item .box-image { }
.gallery-section .box-item .box-image img { max-height: 400px; display: flex; width: 100%; }
.gallery-section .box-item .box-text { color: #d3ab7f; padding: 15px; text-align: center; }
.gallery-section .box-item .box-text h3 { color: #d3ab7f; font-size: 26px; font-weight: 700; line-height: 35px; text-transform: uppercase; text-align: center; padding: 0; }
