@font-face {
    font-family: "Clarice Book";
    src: url("../fonts/clarice_book.eot");
    src: url("../fonts/clarice_book.eot?#iefix") format("embedded-opentype"), url("../fonts/clarice_book.woff") format("woff"), url("../fonts/clarice_book.woff2") format("woff2"), url("../fonts/clarice_book.ttf") format("truetype"), url("../fonts/clarice_book.svg#Clarice Book") format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}


@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Light.eot");
    src: url("../fonts/BespokeSans-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Light.woff") format("woff"), url("../fonts/BespokeSans-Light.woff2") format("woff2"), url("../fonts/BespokeSans-Light.ttf") format("truetype"), url("../fonts/BespokeSans-Light.svg#Bespoke Sans") format("svg");
    font-weight: 300;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-LightItalic.eot");
    src: url("../fonts/BespokeSans-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-LightItalic.woff") format("woff"), url("../fonts/BespokeSans-LightItalic.woff2") format("woff2"), url("../fonts/BespokeSans-LightItalic.ttf") format("truetype"), url("../fonts/BespokeSans-LightItalic.svg#Bespoke Sans") format("svg");
    font-weight: 300;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Regular.eot");
    src: url("../fonts/BespokeSans-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Regular.woff") format("woff"), url("../fonts/BespokeSans-Regular.woff2") format("woff2"), url("../fonts/BespokeSans-Regular.ttf") format("truetype"), url("../fonts/BespokeSans-Regular.svg#Bespoke Sans") format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Italic.eot");
    src: url("../fonts/BespokeSans-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Italic.woff") format("woff"), url("../fonts/BespokeSans-Italic.woff2") format("woff2"), url("../fonts/BespokeSans-Italic.ttf") format("truetype"), url("../fonts/BespokeSans-Italic.svg#Bespoke Sans") format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Medium.eot");
    src: url("../fonts/BespokeSans-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Medium.woff") format("woff"), url("../fonts/BespokeSans-Medium.woff2") format("woff2"), url("../fonts/BespokeSans-Medium.ttf") format("truetype"), url("../fonts/BespokeSans-Medium.svg#Bespoke Sans") format("svg");
    font-weight: 500;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-MediumItalic.eot");
    src: url("../fonts/BespokeSans-MediumItalic.eot?#iefix") format("embedded-opentype"), url("fonts/BespokeSans-MediumItalic.woff") format("woff"), url("../fonts/BespokeSans-MediumItalic.woff2") format("woff2"), url("../fonts/BespokeSans-MediumItalic.ttf") format("truetype"), url("../fonts/BespokeSans-MediumItalic.svg#Bespoke Sans") format("svg");
    font-weight: 500;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Bold.eot");
    src: url("../fonts/BespokeSans-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Bold.woff") format("woff"), url("../fonts/BespokeSans-Bold.woff2") format("woff2"), url("../fonts/BespokeSans-Bold.ttf") format("truetype"), url("../fonts/BespokeSans-Bold.svg#Bespoke Sans") format("svg");
    font-weight: 700;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-BoldItalic.eot");
    src: url("../fonts/BespokeSans-BoldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-BoldItalic.woff") format("woff"), url("../fonts/BespokeSans-BoldItalic.woff2") format("woff2"), url("../fonts/BespokeSans-BoldItalic.ttf") format("truetype"), url("../fonts/BespokeSans-BoldItalic.svg#Bespoke Sans") format("svg");
    font-weight: 700;
    font-display: swap;
    font-style: italic
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-Extrabold.eot");
    src: url("../fonts/BespokeSans-Extrabold.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-Extrabold.woff") format("woff"), url("../fonts/BespokeSans-Extrabold.woff2") format("woff2"), url("../fonts/BespokeSans-Extrabold.ttf") format("truetype"), url("../fonts/BespokeSans-Extrabold.svg#Bespoke Sans") format("svg");
    font-weight: 800;
    font-display: swap;
    font-style: normal
}

@font-face {
    font-family: "Bespoke Sans";
    src: url("../fonts/BespokeSans-ExtraboldItalic.eot");
    src: url("../fonts/BespokeSans-ExtraboldItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/BespokeSans-ExtraboldItalic.woff") format("woff"), url("../fonts/BespokeSans-ExtraboldItalic.woff2") format("woff2"), url("../fonts/BespokeSans-ExtraboldItalic.ttf") format("truetype"), url("../fonts/BespokeSans-ExtraboldItalic.svg#Bespoke Sans") format("svg");
    font-weight: 800;
    font-display: swap;
    font-style: italic
}

body {
    height: 100%;
    overflow: auto;
    touch-action: manipulation; /* Kaydırmayı iyileştir */
    -webkit-overflow-scrolling: touch; /* iOS kaydırma hissi */
    overflow-x: hidden;
    overscroll-behavior: none;
}

a {
    text-decoration: none !important;
}

.btn {
    padding: 12px 30px;
    display: inline-block;
    zoom: 1;
    text-align: center;
    text-transform: capitalize;
    outline: none;
    border: solid 1px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    cursor: pointer;
    z-index: 2;
    background-color: transparent;
    color: #222;
    font-size: 14px;
    line-height: .875rem;
    letter-spacing: 0.5px;
    font-weight: 400;
    white-space: nowrap;
    transition: all .4s ease-in-out
}

.btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: #222;
    opacity: 0;
    transition: all .4s ease-in-out
}

.btn:hover {
    color: #fff
}

.btn:hover:before {
    opacity: 1
}

.hidden, #home #bf_wrapper_frame_button_navis_chalk_button {
    position: absolute;
    display: block;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.animated {
    transition: all 0.7s cubic-bezier(0.18, 0.32, 0.17, 0.99)
}

* {
    position: relative;
    box-sizing: border-box;
    outline: 0px
}

html {
    font-size: 16px;
    background-color: #f6f3ef
}

select, button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    outline: 0px
}

select:focus, button:focus, [type="button"]:focus, [type="reset"]:focus, [type="submit"]:focus {
    outline: 0px
}

select:focus-visible, button:focus-visible, [type="button"]:focus-visible, [type="reset"]:focus-visible, [type="submit"]:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important
}

body {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    color: #222;
    font-weight: 300;
    background-color: #f6f3ef;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1;
    margin-top: 0 !important
}

body.scroll-no, body.stop-scrolling-page {
    overflow-y: hidden
}

h1, h2 {
    font-family: "Clarice Book", sans-serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.5px;
    padding: 0 0 20px 0;
    color: #9f755a;
    text-transform: uppercase;
    font-weight: 200
}

h1 span, h1.title-intro, h2 span, h2.title-intro {
    position: relative;
    display: block;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1.5px;
    padding: 0 0 20px 0;
    margin: 0
}

h3 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    margin: 0;
    color: #222
}

h4 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
    padding: 0 0 20px 0;
    font-weight: 500;
    color: #816B3D
}

p, td {
    line-height: 1.625rem;
    padding-bottom: 20px
}

p:last-child, td:last-child {
    padding: 1px;
}

sub {
    font-style: italic;
    display: inline-block;
    line-height: 1
}

ul.sym-inline-list {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0
}

ul.sym-inline-list li {
    position: relative;
    display: block;
    padding: 5px 0 5px 15px;
    line-height: 24px;
    text-align: left
}

ul.sym-inline-list li:before {
    content: "";
    display: block;
    position: absolute;
    top: 16px;
    left: 0;
    z-index: 0;
    height: 4px;
    width: 4px;
    background-color: #816b3d;
    border-radius: 50%
}

ol {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: decimal;
    margin-block-start: 0;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 30px
}

ol li {
    position: relative;
    line-height: 22px;
    padding: 6px 0;
    display: list-item;
    text-align: -webkit-match-parent
}

ol ol {
    margin: 0px;
    margin-block-start: 0
}

.skip-to-content {
    background: #816B3D;
    color: #fff;
    position: fixed;
    transition: all 300ms ease-out;
    z-index: 99999999;
    top: -100px;
    display: block;
    margin: 0
}

.skip-to-content:focus {
    top: 0
}

.skip-to-content:hover {
    background: #222
}

a:not(:where(.btn,.viewDetails)), input, button {
    color: #816B3D;
    transition: all 0.3s ease-in-out
}

a:not(:where(.btn,.viewDetails)):hover, a:not(:where(.btn,.viewDetails)):focus, input:hover, input:focus, button:hover, button:focus {
    color: #816B3D;
    text-decoration: none
}

a:not(:where(.btn,.viewDetails)):focus-visible, input:focus-visible, button:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important
}

.js-cursor-page {
    display: none;
    position: absolute;
    z-index: 9999;
    pointer-events: none;
    width: 6px;
    height: 6px;
    mix-blend-mode: difference
}

.js-cursor-page:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 6px;
    width: 6px;
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: all .4s ease-in-out
}

.js-cursor-page:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    border: solid 1px #fff;
    opacity: 0.5;
    transition: all .4s ease-in-out
}

.js-cursor-page.open:before {
    width: 3px;
    height: 3px;
    opacity: 0.5
}

.js-cursor-page.open:after {
    width: 50px;
    height: 50px
}

body.site-moon {
    background-color: #292526;
    color: #fff
}

html body.site-moon {
    background-color: #292526
}

body.site-moon h1, body.site-moon h2 {
    color: #fff
}

body.site-moon h3 {
    color: #fff
}

body.site-moon h4 {
    color: #fff
}

body.site-moon ul.sym-inline-list li:before {
    background-color: #fff
}

body.site-moon a:not(:where(.btn,.viewDetails)), body.site-moon input, body.site-moon button {
    color: #fff
}

body.site-moon a:not(:where(.btn,.viewDetails)):hover, body.site-moon a:not(:where(.btn,.viewDetails)):focus, body.site-moon input:hover, body.site-moon input:focus, body.site-moon button:hover, body.site-moon button:focus {
    color: #816B3D
}

body.site-moon .btn {
    border: solid 1px rgba(255, 255, 255, 0.5);
    color: #fff
}

body.site-moon .btn:before {
    background-color: #816B3D
}

body.site-moon .btn:hover {
    border-color: #816B3D;
    color: #000
}

body.site-moon a.btn-terms:before, body.site-moon a.pin-website:before {
    background-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .header.down, body.site-moon .header.up, body.site-moon .header.open, body.site-moon .header.header-no {
    background-color: #161616
}

body.site-moon .header.down .menu-header .menu-icon .lines .line, body.site-moon .header.up .menu-header .menu-icon .lines .line, body.site-moon .header.open .menu-header .menu-icon .lines .line, body.site-moon .header.header-no .menu-header .menu-icon .lines .line {
    background-color: #fff
}

.menu-icon .line {
    box-sizing: border-box;
    -webkit-appearance: none;
    appearance: none;
}

body.site-moon .header.down .menu-header .menu-icon .text, body.site-moon .header.up .menu-header .menu-icon .text, body.site-moon .header.open .menu-header .menu-icon .text, body.site-moon .header.header-no .menu-header .menu-icon .text {
    color: #fff
}

body.site-moon .header.down .menu-header .find, body.site-moon .header.up .menu-header .find, body.site-moon .header.open .menu-header .find, body.site-moon .header.header-no .menu-header .find {
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .header.down .menu-header .find span.icon svg, body.site-moon .header.up .menu-header .find span.icon svg, body.site-moon .header.open .menu-header .find span.icon svg, body.site-moon .header.header-no .menu-header .find span.icon svg {
    fill: #816B3D
}

body.site-moon .header.down .menu-header .find span.text, body.site-moon .header.up .menu-header .find span.text, body.site-moon .header.open .menu-header .find span.text, body.site-moon .header.header-no .menu-header .find span.text {
    color: #fff
}

body.site-moon .header.down .menu-header .find span.text:before, body.site-moon .header.up .menu-header .find span.text:before, body.site-moon .header.open .menu-header .find span.text:before, body.site-moon .header.header-no .menu-header .find span.text:before {
    background-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .header.down .logo-header a.logo svg, body.site-moon .header.up .logo-header a.logo svg, body.site-moon .header.open .logo-header a.logo svg, body.site-moon .header.header-no .logo-header a.logo svg {
    fill: #fff
}

body.site-moon .header.down .info-header .header-hour .icon svg, body.site-moon .header.up .info-header .header-hour .icon svg, body.site-moon .header.open .info-header .header-hour .icon svg, body.site-moon .header.header-no .info-header .header-hour .icon svg {
    fill: #fff
}

body.site-moon .header.down .info-header .header-hour .text, body.site-moon .header.up .info-header .header-hour .text, body.site-moon .header.open .info-header .header-hour .text, body.site-moon .header.header-no .info-header .header-hour .text {
    color: #fff
}

body.site-moon .header.down .info-header .header-phone, body.site-moon .header.up .info-header .header-phone, body.site-moon .header.open .info-header .header-phone, body.site-moon .header.header-no .info-header .header-phone {
    border-color: rgba(255, 255, 255, 0.8)
}

body.site-moon .header.down .info-header .header-phone a span.icon svg, body.site-moon .header.up .info-header .header-phone a span.icon svg, body.site-moon .header.open .info-header .header-phone a span.icon svg, body.site-moon .header.header-no .info-header .header-phone a span.icon svg {
    fill: #fff
}

body.site-moon .header.down .info-header .book-header .btn, body.site-moon .header.up .info-header .book-header .btn, body.site-moon .header.open .info-header .book-header .btn, body.site-moon .header.header-no .info-header .book-header .btn {
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff
}

body.site-moon .header.down .info-header .book-header .btn:before, body.site-moon .header.up .info-header .book-header .btn:before, body.site-moon .header.open .info-header .book-header .btn:before, body.site-moon .header.header-no .info-header .book-header .btn:before {
    background-color: #816B3D
}

body.site-moon .header.down .info-header .book-header .btn:hover, body.site-moon .header.up .info-header .book-header .btn:hover, body.site-moon .header.open .info-header .book-header .btn:hover, body.site-moon .header.header-no .info-header .book-header .btn:hover {
    border-color: #816B3D;
    color: #fff
}

body.site-moon .footer {
    background-color: #161616
}

body.site-moon .footer .section-one {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .footer .section-one .sign-up p.thankyouMsg {
    color: #fff
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number], body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea {
    border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.8)
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number]:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select:-ms-input-placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.8)
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number]::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select::placeholder, body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea::placeholder {
    color: rgba(255, 255, 255, 0.8)
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) {
    color: #fff
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) a {
    color: #fff
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error):before {
    border-color: rgba(255, 255, 255, 0.2)
}

body.site-moon .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error):after {
    background-color: #816B3D
}

body.site-moon .footer .section-one .sign-up form#email-signup .signup-btn {
    border: solid 1px rgba(255, 255, 255, 0.5);
    color: #fff
}

body.site-moon .footer .section-one .sign-up form#email-signup .signup-btn:before {
    background-color: #816B3D
}

body.site-moon .footer .section-one .sign-up form#email-signup .signup-btn:hover {
    border-color: #816B3D;
    color: #fff
}

body.site-moon .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:before {
    background-color: rgba(255, 255, 255, 0.3)
}

body.site-moon .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:after {
    background-color: #816B3D
}

body.site-moon .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:hover, body.site-moon .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a.active {
    color: #816B3D
}

body.site-moon .footer .section-two .container .set-four ul.social-media li a svg {
    fill: #fff
}

body.site-moon .footer .section-two .container .set-four ul.social-media li a:before {
    background-color: rgba(255, 255, 255, 0.3)
}

body.site-moon .footer .section-two .container .set-four ul.social-media li a:after {
    background-color: #816B3D
}

body.site-moon .footer .section-two .container .set-four ul.social-media li a:hover {
    color: #816B3D
}

body.site-moon .footer .section-two .container .set-four ul.social-media li a:hover svg {
    fill: #816B3D
}

body.site-moon .footer .section-three .set-two a.tambourine {
    color: #fff
}

body.site-moon .footer .section-three .set-two a.tambourine svg {
    fill: #fff
}

body.site-moon .footer .section-three .set-two a.tambourine:hover {
    color: #816B3D
}

body.site-moon .footer .section-three .set-two a.tambourine:hover svg {
    fill: #816B3D
}

body.site-moon .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:before {
    background-color: rgba(255, 255, 255, 0.3)
}

body.site-moon .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:after {
    background-color: #816B3D
}

body.site-moon .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:hover, body.site-moon .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a.active {
    color: #816B3D
}

body.site-moon form label {
    color: #fff
}

body.site-moon form input[type=text], body.site-moon form input[type=email], body.site-moon form input[type=tel], body.site-moon form input[type=date], body.site-moon form input[type=time], body.site-moon form input[type=number], body.site-moon form select, body.site-moon form textarea {
    color: #fff;
    border-bottom: dotted 1px rgba(255, 255, 255, 0.4)
}

body.site-moon form input[type=text]:-ms-input-placeholder, body.site-moon form input[type=email]:-ms-input-placeholder, body.site-moon form input[type=tel]:-ms-input-placeholder, body.site-moon form input[type=date]:-ms-input-placeholder, body.site-moon form input[type=time]:-ms-input-placeholder, body.site-moon form input[type=number]:-ms-input-placeholder, body.site-moon form select:-ms-input-placeholder, body.site-moon form textarea:-ms-input-placeholder {
    color: #fff
}

body.site-moon form input[type=text]::placeholder, body.site-moon form input[type=email]::placeholder, body.site-moon form input[type=tel]::placeholder, body.site-moon form input[type=date]::placeholder, body.site-moon form input[type=time]::placeholder, body.site-moon form input[type=number]::placeholder, body.site-moon form select::placeholder, body.site-moon form textarea::placeholder {
    color: #fff
}

body.site-moon form select {
    background-image: url("../svg/icon-selection-white.svg");
    background-size: auto 6px
}

body.site-moon form input:-ms-input-placeholder {
    color: #fff
}

body.site-moon form input::placeholder {
    color: #fff
}

body.site-moon .form-module-wrapper a:not(.btn) {
    color: #fff
}

body.site-moon .form-module-wrapper a:not(.btn):hover {
    color: #816B3D
}

body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=text], body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=email], body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=tel], body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=date], body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=time], body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=number], body.site-moon .form-module-wrapper form.form-module .form-module__field select, body.site-moon .form-module-wrapper form.form-module .form-module__field textarea {
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=text]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=email]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=tel]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=date]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=time]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=number]:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field select:-ms-input-placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field textarea:-ms-input-placeholder {
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=text]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=email]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=tel]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=date]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=time]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field input[type=number]::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field select::placeholder, body.site-moon .form-module-wrapper form.form-module .form-module__field textarea::placeholder {
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .form-module__field.fileupload input[type="file"]::-webkit-file-upload-button {
    background-color: #816B3D;
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .form-module__field.fileupload input[type="file"]:hover::-webkit-file-upload-button {
    background-color: #000
}

body.site-moon .form-module-wrapper form.form-module .form-module__field.date input[type=text], body.site-moon .form-module-wrapper form.form-module .form-module__field.date input[type=date] {
    background-image: url("../svg/icon-calendar-white.svg")
}

body.site-moon .form-module-wrapper form.form-module .form-module__field.checkbox .form-module__field--unit label {
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error) a {
    color: #fff
}

body.site-moon .form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

body.site-moon .form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error):before {
    border-color: #fff
}

body.site-moon .form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error):after {
    background-color: #816B3D
}

body.site-moon #email-error.success {
    background-color: #fff
}

body.site-moon fieldset {
    border: 1px solid #fff
}

body.site-moon .field.gdpr label:not(.error) {
    color: #fff
}

body.site-moon .field.gdpr label:not(.error) a {
    color: #fff
}

body.site-moon .field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

body.site-moon .field.gdpr label:not(.error):before {
    border: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .field.gdpr label:not(.error):after {
    background: #816B3D
}

body.site-moon .top-content .uvp .copy {
    background-color: #161616;
    color: #fff
}

body.site-moon .top-content .uvp .copy .title {
    color: #fff
}

body.site-moon .intro-content .copy .icon-intro svg {
    fill: #fff
}

body.site-moon .intro-content .copy a:not(.btn) {
    color: #fff
}

body.site-moon .booking-home-js {
    background-color: #161616
}

body.site-moon .booking-home-js #booking-home .form-content .field input[type=text], body.site-moon .booking-home-js #booking-home .form-content .field input[type=email], body.site-moon .booking-home-js #booking-home .form-content .field input[type=tel], body.site-moon .booking-home-js #booking-home .form-content .field input[type=date], body.site-moon .booking-home-js #booking-home .form-content .field input[type=number], body.site-moon .booking-home-js #booking-home .form-content .field select, body.site-moon .booking-home-js #booking-home .form-content .field textarea {
    border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
    color: #fff
}

body.site-moon .booking-home-js #booking-home .form-content .field input[type=text]:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=email]:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=tel]:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=date]:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=number]:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field select:-ms-input-placeholder, body.site-moon .booking-home-js #booking-home .form-content .field textarea:-ms-input-placeholder {
    color: #fff
}

body.site-moon .booking-home-js #booking-home .form-content .field input[type=text]::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=email]::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=tel]::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=date]::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field input[type=number]::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field select::placeholder, body.site-moon .booking-home-js #booking-home .form-content .field textarea::placeholder {
    color: #fff
}

body.site-moon .booking-home-js #booking-home .form-content .field select {
    background-image: url("../svg/icon-selection-white.svg")
}

body.site-moon .booking-home-js #booking-home .form-content .field.date input[type=text], body.site-moon .booking-home-js #booking-home .form-content .field.date input[type=date] {
    background-image: url("../svg/icon-calendar-white.svg")
}

body.site-moon .booking-home-js #booking-home .form-content .field #fakeInput {
    background-color: #161616
}

body.site-moon .booking-home-js #booking-home .form-content .field #fakeInput .calendar-home .ui-datepicker .ui-datepicker-calendar {
    border-color: rgba(255, 255, 255, 0.2);
    background-color: #fff
}

body.site-moon .booking-home-js #booking-home .form-content .btn-form .btn {
    width: 100%
}

body.site-moon .columns-block {
    border-top: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .columns-block .columns-items .copy h2:before {
    background-color: #fff
}

body.site-moon .slider-block .container {
    background-color: #161616
}

body.site-moon .slider-block .slider-info .slider-items .copy .sub-title {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .slider-block .slider-info .slick-arrow:before {
    background-image: url("../svg/arrow-white.svg");
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .slider-block .slider-info .slick-arrow:hover:before {
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .reviews-block {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .reviews-block .reviews-slides .slick-arrow:before {
    background-image: url("../svg/arrow-white.svg");
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .reviews-block .reviews-slides .slick-arrow:hover:before {
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .slider-tag-block .info .title-info h2:before {
    background-color: #fff
}

body.site-moon .slider-tag-block .menu-slider-tag {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .slider-tag-block .menu-slider-tag .item {
    color: #fff
}

body.site-moon .slider-tag-block .menu-slider-tag.m-slider-tag .item {
    color: rgba(255, 255, 255, 0.4)
}

body.site-moon .slider-tag-block .menu-slider-tag.m-slider-tag .item.slick-current, body.site-moon .slider-tag-block .menu-slider-tag.m-slider-tag .item:hover {
    color: #fff
}

body.site-moon .slider-tag-block .menu-slider-tag .slick-arrow:before {
    background-image: url("../svg/arrow-white.svg");
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .slider-tag-block .menu-slider-tag .slick-arrow:hover:before {
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button.ot-button {
    border: solid 1px rgba(255, 255, 255, 0.4);
    color: #fff
}

body.site-moon .ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button.ot-button:hover {
    border-color: #816B3D;
    background-color: #816B3D;
    color: #fff
}

body.site-moon .ot-dtp-picker.wide .ot-dtp-picker-form .ot-party-size-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-people-white.svg")
}

body.site-moon .ot-dtp-picker.wide .ot-dtp-picker-form .ot-date-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-calendar-2-white.svg")
}

body.site-moon .ot-dtp-picker.wide .ot-dtp-picker-form .ot-time-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-time-white.svg")
}

body.site-moon .ot-dtp-picker-selector-link {
    border-bottom: dashed 1px rgba(255, 255, 255, 0.4);
    color: #fff !important
}

body.site-moon .ot-dtp-picker-selector-link:before {
    color: #fff !important
}

body.site-moon .ot-dtp-picker-selector-link:after {
    background: url("../svg/icon-selection-white.svg") no-repeat !important;
    background-size: auto 6px !important
}

body.site-moon .ot-dtp-picker-form:before {
    background: url("../svg/open-table-white.svg") no-repeat center;
    background-size: 80px auto
}

body.site-moon .open-table-widget {
    border-top: solid 1px rgba(255, 255, 255, 0.2);
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .gallery-block {
    border-top: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a {
    background-color: #161616
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a span.icon svg {
    fill: #fff
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a span.text {
    color: #fff
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a:hover {
    color: #816B3D
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a:hover span.icon svg {
    fill: #816B3D
}

body.site-moon .gallery-block .gallery-items .gallery-item figure .info-insta a:hover span.text {
    color: #816B3D
}

body.site-moon .gallery-block .gallery-items .gallery-item figure:hover img {
    top: -3%;
    left: -3%;
    width: 106% !important;
    height: 106% !important
}

body.site-moon .gallery-block .gallery-items .gallery-item.slick-center figure .info-insta {
    display: block
}

body.site-moon .gallery-block .gallery-items .slick-arrow:before {
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("../svg/arrow-white.svg")
}

body.site-moon .gallery-block .gallery-items .slick-arrow.slick-prev {
    left: 20px
}

body.site-moon .gallery-block .gallery-items .slick-arrow.slick-next {
    right: 20px
}

body.site-moon .gallery-block .gallery-items .slick-arrow:hover:before {
    background-image: url("../svg/arrow-white.svg");
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .amenities-block {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .amenities-block .amenities-item .title h2:before {
    background-color: #fff
}

body.site-moon .slider-bg-block .button-info .slick-arrow:before {
    background-image: url("../svg/arrow-white.svg");
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .slider-bg-block .button-info .slick-arrow:hover:before {
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .slider-bg-block .slider-bg-info .slider-bg-items .copy {
    background-color: #161616
}

body.site-moon .slider-bg-block .slider-bg-info .slider-bg-items .copy .text h2 {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .list-block .list-item .copy ul.item-features li {
    border-left: solid 1px #fff;
    color: #fff
}

body.site-moon .list-block .list-item:nth-child(even) {
    background-color: #161616
}

body.site-moon .accordion-block .accordion-item {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1)
}

body.site-moon .accordion-block .accordion-item .tab-label {
    color: #fff
}

body.site-moon .accordion-block .accordion-item .tab-label .mas span {
    background-color: #fff
}

body.site-moon .accordion-block .accordion-item .tab-label.open {
    color: #816B3D
}

body.site-moon .accordion-block .accordion-item .tab-label.open .mas span {
    background-color: #816B3D
}

body.site-moon .accordion-block .accordion-item .tab-content .line {
    background-color: rgba(255, 255, 255, 0.2)
}

body.site-moon .accordion-block .accordion-item .tab-content table tr td, body.site-moon .accordion-block .accordion-item .tab-content tbody tr td {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)
}

body.site-moon .hours-block {
    border-bottom: solid 1px rgba(255, 255, 255, 0.2)
}

body.site-moon .hours-block .hours-info.hours-slide .slick-arrow:before {
    background-image: url("../svg/arrow-white.svg");
    border-color: rgba(255, 255, 255, 0.4)
}

body.site-moon .hours-block .hours-info.hours-slide .slick-arrow:hover:before {
    background-color: #816B3D;
    border-color: #816B3D
}

body.site-moon .menu-restaurant .menus-tag .post-nav {
    border-bottom: solid 1px rgba(255, 255, 255, 0.1)
}

body.site-moon .menu-restaurant .menus-tag .post-nav .menu-item-tab {
    color: rgba(255, 255, 255, 0.4)
}

body.site-moon .menu-restaurant .menus-tag .post-nav .menu-item-tab:before {
    background-color: rgba(255, 255, 255, 0.8)
}

body.site-moon .menu-restaurant .menus-tag .post-nav .menu-item-tab:hover, body.site-moon .menu-restaurant .menus-tag .post-nav .menu-item-tab:focus, body.site-moon .menu-restaurant .menus-tag .post-nav .menu-item-tab.active {
    color: #fff
}

body.site-moon .menu-restaurant .container-menus {
    border: solid 1px rgba(255, 255, 255, 0.4)
}

body.site-moon .menu-restaurant .container-menus .item-menu-category {
    border-bottom: solid 1px rgba(255, 255, 255, 0.4)
}

body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn {
    color: rgba(255, 255, 255, 0.4)
}

body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn:before {
    background-color: rgba(255, 255, 255, 0.2)
}

body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn:hover, body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn:focus, body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn.active {
    color: #fff
}

body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn:hover:before, body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn:focus:before, body.site-moon .menu-restaurant .container-menus .item-menu-category .category-btn.active:before {
    background-color: #fff
}

body.site-moon .menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-line {
    border-bottom: dotted 1px rgba(255, 255, 255, 0.4)
}

body.site-moon#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info {
    background-color: #292526
}

body.site-moon#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info h2 {
    color: #fff
}

body.site-moon#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .learn-more-btn {
    color: #fff
}

body.site-moon#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .learn-more-btn:hover {
    color: #000
}

body.site-moon ul.global-sitemap li a {
    color: #fff
}

body.site-moon ul.global-sitemap li a:hover {
    color: #816B3D
}

body.site-moon ul.global-sitemap li ul li:before {
    background-color: rgba(255, 255, 255, 0.4)
}

body.site-moon ul.global-sitemap li ul li a {
    color: rgba(255, 255, 255, 0.5)
}

body.site-moon ul.global-sitemap li ul li a:hover {
    color: #816B3D
}

body.site-moon.sitemap .intro-content .copy {
    border-color: rgba(255, 255, 255, 0.2)
}

body.site-moon .fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    background-color: #292526
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track, .slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:before, .slick-track:after {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir='rtl'] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots li:only-child {
    display: none
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1)
}

.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable='true'] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-video, .fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, 0.6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:visited, .fancybox-button:link {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {
    display: none
}

.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.85%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0.5, 0.5, 0.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:visited, .fancybox-share__button:link {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

@keyframes home-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

#ui-datepicker-div.ui-widget-content {
    background: #fff;
    z-index: 99999 !important;
    border: none;
    padding: 0;
    border-radius: 0
}

#ui-datepicker-div.ui-widget-content * {
    font-weight: normal;
    font-size: 14px;
    text-align: center
}

.ui-datepicker {
    width: 17em;
    font-size: 20px
}

.ui-datepicker table {
    border: 0;
    border-collapse: collapse
}

.ui-datepicker table th {
    padding: .7em .3em
}

.ui-datepicker * {
    font-weight: normal;
    font-size: 14px;
    text-align: center;
    border: 0
}

.ui-datepicker .ui-state-disabled, .ui-datepicker .ui-widget-content .ui-state-disabled, .ui-datepicker .ui-widget-header .ui-state-disabled {
    opacity: .35
}

.ui-datepicker.ui-datepicker-inline {
    width: 100%;
    padding: 0
}

.ui-datepicker.ui-datepicker-inline .ui-datepicker-group {
    width: 44%;
    margin: 0 3%;
    background-color: #816B3D;
    border: solid 0px #fff
}

.ui-datepicker.ui-datepicker-inline .ui-datepicker-header * {
    line-height: 16px;
    font-size: 14px
}

.ui-datepicker select.ui-datepicker-month {
    width: auto;
    padding-right: 30px
}

.ui-datepicker .ui-widget-header {
    position: relative;
    padding: 10px 0;
    background: #f6f3ef;
    border-radius: 0;
    border: solid 1px rgba(34, 34, 34, 0.2);
    border-bottom: none;
    height: auto
}

.ui-datepicker .ui-widget-header tr th {
    padding: 10px 0
}

.ui-datepicker .ui-widget-header .ui-datepicker-title {
    margin: 0 2.3em
}

.ui-datepicker .ui-widget-header .ui-datepicker-title select, .ui-datepicker .ui-widget-header .ui-datepicker-title span {
    border: 0;
    background-color: transparent;
    text-transform: uppercase;
    font-family: "Clarice Book", sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #222;
    margin: 0
}

.ui-datepicker .ui-widget-header .ui-datepicker-title select.ui-datepicker-month, .ui-datepicker .ui-widget-header .ui-datepicker-title span.ui-datepicker-month {
    font-weight: 400 !important
}

.ui-datepicker .ui-widget-header .ui-datepicker-title select.ui-datepicker-year, .ui-datepicker .ui-widget-header .ui-datepicker-title span.ui-datepicker-year {
    font-weight: 300 !important
}

.ui-datepicker .ui-widget-header .ui-datepicker-title select {
    padding: 0 30px 0 0;
    background-image: url("../svg/icon-selection.svg");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 8px auto;
    -webkit-appearance: none;
    -moz-appearance: none
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev {
    left: 0;
    transform: translateY(-50%)
}

.ui-datepicker .ui-widget-header .ui-datepicker-next {
    transform: translateY(-50%) rotate(180deg);
    right: 0
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {
    position: absolute;
    top: 50%;
    background-image: url("../svg/left-arrow.svg");
    background-size: 8px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.5
}

.ui-datepicker .ui-widget-header .ui-datepicker-prev span, .ui-datepicker .ui-widget-header .ui-datepicker-next span {
    background-image: none;
    color: transparent
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 0;
    width: 100%;
    table-layout: fixed;
    border: solid 1px #222;
    border-top: none
}

.ui-datepicker .ui-datepicker-calendar thead {
    background-color: #f6f3ef;
    color: #222;
    text-transform: uppercase;
    border-bottom: solid 1px #fff
}

.ui-datepicker .ui-datepicker-calendar thead tr th span {
    font-size: 11px;
    font-weight: 400
}

.ui-datepicker .ui-datepicker-calendar tbody td {
    padding: 0;
    font-family: "Bespoke Sans", sans-serif;
    height: 36px;
    position: relative;
    vertical-align: top;
    transition: all .3s ease-in-out
}

.ui-datepicker .ui-datepicker-calendar tbody td * {
    padding: 0;
    line-height: 36px;
    text-align: center;
    font-weight: 400
}

.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-default {
    font-size: 12px;
    border: 0;
    color: #222;
    background-color: transparent
}

.ui-datepicker .ui-datepicker-calendar tbody td span.price {
    position: absolute;
    bottom: 10px;
    display: block;
    width: 100%;
    line-height: 1;
    color: #816B3D
}

.ui-datepicker .ui-datepicker-calendar tbody td.has-price {
    height: 44px;
    line-height: 24px
}

.ui-datepicker .ui-datepicker-calendar tbody td.has-price * {
    line-height: 34px
}

.ui-datepicker .ui-datepicker-calendar tbody td.has-price span.price, .ui-datepicker .ui-datepicker-calendar tbody td.has-price span.sold-out {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 7px;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: #fff
}

.ui-datepicker .ui-datepicker-calendar tbody td.dp-highlight, .ui-datepicker .ui-datepicker-calendar tbody td:hover, .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day {
    background-color: #816B3D
}

.ui-datepicker .ui-datepicker-calendar tbody td.dp-highlight *, .ui-datepicker .ui-datepicker-calendar tbody td:hover *, .ui-datepicker .ui-datepicker-calendar tbody td.ui-datepicker-current-day * {
    color: #fff
}

.ui-datepicker .ui-datepicker-calendar tbody td.ui-state-disabled {
    background-color: transparent
}

.ui-datepicker .ui-datepicker-calendar tbody td.startday, .ui-datepicker .ui-datepicker-calendar tbody td.startEventday {
    background-color: #816B3D
}

.ui-datepicker .ui-datepicker-calendar tbody td.startday *, .ui-datepicker .ui-datepicker-calendar tbody td.startEventday * {
    color: #fff;
    font-weight: 400;
    line-height: 14px
}

.ui-datepicker .ui-datepicker-calendar tbody td.startday span.price, .ui-datepicker .ui-datepicker-calendar tbody td.startEventday span.price {
    color: #222;
    bottom: 2px
}

.ui-datepicker .ui-datepicker-calendar tbody td.startday:before, .ui-datepicker .ui-datepicker-calendar tbody td.startEventday:before {
    content: "Arrive";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 10;
    height: 10px;
    width: 100%;
    font-size: 8px;
    letter-spacing: 0px;
    line-height: 8px;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 300
}

.ui-datepicker .ui-datepicker-calendar tbody td.days {
    background-color: rgba(246, 243, 239, 0.9)
}

.ui-datepicker .ui-datepicker-calendar tbody td.days * {
    font-weight: 400
}

.ui-datepicker .ui-datepicker-calendar tbody td.endday {
    background-color: #816B3D
}

.ui-datepicker .ui-datepicker-calendar tbody td.endday * {
    color: #fff;
    font-weight: 400;
    line-height: 14px
}

.ui-datepicker .ui-datepicker-calendar tbody td.endday span.price {
    color: #222;
    bottom: 2px
}

.ui-datepicker .ui-datepicker-calendar tbody td.endday:before {
    content: "Depart";
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 10;
    height: 10px;
    width: 100%;
    font-size: 8px;
    letter-spacing: 0px;
    line-height: 8px;
    color: #fff;
    padding: 0;
    margin: 0;
    font-weight: 300
}

form {
    margin-bottom: 2em;
    width: 100%
}

form label {
    display: block;
    margin: 0 0 10px;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #222;
    text-align: left;
    text-transform: uppercase
}

form label span {
    font-size: 0.8em
}

form input[type=text], form input[type=email], form input[type=tel], form input[type=date], form input[type=time], form input[type=number], form select, form textarea {
    position: relative;
    width: 100%;
    border: none;
    margin: 0;
    color: #222;
    background-color: transparent;
    padding: 10px 10px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-appearance: none;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4em;
    outline: none;
    border-bottom: dotted 1px rgba(34, 34, 34, 0.4)
}

form input[type=text]:-ms-input-placeholder, form input[type=email]:-ms-input-placeholder, form input[type=tel]:-ms-input-placeholder, form input[type=date]:-ms-input-placeholder, form input[type=time]:-ms-input-placeholder, form input[type=number]:-ms-input-placeholder, form select:-ms-input-placeholder, form textarea:-ms-input-placeholder {
    font-family: "Bespoke Sans", sans-serif;
    color: #222;
    opacity: 1
}

form input[type=text]::placeholder, form input[type=email]::placeholder, form input[type=tel]::placeholder, form input[type=date]::placeholder, form input[type=time]::placeholder, form input[type=number]::placeholder, form select::placeholder, form textarea::placeholder {
    font-family: "Bespoke Sans", sans-serif;
    color: #222;
    opacity: 1
}

form input[type=text]::-webkit-inner-spin-button, form input[type=text]::-webkit-outer-spin-button, form input[type=email]::-webkit-inner-spin-button, form input[type=email]::-webkit-outer-spin-button, form input[type=tel]::-webkit-inner-spin-button, form input[type=tel]::-webkit-outer-spin-button, form input[type=date]::-webkit-inner-spin-button, form input[type=date]::-webkit-outer-spin-button, form input[type=time]::-webkit-inner-spin-button, form input[type=time]::-webkit-outer-spin-button, form input[type=number]::-webkit-inner-spin-button, form input[type=number]::-webkit-outer-spin-button, form select::-webkit-inner-spin-button, form select::-webkit-outer-spin-button, form textarea::-webkit-inner-spin-button, form textarea::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

form select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background-image: url("../svg/icon-selection.svg");
    background-repeat: no-repeat;
    background-size: auto 6px;
    background-position: center right 5px;
    padding: 10px 30px 10px 10px
}

form select::-ms-expand {
    display: none
}

form select option {
    color: black
}

form textarea {
    min-height: 100px
}

form textarea:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 2px !important
}

form input[type=time] {
    padding: 16px 20px
}

form input:-ms-input-placeholder {
    color: #222;
    opacity: 1
}

form input::placeholder {
    color: #222;
    opacity: 1
}

#frmContact, #formRFP {
    max-width: 800px;
    margin: auto
}

#frmContact input[type=text], #frmContact input[type=email], #frmContact select, #frmContact textarea, #formRFP input[type=text], #formRFP input[type=email], #formRFP select, #formRFP textarea {
    width: 100%
}

.form-entry, .field {
    margin-bottom: 10px;
    position: relative
}

.form-module-wrapper {
    padding: 50px 0;
    z-index: 5;
    position: relative
}

.form-module-wrapper a:not(.btn) {
    color: #222
}

.form-module-wrapper a:not(.btn):hover {
    color: #816B3D
}

.form-module-wrapper .form-module__confirmation {
    width: 100%;
    min-height: 140px;
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
    padding: 20px 30px
}

.form-module-wrapper form.form-module {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
    text-align: left
}

.form-module-wrapper form.form-module h2 {
    width: 100%;
    border: none;
    padding: 0 15px 30px 15px
}

.form-module-wrapper form.form-module h2:before {
    left: 15px
}

.form-module-wrapper form.form-module h3, .form-module-wrapper form.form-module h4, .form-module-wrapper form.form-module h5, .form-module-wrapper form.form-module h6 {
    width: 100%;
    margin: 0;
    font-family: "Clarice Book", sans-serif;
    font-size: 20px;
    line-height: 20px;
    padding: 40px 15px 0 15px;
    font-weight: 300
}

.form-module-wrapper form.form-module p, .form-module-wrapper form.form-module td {
    width: 100%;
    padding: 0 15px 20px 15px
}

.form-module-wrapper form.form-module .form-module__field {
    margin: 30px 0 0 0;
    padding: 0 15px
}

.form-module-wrapper form.form-module .form-module__field.col-12 {
    width: 100%
}

.form-module-wrapper form.form-module .form-module__field.col-6 {
    width: 50%
}

.form-module-wrapper form.form-module .form-module__field label {
    text-transform: none
}

.form-module-wrapper form.form-module .form-module__field input[type=text], .form-module-wrapper form.form-module .form-module__field input[type=email], .form-module-wrapper form.form-module .form-module__field input[type=tel], .form-module-wrapper form.form-module .form-module__field input[type=date], .form-module-wrapper form.form-module .form-module__field input[type=time], .form-module-wrapper form.form-module .form-module__field input[type=number], .form-module-wrapper form.form-module .form-module__field select, .form-module-wrapper form.form-module .form-module__field textarea {
    font-size: 16px;
    border-color: rgba(34, 34, 34, 0.4);
    color: #222
}

.form-module-wrapper form.form-module .form-module__field input[type=text]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field input[type=email]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field input[type=tel]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field input[type=date]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field input[type=time]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field input[type=number]:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field select:-ms-input-placeholder, .form-module-wrapper form.form-module .form-module__field textarea:-ms-input-placeholder {
    color: #222;
    font-size: 16px
}

.form-module-wrapper form.form-module .form-module__field input[type=text]::placeholder, .form-module-wrapper form.form-module .form-module__field input[type=email]::placeholder, .form-module-wrapper form.form-module .form-module__field input[type=tel]::placeholder, .form-module-wrapper form.form-module .form-module__field input[type=date]::placeholder, .form-module-wrapper form.form-module .form-module__field input[type=time]::placeholder, .form-module-wrapper form.form-module .form-module__field input[type=number]::placeholder, .form-module-wrapper form.form-module .form-module__field select::placeholder, .form-module-wrapper form.form-module .form-module__field textarea::placeholder {
    color: #222;
    font-size: 16px
}

.form-module-wrapper form.form-module .form-module__field.fileupload input[type="text"] {
    display: none
}

.form-module-wrapper form.form-module .form-module__field.fileupload input[type="file"] {
    width: 100%;
    padding: 0;
    margin: 0;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 14px
}

.form-module-wrapper form.form-module .form-module__field.fileupload input[type="file"]::-webkit-file-upload-button {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 18px;
    background-color: #222;
    border: none;
    padding: 13px 15px;
    margin-right: 15px;
    color: #fff;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.form-module-wrapper form.form-module .form-module__field.fileupload input[type="file"]:hover::-webkit-file-upload-button {
    background-color: #816B3D
}

.form-module-wrapper form.form-module .form-module__field.fileupload .rmFile {
    display: none
}

.form-module-wrapper form.form-module .form-module__field.date input[type=text], .form-module-wrapper form.form-module .form-module__field.date input[type=date] {
    background-image: url("../svg/icon-calendar.svg");
    background-repeat: no-repeat;
    background-size: auto 10px;
    background-position: center right 10px
}

.form-module-wrapper form.form-module .form-module__field.checkbox {
    text-align: left;
    margin-bottom: 20px
}

.form-module-wrapper form.form-module .form-module__field.checkbox .form-module__field--label {
    padding: 10px 0 20px 0;
    font-size: 20px;
    color: #222
}

.form-module-wrapper form.form-module .form-module__field.checkbox .form-module__field--unit {
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0
}

.form-module-wrapper form.form-module .form-module__field.checkbox .form-module__field--unit input {
    width: 20px;
    height: 20px;
    padding: 0;
    margin: 0 10px 0 0
}

.form-module-wrapper form.form-module .form-module__field.checkbox .form-module__field--unit label {
    margin: 0;
    padding: 2px 15px 0 0;
    color: #222
}

.form-module-wrapper form.form-module .wrapper-01, .form-module-wrapper form.form-module .wrapper-02 {
    width: 50%
}

.form-module-wrapper form.form-module .gdpr-wrap {
    width: 100%;
    padding: 30px 15px 0 15px
}

.form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error) a {
    color: #222
}

.form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

.form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error):before {
    border-color: #816B3D
}

.form-module-wrapper form.form-module .gdpr-wrap .field.gdpr label:not(.error):after {
    background-color: #816B3D
}

.form-module-wrapper form.form-module .form-module__submit {
    width: 100%;
    padding: 40px 15px 0 15px
}

label.error {
    position: absolute;
    bottom: 100%;
    left: 0px;
    font-size: 12px;
    color: #fff;
    background: #a58944;
    padding: 7px 12px;
    border-radius: 3px;
    margin-bottom: 2px;
    z-index: 3
}

label.error:before {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    left: 20px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #a58944
}

input[type=text].error, input[type=tel].error, input[type=email].error, select.error, textarea.error {
    border-color: #a58944
}

.errorMsg, #email-error p {
    line-height: 1.4;
    margin: 0 auto 10px;
    text-align: left
}

.errorMsg ul, .errorMsg ul li {
    color: #fff !important;
    margin-bottom: 0;
    list-style: none
}

.errorMsg ul li:before {
    display: none
}

#email-error.success {
    background-color: #222
}

p#thankyou {
    text-align: center
}

fieldset {
    border: 1px solid #BBC6CC;
    padding: 0 15px;
    margin-bottom: 2em
}

fieldset legend {
    font-size: 110%;
    padding: 0 15px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 2em
}

.field.gdpr {
    position: relative;
    margin-bottom: 10px
}

.field.gdpr input {
    position: absolute;
    left: -99999px
}

.field.gdpr input:checked + label:after {
    opacity: 1
}

.field.gdpr input:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 2px !important
}

.field.gdpr label:not(.error) {
    position: relative;
    padding-left: 22px;
    text-align: left;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #222;
    text-transform: none
}

.field.gdpr label:not(.error) a {
    color: #222;
    text-decoration: underline
}

.field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

.field.gdpr label:not(.error):before {
    content: "";
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background: transparent;
    border: solid 1px rgba(34, 34, 34, 0.2);
    left: 0;
    top: 0;
    cursor: pointer;
    z-index: 2
}

.field.gdpr label:not(.error):after {
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    left: 3px;
    top: 3px;
    cursor: pointer;
    z-index: 3;
    background: #816B3D
}

@media screen and (min-width: 601px) {
    .field.gdpr label:not(.error):after {
        opacity: 0
    }
}

@media screen and (max-width: 600px) {
    .field.gdpr label:not(.error) {
        padding-left: 60px;
        min-height: 30px;
        line-height: 14px
    }

    .field.gdpr label:not(.error):before {
        content: "";
        display: block;
        position: absolute;
        width: 51px;
        height: 30px;
        background: #d1d1d1;
        border-radius: 15px;
        left: 0;
        top: 0;
        cursor: pointer;
        transition: all 0.4s;
        border: 0
    }

    .field.gdpr label:not(.error):after {
        content: "";
        display: block;
        position: absolute;
        width: 24px !important;
        height: 24px !important;
        background: #fff;
        transition: all 0.4s;
        border-radius: 50%;
        top: 3px;
        left: 3px;
        z-index: 3;
        margin: 0
    }

    .field.gdpr input {
        position: absolute;
        left: -99999px
    }

    .field.gdpr input:checked + label:after {
        left: 24px;
        margin: 0;
        top: 3px;
        background: #fff !important
    }

    .field.gdpr input:checked + label:before {
        background: #816B3D !important
    }

    #frmContact .btn {
        width: 280px;
        display: block;
        margin: auto;
        margin-top: 40px
    }

    form input[type=text], form input[type=email], form input[type=tel], form input[type=time], form input[type=date], form input[type=number], form select {
        min-height: 50px
    }
}

.fancybox-container .fancybox-bg {
    background-color: rgba(0, 0, 0, 0.9)
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content {
    background-color: #f6f3ef;
    padding: 0px;
    margin-top: 7%;
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content video {
    width: 100%;
    max-width: 1200px;
    height: auto
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .discover-fancybox {
    border: solid 20px #222
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content ul {
    position: relative;
    margin: 0 0 20px 0;
    padding: 0
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content ul li {
    position: relative;
    display: block;
    padding: 5px 0 5px 18px;
    line-height: 22px
}

.fancybox-container .fancybox-inner .fancybox-stage .fancybox-slide .fancybox-content ul li:before {

    display: block;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 0;
    height: 4px;
    width: 4px;
    background-color: #816B3D;
    border-radius: 50%
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--close {
    cursor: pointer
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--close svg {
    display: none
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--close:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 40px;
    width: 40px;
    background-color: transparent;
    background-image: url("../svg/icon-close-white.svg");
    background-size: auto 18px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    transition: all .4s ease-in-out
}

.fancybox-container .fancybox-inner .fancybox-toolbar .fancybox-button--close:hover:before {
    background-size: auto 20px
}

.fancybox-container .fancybox-inner .fancybox-navigation {
    top: 50%
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button {
    width: 36px;
    height: 36px;
    color: #fff;
    padding: 0px;
    background-color: transparent;
    top: calc(50% - 18px)
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button div {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border: 0;
    font-size: 0;
    z-index: 3;
    cursor: pointer;
    transition: all .4s ease-in-out
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button div:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 36px;
    width: 36px;
    background-color: #9f755a;
    background-image: url("../svg/arrow-white.svg");
    background-size: auto 10px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    transition: all .4s ease-in-out;
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button div:hover:before {
    background-image: url("../svg/arrow-white.svg");
    background-color: rgba(129, 107, 61, 0.9)
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button svg {
    display: none
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button--arrow_left {
    left: 20px
}

.fancybox-container .fancybox-inner .fancybox-navigation .fancybox-button--arrow_right {
    transform: rotate(180deg);
    right: 20px
}

.fancybox-slide--html .fancybox-close-small {
    cursor: pointer
}

.gallerycontrols {
    display: none
}

#myGallery {
    margin: 0 !important;
    min-height: auto !important
}

#myGallery .gallerymontage_wrap {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 5px 0 4px 0
}

#myGallery #gallerymontage {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100% !important;
    height: auto !important
}

#myGallery #gallerymontage a {
    position: relative !important;
    width: 24.6% !important;
    height: 300px !important;
    top: 0 !important;
    left: 0 !important;
    margin: 4px 0.2%
}

#myGallery #gallerymontage a img {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}

#myGallery #gallerymontage a .galleryhover_overlay {
    background-image: url("../svg/icon-expand.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px auto;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all .4s ease-in-out;
    opacity: 0
}

#myGallery #gallerymontage a:hover .galleryhover_overlay {
    opacity: 1;
    background-size: 30px auto
}

.galleryoverlay, .gallery_wrapper {
    width: 100vw !important
}

.gallery_wrapper {
    margin: 0 !important
}

.gallery_wrapper .gallery_close {
    background: url("../svg/icon-close.svg") no-repeat center center;
    background-size: auto 14px;
    background-color: rgba(255, 255, 255, 0.9);
    width: 30px;
    height: 30px;
    top: 20px;
    right: 20px;
    transition: all .4s ease-in-out
}

.gallery_wrapper .gallery_close:hover {
    background-color: #fff
}

.gallery_wrapper .gallery_image {
    background-color: rgba(0, 0, 0, 0.9)
}

.gallery_wrapper .gallery_contain_next {
    background: none
}

.gallery_wrapper .gallery_contain_next:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    z-index: 0;
    height: 36px;
    width: 36px;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("../svg/arrow-white.svg");
    background-size: auto 10px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(0%, -50%) rotate(180deg);
    transition: all .4s ease-in-out
}

.gallery_wrapper .gallery_contain_next:before:hover {
    background-color: rgba(255, 255, 255, 0.9)
}

.gallery_wrapper .gallery_contain_prev {
    background: none
}

.gallery_wrapper .gallery_contain_prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 20px;
    z-index: 0;
    height: 36px;
    width: 36px;
    background-color: rgba(255, 255, 255, 0.9);
    background-image: url("../svg/arrow-white.svg");
    background-size: auto 10px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(0%, -50%);
    transition: all .4s ease-in-out
}

.gallery_wrapper .gallery_contain_prev:before:hover {
    background-color: rgba(255, 255, 255, 0.9)
}

.gallery_wrapper .gallery_image_fullviewport .gallery_caption {
    display: none !important
}

#gallery-wrapper {
    margin: 0 !important
}

#gallery-wrapper .grid .grid-item a {
    display: block
}

#gallery-wrapper .grid .grid-item a figure {
    width: 100%;
    height: 300px
}

#gallery-wrapper .grid .grid-item a figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}

#gallery-wrapper .grid .grid-item.grid-item-filter .filter-inner .filter-inner-content ul#filterOptions {
    padding: 0;
    margin: 0
}

#gallery-wrapper .grid .grid-item.grid-item-filter .filter-inner .filter-inner-content ul#filterOptions li {
    font-weight: 500;
    padding: 5px 0
}

#gallery-wrapper .grid .grid-item.grid-item-filter .filter-inner .filter-inner-content ul#filterOptions li.active a {
    color: #816B3D
}

#tt_popup_modal #tt_close_button {
    border: none;
    border-radius: 0;
    height: 44px;
    width: 44px;
    background: url("../svg/icon-close.svg") no-repeat center rgba(255, 255, 255, 0.2);
    background-size: 24px auto;
    position: absolute;
    top: 0px;
    right: 0px
}

.animate-fade {
    opacity: 0
}

.animate-fade.top {
    transform: translateY(100px)
}

.animate-fade.top.fade-in {
    transform: translateY(0)
}

.animate-fade.bottom {
    transform: translateY(-100px)
}

.animate-fade.bottom.fade-in {
    transform: translateY(0);
}

@media (max-width: 900px) {
    .animate-fade.bottom.fade-in {
        transform: translateY(0);
        margin-top: 38px;
    }
}

.animate-fade.left {
    transform: translateX(-100px)
}

.animate-fade.left.fade-in {
    transform: translateX(0);
    z-index: 5 !important;
}

.animate-fade.right {
    transform: translateX(100px)
}

.animate-fade.right.fade-in {
    transform: translateX(0)
}

.animate-fade.fade-in {
    opacity: 1;
    /*transition: all 0.7s cubic-bezier(0.18, 0.32, 0.17, 0.99)*/
}

#content-popin .box-arrow-popin {
    background-color: #222
}

#content-popin .box-arrow-popin .arrow svg {
    fill: #816B3D
}

.wrapper {
    margin: 0 auto;
    /*max-width: 1500px;*/
    width: 100%
}

.no-gutter {
    padding-left: 0;
    padding-right: 0
}

.no-gutter-left {
    padding-left: 0
}

.no-gutter-right {
    padding-right: 0
}

.container {
    max-width: 1170px;
    padding: 0 15px;
    margin: 0 auto
}

ul.global-sitemap {
    position: relative;
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 10px 0 50px 10%
}

ul.global-sitemap li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    line-height: 1.6;
    list-style: none;
    margin: 0;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    padding: 10px 0 10px 15px;
    text-transform: uppercase;
    font-weight: 400
}

ul.global-sitemap li:before {
    content: "";
    display: block;
    position: absolute;
    top: 21px;
    left: 0;
    z-index: 0;
    height: 4px;
    width: 4px;
    background-color: #816B3D;
    border-radius: 50%
}

ul.global-sitemap li a {
    color: #222
}

ul.global-sitemap li a:hover {
    color: #816B3D
}

ul.global-sitemap li ul {
    margin: 0;
    padding: 0
}

ul.global-sitemap li ul li {
    margin: 0px;
    padding: 15px 0 0px 15px
}

ul.global-sitemap li ul li:before {
    background-color: #222;
    top: 26px
}

ul.global-sitemap li ul li a {
    color: #6D6C69
}

ul.global-sitemap li ul li a:hover {
    color: #816B3D
}

ul.global-sitemap li ul li ul {
    margin: 0;
    padding: 0
}

ul.global-sitemap li ul li ul li ul li {
    padding: 0;
    margin-bottom: 3px
}

ul.global-sitemap li ul li ul li ul li a {
    opacity: 0.7
}

.sitemap .intro-content .copy {
    border-bottom: dotted 1px rgba(0, 0, 0, 0.2)
}

.sitemap .intro-content.no-image.no-copy .copy {
    padding: 10px 0 30px 0
}

.sym-slides, .slick {
    opacity: 0;
    transition: all 0.5s ease-in-out
}

.sym-slides.slick-initialized, .slick.slick-initialized {
    opacity: 1
}

.slick-arrow {
    position: absolute;
    width: 36px;
    height: 36px;
    border: 0;
    font-size: 0;
    z-index: 50;
    cursor: pointer;
    transition: all .4s ease-in-out;
    top: calc(50% - 18px);
    background-color: transparent
}

.slick-arrow:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 36px;
    width: 36px;
    background-color: transparent;
    background-image: url("../svg/arrow-brown.svg");
    background-size: auto 53px;
    background-repeat: no-repeat;
    background-position: center;
    transform: translate(-50%, -50%);
    /*border: solid 1px rgba(34, 34, 34, 0.4);*/
    transition: all .4s ease-in-out
}

.slick-arrow.slick-prev {
    left: 10px;
    /*background-color: #976a4d;*/
}

.slick-arrow.slick-next {
    right: 10px;
    transform: rotate(180deg);
    /*background-color: #000;*/
}

.slick-arrow:hover:before {
    background-image: url("../svg/arrow-brown.svg");
    /*background-color: #000;*/
    /*border-color: #976a4d;*/
}

.slick-dots {
    position: absolute;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    z-index: 10
}

.slick-dots li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 30px;
    height: 20px;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    background-clip: padding-box;
    padding: 0;
    margin: 0;
    transition: all .4s ease-in-out
}

.slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    height: 10px;
    width: 10px;
    background-color: rgba(0, 0, 0, 0);
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    border: solid 1px #816b3d;
    border-radius: 50%;
    transition: all .4s ease-in-out
}

.slick-dots li button:hover:before {
    background-color: #816B3D
}

.slick-dots li.slick-active button:before {
    background-color: #816B3D
}

.images-slides .slick-arrow:before {
    background-color: #9f755a;
    border-color: #9f755a;
}

.images-slides .slick-arrow:hover:before {
    border-color: #816B3D;
    background-color: #816B3D
}

.submenu__label {
    display: none
}

.sub-menu {
    width: 100%;
    z-index: 96;
    background-color: #fff;
    padding: 10px 12%
}

.sub-menu ul {
    text-align: center;
    margin: 0;
    padding: 0
}

.sub-menu ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    padding: 0 20px;
    margin: 10px 0;
    font-weight: 300
}

.sub-menu ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 0;
    height: 4px;
    width: 4px;
    background-color: rgba(34, 34, 34, 0.1);
    border-radius: 50%
}

.sub-menu ul li a {
    display: inline-block;
    color: #222
}

.sub-menu ul li a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 0;
    height: 1px;
    width: 0;
    background-color: rgba(129, 107, 61, 0.4);
    transition: all .4s ease-in-out
}

.sub-menu ul li a.active {
    cursor: default;
    color: #816B3D;
    font-weight: 400;
    text-transform: uppercase
}

.sub-menu ul li a.active:before {
    width: 100%
}

.sub-menu ul li a:hover {
    color: #816B3D
}

.sub-menu ul li a:hover:before {
    width: 100%
}

.sub-menu ul li:last-child:before {
    display: none
}

.ot-dtp-picker {
    padding: 0
}

.ot-dtp-picker.wide {
    width: 100% !important;
    padding: 0
}

.ot-dtp-picker.wide h1.ot-title {
    display: none;
    text-align: center;
    margin: 0;
    padding: 0 0 30px 0;
    font-family: "Clarice Book", sans-serif;
    font-size: 26px;
    line-height: 26px;
    letter-spacing: 2px;
    font-weight: 300
}

.ot-dtp-picker.wide h1.ot-title:before {
    display: none
}

.ot-dtp-picker.wide .ot-dtp-picker-form {
    height: auto
}

.ot-dtp-picker.wide .ot-dtp-picker-form {
    border: none
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector {
    width: 23% !important;
    margin: 0 2% 0 0;
    padding: 0;
    border: none !important
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector + .ot-dtp-picker-selector {
    border: none
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-selector .ot-dtp-picker-selector-link:before {
    content: "";
    font-size: 0;
    width: 18px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 16px
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button {
    width: 25% !important
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button.ot-button {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    border: solid 1px rgba(34, 34, 34, 0.4);
    border-radius: 0;
    color: #222;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 14px;
    height: auto;
    letter-spacing: 1px;
    line-height: 0;
    text-transform: none;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
    padding: 12px 15px;
    margin: 0 !important;
    text-align: center
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-dtp-picker-button.ot-button:hover {
    background-color: #000;
    color: #fff
}

.ot-dtp-picker.wide .ot-dtp-picker-form select {
    left: 0;
    padding: 0
}

.ot-dtp-picker.wide .ot-dtp-picker-form select:focus, .ot-dtp-picker.wide .ot-dtp-picker-form select:hover {
    outline: 0px
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-party-size-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-people.svg")
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-date-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-calendar-2.svg")
}

.ot-dtp-picker.wide .ot-dtp-picker-form .ot-time-picker .ot-dtp-picker-selector-link:before {
    background-image: url("../svg/icon-time.svg")
}

.ot-dtp-picker-selector {
    height: auto !important
}

.ot-dtp-picker-selector-link {
    border: none;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.4);
    color: #222;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px !important;
    font-weight: normal;
    padding: 10px 30px !important;
    margin: 0;
    width: 100%
}

.ot-dtp-picker-selector-link:before {
    color: #222 !important;
    left: 0px !important;
    top: 7px !important;
    font-weight: 100
}

.ot-dtp-picker-selector-link:after {
    background: url("../svg/icon-selection.svg") no-repeat !important;
    background-size: auto 6px !important;
    content: '' !important;
    height: 8px;
    right: 0 !important;
    top: 46%;
    width: 12px
}

.ot-dtp-picker-selector-link:focus, .ot-dtp-picker-selector-link:hover {
    outline: 0 !important
}

.ot-powered-by {
    display: none
}

.ot-dtp-picker-form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: auto;
    background-color: transparent !important;
    margin: 0 auto !important;
    padding: 0 0 70px 0
}

.ot-dtp-picker-form:before {
    background: url("../svg/open-table.svg") no-repeat center;
    background-size: 80px auto;
    content: '';
    height: 20px;
    right: 0;
    position: absolute;
    bottom: 0;
    width: 80px
}

.open-table-widget {
    padding: 50px 0 30px 0;
    border-top: solid 1px rgba(34, 34, 34, 0.2);
    border-bottom: solid 1px rgba(34, 34, 34, 0.2);
    z-index: 4
}

.open-table-widget .container {
    max-width: 850px
}

.header {
    display: block;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    /*background-color: #00000017;*/
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0));
    transition: all .4s ease-in-out
}

.header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    align-items: center;
    padding: 25px 30px;
    transition: all .4s ease-in-out
}

.header .menu-header {
    width: 40%
}

@media (max-width: 767px) {
    .header .menu-header {
        width: 20% !important;
    }

    .header .menu-header .menu-icon .text {
        display: none !important;
    }

    .header .info-header .book-header {
        /*margin-right: -5rem !important;*/
    }

    .header .info-header .header-phone {
        display: none !important;
    }
}


.header .menu-header .menu-icon {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    margin: 0 5% 0 0;
    cursor: pointer
}

.header .menu-header .menu-icon .lines {
    /*display: inline-block;*/
    /*vertical-align: middle;*/
    /*width: 45px;*/
    /*margin: 0 10px 0 0;*/
    /*background: transparent;*/
    /*border: none*/


    display: inline-flex; /* Flexbox kullan */
    align-items: center; /* Dikey hizalama */
    justify-content: center; /* Yatay hizalama */
    width: 45px; /* Genişlik */
    background: transparent; /* Arkaplan yok */
    border: none; /* Kenarlık yok */
    padding: 0; /* Varsayılan padding'i kaldır */
}


.header .menu-header .menu-icon .lines .line {
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #9f755a;
    margin: 5px 0;
    transition: all .4s ease-in-out
}

.header .menu-header .menu-icon .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff
}

.header .menu-header .menu-icon:hover .lines .line {
    width: 70%
}

.header .menu-header .menu-icon:hover .lines .line:nth-child(2) {
    width: 100%
}

.header .menu-header .find {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    padding: 5px 0 5px 6%;
    border-left: solid 1px rgba(255, 255, 255, 0.5);
    transition: all .4s ease-in-out
}

.header .menu-header .find a {
    display: inline-block
}

.header .menu-header .find a span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.header .menu-header .find a span.icon {
    padding: 0 10px 0 0
}

.header .menu-header .find a span.icon svg {
    width: auto;
    height: 20px;
    fill: #fff
}

.header .menu-header .find a span.text {
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #fff
}

.header .menu-header .find a span.text:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.4)
}

.header .menu-header .find a:hover {
    opacity: 0.8
}

.header .menu-header .find .sub-find {
    position: absolute;
    display: none;
    width: 175px;
    top: 33px;
    left: 15%;
    background-color: #fff;
    padding: 10px 20px;
    border-top: solid 3px #816B3D
}

.header .menu-header .find .sub-find a.btn-find {
    display: inline-block;
    padding: 5px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #222
}

.header .menu-header .find .sub-find a.btn-find:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.5);
    transition: all .4s ease-in-out
}

.header .menu-header .find .sub-find a.btn-find:hover {
    color: #222
}

.header .menu-header .find .sub-find a.btn-find:hover:before {
    width: 100%
}

.header .logo-header {
    width: 20%;
    text-align: center
}

.header .logo-header a.logo {
    display: inline-block;
    overflow: hidden;
    width: 200px;
    /*height: 110px;*/
    transition: all .4s ease-in-out
}

.header .logo-header a.logo svg {
    position: relative;
    width: auto;
    height: 110px;
    fill: #fff;
    transition: all .4s ease-in-out;
    transform: translateY(0)
}

.header .logo-header a.logo:hover {
    opacity: 0.8
}

.header .info-header {
    width: 40%;
    text-align: right
}

.header .info-header .header-hour {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5% 0 0
}

.header .info-header .header-hour .icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px 0 0
}

.header .info-header .header-hour .icon svg {
    width: 18px;
    height: auto;
    fill: #fff
}

.header .info-header .header-hour .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #fff
}

.header .info-header .header-phone {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 6%;
    /*border-left: solid 1px rgba(255, 255, 255, 0.5)*/
}

.header .info-header .header-phone a {
    display: inline-block
}

.header .info-header .header-phone a span {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    color: black;
}

.header .info-header .header-phone a span.icon {
    padding: 0 10px 0 0
}

.header .info-header .header-phone a span.icon svg {
    width: auto;
    height: 16px;
    fill: #fff
}

.header .info-header .header-phone a:hover {
    opacity: 0.8
}

.header .info-header .book-header {
    display: inline-block;
    vertical-align: middle;
    overflow: auto;
    margin-right: -58px;
}

.header .info-header .book-header .btn {
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
    padding: 12px 15px;
    letter-spacing: -0.5px;
    overflow: auto;
    border-radius: 0 !important;
}

.header .info-header .book-header .btn:before {
    display: none;
}

.header .info-header .book-header .btn:hover {
    color: #222;
    /*background-color: #fff;*/
}

.header .info-header .book-header a span {
    overflow: auto;
}

.header.down, .header.up, .header.open, .header.header-no {
    background-color: #fff !important; /* Önemli diyerek zorlama */
    box-shadow: 5px 5px 5px -8px rgba(34, 34, 34, 0.9);
    z-index: 99999999 !important;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
    -webkit-backface-visibility: hidden; /* Safari optimizasyonu */
    backface-visibility: hidden;
}

.header.down .container, .header.up .container, .header.open .container, .header.header-no .container {
    padding: 12px 30px
}

.header.down .menu-header, .header.up .menu-header, .header.open .menu-header, .header.header-no .menu-header {
    width: 40%
}

.header.down .menu-header .menu-icon .lines .line, .header.up .menu-header .menu-icon .lines .line, .header.open .menu-header .menu-icon .lines .line, .header.header-no .menu-header .menu-icon .lines .line {
    background-color: #222
}

.header.down .menu-header .menu-icon .text, .header.up .menu-header .menu-icon .text, .header.open .menu-header .menu-icon .text, .header.header-no .menu-header .menu-icon .text {
    color: #222
}

.header.down .menu-header .find, .header.up .menu-header .find, .header.open .menu-header .find, .header.header-no .menu-header .find {
    border-color: rgba(34, 34, 34, 0.4)
}

.header.down .menu-header .find span.icon svg, .header.up .menu-header .find span.icon svg, .header.open .menu-header .find span.icon svg, .header.header-no .menu-header .find span.icon svg {
    fill: #816B3D
}

.header.down .menu-header .find span.text, .header.up .menu-header .find span.text, .header.open .menu-header .find span.text, .header.header-no .menu-header .find span.text {
    color: #222
}

.header.down .menu-header .find span.text:before, .header.up .menu-header .find span.text:before, .header.open .menu-header .find span.text:before, .header.header-no .menu-header .find span.text:before {
    background-color: rgba(34, 34, 34, 0.4)
}

.header.down .logo-header a.logo, .header.up .logo-header a.logo, .header.open .logo-header a.logo, .header.header-no .logo-header a.logo {
    height: 60px;
}

.header.down .logo-header a.logo svg, .header.up .logo-header a.logo svg, .header.open .logo-header a.logo svg, .header.header-no .logo-header a.logo svg {
    fill: #222;
    transform: translateY(-70px)
}

.header.down .info-header .header-hour .icon svg, .header.up .info-header .header-hour .icon svg, .header.open .info-header .header-hour .icon svg, .header.header-no .info-header .header-hour .icon svg {
    fill: #816B3D
}

.header.down .info-header .header-hour .text, .header.up .info-header .header-hour .text, .header.open .info-header .header-hour .text, .header.header-no .info-header .header-hour .text {
    color: #222
}

.header.down .info-header .header-phone, .header.up .info-header .header-phone, .header.open .info-header .header-phone, .header.header-no .info-header .header-phone {
    border-color: rgba(34, 34, 34, 0.8)
}

.header.down .info-header .header-phone a span.icon svg, .header.up .info-header .header-phone a span.icon svg, .header.open .info-header .header-phone a span.icon svg, .header.header-no .info-header .header-phone a span.icon svg {
    fill: #222
}

.header.down .info-header .book-header, .header.up .info-header .book-header, .header.open .info-header .book-header, .header.header-no .info-header .book-header {
    overflow: auto
}

.header.down .info-header .book-header .btn, .header.up .info-header .book-header .btn, .header.open .info-header .book-header .btn, .header.header-no .info-header .book-header .btn {
    border-color: rgba(34, 34, 34, 0.4);
    color: #222;
    overflow: auto
}

.header.down .info-header .book-header .btn:before, .header.up .info-header .book-header .btn:before, .header.open .info-header .book-header .btn:before, .header.header-no .info-header .book-header .btn:before {
    background-color: #222
}

.header.down .info-header .book-header .btn:hover, .header.up .info-header .book-header .btn:hover, .header.open .info-header .book-header .btn:hover, .header.header-no .info-header .book-header .btn:hover {
    color: #fff;
    background-color: #222
}

.footer {
    clear: both;
    margin-bottom: -25px;
    /*background-color: #fff*/
    background: #18263b;
}

.footer .section-one {
    padding: 45px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.footer .section-one .sign-up {
    width: 100%
}

.footer .section-one .sign-up h2.footer-title {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 40px 0;
    margin: 0;
    text-align: center
}

.footer .section-one .sign-up p.thankyouMsg {
    padding: 20px 10px;
    text-align: center;
    font-size: 15px
}

.footer .section-one .sign-up form#email-signup {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

.footer .section-one .sign-up form#email-signup .fields-wrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.footer .section-one .sign-up form#email-signup .fields-wrap .field {
    position: relative;
    width: 25%;
    margin: 0 0 20px 0;
    padding: 0 10px
}

.footer .section-one .sign-up form#email-signup .fields-wrap .field.input label:not(.error), .footer .section-one .sign-up form#email-signup .fields-wrap .field.select label:not(.error) {
    position: absolute;
    display: block;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    letter-spacing: 0.5px
}

.footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text], .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email], .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel], .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date], .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number], .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text], .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email], .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel], .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date], .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number], .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea {
    width: 100%;
    margin: 0;
    letter-spacing: 0.5px;
    border: none;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.4);
    text-transform: none;
    padding: 10px 0;
    font-family: "Clarice Book", sans-serif;
    font-size: 22px;
    line-height: 26px;
    font-weight: 300
}

.footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number]:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select:-ms-input-placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea:-ms-input-placeholder {
    font-family: "Clarice Book", sans-serif;
    font-size: 22px;
    color: rgba(34, 34, 34, 0.8)
}

.footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=text]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=email]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=tel]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=date]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input input[type=number]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input select::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.input textarea::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=text]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=email]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=tel]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=date]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select input[type=number]::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select select::placeholder, .footer .section-one .sign-up form#email-signup .fields-wrap .field.select textarea::placeholder {
    font-family: "Clarice Book", sans-serif;
    font-size: 22px;
    color: rgba(34, 34, 34, 0.8)
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap {
    position: relative;
    width: 100%;
    padding: 20px 0 0 0px;
    text-align: left
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr {
    display: inline-block;
    vertical-align: top;
    width: auto;
    padding: 0 30px 0 10px;
    margin: 0
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) {
    color: #222
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) a {
    color: #222
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error) a:hover {
    color: #816B3D
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error):before {
    border-color: rgba(34, 34, 34, 0.2)
}

.footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap .field.gdpr label:not(.error):after {
    background-color: #816B3D
}

.footer .section-one .sign-up form#email-signup .signup-btn {
    position: absolute;
    right: 10px;
    bottom: 0;
    padding: 12px 30px;
    display: inline-block;
    zoom: 1;
    text-align: center;
    text-transform: capitalize;
    outline: none;
    border: solid 1px rgba(0, 0, 0, 0.5);
    border-radius: 0;
    z-index: 2;
    background-color: transparent;
    color: #222;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    white-space: nowrap;
    transition: all .4s ease-in-out;
    overflow: auto
}

.footer .section-one .sign-up form#email-signup .signup-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: #222;
    opacity: 0;
    transition: all .4s ease-in-out
}

.footer .section-one .sign-up form#email-signup .signup-btn:hover {
    color: #fff
}

.footer .section-one .sign-up form#email-signup .signup-btn:hover:before {
    opacity: 1
}

.footer .section-two {
    padding: 50px 0
}

.footer .section-two .container {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .footer .section-two .container {
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        text-align: center;
    }
}

.footer .section-two .container h2 {
    font-size: 18px;
    line-height: 22px
}

.footer .section-two .container .set-one {
    width: 40%
}

.footer .section-two .container .set-one ul.logos {
    padding: 0;
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .section-two .container .set-one ul.logos li {
    display: inline-block;
    padding: 0 30px 0 0
}

.footer .section-two .container .set-one ul.logos li img {
    width: 100%;
    height: 100%
}

.footer .section-two .container .set-one ul.logos .logo-forbes img {
    width: 60px;
    height: 65px
}

.footer .section-two .container .set-one ul.logos .logo-leading img {
    width: 80px;
    height: 85px
}

.footer .section-two .container .set-one ul.logos .logo-setai img {
    width: 80px;
    height: 85px
}

.footer .section-two .container .set-one ul.logos .logo-Five-Diamond img {
    width: 100%;
    height: 50px
}

.footer .section-two .container .set-two {
    width: 32%
}

.footer .section-two .container .set-two .address {
    font-size: 14px;
    line-height: 37px
}

.footer .section-two .container .set-two .address a:not(.btn) {
    text-decoration: none
}

.footer .section-two .container .set-three {
    width: 18%
}

.footer .section-two .container .set-three #second-footer {
    padding: 0;
    margin: -5px 0 0 0
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav {
    padding: 0;
    margin: 0
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li {
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a {
    display: inline-block;
    padding: 5px 0
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 2px;
    z-index: 0;
    height: 1px;
    width: 100%;
    /*background-color: #222;*/
    transition: all .4s ease-in-out
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: #816B3D;
    transition: all .4s ease-in-out;
    transition-delay: .3s
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:hover, .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a.active {
    color: #816B3D
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:hover:before, .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a.active:before {
    width: 0
}

.footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a:hover:after, .footer .section-two .container .set-three #second-footer #second-footer-ul_nav li a.active:after {
    width: 100%
}

.footer .section-two .container .set-four {
    width: 20%
}

.footer .section-two .container .set-four ul.social-media {
    display: inline-block;
    vertical-align: middle;
    margin: -5px 0 0 0;
    padding: 0
}

.footer .section-two .container .set-four ul.social-media li {
    display: block;
    padding: 5px 0;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400
}

.footer .section-two .container .set-four ul.social-media li a {
    display: inline-block
}

.footer .section-two .container .set-four ul.social-media li a svg {
    display: none;
    fill: #816B3D;
    width: auto;
    height: 20px;
    transition: all .4s ease-in-out
}

.footer .section-two .container .set-four ul.social-media li a span.hidden, .footer .section-two .container .set-four ul.social-media li a #home span#bf_wrapper_frame_button_navis_chalk_button, #home .footer .section-two .container .set-four ul.social-media li a span#bf_wrapper_frame_button_navis_chalk_button {
    position: relative;
    display: inline-block;
    overflow: unset;
    height: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0
}

.footer .section-two .container .set-four ul.social-media li a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 0;
    height: 1px;
    width: 100%;
    /*background-color: #222;*/
    transition: all .4s ease-in-out
}

.footer .section-two .container .set-four ul.social-media li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: #816B3D;
    transition: all .4s ease-in-out;
    transition-delay: .3s
}

.footer .section-two .container .set-four ul.social-media li a:hover {
    color: #816B3D
}

.footer .section-two .container .set-four ul.social-media li a:hover:before {
    width: 0
}

.footer .section-two .container .set-four ul.social-media li a:hover:after {
    width: 100%
}

.footer .section-two .container .set-four ul.social-media li a:hover svg {
    fill: #000
}

.footer .section-three {
    padding: 0 0 30px 0
}

.footer .section-three .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-evenly;
}

.footer .section-three .set-one {
    width: 35%;
    padding: 0 20px 0 0
}

.footer .section-three .set-one .rights {
    font-size: 14px;
    line-height: 16px
}

.footer .section-three .set-two {
    width: 25%
}

.footer .section-three .set-two a.tambourine {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding: 0 24px 0 0;
    color: #222
}

.footer .section-three .set-two a.tambourine svg {
    position: absolute;
    top: -4px;
    right: 0;
    width: auto;
    height: 22px;
    fill: #222;
    transition: all .4s ease-in-out
}

.footer .section-three .set-two a.tambourine:hover {
    color: #222
}

.footer .section-three .set-two a.tambourine:hover svg {
    fill: #222
}

.footer .section-three .set-three {
    width: 40%;
    padding: 0 0 0 20px;
    text-align: right
}

.footer .section-three .set-three nav#third-nav {
    padding: 0;
    margin: 0
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation {
    padding: 0;
    margin: 0
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    padding: 0 6px;
    margin: 5px 0
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a {
    display: inline-block
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: -2px;
    z-index: 0;
    height: 1px;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.3);
    transition: all .4s ease-in-out
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: #816B3D;
    transition: all .4s ease-in-out;
    transition-delay: .3s
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:hover, .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a.active {
    color: #816B3D
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:hover:before, .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a.active:before {
    width: 0
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a:hover:after, .footer .section-three .set-three nav#third-nav ul#tertiary-navigation li a.active:after {
    width: 100%
}

.footer .section-three .set-three nav#third-nav ul#tertiary-navigation li:last-child {
    padding: 0 0 0 6px
}

.booking-js {
    position: fixed;
    top: -110%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    opacity: 0;
    transition: opacity .4s ease-in-out
}

.booking-js.open {
    top: 0% !important;
    opacity: 1
}

.booking-js.open .wrapper {
    opacity: 1;
    transition: opacity 1.2s 0.6s ease-in
}

.booking-js.open #booking-form .form-content {
    transform: translate(0, -50%);
    transition: all 1.2s 0.8s ease-in;
    opacity: 1
}

.booking-js .wrapper {
    height: 100%;
    opacity: 0
}

.booking-js .close-icon {
    position: absolute;
    width: 100px;
    top: 3%;
    right: 3%;
    z-index: 10;
    cursor: pointer
}

.booking-js .close-icon .lines {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    margin: 0 10px 0 0;
    background: transparent;
    border: none
}

.booking-js .close-icon .lines .line {
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #222;
    margin: 0;
    transform: translate(0, 0px) rotate(-45deg);
    transition: all .4s ease-in-out
}

.booking-js .close-icon .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(45deg)
}

.booking-js .close-icon .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    color: #222
}

.booking-js .close-icon:hover .lines .line {
    transform: translate(0, 0px) rotate(0deg)
}

.booking-js .close-icon:hover .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(0deg)
}

.booking-js #booking-form {
    width: 40%;
    left: 60%;
    height: 100%;
    top: 0;
    padding: 0 8%;
    margin: 0;
    background-color: #fff
}

.booking-js #booking-form .form-content {
    top: 52%;
    transform: translate(40%, -50%);
    opacity: 0
}

.booking-js #booking-form .form-content .title-form {
    width: 100%;
    padding: 0 0 20px 0;
    text-align: center
}

.booking-js #booking-form .form-content .title-form h1 {
    font-family: "Clarice Book", sans-serif;
    font-size: 20px;
    line-height: 20px;
    padding: 0;
    margin: 0
}

.booking-js #booking-form .form-content .title-form h1:before {
    display: none
}

.booking-js #booking-form .form-content .form {
    padding: 0;
    margin: 0
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker.ui-datepicker-multi-2 {
    width: 100% !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker.ui-datepicker-multi-2 .ui-datepicker-group {
    width: calc(50% - 30px) !important;
    margin: 0 15px !important
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-group {
    background-color: transparent
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-group .ui-datepicker-header .ui-datepicker-title span {
    font-size: 14px;
    line-height: 16px
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar {
    border: solid 1px rgba(34, 34, 34, 0.2);
    border-top: none
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar thead {
    background-color: transparent;
    color: #222;
    border-bottom: none
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar thead tr th {
    border-bottom: solid 1px rgba(34, 34, 34, 0.1)
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar thead tr th span {
    font-weight: 400
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled {
    border: none
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
    color: #222
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.dp-highlight, .booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td:hover, .booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
    background-color: #222
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.dp-highlight *, .booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td:hover *, .booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day * {
    color: #fff
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.startday {
    background-color: #222
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.startday * {
    color: #fff
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.startday:before {
    color: #fff
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.days {
    background-color: #816B3D
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.days * {
    color: #222
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.endday {
    background-color: #222
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.endday * {
    color: #fff
}

.booking-js #booking-form .form-content .form .calendar-block .ui-datepicker .ui-datepicker-calendar tbody tr td.endday:before {
    color: #fff
}

.booking-js #booking-form .form-content .form .set-one {
    padding: 30px 0 0 0;
    margin: 0
}

.booking-js #booking-form .form-content .form .set-one .field {
    padding: 0;
    margin: 0 0 10px 0
}

.booking-js #booking-form .form-content .form .set-one .field label:not(.error) {
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0 0 10px 0
}

.booking-js #booking-form .form-content .form .set-one .field input[type=text], .booking-js #booking-form .form-content .form .set-one .field input[type=email], .booking-js #booking-form .form-content .form .set-one .field input[type=tel], .booking-js #booking-form .form-content .form .set-one .field input[type=date], .booking-js #booking-form .form-content .form .set-one .field input[type=number], .booking-js #booking-form .form-content .form .set-one .field select, .booking-js #booking-form .form-content .form .set-one .field textarea {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 10px 0;
    margin: 0;
    background-color: transparent;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.4)
}

.booking-js #booking-form .form-content .form .set-one .field input[type=text]:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=email]:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=tel]:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=date]:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=number]:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field select:-ms-input-placeholder, .booking-js #booking-form .form-content .form .set-one .field textarea:-ms-input-placeholder {
    font-size: 14px;
    opacity: 1;
    line-height: 20px
}

.booking-js #booking-form .form-content .form .set-one .field input[type=text]::placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=email]::placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=tel]::placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=date]::placeholder, .booking-js #booking-form .form-content .form .set-one .field input[type=number]::placeholder, .booking-js #booking-form .form-content .form .set-one .field select::placeholder, .booking-js #booking-form .form-content .form .set-one .field textarea::placeholder {
    font-size: 14px;
    opacity: 1;
    line-height: 20px
}

.booking-js #booking-form .form-content .form .set-one .field select {
    text-align-last: left;
    background-image: url("../svg/icon-selection.svg");
    background-position: center right
}

.booking-js #booking-form .form-content .form .set-one .field.date {
    width: 100%
}

.booking-js #booking-form .form-content .form .set-one .field.date:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0)
}

.booking-js #booking-form .form-content .form .set-one .field.date input[type=text], .booking-js #booking-form .form-content .form .set-one .field.date input[type=date] {
    background-image: url("../svg/icon-calendar-2.svg");
    background-repeat: no-repeat;
    background-size: auto 12px;
    background-position: center right
}

.booking-js #booking-form .form-content .form .set-one .field.select {
    width: 100%
}

.booking-js #booking-form .form-content .form .set-one .field.select-rate {
    width: 100%
}

.booking-js #booking-form .form-content .form .set-one .field.code {
    width: 100%
}

.booking-js #booking-form .form-content .form .set-one .btn-form {
    padding: 20px 0 0 0
}

.booking-js #booking-form .form-content .form .set-one .btn-form .btn {
    width: 100%
}

.booking-home-js {
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 20;
    background-color: #fff
}

.booking-home-js .container {
    max-width: 1400px
}

.booking-home-js #booking-home {
    padding: 0;
    margin: 0
}

.booking-home-js #booking-home .form-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 15px 30px
}

.booking-home-js #booking-home .form-content .title-form {
    width: 15%;
    padding: 0 20px 0 0
}

.booking-home-js #booking-home .form-content .title-form h2 {
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    padding: 0;
    margin: 2px 0 0 0
}

.booking-home-js #booking-home .form-content .field {
    width: 12%;
    padding: 0 20px 0 0;
    margin: 0
}

.booking-home-js #booking-home .form-content .field label:not(.error) {
    font-size: 14px;
    line-height: 16px;
    text-transform: capitalize;
    margin: 0;
    padding: 0 0 10px 0
}

.booking-home-js #booking-home .form-content .field input[type=text], .booking-home-js #booking-home .form-content .field input[type=email], .booking-home-js #booking-home .form-content .field input[type=tel], .booking-home-js #booking-home .form-content .field input[type=date], .booking-home-js #booking-home .form-content .field input[type=number], .booking-home-js #booking-home .form-content .field select, .booking-home-js #booking-home .form-content .field textarea {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 1px;
    padding: 10px 0;
    margin: 0;
    background-color: transparent;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.4)
}

.booking-home-js #booking-home .form-content .field input[type=text]:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field input[type=email]:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field input[type=tel]:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field input[type=date]:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field input[type=number]:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field select:-ms-input-placeholder, .booking-home-js #booking-home .form-content .field textarea:-ms-input-placeholder {
    font-size: 14px;
    opacity: 1;
    line-height: 20px
}

.booking-home-js #booking-home .form-content .field input[type=text]::placeholder, .booking-home-js #booking-home .form-content .field input[type=email]::placeholder, .booking-home-js #booking-home .form-content .field input[type=tel]::placeholder, .booking-home-js #booking-home .form-content .field input[type=date]::placeholder, .booking-home-js #booking-home .form-content .field input[type=number]::placeholder, .booking-home-js #booking-home .form-content .field select::placeholder, .booking-home-js #booking-home .form-content .field textarea::placeholder {
    font-size: 14px;
    opacity: 1;
    line-height: 20px
}

.booking-home-js #booking-home .form-content .field select {
    text-align-last: left;
    background-image: url("../svg/icon-selection.svg");
    background-position: center right
}

.booking-home-js #booking-home .form-content .field.date {
    width: 20%
}

.booking-home-js #booking-home .form-content .field.date input[type=text], .booking-home-js #booking-home .form-content .field.date input[type=date] {
    background-image: url("../svg/icon-calendar-2.svg");
    background-repeat: no-repeat;
    background-size: auto 12px;
    background-position: center right
}

.booking-home-js #booking-home .form-content .field #fakeInput {
    position: absolute;
    left: 0;
    bottom: 50px;
    background-color: #fff;
    z-index: 99;
    display: none
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput {
    cursor: pointer;
    background-color: #f6f3ef;
    padding: 10px
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput .lines {
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    margin: 0 10px 0 0
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput .lines .line {
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #222;
    margin: 0;
    transform: translate(0, 0px) rotate(-45deg);
    transition: all .4s ease-in-out
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(45deg)
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput:hover .lines .line {
    transform: translate(0, 0px) rotate(0deg)
}

.booking-home-js #booking-home .form-content .field #fakeInput .closeFakeinput:hover .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(0deg)
}

.booking-home-js #booking-home .form-content .field #fakeInput .calendar-home .ui-datepicker .ui-datepicker-calendar {
    border-color: rgba(34, 34, 34, 0.2)
}

.booking-home-js #booking-home .form-content .btn-form {
    width: 10%
}

.booking-home-js #booking-home .form-content .btn-form .btn {
    width: 100%
}

.navigation-js {
    position: fixed;
    top: -110%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, 0.6);
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.navigation-js.open {
    top: 0%;
    opacity: 1;
    z-index: 99999999999999;
}

.navigation-js.open .wrapper {
    opacity: 1;
    /*transition: opacity 1.2s 0.6s ease-in*/
}

.navigation-js.open .wrapper .navigation-info {
    /*transition: all 1.4s 0.6s ease*/
}

.navigation-js.open .wrapper .navigation-info nav#primary-nav {
    transform: translate(0%, -50%);
    opacity: 1;
    /*transition: all 1.8s 0.8s ease*/
}

.navigation-js.open .wrapper .navigation-info nav#secondary-nav {
    opacity: 1;
    transform: translate(0, 0);
    /*transition: all 1.0s 0.8s ease*/
}

.navigation-js .wrapper {
    height: 100%;
    opacity: 0
}

.navigation-js .wrapper:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 100%;
    width: 35%;
    background-color: #fff
}

.navigation-js .close-icon {
    position: absolute;
    width: 100px;
    top: 6%;
    left: 10%;
    z-index: 10;
    cursor: pointer
}

.navigation-js .close-icon .lines {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    margin: 0 10px 0 0;
    background: transparent;
    border: none
}

.menu-icon {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px; /* Çizgiler arasında boşluk */
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.lines {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.line {
    display: block;
    width: 25px; /* Çizginin genişliği */
    height: 3px; /* Çizginin kalınlığı */
    background-color: #000; /* Çizginin rengi */
    border-radius: 2px; /* Çizgiyi yuvarlat */
    -webkit-transform: scale(1); /* Safari için ölçeklendirme düzeltmesi */
    -webkit-backface-visibility: hidden; /* Safari performans düzeltmesi */
    backface-visibility: hidden;
}

.navigation-js .close-icon .lines .line {
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #222;
    margin: 0;
    transform: translate(0, 0px) rotate(-45deg);
    /*transition: all .4s ease-in-out*/
}

.navigation-js .close-icon .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(45deg)
}

.navigation-js .close-icon .text {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 300;
    color: #222
}

.navigation-js .close-icon:hover .lines .line {
    transform: translate(0, 0px) rotate(0deg)
}

.navigation-js .close-icon:hover .lines .line:nth-child(2) {
    transform: translate(0, -1px) rotate(0deg)
}

.navigation-js .navigation-info {
    width: 25%;
    height: 100%;
    left: 10%
}

.navigation-js .navigation-info:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 0;
    height: 100%;
    width: 100%;
    background-color: #f6f3ef;
    opacity: 0;
    /*transition: all .4s ease-in-out*/
}

.navigation-js .navigation-info.open-info:before {
    opacity: 1
}

.navigation-js .navigation-info nav#primary-nav {
    position: absolute;
    width: 100%;
    top: 20rem;
    padding: 0;
    margin: 0;
    transform: translate(-30%, -50%);
    opacity: 0
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation {
    position: relative;
    padding: 0;
    margin: 0;
    min-width: 320px
}

@media (min-width: 900px) {
    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation {
        top: 6rem;
    }
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li {
    padding: 0;
    margin: 25px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li.sub-active > a:after {
    content: "";
    display: block;
    position: relative;
    top: -2px;
    height: 10px;
    width: 10px;
    display: inline-block;
    border-right: solid 1px rgba(34, 34, 34, 0.9);
    border-bottom: solid 1px rgba(34, 34, 34, 0.9);
    transform: rotate(-45deg);
    margin: 0 0 0 10px
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a {
    display: inline-block;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 19px;
    letter-spacing: 1.5px;
    color: #222;
    font-weight: 300;
    margin-right: 5%;
    white-space: nowrap
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -6px;
    left: 0;
    height: 1px;
    width: 0;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.5);
    /*transition: all .4s ease-in-out*/
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a:hover:before, .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a.active:before, .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a.parent-active:before {
    width: 100%
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu {
    display: none;
    position: absolute;
    width: 100%;
    top: 50%;
    right: -100%;
    padding: 22rem 0 0 10px;
    transform: translateY(-50%)
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu li {
    margin: 30px 0 30px 50px
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu li a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #222
}

.navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu li a.active {
    font-weight: 400
}

.navigation-js .navigation-info .menu-other-properties {
    position: absolute;
    width: 100%;
    top: 68%;
    padding: 10px 0;
    cursor: pointer
}

.navigation-js .navigation-info .menu-other-properties:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -100%;
    z-index: 0;
    height: 100%;
    width: 200%;
    background-color: #f6f3ef
}

.navigation-js .navigation-info .menu-other-properties #menu_properties {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.navigation-js .navigation-info .menu-other-properties #menu_properties:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    z-index: 0;
    height: 15px;
    width: 15px;
    display: inline-block;
    border-right: solid 2px rgba(34, 34, 34, 0.9);
    border-bottom: solid 2px rgba(34, 34, 34, 0.9);
    transform: translateY(-50%) rotate(-45deg)
}

.navigation-js .navigation-info .menu-other-properties #menu_properties .icon-properties {
    width: 100px
}

.navigation-js .navigation-info .menu-other-properties #menu_properties .icon-properties svg {
    width: 78px;
    height: auto
}

.navigation-js .navigation-info .menu-other-properties #menu_properties .text-properties {
    width: calc(100% - 100px);
    padding: 0 50px 0 20px;
    border-left: solid 1px rgba(34, 34, 34, 0.4);
    font-family: "Clarice Book", sans-serif;
    font-size: 22px;
    line-height: 1.2em;
    text-transform: uppercase
}

.navigation-js .navigation-info #links_properties {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -100%;
    background: #f6f3ef;
    padding: 15px 30px;
    z-index: 10
}

.navigation-js .navigation-info #links_properties .properties-set {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-align: center;
    align-items: center
}

.navigation-js .navigation-info #links_properties .properties-item {
    width: 100%;
    padding: 15px 0
}

.navigation-js .navigation-info #links_properties .properties-item .title {
    font-family: "Clarice Book", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    padding: 0 0 10px 0
}

.navigation-js .navigation-info #links_properties .properties-item .images {
    width: 100%
}

.navigation-js .navigation-info #links_properties .properties-item .images figure {
    width: 100%;
    height: 240px
}

.navigation-js .navigation-info #links_properties .properties-item .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.navigation-js .navigation-info #links_properties .properties-item .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.navigation-js .navigation-info #links_properties .properties-item .link {
    padding: 10px 0 0 0;
    margin-left: -10px
}

.navigation-js .navigation-info nav#secondary-nav {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 8%;
    padding: 0 20px 0 0;
    margin: 0;
    opacity: 0;
    transform: translate(0, 100%)
}

@media (max-width: 768px) {
    .navigation-js .navigation-info nav#secondary-nav {
        position: absolute;
        width: 100%;
        left: 0;
        bottom: 8%;
        padding: 0 20px 0 0;
        margin: 0;
        opacity: 0;
        transform: translate(0, 100%)
    }
}


.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation {
    padding: 0;
    margin: 0
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li {
    display: inline-block;
    padding: 0 15px 0 0;
    margin: 10px 0
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li a {
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #222;
    text-transform: uppercase
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: rgba(34, 34, 34, 0.5);
    transition: all .4s ease-in-out
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li a:hover:before, .navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li a.active:before {
    width: 100%
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li:last-child {
    margin: 0;
    padding: 0
}

.navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li:last-child:before {
    display: none
}

#start-content {
    padding: 0
}

.no-header #start-content {
    padding: 66px 0 0 0
}

#content {
    overflow: hidden;
    padding: 0
}

.top-content .top-img {
    width: 100%
}

.top-content .top-img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 50%;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%)
}

.top-content .top-img figure {
    width: 100%;
    height: 550px
}

.top-content .top-img figure:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 30%;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}

.top-content .top-img figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.top-content .top-img figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.top-content .top-img video {
    width: 100%;
    height: 750px;
    object-position: center;
    object-fit: cover
}

.top-content .uvp {
    position: absolute;
    width: 100%;
    z-index: 20;
    bottom: 50%
}

.top-content .uvp .copy {
    width: 300px;
    background-color: #fff;
    transform: translateY(0);
    border-top: solid 4px #816B3D;
    padding: 40px 30px
}

.top-content .uvp .copy .title {
    color: #222;
    font-family: "Clarice Book", sans-serif;
    font-size: 35px;
    line-height: 35px;
    text-align: left;
    text-transform: uppercase
}

.top-content .uvp .copy .title span {
    display: block;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 0 0 20px 0
}

.top-content .uvp .copy.in-title {
    width: 100%;
    max-width: 500px
}

.top-content .uvp .copy.in-title .title {
    padding: 0 0 20px 0
}

.top-content .uvp .copy.in-title p {
    line-height: 1.5rem
}

.top-content .uvp.fade-in .copy {
    transform: translateY(50%);
    opacity: 1
}

.intro-content {
    padding: 0 0;
    z-index: 2
}

.intro-content .container {
    max-width: 1300px
}

.intro-content .copy {
    width: 100%;
    max-width: 85rem;
    padding: 5px 0;
    margin: 0 auto;
    text-align: center
}

@media (max-width: 900px) {
    .intro-content .copy {
        width: 100%;
        max-width: 62rem;
        padding: 6px 0;
        margin: 0 auto;
        text-align: center
    }

}

.intro-content .copy a:not(.btn) {
    display: inline-block
}

.intro-content .copy a:not(.btn):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
    height: 1px;
    width: 100%;
    /*background-color: rgba(34, 34, 34, 0.4)*/
}

.intro-content .copy a:not(.btn):hover:before {
    background-color: rgba(129, 107, 61, 0.4)
}

.intro-content .copy .icon-intro {
    display: inline-block;
    width: 54px;
    height: 62px;
    padding: 0 0 10px 0
}

.intro-content .copy .icon-intro svg {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 54px;
    height: 0;
    overflow: hidden;
    fill: #222;
    transition: height 0.8s 0.6s ease
}

.intro-content .copy h1 span, .intro-content .copy h2 span {
    font-size: 84px;
    line-height: 80px
}

.intro-content .copy p {
    line-height: 1.5rem
}

@media (max-width: 900px) {
    .intro-content .copy p {
        line-height: 1.5rem;
        font-size: 14px;
        padding: 11px;
    }
}

.intro-content .copy a:not(.btn) {
    color: #222
}

.intro-content .copy a:not(.btn):hover {
    text-decoration: underline
}

.intro-content .copy.fade-in .icon-intro svg {
    height: 52px
}

.intro-content .copy em {
    font-size: 90%
}

.intro-content .images {
    padding: 0
}

.intro-content .images figure {
    width: 100%;
    height: 400px
}

.intro-content .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.intro-content .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.intro-content.no-image.visible {
    background: none
}

.intro-content.no-image.visible:before {
    display: none
}

.intro-content.no-image .copy {
    width: 70%;
    padding: 60px 0
}

.intro-content.no-image.no-copy .copy {
    padding: 60px 0 0 0
}

.intro-content.no-copy .copy {
    padding: 40px 0 0 0
}

.intro-content.no-copy .copy h1:not(.title-intro) {
    padding: 0
}

.intro-content.no-info {
    display: none
}

.text-modules-wrapper {
    padding: 20px 0 100px 0;
    margin: 0
}

.text-modules-wrapper .text-modules {
    position: relative;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 15px;
    z-index: 5
}

.text-modules-wrapper .text-modules a:not(.btn) {
    display: inline-block;
    line-height: 1.5rem;
    text-decoration: none;
    background-color: #f6f3ef
}

.text-modules-wrapper .text-modules a:not(.btn):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
    height: 1px;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.4);
    transition: all .4s ease-in-out
}

.text-modules-wrapper .text-modules a:not(.btn):hover, .text-modules-wrapper .text-modules a:not(.btn):focus {
    text-decoration: underline rgba(129, 107, 61, 0.4) 1px
}

.text-modules-wrapper .text-modules a:not(.btn):hover:before, .text-modules-wrapper .text-modules a:not(.btn):focus:before {
    background-color: rgba(129, 107, 61, 0.4)
}

.text-modules-wrapper .text-modules h2 {
    font-size: 30px;
    padding: 0 0 30px 0;
    text-align: center
}

.text-modules-wrapper .text-modules p {
    padding-bottom: 30px;
    line-height: 1.5rem
}

.text-modules-wrapper .text-modules p:last-child {
    padding: 0
}

.text-modules-wrapper .text-modules .text-columns {
    padding: 10px 0 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    margin-bottom: -25px
}

.text-modules-wrapper .text-modules .text-columns .set {
    width: 50%;
    padding: 25px 30px 25px 0
}

.text-modules-wrapper .text-modules .text-columns .set:nth-child(even) {
    padding: 25px 0px 25px 30px
}

.text-modules-wrapper .text-modules iframe {
    width: 100%;
    min-height: 820px
}

.title-item {
    padding: 0;
    text-align: center
}

.title-item h2 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    padding: 0
}

.terms-and-conditions #content {
    padding: 60px 0 0 0
}

.terms-and-conditions #content .intro-content .container {
    padding-bottom: 0
}

.terms-and-conditions #content .container {
    padding-bottom: 80px
}

.contact .text-modules-wrapper {
    padding: 20px 0 100px 0;
    margin: 0
}

.contact .text-modules-wrapper .text-modules {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.contact .text-modules-wrapper .text-modules div {
    width: 33.3%;
    padding: 0 0 40px 0
}

.contact .text-modules-wrapper .text-modules p {
    width: 100%
}

.return-from-map {
    position: fixed;
    top: 120px;
    left: 5%;
    z-index: 99
}

.infoBox img {
    z-index: 99 !important
}

.map_popup .map_popup {
    background: #FFFFFF !important;
    width: 220px !important;
    z-index: -1 !important
}

.map_popup .map_popup img {
    width: 200px !important;
    position: relative !important
}

.map_popup img {
    display: block;
    position: relative;
    top: -8px;
    margin-bottom: -8px;
    width: 220px !important;
    z-index: 1 !important
}

.map_popup .desc {
    padding: 0 20px;
    overflow: auto;
    box-shadow: 0 0 30px rgba(85, 85, 85, 0.5);
    background: #fff;
    width: 220px !important
}

.map_popup .desc h2 {
    color: #222 !important;
    margin: 15px 0 5px;
    font-size: 17px
}

.map_popup .desc p {
    color: #222 !important;
    white-space: pre-wrap;
    line-height: 1.3em;
    margin-bottom: 18px;
    font-size: 14px
}

#home .top-content {
    margin-top: 0
}

#home .top-content .top-img {
    height: 100%
}

#home .top-content .top-img:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    height: 50%;
    width: 100%;
    background: #000;
    /*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)*/
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 25%) 100%) !important;
}

#home .top-content .top-img figure {
    height: 100%
}

#home .top-content .top-img figure:before {
    display: none
}

#home .top-content .top-img video {
    height: 100%
}

#home .top-content .top-img .slick-dots {
    bottom: 90px
}

#home .top-content .top-img .slick-dots li button:before {
    border-color: #fff
}

#home .top-content .top-img .slick-dots li button:after {
    background-color: #fff
}

#home .top-content .top-img .slick-dots li button:hover:before {
    background-color: #fff
}

#home .top-content .top-img .slick-dots li.slick-active button:before {
    background-color: #fff
}

#home .top-content .uvp {
    bottom: 50%
}

#home #bf_wrapper_frame_button_navis_chalk_button {
    position: absolute
}

.intro-content-home {
    padding: 25px 0;
    z-index: 2;
    margin-top: -5rem;
}

.intro-content-home .container {
    max-width: 1300px;
    text-align: center
}

.intro-content-home .title-in {
    padding: 0 30px
}

.intro-content-home .images {
    padding: 10px 0 0 0;
}

.intro-content-home .images figure {
    width: 100%;
    height: 380px;
}

@media(max-width:767px)
{
    .intro-content-home .images figure {
        height: 255px;
    }
}

.intro-content-home .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.intro-content-home .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.intro-content-home .copy {
    /*max-width: 750px;*/
    max-width: 70rem;
    margin: 0 auto
}

#attractions .header.down {
    top: 0px
}

#attractions #start-content {
    padding: 66px 0 0 0
}

#attractions #content .attractions-content {
    position: relative
}

#attractions #content .attractions-content__left {
    position: relative
}

#attractions #content .attractions-content__left .attractions-intro {
    position: relative;
    width: 100%;
    padding: 20px 30px 10px 30px;
    text-align: center;
    margin: 0 auto
}

#attractions #content .attractions-content__left .attractions-intro h1.text-center {
    padding: 0;
    margin: 0
}

#attractions #content .attractions-content__left .attractions-intro p {
    line-height: 1.5rem
}

#attractions #content .attractions-content__left .attractions-filter {
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin: 30px 5px 40px 5px
}

#attractions #content .attractions-content__left .attractions-filter .form-entry input, #attractions #content .attractions-content__left .attractions-filter .form-entry select {
    width: 100%;
    margin: 0;
    appearance: none;
    border-radius: 0;
    line-height: 18px
}

#attractions #content .attractions-content__left .attractions-filter__fields {
    width: 80%
}

#attractions #content .attractions-content__left .attractions-filter__fields .form-entry {
    width: 100%;
    padding: 0 10px;
    margin: 0
}

#attractions #content .attractions-content__left .attractions-filter__reset {
    width: 20%;
    padding: 0 5px
}

#attractions #content .attractions-content__left .attractions-filter__reset .reset {
    width: 100%;
    padding: 14px 25px;
    overflow: auto
}

#attractions #content .attractions-content__left .attractions-wrapper {
    -ms-flex-align: stretch;
    align-items: stretch
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction {
    margin: 0 0 30px 0;
    padding: 0;
    position: relative
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper {
    padding: 0 10px;
    position: unset
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper figure.attraction__image {
    position: relative;
    width: 100%;
    height: 250px
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper figure.attraction__image img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info {
    padding: 25px 10px 0 10px;
    background-color: #f6f3ef;
    margin: 0;
    position: unset
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info h2 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 10px;
    padding: 0px;
    letter-spacing: 0px
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info ul.additional-info {
    display: none
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info ul.additional-info li {
    font-size: 14px;
    line-height: 18px;
    padding: 5px 0;
    margin: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info ul.additional-info li svg {
    fill: #816B3D;
    margin-right: 5px
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info ul.additional-info li span {
    padding: 0
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info p {
    line-height: 1.5rem;
    padding-bottom: 10px
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info p.description {
    display: none
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .learn-more-btn {
    color: #222;
    overflow: auto
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .learn-more-btn:hover {
    color: #fff
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .pin-website {
    padding: 12px 0;
    margin: 0 10px 0 0
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .pin-website:before {
    left: 0;
    width: 100%
}

#attractions #content .attractions-content__left .attractions-wrapper .attraction .attraction__wrapper .attraction__info .pin-website:hover:after {
    width: 100%;
    left: 0
}

#attractions #content .attractions-content__right {
    background-color: #222;
    z-index: 10
}

#attractions #content .attractions-content__right .attractions-map__expand {
    position: relative;
    width: auto;
    top: 100px;
    min-width: auto;
    height: auto;
    font-family: "Bespoke Sans", sans-serif;
    padding: 12px 25px 13px 25px;
    background-color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #000;
    overflow: auto
}

#attractions #content .attractions-content__right .attractions-map__expand .arrow, #attractions #content .attractions-content__right .attractions-map__expand .circle-btn {
    display: none
}

#attractions #content .attractions-content__right .attractions-map__expand:before, #attractions #content .attractions-content__right .attractions-map__expand:after {
    display: none
}

#attractions #content .attractions-content__right .attractions-map__expand:hover {
    color: #fff;
    background-color: #816B3D
}

#attractions #content .attraction-lightbox {
    color: #000;
    cursor: auto
}

#attractions #content .attraction-lightbox h2, #attractions #content .attraction-lightbox h3, #attractions #content .attraction-lightbox h4, #attractions #content .attraction-lightbox h5 {
    color: #222
}

#attractions #content .attraction-lightbox__wrapper {
    padding: 0;
    margin: 0
}

#attractions #content .attraction-lightbox__close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #222;
    cursor: pointer;
    width: 30px;
    height: 30px
}

#attractions #content .attraction-lightbox__close:before, #attractions #content .attraction-lightbox__close:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 1px;
    left: 9px;
    background: white;
    transform-origin: 0;
    transition: all .4s ease-in-out
}

#attractions #content .attraction-lightbox__close:before {
    top: 9px;
    transform: rotate(45deg)
}

#attractions #content .attraction-lightbox__close:after {
    top: 20px;
    transform: rotate(-45deg)
}

#attractions #content .attraction-lightbox__close:hover:before {
    transition: all .4s ease-in-out;
    left: 7px;
    transform: rotate(0) translateY(5px)
}

#attractions #content .attraction-lightbox__close:hover:after {
    transition: all .4s ease-in-out;
    left: 7px;
    transform: rotate(0) translateY(-5px)
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper figure.attraction__image {
    width: 55%;
    height: 560px
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper figure.attraction__image img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info {
    width: 45%;
    padding: 20px 40px;
    font-size: 15px
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info h2 {
    font-size: 22px;
    line-height: 24px;
    margin-bottom: 10px;
    letter-spacing: 0px;
    padding: 0px
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info p {
    line-height: 1.5rem;
    padding-bottom: 10px
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info ul.additional-info {
    padding: 10px 0 0 0
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info ul.additional-info li {
    padding: 0 0 4px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info ul.additional-info li svg {
    fill: #816B3D;
    margin-right: 5px
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info ul.additional-info li span {
    padding: 0
}

#attractions #content .attraction-lightbox__content .attraction .attraction__wrapper .attraction__info a.pin-website {
    cursor: pointer
}

#attractions #content .attraction-hover {
    position: relative;
    padding: 0px 0px 0 0 !important;
    margin: 0px 0px 0 0 !important;
    left: 0;
    top: 0
}

#attractions #content .attraction-hover__wrapper {
    position: relative;
    padding: 0 0 0 0;
    margin: 0 0px 0 0;
    text-align: center
}

#attractions #content .attraction-hover__image {
    position: relative;
    width: 100%;
    max-width: 250px;
    height: 150px;
    padding: 5px 0px 0 5px;
    margin: 0
}

#attractions #content .attraction-hover__image img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center
}

#attractions #content .attraction-hover__copy {
    position: relative;
    padding: 10px 5px 0 5px;
    margin: 0px;
    color: #000000
}

#attractions .nameMarker {
    width: 100%;
    max-width: 250px;
    height: 150px;
    padding: 0px;
    margin: 0
}

#attractions .nameMarker img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    margin-right: -5px
}

.gallery-tpl {
    padding: 10px
}

.gallery-tpl__container {
    display: -ms-grid;
    display: grid;
    --show: 3;
    /*-ms-grid-columns:(1fr) [ var ];*/
    grid-template-columns:repeat(var(--show), 1fr);
    gap: 10px
}

@media (max-width: 900px)
{
    .gallery-tpl__container {
        --show: 1;
    }
}

.gallery-tpl__item a {
    height: 100%;
    position: relative;
    cursor: pointer
}

.gallery-tpl__item a::after {
    background: rgba(34, 34, 34, 0.8) url("../svg/icon-expand.svg") no-repeat center center;
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.5s;
    content: ''
}

.gallery-tpl__item img, .gallery-tpl__item video {
    aspect-ratio: 6 / 5;
    width: 100%;
    object-fit: cover;
    display: block
}

@media (max-width: 900px) {
    .gallery-tpl__item img, .gallery-tpl__item video {
        width: 200%;
    }
}

.columns-block {
    padding: 5px 0 20px 0;
    border-top: solid 1px rgba(34, 34, 34, 0.2)
}

.columns-block .container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1300px;
    padding: 0;
    z-index: 0;
}

.columns-block .title-item {
    padding: 0
}

.columns-block .title-item h2 {
    padding: 0
}

.columns-block .columns-items {
    width: 33.3%;
    padding: 25px 15px
}

.columns-block .columns-items .images figure {
    width: 100%;
    height: 290px
}

.columns-block .columns-items .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.columns-block .columns-items .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.columns-block .columns-items .images video {
    width: 100%;
    height: 290px;
    object-position: center;
    object-fit: cover
}

.columns-block .columns-items .copy {
    padding: 5px 10px 0 10px
}

.columns-block .columns-items .copy .text ul.hours {
    margin: 10px 0;
    text-align: left
}

.columns-block .columns-items .copy .text ul.hours li {
    padding: 5px 0;
    line-height: 24px
}

.columns-block .columns-items .copy .text ul.hours li:before {
    display: none
}

.columns-block .columns-items .copy .text ul.hours li strong {
    font-weight: 500;
    color: #816B3D
}

.columns-block .columns-items .copy a:not(:where(.btn,.viewDetails,.btn-terms)) {
    font-weight: 400;
    border-bottom: 1px solid #816B3D;
    transition: none
}

.columns-block .columns-items .copy a:not(:where(.btn,.viewDetails,.btn-terms)):hover {
    font-weight: 100
}

.columns-block .columns-items .copy h2 {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

.columns-block .columns-items .copy h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 40px;
    background-color: #222
}

.columns-block .columns-items .copy .btn, .columns-block .columns-items .copy .btn-terms {
    margin: 20px 15px 0 0
}

.columns-block .columns-items .copy .btn:focus-visible, .columns-block .columns-items .copy .btn-terms:focus-visible {
    outline: -webkit-focus-ring-color auto 1px !important
}

.columns-block .columns-items .copy .reserve-dropdown {
    position: relative;
    display: inline-block
}

.columns-block .columns-items .copy .reserve-dropdown a.btn {
    position: relative
}

.columns-block .columns-items .copy .reserve-dropdown a.btn .wave {
    display: inline-block
}

.columns-block .columns-items .copy .reserve-dropdown a.btn:after {
    content: "";
    display: block;
    position: relative;
    top: -2px;
    height: 10px;
    width: 10px;
    display: inline-block;
    border-right: solid 1px rgba(34, 34, 34, 0.9);
    border-bottom: solid 1px rgba(34, 34, 34, 0.9);
    transform: rotate(45deg);
    transform-origin: center;
    margin: 0 0 0 10px
}

.columns-block .columns-items .copy .reserve-dropdown a.btn:hover::after {
    border-right: solid 1px rgba(255, 255, 255, 0.9);
    border-bottom: solid 1px rgba(255, 255, 255, 0.9)
}

.columns-block .columns-items .copy .reserve-dropdown .rs-options {
    position: absolute;
    border-top: 2px solid #816B3D;
    background-color: #fff;
    z-index: 1;
    padding: 15px 10px
}

.columns-block .columns-items .copy .reserve-dropdown .rs-options a {
    display: inline-block;
    border-bottom: none;
    padding: 5px 0;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: #222
}

.columns-block .columns-items .copy .reserve-dropdown .rs-options a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    border-bottom: dashed 1px rgba(34, 34, 34, 0.5);
    transition: all .4s ease-in-out
}

.columns-block .columns-items .copy .reserve-dropdown .rs-options a:hover {
    color: #222;
    border-bottom: none
}

.columns-block .columns-items .copy .reserve-dropdown .rs-options a:hover:before {
    width: 100%
}

.columns-block.format-02 .title-item {
    padding: 0 0 20px 0
}

.columns-block.format-02 .title-item h2 {
    padding: 0 0 10px 0
}

.columns-block.format-02 .columns-items {
    width: 50%;
    padding: 30px 15px
}

.columns-block.format-02 .columns-items .images figure {
    height: 400px
}

.filter-nav {
    padding: 0 0 30px 0
}

.filter-nav nav.post-nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    max-width: 100%;
    margin: 0 auto;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.filter-nav nav.post-nav a.btn-nav {
    display: inline-block;
    padding: 10px 10px;
    margin: 5px 0 0 6%;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    color: #6D6C69
}

.filter-nav nav.post-nav a.btn-nav:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    left: 50%;
    z-index: 0;
    height: 1px;
    width: 0;
    background-color: #222;
    transition: all .4s ease-in-out
}

.filter-nav nav.post-nav a.btn-nav:hover, .filter-nav nav.post-nav a.btn-nav.active {
    color: #222
}

.filter-nav nav.post-nav a.btn-nav:hover:before, .filter-nav nav.post-nav a.btn-nav.active:before {
    width: 100%;
    left: 0
}

.list-block {
    padding: 0
}

.list-block .list-item {
    padding: 80px 0px
}

.list-block .list-item .container {
    max-width: 1300px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.list-block .list-item .title-item {
    padding: 0 0 30px 0
}

.list-block .list-item .copy {
    width: 45%;
    padding: 10px 5% 10px 2%
}

.list-block .list-item .copy h2 {
    padding: 0 0 20px 0
}

.list-block .list-item .copy h3 {
    font-family: "Clarice Book", sans-serif;
    font-weight: 600;
    padding: 0 0 20px 0
}

.list-block .list-item .copy .btn {
    margin: 15px 10px 0 0
}

.list-block .list-item .copy .btn:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 2px !important
}

.list-block .list-item .copy .btn-terms {
    margin: 15px 0 0 0
}

.list-block .list-item .copy ul.item-features {
    padding: 0 0 20px 0;
    margin: 0
}

.list-block .list-item .copy ul.item-features li {
    display: inline-block;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 12px 0 11px;
    border-left: solid 1px #222;
    color: #222
}

.list-block .list-item .copy ul.item-features li:first-child {
    padding: 0 12px 0 0;
    border-left: none
}

.list-block .list-item .copy .terms-conditions {
    display: none
}

.list-block .list-item .images {
    width: 55%
}

.list-block .list-item .images figure {
    width: 100%;
    height: 630px
}

.list-block .list-item .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.list-block .list-item .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.list-block .list-item .images figure a {
    display: block;
    width: 100%;
    height: 100%
}

.list-block .list-item .images figure a .bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url("../svg/icon-expand.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .4s ease-in-out;
    opacity: 0
}

.list-block .list-item .images figure a:hover .bg-color {
    opacity: 1;
    background-size: 30px auto
}

.list-block .list-item .images video {
    width: 100%;
    height: 630px;
    object-position: center;
    object-fit: cover
}

.list-block .list-item:nth-child(even) {
    background-color: #fff
}

.list-block .list-item:nth-child(even) .container {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.list-block .list-item:nth-child(even) .copy {
    padding: 10px 2% 10px 5%
}

a.btn-terms, a.pin-website {
    margin: 7px;
    padding: 12px 10px;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    text-align: center;
    text-transform: none;
    outline: none;
    border-radius: 0;
    transition: all .4s ease-in-out;
    background-color: transparent;
    font-family: "Bespoke Sans", sans-serif;
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0.5px;
    font-weight: 400;
    white-space: nowrap;
    color: #222;
    z-index: 2
}

a.btn-terms:before, a.pin-website:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    left: 10px;
    z-index: 0;
    height: 1px;
    width: calc(100% - 20px);
    background-color: rgba(34, 34, 34, 0.4)
}

a.btn-terms:after, a.pin-website:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 5px;
    left: 50%;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: #816B3D;
    transition: all .4s ease-in-out;
}

a.btn-terms:hover, a.btn-terms:focus, a.btn-terms.active, a.pin-website:hover, a.pin-website:focus, a.pin-website.active {
    color: #816B3D
}

a.btn-terms:hover:after, a.btn-terms:focus:after, a.btn-terms.active:after, a.pin-website:hover:after, a.pin-website:focus:after, a.pin-website.active:after {
    left: 10px;
    width: calc(100% - 20px)
}

a.btn-terms.hidden, #home a.btn-terms#bf_wrapper_frame_button_navis_chalk_button, a.pin-website.hidden, #home a.pin-website#bf_wrapper_frame_button_navis_chalk_button {
    display: none
}

.terms-conditions {
    display: none;
    width: 100%;
    max-width: 900px;
    padding: 50px 50px 30px 50px !important;
    border: solid 2px #816B3D;
    cursor: auto
}

@media (max-width: 767px) {
    .terms-conditions {
        padding: 0 !important;
    }
}

.terms-conditions h2 {
    padding: 0 0 20px 0
}

.terms-conditions h3 {
    color: #222
}

.terms-conditions video {
    width: 100%;
    max-width: 1000px;
    height: auto
}

.terms-conditions .form-module-wrapper {
    padding: 0;
    margin: 0
}

.terms-conditions .form-module-wrapper form.form-module {
    width: 100%;
    max-width: 100%;
    padding: 0px
}

.terms-conditions a:not(.btn) {
    display: inline-block;
    cursor: pointer
}

.terms-conditions a:not(.btn):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
    height: 1px;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.4);
    transition: all .4s ease-in-out
}

.terms-conditions a:not(.btn):hover:before {
    background-color: rgba(129, 107, 61, 0.4)
}

.lightbox-video {
    display: none;
    width: 100%;
    max-width: 1500px;
    padding: 0px
}

.lightbox-video video {
    width: 100%;
    max-width: 1500px
}

.special-internal .wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.special-internal .copy {
    width: 55%;
    padding: 20px 8%
}

.special-internal .copy .read-others {
    padding-bottom: 20px
}

.special-internal .copy .read-others a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500
}

.special-internal .copy sub {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 16px
}

.special-internal .copy .btn {
    margin-top: 10px
}

.special-internal .images {
    width: 45%
}

.special-internal .images figure {
    width: 100%;
    height: 600px
}

.special-internal .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.special-internal .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.slider-block {
    padding: 50px 0
}

.slider-block .container {
    max-width: 1400px;
    padding: 0;
    background-color: #fff
}

.slider-block .slider-info .slider-items {
    display: -ms-flexbox;
    display: flex
}

.slider-block .slider-info .slider-items .images {
    width: 60%
}

.slider-block .slider-info .slider-items .images figure {
    width: 100%;
    height: 700px
}

.slider-block .slider-info .slider-items .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.slider-block .slider-info .slider-items .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.slider-block .slider-info .slider-items .copy {
    width: 40%;
    padding: 80px 5%
}

.slider-block .slider-info .slider-items .copy .sub-title {
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 0 0 20px 0;
    margin: 0 0 60px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.slider-block .slider-info .slider-items .copy .text {
    padding: 0 0 15px 0
}

.slider-block .slider-info .slider-items .copy .text h2 {
    font-size: 25px;
    line-height: 30px
}

.slider-block .slider-info .slider-items .copy .btn, .slider-block .slider-info .slider-items .copy .btn-terms {
    margin: 10px 10px 0 0;
    overflow: visible
}

.slider-block .slider-info .slider-items .copy .btn-terms {
    margin-left: -10px
}

.slider-block .slider-info .slick-arrow {
    top: auto;
    bottom: 14px
}

.slider-block .slider-info .slick-arrow.slick-prev {
    left: auto;
    right: calc(5% + 35px)
}

.slider-block .slider-info .slick-arrow.slick-next {
    right: 5%
}

.slider-block.format-right .slider-info .slider-items {
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.slider-block.format-right .slider-info .slick-arrow.slick-prev {
    left: 5%;
    right: auto
}

.slider-block.format-right .slider-info .slick-arrow.slick-next {
    left: calc(5% + 35px);
    right: auto
}

.slider-block.map-true .slider-info .slider-items .images {
    width: 800px
}

.slider-block.map-true .slider-info .slider-items .images figure {
    height: 700px
}

.slider-block.map-true .slider-info .slider-items .copy {
    width: calc(100% - 800px)
}

.slider-block.map-true .slider-info .slider-items .copy .text {
    height: auto
}

.slider-block.map-true .slider-info .slider-items .copy .btn, .slider-block.map-true .slider-info .slider-items .copy .btn-terms {
    margin-top: 30px
}

.reviews-block {
    padding: 50px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.reviews-block .container {
    max-width: 860px
}

.reviews-block .icon-trip {
    text-align: center
}

.reviews-block .icon-trip svg {
    width: auto;
    height: 20px;
    fill: #816B3D
}

.reviews-block .title-reviews {
    text-align: center;
    padding: 10px 0 0 0;
    font-size: 16px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-bottom: 30px
}

.reviews-block .reviews-slides {
    padding: 0 0 70px 0
}

.reviews-block .reviews-slides .reviews-item {
    text-align: center
}

.reviews-block .reviews-slides .reviews-item h2 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 0 40px 0
}

.reviews-block .reviews-slides .reviews-item p {
    font-family: "Clarice Book", sans-serif;
    font-size: 2.1875rem;
    line-height: 1.5em
}

.reviews-block .reviews-slides .reviews-item .author {
    font-size: 14px;
    line-height: 18px;
    padding: 20px 0 0 0
}

.reviews-block .reviews-slides .slick-arrow {
    top: auto;
    bottom: 0
}

.reviews-block .reviews-slides .slick-arrow.slick-prev {
    left: calc(50% - 35px)
}

.reviews-block .reviews-slides .slick-arrow.slick-next {
    right: calc(50% - 36px)
}

.slider-tag-block {
    padding: 50px 0
}

.slider-tag-block .container {
    max-width: 1300px
}

.slider-tag-block .info {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 0 0 50px 0
}

.slider-tag-block .info .title-info {
    width: 40%;
    padding: 0 5% 30px 5%
}

.slider-tag-block .info .title-info h2 {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

.slider-tag-block .info .title-info h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 40px;
    background-color: #222
}

.slider-tag-block .info .copy-info {
    width: 60%
}

.slider-tag-block .info .copy-info .btn-terms {
    padding: 12px 0
}

.slider-tag-block .info .copy-info .btn-terms:before {
    width: 100%;
    left: 0
}

.slider-tag-block .info .copy-info .btn-terms:hover:after {
    width: 100%;
    left: 0
}

.slider-tag-block .info.no-copy {
    min-height: auto
}

.slider-tag-block .info.no-copy .title-info {
    width: 100%;
    text-align: center;
    padding: 0 5%
}

.slider-tag-block .info.no-copy .title-info h2 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 2px;
    padding: 0;
    margin: 0
}

.slider-tag-block .info.no-copy .title-info h2:before {
    display: none
}

.slider-tag-block .info .filter-content {
    position: absolute;
    width: 55%;
    bottom: -40px;
    left: 45%;
    z-index: 20;
    padding: 30px 0 20px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.3)
}

.slider-tag-block .info .filter-content nav.post-nav {
    padding: 0;
    margin: 0
}

.slider-tag-block .info .filter-content nav.post-nav a.btn-blog {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    padding: 0 5% 0 0;
    cursor: pointer
}

.slider-tag-block .info .filter-content nav.post-nav a.btn-blog span {
    display: block
}

.slider-tag-block .info .filter-content nav.post-nav a.btn-blog span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: rgba(34, 34, 34, 0.3);
    transition: all .4s ease-in-out
}

.slider-tag-block .info .filter-content nav.post-nav a.btn-blog:hover span:before, .slider-tag-block .info .filter-content nav.post-nav a.btn-blog:focus span:before, .slider-tag-block .info .filter-content nav.post-nav a.btn-blog.active span:before {
    width: 100%
}

.slider-tag-block .menu-slider-tag {
    position: absolute;
    width: 50%;
    left: 46%;
    z-index: 4;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}


.slider-tag-block .menu-slider-tag .slick-list {
    mask-size: 100% 100%;
    mask-position: top center;
    mask-image: linear-gradient(90deg, #000 0%, #000 50%, rgba(0, 0, 0, 0) 80%)
}

.slider-tag-block .menu-slider-tag .item {
    font-family: "Clarice Book", sans-serif;
    font-size: 35px;
    line-height: 35px;
    padding: 15px 60px 15px 0;
    color: #222
}

@media (max-width: 767px) {
    .slider-tag-block .menu-slider-tag .item {
        font-family: "Clarice Book", sans-serif;
        font-size: 26px;
        line-height: 35px;
        padding: 15px 60px 15px 0;
        color: #222
    }
}

.slider-tag-block .menu-slider-tag.m-slider-tag .item {
    color: rgba(34, 34, 34, 0.4);
    transition: all .4s ease-in-out
}

.slider-tag-block .menu-slider-tag.m-slider-tag .item.slick-current, .slider-tag-block .menu-slider-tag.m-slider-tag .item:hover {
    color: #222
}

.slider-tag-block .menu-slider-tag .slick-arrow.slick-prev {
    left: auto;
    right: 35px
}

.slider-tag-block .menu-slider-tag .slick-arrow.slick-next {
    right: 0
}

.slider-tag-block .slider-tag-info .slider-tag-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start
}

.slider-tag-block .slider-tag-info .slider-tag-items .image-one {
    width: 40%
}

.slider-tag-block .slider-tag-info .slider-tag-items .image-one figure {
    width: 100%;
    height: 750px
}

.slider-tag-block .slider-tag-info .slider-tag-items .image-one figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.slider-tag-block .slider-tag-info .slider-tag-items .image-one figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content {
    width: 60%
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .image-two {
    width: 100%;
    text-align: right
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .image-two figure {
    display: inline-block;
    width: 100%;
    max-width: 630px;
    height: 400px
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .image-two figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .image-two figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .info-text {
    padding: 140px 10% 0 10%
}

.slider-tag-block .slider-tag-info .slider-tag-items .copy-content .info-text .open-table {
    padding: 20px 0 0 0
}

.slider-tag-block .slider-tag-container .slider-tag-info .copy-content {
    width: 60%
}

.slider-tag-block .slider-tag-container .slider-tag-info .copy-content .image-two {
    padding: 90px 0 0 0
}

.slider-tag-block .slider-tag-container .slider-tag-info .copy-content .image-two figure {
    height: 310px
}

.gallery-block {
    padding: 50px 0;
    border-top: solid 1px rgba(34, 34, 34, 0.2)
}

.gallery-block .title-item {
    padding: 0 0 40px 0
}

.gallery-block .gallery-items .gallery-item {
    width: 100%;
    max-width: 910px;
    height: 600px;
    padding: 0 30px
}

.gallery-block .gallery-items .gallery-item figure {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.gallery-block .gallery-items .gallery-item figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all .4s ease-in-out
}

.gallery-block .gallery-items .gallery-item figure img.visible {
    opacity: 1
}

.gallery-block .gallery-items .gallery-item figure a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2
}

.gallery-block .gallery-items .gallery-item figure a .bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: url("../svg/icon-expand.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 10px auto;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .4s ease-in-out;
    opacity: 0
}

.gallery-block .gallery-items .gallery-item figure a .bg-color.btn-link {
    background-image: none
}

.gallery-block .gallery-items .gallery-item figure a:hover .bg-color {
    opacity: 1;
    background-size: 30px auto
}

.gallery-block .gallery-items .gallery-item figure a.icon-ins .bg-color {
    background-image: url("../svg/icon-instagram-white.svg")
}

.gallery-block .gallery-items .gallery-item figure a .btn {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-color: rgba(255, 255, 255, 0.6);
    color: #fff;
    opacity: 0
}

.gallery-block .gallery-items .gallery-item figure a .btn:before {
    background-color: #976a4d;
}

.gallery-block .gallery-items .gallery-item figure a .btn:hover {
    border-color: #976a4d;
}

.gallery-block .gallery-items .gallery-item figure .info-insta {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 4;
    display: none
}

.gallery-block .gallery-items .gallery-item figure .info-insta a {
    display: block;
    position: relative;
    padding: 15px 20px;
    background-color: #f6f3ef
}

.gallery-block .gallery-items .gallery-item figure .info-insta a span {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.gallery-block .gallery-items .gallery-item figure .info-insta a span.icon {
    padding: 0 10px 0 0
}

.gallery-block .gallery-items .gallery-item figure .info-insta a span.icon svg {
    width: auto;
    height: 16px;
    color: #222;
    transition: all .4s ease-in-out
}

.gallery-block .gallery-items .gallery-item figure .info-insta a span.text {
    top: -2px;
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 16px
}

.gallery-block .gallery-items .gallery-item figure .info-insta a:hover span.icon {
    padding: 0 10px 0 0
}

.gallery-block .gallery-items .gallery-item figure .info-insta a:hover span.icon svg {
    fill: #816B3D
}

.gallery-block .gallery-items .gallery-item figure .info-insta a:hover span.text {
    color: #816B3D
}

.swiper-button-prev {
    left: 0 !important;
}

/*.gallery-block .gallery-items .gallery-item figure:hover img {*/
/*    top: -3%;*/
/*    left: -3%;*/
/*    width: 106% !important;*/
/*    height: 106% !important*/
/*}*/

.gallery-block .gallery-items .gallery-item.slick-center figure a .btn {
    opacity: 1
}

.gallery-block .gallery-items .gallery-item.slick-center figure .info-insta {
    display: block
}

.gallery-block .gallery-items .slick-arrow:before {
    /*background-color: #9f755a;*/
    background-image: url("../svg/arrow-brown.svg")
}

.gallery-block .gallery-items .slick-arrow.slick-prev {
    left: 0;
}

.gallery-block .gallery-items .slick-arrow.slick-next {
    right: 0;
}

.gallery-block .gallery-items .slick-arrow:hover:before {
    background-image: url("../svg/arrow-brown.svg")
    /*background-color: #976a4d;*/
    /*border-color: #976a4d*/
}

.gallery-block .gallery-btn {
    padding: 20px 10px 0 10px;
    text-align: center
}

.gallery-block .gallery-btn a {
    margin: 0 10px
}

.amenities-block {
    padding: 50px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.amenities-block .amenities-item {
    display: -ms-flexbox;
    display: flex
}

.amenities-block .amenities-item .title {
    width: 30%;
    padding: 10px 0 0 0
}

.amenities-block .amenities-item .title h2 {
    font-size: 25px;
    line-height: 30px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

.amenities-block .amenities-item .title h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 40px;
    background-color: #222
}

.amenities-block .amenities-item .copy {
    width: 70%
}

.amenities-block .amenities-item .copy ul.sym-inline-list {
    columns: 2;
    column-gap: 30px;
    padding: 0
}

.amenities-block .amenities-item .copy ul.sym-inline-list li {
    padding: 5px 20px 5px 15px
}

.slider-bg-block.padding-true {
    margin: 50px 0
}

.slider-bg-block .button-info {
    position: absolute;
    width: 100%;
    max-width: 1170px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4
}

.slider-bg-block .button-info .button-container {
    position: absolute;
    width: 600px;
    top: -180px;
    left: 0
}

.slider-bg-block .button-info .button-container .slick-arrow.slick-prev {
    left: auto;
    right: calc(10% + 35px)
}

.slider-bg-block .button-info .button-container .slick-arrow.slick-next {
    right: 10%
}

.slider-bg-block .slider-bg-info .slider-bg-items {
    background-size: cover;
    background-position: center;
    height: 700px
}

.slider-bg-block .slider-bg-info .slider-bg-items .container {
    height: 700px
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy {
    position: absolute;
    width: 600px;
    height: 31rem;
    background-color: #fff;
    padding: 50px 5%;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

@media (max-width: 900px) {
    .slider-bg-block .slider-bg-info .slider-bg-items .copy {
        position: absolute;
        width: 600px;
        height: 39rem;
        background-color: #fff;
        padding: 50px 5%;
        top: 50%;
        left: 0;
        transform: translateY(-50%)
    }
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy .title-item {
    text-align: left;
    padding: 0 0 30px 0
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy .text h2 {
    border-bottom: solid 1px rgba(34, 34, 34, 0.2);
    padding: 0 0 20px 0;
    margin: 0 0 20px 0
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy .text h3 {
    border-bottom: solid 1px rgba(34, 34, 34, 0.2);
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    font-family: "Clarice Book", sans-serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 0.5px;
    padding: 0 0 20px 0;
    color: #222;
    text-transform: uppercase;
    font-weight: 200
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy .text h4 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    margin: 0;
    color: #222
}

.slider-bg-block .slider-bg-info .slider-bg-items .copy .text p {
    line-height: 1.5em
}

.slider-bg-block.format-right .button-info .button-container {
    left: auto;
    right: 0;
    line-height: 1.5em
}

.slider-bg-block.format-right .slider-bg-info .slider-bg-items .copy {
    left: auto;
    right: 0;
    line-height: 1.5em
}


.slider-bg-block.format-right .slider-bg-info .slider-bg-items .copy .btn {
    overflow: auto
}

.single-text-block {
    padding: 50px 0
}

.single-text-block .container {
    max-width: 1470px
}

.single-text-block .single-text-items {
    display: -ms-flexbox;
    display: flex;
    min-height: 340px;
    -ms-flex-pack: center;
    justify-content: center
}

.single-text-block .single-text-items .image-one, .single-text-block .single-text-items .image-two {
    width: 250px;
    height: 250px;
    -ms-flex-item-align: end;
    align-self: flex-end
}

.single-text-block .single-text-items .image-one figure, .single-text-block .single-text-items .image-two figure {
    width: 100%;
    height: 100%
}

.single-text-block .single-text-items .image-one figure img, .single-text-block .single-text-items .image-two figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.single-text-block .single-text-items .image-one figure img.visible, .single-text-block .single-text-items .image-two figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.single-text-block .single-text-items .copy {
    width: calc(100% - 500px);
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: center;
    padding: 10px 6%
}

.single-text-block .single-text-items .copy a:not(.btn) {
    display: inline-block
}

.single-text-block .single-text-items .copy a:not(.btn):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
    height: 1px;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.4);
    transition: all .4s ease-in-out
}

.single-text-block .single-text-items .copy a:not(.btn):hover:before {
    background-color: rgba(129, 107, 61, 0.4)
}

.single-text-block .single-text-items .copy a {
    overflow: visible
}

.single-text-block .single-text-items .image-two {
    -ms-flex-item-align: start;
    align-self: flex-start
}

.hours-block {
    padding: 50px 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.2)
}

.hours-block .title-item {
    padding: 0
}

.hours-block .hours-info {
    padding: 50px 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5em
}

.hours-block .hours-info.hours-slide {
    padding: 50px 0 70px 0;
    mask-size: 100% 100%;
    mask-position: top center;
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 40%, #000 60%, rgba(0, 0, 0, 0) 100%)
}

.hours-block .hours-info.hours-slide .slick-arrow {
    top: auto;
    bottom: 0
}

.hours-block .hours-info.hours-slide .slick-arrow.slick-prev {
    left: calc(50% - 36px)
}

.hours-block .hours-info.hours-slide .slick-arrow.slick-next {
    right: calc(50% - 35px)
}

.hours-block .hours-info .slider-items {
    width: 20%;
    text-align: center;
    padding: 0 10px
}

.hours-block .hours-info .slider-items h2 {
    font-size: 20px;
    line-height: 24px;
    padding: 0 0 10px 0
}

.hours-block .hours-info .slider-items p {
    line-height: 1.5
}

.hours-block .ctas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-positive: 20px;
    flex-grow: initial;
}

.hours-block .ctas .hours-btn {
    text-align: center;
    overflow: auto;
    margin: 0 10px
}

.hours-block .ctas .hours-btn .btn span {
    overflow: auto
}

.hours-block .ctas .hours-btn .btn:focus-visible {
    outline: 2px solid #222 !important;
    outline-offset: 2px !important
}

#default.ocean-grill .hours-block .slider-items h3 {
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
    padding: 0 0 10px 0;
    letter-spacing: inherit
}

#default.ocean-grill .hours-block .slider-items h4 {
    font-family: "Bespoke Sans", sans-serif;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 0;
    margin: 0;
    color: #222
}

.menu-restaurant {
    padding: 50px 0
}

.menu-restaurant .menus-tag {
    padding: 0 0 50px 0;
    text-align: center
}

.menu-restaurant .menus-tag .post-nav {
    display: inline-block;
    padding: 0 0 20px 0;
    margin: 0;
    border-bottom: solid 1px rgba(34, 34, 34, 0.1)
}

.menu-restaurant .menus-tag .post-nav .menu-item-tab {
    display: inline-block;
    margin: 5px 20px;
    padding: 10px 0;
    font-family: "Clarice Book", sans-serif;
    font-size: 30px;
    line-height: 35px;
    text-transform: uppercase;
    color: rgba(34, 34, 34, 0.4);
    cursor: pointer
}

.menu-restaurant .menus-tag .post-nav .menu-item-tab:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: rgba(34, 34, 34, 0.8);
    transition: all .4s ease-in-out
}

.menu-restaurant .menus-tag .post-nav .menu-item-tab:hover, .menu-restaurant .menus-tag .post-nav .menu-item-tab:focus, .menu-restaurant .menus-tag .post-nav .menu-item-tab.active {
    color: #222
}

.menu-restaurant .menus-tag .post-nav .menu-item-tab:hover:before, .menu-restaurant .menus-tag .post-nav .menu-item-tab:focus:before, .menu-restaurant .menus-tag .post-nav .menu-item-tab.active:before {
    left: 0%;
    width: 100%
}

.menu-restaurant .container-menus {
    border: solid 1px rgba(34, 34, 34, 0.4)
}

.menu-restaurant .container-menus .item-menu-category {
    padding: 30px 20px;
    text-align: center;
    border-bottom: solid 1px rgba(34, 34, 34, 0.4)
}

.menu-restaurant .container-menus .item-menu-category .category-btn {
    display: inline-block;
    margin: 5px 10px;
    text-transform: capitalize;
    color: rgba(34, 34, 34, 0.4);
    font-weight: 400;
    cursor: pointer
}

.menu-restaurant .container-menus .item-menu-category .category-btn:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    z-index: 0;
    height: 1px;
    width: 0%;
    background-color: rgba(34, 34, 34, 0.2);
    transition: all .4s ease-in-out
}

.menu-restaurant .container-menus .item-menu-category .category-btn:hover, .menu-restaurant .container-menus .item-menu-category .category-btn:focus, .menu-restaurant .container-menus .item-menu-category .category-btn.active {
    color: #222
}

.menu-restaurant .container-menus .item-menu-category .category-btn:hover:before, .menu-restaurant .container-menus .item-menu-category .category-btn:focus:before, .menu-restaurant .container-menus .item-menu-category .category-btn.active:before {
    left: 0%;
    width: 100%;
    background-color: #222
}

.menu-restaurant .container-menus .item-menu-category .category-btn.active {
    text-transform: uppercase
}

.menu-restaurant .container-menus .menu-categories {
    padding: 50px 10%
}

.menu-restaurant .container-menus .menu-categories .menu-item[data-id="16880"] .box-product:has(.box-product-title:empty) .box-product-description p {
    text-align: center
}

.menu-restaurant .container-menus .menu-categories .menu-title-category {
    text-align: center
}

.menu-restaurant .container-menus .menu-categories .menu-title-category h2 {
    padding: 0 0 10px 0
}

.menu-restaurant .container-menus .menu-categories .menu-title-category span {
    font-size: 16px;
    font-weight: 400
}

.menu-restaurant .container-menus .menu-categories .menu-desc-category {
    text-align: center
}

.menu-restaurant .container-menus .menu-categories .menu-products {
    padding: 20px 0 0 0
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product {
    padding: 20px 0
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product {
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 10px 0
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-title {
    font-family: "Clarice Book", sans-serif;
    font-size: 20px;
    white-space: nowrap;
    margin-right: 15px
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-title::after {
    display: inline-block;
    font-size: .7em;
    margin-left: .5ch;
    position: relative;
    /*top: 0.5 lh;*/
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-title.gluten-free::after {
    content: 'GF'
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-title.vegan::after {
    content: 'V'
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-title.vegetarian::after {
    content: 'Vg'
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-line {
    display: inline-block;
    width: 100%;
    height: 15px;
    border-bottom: dotted 1px rgba(34, 34, 34, 0.4)
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices {
    text-align: right;
    margin-left: 10px
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-price {
    font-size: 18px;
    line-height: 20px;
    white-space: nowrap
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-price .product_name {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    transform: translateY(-100%)
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-prices-info {
    display: -ms-flexbox;
    display: flex
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-prices-info .multi-price {
    margin-left: 14px
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-prices-info .multi-price .multi_name {
    position: absolute;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 500;
    transform: translateY(-100%)
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-text-product .box-product-prices .box-product-prices-info .multi-price:first-child {
    margin-left: 0
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-description h3 {
    font-size: 22px
}

.menu-restaurant .container-menus .menu-categories .menu-products .box-product .box-product-description p {
    line-height: 20px
}

.accordion-block {
    padding: 50px 0
}

.accordion-block .container {
    max-width: 83rem;
}

.accordion-block .title-item h2 {
    font-family: "Clarice Book", sans-serif;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 1px;
    padding: 0 0 20px 0
}

.accordion-block .accordion-item {
    position: relative;
    display: block;
    height: 66px;
    overflow: hidden;
    border-bottom: solid 1px rgba(34, 34, 34, 0.1)
}

.accordion-block .accordion-item.fade-in {
    transition: all 0.4s ease-out
}

.accordion-block .accordion-item .tab-label {
    position: relative;
    padding: 20px 50px 20px 10px;
    cursor: pointer;
    /*font-family: "Clarice Book", sans-serif;*/
    font-size: 22px;
    line-height: 26px;
    font-weight: 400;
    color: #222;
    overflow: visible;
    text-transform: uppercase
}

@media (max-width: 900px) {
    .accordion-block .accordion-item .tab-label {
        font-size: 15px;
    }
}

.accordion-block .accordion-item .tab-label .mas {
    position: absolute;
    display: block;
    top: 25px;
    right: 10px;
    width: 16px;
    height: 16px;
    text-align: center
}

.accordion-block .accordion-item .tab-label .mas span {
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 16px;
    background-color: #222;
    transform: rotate(0deg);
    transition: all .4s ease-in-out
}

.accordion-block .accordion-item .tab-label .mas span:last-child {
    transform: rotate(90deg)
}

.accordion-block .accordion-item .tab-label.open {
    color: #222
}

.accordion-block .accordion-item .tab-label.open .mas span {
    transform: rotate(-90deg);
    background-color: #816B3D
}

.accordion-block .accordion-item .tab-label.open .mas span:last-child {
    transform: rotate(90deg)
}

.accordion-block .accordion-item .tab-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding: 1px 10px
}

.accordion-block .accordion-item .tab-content h3 {
    width: 100%;
    padding: 0 0 15px 0
}

.accordion-block .accordion-item .tab-content .line {
    width: 100%;
    height: 1px;
    background-color: rgba(34, 34, 34, 0.2);
    margin-bottom: 20px
}

.accordion-block .accordion-item .tab-content .space {
    position: relative;
    width: 100%;
    height: 20px
}

.accordion-block .accordion-item .tab-content ul.sym-inline-list {
    width: 100%
}


.accordion-block .accordion-item .tab-content table, .accordion-block .accordion-item .tab-content tbody {
    width: 50%;
    height: 100%
}

.accordion-block .accordion-item .tab-content table tr, .accordion-block .accordion-item .tab-content tbody tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.accordion-block .accordion-item .tab-content table tr td, .accordion-block .accordion-item .tab-content tbody tr td {
    width: 100%;
    min-height: 50px;
    padding: 10px 5px;
    border-bottom: 1px solid rgba(34, 34, 34, 0.2);
    text-align: center;
    font-weight: 500
}

.accordion-block .accordion-item .tab-content table tr td:last-child, .accordion-block .accordion-item .tab-content tbody tr td:last-child {
    border-bottom: none
}

.accordion-block .accordion-item .tab-content table tr.set-one, .accordion-block .accordion-item .tab-content tbody tr.set-one {
    background-color: rgba(129, 107, 61, 0.9);
    color: #fff
}

.accordion-block .accordion-item .tab-content table tr.set-one td, .accordion-block .accordion-item .tab-content tbody tr.set-one td {
    text-align: left;
    font-weight: 500;
    padding: 10px 5px 10px 15px;
    text-transform: uppercase;
    letter-spacing: 0.5px
}

.single-intro-block {
    padding: 70px 0;
    z-index: 2
}

.single-intro-block .container {
    max-width: 1300px;
    text-align: center
}

.single-intro-block .single-intro-title {
    padding: 0 30px
}

.single-intro-block .images {
    padding: 10px 0 40px 0
}

.single-intro-block .images figure {
    width: 100%;
    height: 400px
}

.single-intro-block .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.single-intro-block .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.single-intro-block .copy {
    max-width: 750px;
    margin: 0 auto
}

.single-intro-block .copy a:not(.btn) {
    display: inline-block
}

.single-intro-block .copy a:not(.btn):before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 2;
    height: 1px;
    width: 100%;
    background-color: rgba(34, 34, 34, 0.4)
}

.single-intro-block .copy a:not(.btn):hover:before {
    background-color: rgba(129, 107, 61, 0.4)
}

.columns-overlap-block {
    padding: 50px 0;
    border-top: solid 1px rgba(34, 34, 34, 0.2)
}

.columns-overlap-block .title-item {
    padding: 10px 0 20px 0
}

.columns-overlap-block .text-item {
    padding: 0 0 40px 0;
    text-align: center
}

.columns-overlap-block .columns-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1300px
}

.columns-overlap-block .columns-items .columns-item {
    width: 25%;
    padding: 10px
}

.columns-overlap-block .columns-items .columns-item .images {
    height: 260px
}

.columns-overlap-block .columns-items .columns-item .images:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
    background: #000;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0) 100%)
}

.columns-overlap-block .columns-items .columns-item .images figure {
    width: 100%;
    height: 100%
}

.columns-overlap-block .columns-items .columns-item .images figure img {
    position: relative;
    display: block;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
    opacity: 0
}

.columns-overlap-block .columns-items .columns-item .images figure img.visible {
    opacity: 1;
    transition: opacity .5s .1s ease-in
}

.columns-overlap-block .columns-items .columns-item .images video {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover
}

.columns-overlap-block .columns-items .columns-item .copy {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    top: 10px;
    left: 10px
}

.columns-overlap-block .columns-items .columns-item .copy a:not(.btn) {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff
}

.columns-overlap-block .columns-items .columns-item .copy .text {
    position: absolute;
    width: calc(100% - 30px);
    left: 15px;
    bottom: 15px;
    color: #fff
}

.columns-overlap-block .columns-items .columns-item .copy .text h2 {
    font-size: 20px;
    line-height: 1.2em;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    color: #fff
}

.columns-overlap-block .columns-items .columns-item .copy .text h2:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    height: 1px;
    width: 40px;
    background-color: #fff
}

.columns-overlap-block .columns-items .columns-item .copy .text h3, .columns-overlap-block .columns-items .columns-item .copy .text h4, .columns-overlap-block .columns-items .columns-item .copy .text h5 {
    color: #fff
}

.press-block {
    border-top: 1px solid rgba(128, 128, 128, 0.467)
}

.press-block__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 50px 0;
    border-bottom: 1px solid rgba(128, 128, 128, 0.467)
}

.press-block__text {
    padding: 0 40px
}

.press-block__text h2 {
    font-family: "Clarice Book", sans-serif;
    font-size: 25px;
    padding: 0;
    margin: 0
}

.press-block__text p {
    font-family: "Bespoke Sans", sans-serif;
    font-size: .875rem
}

.press-block__text p span a {
    text-decoration: underline;
    background-color: #f6f3ef
}

.press-block__text p span a:hover {
    text-decoration: underline rgba(129, 107, 61, 0.4) 1px
}

.full-quad {
    height: 700px;
    position: relative
}

.full-quad__text {
    position: absolute;
    top: 20%;
    right: 10%;
    background-color: white;
    width: 600px;
    height: 430px;
    padding: 60px 80px;
    overflow: auto
}

.full-quad__text h2 {
    padding: 0 50px 20px 0;
    position: relative
}

.full-quad__text h2::before {
    content: "";
    background-color: rgba(128, 128, 128, 0.467);
    position: absolute;
    width: 90%;
    height: 1px;
    bottom: -5px
}

.full-quad__text p {
    font-size: .875rem;
    padding: 30px 70px 30px 0
}

.full-quad__text .btn {
    overflow: auto
}

.awards .title-item {
    margin-bottom: 40px
}

.awards .year-awards-filter {
    height: 30px;
    width: 30%;
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    position: relative;
    border-bottom: 1px solid rgba(128, 128, 128, 0.467)
}

.awards .year-awards-filter li {
    font-family: "Clarice Book", sans-serif
}

.awards .year-awards-filter li::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: black;
    bottom: 10px;
    transition: all ease-in-out 0.5s;
    opacity: 0
}

.fancy-button .btn {
    margin: 0 auto;
    display: block;
    width: fit-content;
    text-transform: uppercase;
    background: #f6f3ef;
    overflow: auto
}

.fancy-button .terms-conditions {
    width: 100%;
    max-width: 900px;
    padding: 50px 50px 30px 50px !important;
    border: solid 2px #a58944
}

@media (min-width: 1500px) {
    .navigation-js .wrapper:before {
        left: -400%;
        width: 435%
    }

    .booking-js #booking-form {
        width: 100%;
        padding: 0 68% 0 8%
    }

    .gallery-block .wrapper {
        max-width: 100%
    }
}

@media (max-width: 1200px) {
    .navigation-js .wrapper:before {
        width: 40%
    }

    .navigation-js .navigation-info {
        width: 30%
    }

    .navigation-js .navigation-info .menu-other-properties {
        top: 71%
    }

    .navigation-js .navigation-info .menu-other-properties #menu_properties .icon-properties svg {
        width: 60px
    }

    .navigation-js .navigation-info .menu-other-properties #menu_properties .text-properties {
        font-size: 20px
    }

    .navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li {
        margin: 5px 0
    }

    .navigation-js .navigation-info #links_properties .properties-item .images figure {
        height: 170px
    }

    .booking-js #booking-form {
        padding: 0 6%
    }

    .booking-js #booking-form .form-content .form .calendar-block {
        padding: 0 10px
    }

    .booking-js #booking-form .form-content .form .set-one {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        padding: 10px 0 0 0
    }

    .booking-js #booking-form .form-content .form .set-one .field {
        padding: 0 10px
    }

    .booking-js #booking-form .form-content .form .set-one .field.select {
        width: 50%
    }

    .booking-js #booking-form .form-content .form .set-one .btn-form {
        width: 100%;
        padding: 10px 10px 0 10px
    }

    .booking-home-js #booking-home .form-content {
        padding: 15px 0
    }

    .booking-home-js #booking-home .form-content .title-form {
        width: 21%
    }

    .booking-home-js #booking-home .form-content .field {
        width: 10%;
        padding: 0 20px 0 0;
        margin: 0
    }

    .slider-block .slider-info .slider-items .copy {
        width: 45%
    }

    .slider-block .slider-info .slider-items .images {
        width: 55%
    }
}

@media (max-width: 1025px) {
    .navigation-js .close-icon {
        top: 5%;
        left: 5%
    }

    .navigation-js .wrapper:before {
        width: 42%
    }

    .navigation-js .navigation-info {
        width: 32%
    }

    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation {
        left: -10%
    }

    @media (max-width: 900px) {
        .navigation-js .navigation-info nav#primary-nav ul#privary-navigation {
            top: 4rem;
        }
    }

    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li {
        margin: 25px 0
    }

    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li a {
        font-size: 19px;
        letter-spacing: 1px
    }

    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu {
        top: 100%
    }

    .navigation-js .navigation-info .menu-other-properties {
        left: -10%;
        z-index: 10
    }

    .navigation-js .navigation-info .menu-other-properties:before {
        left: -90%
    }

    .navigation-js .navigation-info nav#secondary-nav {
        left: -10%;
        padding: 0
    }

    .navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li {
        margin: 6px 0
    }

    .navigation-js .navigation-info nav#secondary-nav ul#secondary-navigation li a {
        font-size: 13px;
        letter-spacing: 0
    }

    .header .info-header .book-header .btn {
        padding: 12px 10px;
        font-size: 12px;
        line-height: 12px
    }

    .footer .container {
        padding: 0 30px
    }

    .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap {
        width: 80%
    }

    .footer .section-one .sign-up form#email-signup .signup-btn {
        bottom: 10px
    }

    .booking-home-js #booking-home .form-content .field.date {
        width: 24%
    }

    .booking-home-js #booking-home .form-content .btn-form {
        width: 12%
    }

    .slider-block .slider-info .slider-items .copy {
        width: 50%
    }

    .slider-block .slider-info .slider-items .images {
        width: 50%
    }

    .slider-block.map-true .slider-info .slider-items .images {
        width: 50%
    }

    .slider-block.map-true .slider-info .slider-items .images figure {
        height: 420px
    }

    .slider-block.map-true .slider-info .slider-items .copy {
        width: 50%;
        padding: 40px 5%
    }

    .slider-block.map-true .slider-info .slider-items .copy .sub-title {
        margin: 0 0 30px 0
    }

    .slider-tag-block .info .title-info {
        padding: 0 20px 30px 10px
    }

    .slider-tag-block .info .copy-info {
        padding: 0 10px 0 0
    }

    .slider-tag-block .info .filter-content {
        width: 60%;
        left: 40%
    }

    .slider-tag-block .menu-slider-tag {
        width: 57%;
        left: 41%
    }

    .slider-tag-block .slider-tag-info .slider-tag-items .image-one {
        padding: 0 20px 0 0
    }

    .slider-tag-block .slider-tag-info .slider-tag-items .copy-content .info-text {
        padding: 140px 5px 0 5px
    }

    .gallery-block .gallery-items .gallery-item {
        max-width: 820px;
        padding: 0 15px
    }

    .amenities-block .container {
        padding: 0 30px
    }

    .slider-bg-block .button-info .button-container .slick-arrow.slick-prev {
        right: calc(13% + 35px)
    }

    .slider-bg-block .button-info .button-container .slick-arrow.slick-next {
        right: 13%
    }

    .slider-bg-block .slider-bg-info .slider-bg-items .copy {
        width: 60%;
        left: 30px
    }

    .slider-bg-block.format-right .slider-bg-info .slider-bg-items .copy {
        right: 30px
    }

    @media (max-width: 900px) {
        .slider-bg-block.format-right .slider-bg-info .slider-bg-items .copy {
            left: 15px;
            top: 22rem;
            width: 93%;
        }
    }

    .single-text-block .single-text-items .copy {
        padding: 10px 4%
    }

    .form-module-wrapper form.form-module {
        padding: 0 30px
    }

    .text-modules-wrapper .text-modules {
        padding: 0 30px
    }

    .columns-overlap-block .columns-items .columns-item {
        width: 33.3%
    }
}

@media (max-width: 840px) {
    .header .container {
        padding: 25px 20px
    }

    .header .menu-header .menu-icon {
        margin: 0 2% 0 0
    }

    .header .info-header .header-phone {
        padding: 5px 4%
    }

    .header.down .container, .header.up .container, .header.open .container, .header.header-no .container {
        padding: 12px 20px
    }

    .navigation-js .wrapper:before {
        width: 100%
    }

    .navigation-js .navigation-info {
        width: 60%
    }

    .navigation-js .navigation-info nav#primary-nav ul#privary-navigation li ul.submenu li {
        margin: 30px 0 30px 30px
    }

    .booking-js #booking-form {
        width: 55%;
        left: 45%
    }

    .footer .section-one .sign-up form#email-signup .fields-wrap .gdpr-wrap {
        width: 80%
    }

    .footer .section-one .sign-up form#email-signup .signup-btn {
        bottom: 10px
    }

    .footer .section-two {
        padding: 50px 0 30px 0
    }

    .footer .section-two .container .set-one {
        width: 30%
    }

    .footer .section-two .container .set-one ul.logos li {
        padding: 0 0 20px 0
    }

    .footer .section-two .container .set-one ul.logos li:last-child {
        padding: 0
    }

    .footer .section-two .container .set-two {
        width: 30%
    }

    @media (max-width: 767px) {
        .footer .section-two .container .set-two {
            width: 100%
        }
    }

    .footer .section-three .container {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .footer .section-three .container .set-one {
        width: 50%;
        padding: 0 20px 0 0;
        -ms-flex-order: 2;
        order: 2
    }

    .footer .section-three .container .set-two {
        width: 50%;
        text-align: right;
        -ms-flex-order: 3;
        order: 3
    }

    .footer .section-three .container .set-three {
        width: 100%;
        padding: 0 20px 15px 20px;
        margin-bottom: 15px;
        text-align: center;
        border-bottom: solid 1px rgba(34, 34, 34, 0.2);
        -ms-flex-order: 1;
        order: 1
    }

    .booking-home-js #booking-home .form-content {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .booking-home-js #booking-home .form-content .title-form {
        width: 100%;
        padding: 0 0 5px 0;
        text-align: center
    }

    .booking-home-js #booking-home .form-content .field {
        width: 15%
    }

    .booking-home-js #booking-home .form-content .field.date {
        width: 32%
    }

    .booking-home-js #booking-home .form-content .btn-form {
        width: 23%
    }

    .intro-content.no-image .copy {
        width: 90%
    }

    .columns-block .columns-items {
        width: 100% !important;
        padding: 20px 15px
    }

    .columns-block.format-02 .columns-items .images figure {
        /*height: 260px;*/
        height: 363px;
    }

    .slider-tag-block .info .filter-content {
        width: 70%;
        left: 30%
    }

    .slider-tag-block .menu-slider-tag {
        width: 90%;
        left: 2%
    }

    .slider-tag-block .slider-tag-info .slider-tag-items .image-one {
        width: 30%
    }

    .slider-tag-block .slider-tag-info .slider-tag-items .copy-content {
        width: 70%
    }

    .gallery-block .gallery-items .gallery-item {
        max-width: 600px;
        height: 420px
    }

    .slider-bg-block .slider-bg-info .slider-bg-items .copy {
        width: 70%
    }

    .slider-block .slider-info .slider-items .images {
        width: 50%
    }

    .slider-block .slider-info .slider-items .copy {
        width: 50%;
        padding: 60px 5% 100px 5%
    }

    .amenities-block .amenities-item {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    .amenities-block .amenities-item .title {
        width: 100%;
        padding: 0
    }

    .amenities-block .amenities-item .copy {
        width: 100%
    }

    .single-text-block .single-text-items {
        min-height: 240px
    }

    .single-text-block .single-text-items .image-one, .single-text-block .single-text-items .image-two {
        width: 125px;
        height: 125px
    }

    .single-text-block .single-text-items .copy {
        width: calc(100% - 250px)
    }

    .list-block .list-item {
        padding: 50px 0
    }

    .list-block .list-item .images {
        width: 45%
    }

    .list-block .list-item .images figure {
        height: 450px
    }

    .list-block .list-item .copy {
        width: 55%
    }

    .open-table-widget .container {
        padding: 0 30px
    }

    .menu-restaurant .container-menus .menu-categories {
        padding: 50px 5%
    }

    .hours-block .hours-info .slider-items {
        width: 33.3%
    }

    #myGallery #gallerymontage a {
        height: 180px !important
    }

    #attractions #content .attractions-content__left .attractions-intro {
        padding: 30px 0 10px 0
    }

    #attractions #content .attractions-content__left .attractions-intro h1.text-center span {
        font-size: 16px;
        line-height: 20px;
        letter-spacing: 0.5px
    }

    #attractions #content .attractions-content__left .attractions-filter {
        -ms-flex-flow: wrap;
        flex-flow: wrap
    }

    #attractions #content .attractions-content__left .attractions-filter__fields {
        width: 100%
    }

    #attractions #content .attractions-content__left .attractions-filter__reset {
        width: 100%;
        padding: 10px 10px 0 10px;
        text-align: center
    }

    #attractions #content .attractions-content__left .attractions-filter__reset .reset {
        width: 100%;
        padding: 14px 25px
    }

    .contact .text-modules-wrapper .text-modules div {
        width: 50%;
        padding: 0 10px 40px 10px
    }

    .contact .text-modules-wrapper .text-modules div p {
        padding: 0 0 20px 0
    }

    .contact .text-modules-wrapper .text-modules div p:last-child {
        padding: 0
    }

    .contact .text-modules-wrapper .text-modules p:last-child {
        padding: 0 10px
    }

    .columns-overlap-block .columns-items .columns-item {
        width: 50%
    }
}

.swiper-button-next,
.swiper-button-prev {
    opacity: 1 !important; /* Görünürlüğü artır */
    visibility: visible !important;
    pointer-events: auto !important; /* Tıklanabilir yap */
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    color: #9f755a !important;
}

/*Swiper*/

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    display: flex;
    transition: transform 0.3s ease;
}

.swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
}


.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.caption {
    margin-top: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 16px;
    color: black !important;
    text-align: center;
}


/* Temel stiller */
.swiper_room_slider img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.swiperSlider,
.swiper-slider-new {
    height: 100vh; /* Tüm ekranı kaplasın */
}

.swiper-slider-new img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Görselin taşmasını ve kırpılmasını engeller */
}

.caption_room {
    font-family: Montserrat, sans-serif;
    font-size: 15px;
    background: #9f755a;
    padding: 0.6rem !important;
    color: white;
    text-align: center;
    margin-top: -3rem;
    height: 3rem;
}


@media (max-width: 767px) {
    .mobile-rooms {
        display: block !important;
    }

    .desktopSlider {
        display: none !important;
    }

    .mobileSlider {
        display: block !important;
    }

    .desktop-rooms {
        display: none !important;
    }

    .desktop_services {
        display: none !important;
    }

    .desktop_restaurant {
        display: none !important;
    }

    .desktop_gluten {
        display: none !important;
    }

    .desktop_footer {
        display: none !important;
    }

    .desktop_slider {
        display: none !important;
    }

    .about_desktop_img {
        display: none !important;
    }

    .desktop_tarihce {
        display: none !important;
    }

    .desktop_guris_video {
        display: none !important;
    }

    .desktop_room_left {
        display: none !important;
    }

    .desktop_room_right {
        display: none !important;
    }


    .caption_room_mobile {
        font-family: Montserrat, sans-serif;
        font-size: 14px;
        background: #9f755a;
        margin: auto;
        padding: 0.6rem !important;
        color: white;
        text-align: center;
    }

    .desktop_stars {
        display: none !important;
    }

    .mobile_stars {
        display: block !important;
    }

    .mobile_services {
        display: block !important;
    }

    .mobile_restaurant {
        display: block !important;
    }

    .mobile_gluten {
        display: block !important;
    }

    .mobile_footer {
        display: block !important;
    }

    .mobile_slider {
        display: block !important;
    }

    .about_mobile_img {
        display: block !important;
    }

    .mobile_tarihce {
        display: block !important;
    }

    .mobile_guris_video {
        display: block !important;
    }

    .mobile_room_left {
        display: block !important;
    }

    .mobile_room {
        display: block !important;
        margin-top: 10px;
    }

    .m-slider-tag {
        top: 33rem !important;
    }


    .other_services_text p {
        font-size: 13px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: normal !important;
        padding: 10px;
        height: 15rem !important;
        z-index: 9999999999 !important;
    }


    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 2rem !important;
        font-weight: bold !important;
    }
}

@media (min-width: 768px) {
    .mobile-rooms {
        display: none !important;
    }

    .mobile_stars {
        display: none !important;
    }

    .mobile_services {
        display: none !important;
    }

    .mobile_restaurant {
        display: none !important;
    }

    .mobile_gluten {
        display: none !important;
    }

    .mobile_footer {
        display: none !important;
    }

    .mobile_slider {
        display: none !important;
    }

    .about_mobile_img {
        display: none !important;
    }

    .mobile_tarihce {
        display: none !important;
    }

    .mobile_lang {
        display: none !important;
    }

    .mobile_bottom_bar {
        display: none !important;
    }

    .mobile_guris_video {
        display: none !important;
    }

    .mobile_room {
        display: none !important;
    }

    .mobile_room {
        display: none !important;
    }

    .mobile_room_left {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .slider-block .slider-items {
        display: block; /* Öğeleri dikey hizalamak için */
        margin-bottom: 30px; /* Her öğe arasına boşluk eklemek için */
        width: 100%;
        position: relative;
        top: 0px;
        z-index: 999;
        opacity: 1;
    }

    .slider-block .slider-items .images {
        width: 100%; /* Görsellerin genişliği tam ekran olacak şekilde */
        text-align: center; /* Görselleri ortalamak için */
    }

    .slider-block .slider-items .copy {
        width: 100%; /* İçeriğin genişliğini 100% yaparak tamamen ekranı kaplamasını sağlarız */
        padding: 20px; /* Mobilde içeriğin daha rahat görünmesi için padding eklenebilir */
    }

    .slider-block .slider-items .text h1 {
        font-size: 24px; /* Başlık font boyutunu küçültmek için */
        text-align: center; /* Başlıkları ortalamak için */
    }

    .slider-block .slider-items .text p {
        font-size: 16px; /* Yazı boyutunu mobil için uygun hale getirmek */
        text-align: center; /* Yazıları ortalamak için */
    }

    /* Görselin altındaki açıklamayı daha belirgin yapmak için */
    .slider-block .slider-items .copy hr {
        width: 50%; /* Alt çizginin genişliği */
        margin: 10px auto; /* Ortalamak için */
    }
}


@media (min-width: 768px) {
    .desktop_room_text {
        font-size: 16px;
        background: black;
        color: white !important;
        padding: 10px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
        margin-top: -24px;
        width: 39%;
    }

    .desktop_room_single_text {
        font-size: 16px;
        background: white;
        color: black !important;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
        margin-top: 5rem;
        margin-left: 18rem;
        width: 30%;
        border-radius: 25px;
        padding: 1rem
    }
}

@media (max-width: 767px) {
    .mobile_room_single_text {
        font-size: 14px;
        background: white;
        color: black !important;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-end;
        justify-content: center;
        margin-top: 2rem;
        margin-left: 8rem;
        width: 30%;
        padding: 10px;
        font-weight: 500;
    }
}

@media (max-width: 767px) {
    .detail_text {
        padding: 12px;
    }
}


/*Slider*/

.masthead-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start; /* Sol hizalama */
    padding: 16px 0;
    gap: 32px;
    position: absolute; /* Eğer belirli konuma sabitlemek istiyorsan */
    left: 0; /* Sayfanın en solu */
    bottom: 3rem !important;
    z-index: 9999 !important;
}

@media (max-width: 767px) {
    .masthead-nav {
        gap: 0;
    }
}

.masthead-nav-item {
    text-decoration: none;
    color: white;
    text-align: center;
    font-family: 'HeleneHess';
    transition: all 0.3s ease;
}

.masthead-nav-item:hover {
    transform: translateY(-5px);
    opacity: 0.8;
}

.masthead-nav-item-wrapper {
    display: flex;

    margin-left: 9rem;
}

.masthead-nav-icon-wrap img {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.int-img2 figure {
    position: relative;
}

.int-img2 figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2); /* Siyah overlay, opaklık ayarlanabilir */
    pointer-events: none; /* Overlay tıklamaları engellemez */
}

.masthead-nav-icon-title {
    font-size: 18px;
    margin-top: 5px;
    color: white;
    font-weight: 300;
}

.sym-slides.top-img.desktop_slider.int-img {
    position: relative;
    overflow: hidden;
}

/* Mevcut figure'ların üstüne pseudo-element ile gradient ekliyoruz */
.sym-slides.top-img.desktop_slider.int-img2::after {
    content: "";
    position: absolute;
    bottom: 14px;
    left: 0;
    width: 100%;
    height: 28%; /* Alt kısmı kapsasın */
    background: linear-gradient(to top, rgba(10, 25, 47, 0.7) 45%, rgba(10, 25, 47, 0) 100%);

    pointer-events: none;
}


/* Görsellerin altında kalmasın diye figure içerikleri bir z-index ile üste çekelim */
.sym-slides.top-img.desktop_slider.int-img2 figure {
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .masthead-nav.container {
        overflow-x: auto;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        -webkit-overflow-scrolling: touch; /* iOS için yumuşak scroll */
        justify-content: flex-start;
    }

    .masthead-nav.container .masthead-nav-item {
        flex: 0 0 auto;
        width: 39%; /* İstersen görünüm için ayarlayabiliriz */
        margin-right: 10px; /* Elemanlar arasında boşluk */
    }

}

.language-dropdown {
    position: relative;
    display: inline-block;
    cursor: pointer;
    font-family: sans-serif;
}

.selected-language {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px;
    color: white;
    border-radius: 4px;
    /*min-width: 140px;*/
    min-width: 60px;
    top: 0.3rem;
}

.selected-language img {
    width: 30px;
}

.language-options {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: none;
    flex-direction: column;
    z-index: 999;
    min-width: 140px;
}

.language-options a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 10px;
    text-decoration: none;
    color: #333;
    width: 85%;
    text-align: justify;
    box-sizing: border-box;
}

.language-options a:hover {
    background-color: #f0f0f0;
}

.language-options img {
    width: 20px;
    height: auto;
    border-radius: 2px;
}

.language-dropdown:hover .language-options {
    display: flex;
}

.footer_social i {
    padding-left: 10px !important;
    font-size: 22px;
    color: #ffffff;
}

.logo_link_yatay {
    top: 4.8rem;
}

.logo_dikey img {
    margin-left: 3rem;
}

.logo_link_dikey {
    margin-left: 3rem;
}

@media (max-width: 768px) {
    .logo_link_yatay {
        top: 0 !important;
    }

    .logo_yatay {
        margin-bottom: 2rem;
    }

    .logo_dikey {
        margin-bottom: 2rem;
    }

    .logo_yatay img {
        width: 300px;
    }

    .logo_dikey img {
        width: 200px;
        margin-left: 0;
    }

    .logo_link_yatay a {
        font-size: 18px;
    }

    .logo_link_dikey a {
        font-size: 18px;
    }

    .logo_link_dikey {
        margin-left: 0;
    }

}

.logo_link_yatay a {
    color: black !important;
    font-weight: 500;
}

.logo_link_dikey a {
    color: black !important;
    font-weight: 500;

}