@charset "UTF-8";
@-webkit-keyframes arrow_down {
    0% {
        -webkit-transform: translate(0px, 6px);
    }
    100% {
        -webkit-transform: translate(0px, -16px);
    }
}

@-moz-keyframes arrow_down {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 600%;
    }
}

@font-face {
    font-family: 'HotelPerk Sans';
    src: url("../fonts/hotelperksans-regular.woff2") format("woff2"), url("../fonts/hotelperksans-regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'HotelPerk Sans';
    src: url("../fonts/hotelperksans-medium.woff2") format("woff2"), url("../fonts/hotelperksans-medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

:root {
    --breakpoint: xxl;
    --font: 'HotelPerk Sans', BlinkMacSystemFont, 'Avenir Next', Avenir, 'Nimbus Sans L', Roboto, Noto, 'Segoe UI', Arial, Helvetica, 'Helvetica Neue', sans-serif;
    --font-secondary: var(--font);
    --font-size: 16px;
    --line-height: 1.5;
    --paragraph-spacing: 1.5rem;
    --font-regular: 400;
    --font-medium: 500;
    --font-bold: 700;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.85rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.5rem;
    --font-size-5xl: 3.125rem;
    --font-size-6xl: 4.375rem;
    --font-size-7xl: 7.5rem;
    --h0: 7.5rem;
    --h1: 4.375rem;
    --h2: 3.125rem;
    --h3: 2.5rem;
    --h4: 2rem;
    --h5: 1.5rem;
    --h6: 1.5rem;
    --xl: 1440px;
    --lg: 1280px;
    --md: 992px;
    --sm: 768px;
    --xs: 576px;
    --navy-dark: #282C43;
    --navy: #32364E;
    --olive: #414525;
    --olive-dark: #353919;
    --brick: #0098AA;
    --sand: #D7C3AC;
    --sand-dark: #D1B99D;
    --black: #000000;
    --white: #fff;
    --color: #000;
    --bg-color: #fafafa;
    --bg-color-light: #EEEEEE;
    --bg-dark-o: #006C70;
    --bg-white-o: #EEEAE0;
    --primary: #0098AA;
    --primary-dark: #006a77;
    --secondary: #b00400;
    --secondary-dark: #7d0300;
    --light: #f2f2f2;
    --dark: #212529;
    --dark-brown: #3C3C3B;
    --gray-light: #f2f2f2;
    --gray: #999;
    --gray-dark: #666;
    --border-color: #dfdfdf;
    --img-bg: var(--gray-light);
    --green: #7ab573;
    --orange: #f6b036;
    --red: #de594a;
    --info: var(--light);
    --success: var(--green);
    --warning: var(--orange);
    --error: var(--red);
    --spacing: 8px;
    --gutter-x: 30px;
    --gutter-y: 30px;
    --container-width: 100%;
    --container-padding: 40px;
    --container-vert-padding: 40px;
    --section-padding: 100px;
    --border-radius: 0;
}

@media (max-width: 1439.98px) {
    :root {
        --breakpoint: xl;
    }
}

@media (max-width: 1279.98px) {
    :root {
        --breakpoint: lg;
    }
}

@media (max-width: 991.98px) {
    :root {
        --breakpoint: md;
        --section-padding: 80px;
    }
}

@media (max-width: 767.98px) {
    :root {
        --breakpoint: sm;
    }
}

@media (max-width: 575.98px) {
    :root {
        --breakpoint: xs;
        --section-padding: 60px;
        --container-padding: 20px;
    }
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}

ol,
ul {
    list-style: none;
}

q,
blockquote {
    quotes: none;
}

q:before, q:after,
blockquote:before,
blockquote:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent;
}

[tabindex='-1']:focus:not(:focus-visible) {
    outline: 0 !important;
    /* stylelint-disable-line declaration-no-important */
}

input,
button,
textarea,
select {
    font: inherit;
}

button {
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
    height: auto;
}

svg {
    display: block;
    fill: currentColor;
}

*,
*:before,
*:after {
    box-sizing: border-box;
}

::selection {
    background: var(--primary);
    color: #fff;
}

html {
    font-size: var(--font-size);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

body {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    font-family: var(--font);
    line-height: var(--line-height);
    color: var(--white);
    background-color: var(--bg-color);
    overflow: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading, var(--font-secondary));
    line-height: 1.3;
    font-weight: var(--font-regular);
    margin: 0 0 1rem;
}

.h0 {
    font-size: var(--h0);
}

h1 {
    font-size: var(--h1);
}

h2 {
    font-size: var(--h2);
}

h3 {
    font-size: var(--h3);
}

h4 {
    font-size: var(--h4);
}

h5 {
    font-size: var(--h5);
}

h6 {
    font-size: var(--h6);
}

p,
address {
    margin-bottom: var(--paragraph-spacing);
}

a {
    color: currentColor;
    text-decoration: none;
    /* &:active{
        outline: none;
        -moz-outline-style: none;
    } */
}

b,
strong {
    font-weight: var(--font-medium);
}

i,
em {
    font-style: italic;
}

sub {
    font-size: 60%;
    vertical-align: sub;
}

sup {
    font-size: 60%;
    vertical-align: super;
}

.apply-formatting {
    /* blockquote{
        margin-bottom: var(--paragraph-spacing);

        p{
            @include text-lg;
            padding-left: 30px;
            border-left: 3px solid var(--primary);
        }

        footer{
            @include text-sm;
            padding-left: 30px;

            &:before{
                content: '— ';
            }
        }
    } */
}

.apply-formatting > *:first-child {
    margin-top: 0 !important;
}

.apply-formatting > *:last-child {
    margin-bottom: 0 !important;
}

.apply-formatting h2,
.apply-formatting h3,
.apply-formatting h4,
.apply-formatting h5,
.apply-formatting h6 {
    margin-top: calc(var(--paragraph-spacing) * 1.5);
}

.apply-formatting p {
    margin-bottom: var(--paragraph-spacing);
}

.apply-formatting a:not(.button) {
    color: var(--color);
    text-decoration: underline;
}

.apply-formatting a:not(.button):hover {
    text-decoration: none;
}

.apply-formatting ul {
    margin-bottom: var(--paragraph-spacing);
}

.apply-formatting ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}

.apply-formatting ul li:last-child {
    margin-bottom: 0;
}

.apply-formatting ul li:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: .6em;
    background-color: var(--primary);
    border-radius: 50%;
}

.apply-formatting ol {
    counter-reset: ol-counter;
    margin-bottom: var(--paragraph-spacing);
}

.apply-formatting ol li {
    position: relative;
    counter-increment: ol-counter;
    padding-left: 20px;
    margin-bottom: 5px;
}

.apply-formatting ol li:last-child {
    margin-bottom: 0;
}

.apply-formatting ol li:before {
    content: counter(ol-counter) ") ";
    position: absolute;
    top: 0;
    left: 0;
}

.apply-formatting hr {
    display: block;
    width: 100%;
    height: 0;
    border: 1px solid var(--border-color);
    border-width: 1px 0 0 0;
    margin: var(--paragraph-spacing) 0;
}

.apply-formatting img {
    width: 100%;
    margin-bottom: var(--paragraph-spacing);
}

.apply-formatting .video-wrapper {
    margin-bottom: var(--paragraph-spacing);
}

.lazyload,
.lazyloading,
.lazyload.lazyloaded,
.lazyloading.lazyloaded {
    opacity: 0;
}

.lazyloaded {
    opacity: 1;
    transition: opacity .5s;
}

.ls-is-cached {
    opacity: 1;
    transition: opacity 0s;
}

img[data-sizes="auto"] {
    width: 100%;
}

/** Light color-scheme **/
:root {
    --cc-bg: #fff;
    --cc-text: #2d4156;
    --cc-btn-primary-bg: #2d4156;
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: #1d2e38;
    --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
/* .c_darkmode{
    --cc-bg: #181b1d;
    --cc-text: #d8e5ea;
    --cc-btn-primary-bg: #a6c4dd;
    --cc-btn-primary-text: #000;
    --cc-btn-primary-hover-bg: #c2dff7;
    --cc-btn-secondary-bg: #33383c;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #3e454a;
    --cc-toggle-bg-off: #667481;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #454c54;
    --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
    --cc-toggle-knob-icon-color: var(--cc-bg);
    --cc-block-text: #b3bfc5;
    --cc-cookie-category-block-bg: #23272a;
    --cc-cookie-category-block-bg-hover: #2b3035;
    --cc-section-border: #292d31;
    --cc-cookie-table-border: #2b3035;
    --cc-webkit-scrollbar-bg: #667481;
    --cc-webkit-scrollbar-bg-hover: #9199a0;
} */
.cc_div *,
.cc_div *:hover,
.cc_div :before,
.cc_div :after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: none;
    font-style: inherit;
    font-variant: normal;
    font-weight: inherit;
    font-family: inherit;
    line-height: 1.2;
    font-size: 1em;
    transition: none;
    animation: none;
    margin: 0;
    padding: 0;
    text-transform: none;
    letter-spacing: unset;
    color: inherit;
    background: none;
    border: none;
    border-radius: unset;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    visibility: unset;
    height: auto;
    vertical-align: baseline;
}

.cc_div {
    font-size: 16px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #2d4156;
    color: var(--cc-text);
}

.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before {
    font-weight: 600;
}

#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc {
    border-radius: .35em;
}

#s-bl .act .b-acc {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cc_div input,
.cc_div button,
.cc_div a {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.cc_div a {
    border-bottom: 1px solid;
}

.cc_div a:hover {
    text-decoration: none;
    border-color: transparent;
}

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
    transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
}

.c--anim .c-bn {
    transition: background-color 0.25s ease !important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
    transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov {
    transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
    transform: translateX(100%);
    opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
    transform: translateX(-100%);
    opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr {
    transform: translateY(1.6em);
}

#cm.top.slide {
    transform: translateY(-1.6em);
}

#cm.bar.slide {
    transform: translateY(100%);
}

#cm.bar.top.slide {
    transform: translateY(-100%);
}

/* end transitions */
/* Show modals */
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
    opacity: 1;
    transform: scale(1);
    visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
    transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
    visibility: visible !important;
}

/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
    visibility: visible !important;
    opacity: 1 !important;
}

#cm {
    font-family: inherit;
    padding: 1.1em 1.8em 1.4em 1.8em;
    position: fixed;
    z-index: 1;
    background: #fff;
    background: var(--cc-bg);
    max-width: 24.2em;
    width: 100%;
    bottom: 1.250em;
    right: 1.250em;
    box-shadow: 0 0.625em 1.875em #000000;
    box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
    opacity: 0;
    visibility: hidden;
    transform: scale(0.95);
    line-height: initial;
}

/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
    display: block !important;
}

#c-ttl {
    margin-bottom: .7em;
    font-size: 1.05em;
}

.cloud #c-ttl {
    margin-top: -.15em;
}

#c-txt {
    font-size: 0.9em;
    line-height: 1.5em;
}

.cc_div #c-bns {
    display: flex;
    justify-content: space-between;
    margin-top: 1.4em;
}

.cc_div .c-bn {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg);
    padding: 1em 1.7em;
    display: inline-block;
    cursor: pointer;
    font-size: 0.82em;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    text-align: center;
    border-radius: 4px;
    flex: 1;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
    float: right;
    margin-left: 1em;
}

#s-cnt #s-rall-bn {
    float: none;
}

#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg);
}

/**
CookieConsent settings modal
**/
#s-cnt {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 101;
    display: table;
    height: 100%;
    visibility: hidden;
}

#s-bl {
    outline: none;
}

#s-bl .title {
    margin-top: 1.4em;
}

#s-bl .title:first-child {
    margin-top: 0;
}

#s-bl .b-bn {
    margin-top: 0;
}

#s-bl .b-acc .p {
    margin-top: 0;
    padding: 1em;
}

#s-cnt .b-bn .b-tl {
    display: block;
    font-family: inherit;
    font-size: .95em;
    width: 100%;
    position: relative;
    padding: 1.3em 6.4em 1.3em 2.7em;
    background: none;
    transition: background-color .25s ease;
}

#s-cnt .b-bn .b-tl.exp {
    cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
    position: relative;
}

#s-bl .c-bl {
    padding: 1em;
    margin-bottom: .5em;
    border: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    transition: background-color .25s ease;
}

#s-bl .c-bl:hover {
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
    margin-bottom: .5em;
}

#s-bl .c-bl:first-child {
    transition: none;
    padding: 0;
    margin-top: 0;
    border: none;
    margin-bottom: 2em;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
    background: transparent;
    background: unset;
}

#s-bl .c-bl.b-ex {
    padding: 0;
    border: none;
    background: #f0f4f7;
    background: var(--cc-cookie-category-block-bg);
    transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
    margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
    margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: 1em;
}

#s-bl .c-bl.b-ex:first-child {
    margin-bottom: .5em;
}

#s-bl .b-acc {
    max-height: 0;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
    display: none;
}

#s-bl .act .b-acc {
    max-height: 100%;
    display: block;
    overflow: hidden;
}

#s-cnt .p {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-top: .85em;
    color: #2d4156;
    color: var(--cc-block-text);
}

.cc_div .b-tg .c-tgl:disabled {
    cursor: not-allowed;
}

#c-vln {
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

#cs {
    padding: 0 1.7em;
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

#s-inr {
    height: 100%;
    position: relative;
    max-width: 45em;
    margin: 0 auto;
    transform: scale(0.96);
    opacity: 0;
    padding-top: 4.75em;
    padding-bottom: 4.75em;
    position: relative;
    height: 100%;
    overflow: hidden;
    visibility: hidden;
    box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
}

#s-inr,
#s-hdr,
#s-bns {
    background: #fff;
    background: var(--cc-bg);
}

#s-bl {
    overflow-y: auto;
    overflow-y: overlay;
    overflow-x: hidden;
    height: 100%;
    padding: 1.3em 2.1em;
    display: block;
    width: 100%;
}

#s-bns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1em 2.1em;
    border-top: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
    height: 4.75em;
}

.cc_div .cc-link {
    color: #253b48;
    color: var(--cc-btn-primary-bg);
    border-bottom: 1px solid #253b48;
    border-color: var(--cc-btn-primary-bg);
    display: inline;
    padding-bottom: 0;
    text-decoration: none;
    cursor: pointer;
    font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div .cc-link:active {
    border-color: transparent;
}

#c-bns button:first-child,
#s-bns button:first-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg);
}

#c-bns.swap button:first-child {
    color: #40505a;
    color: var(--cc-btn-secondary-text);
    background: #e5ebef;
    background: var(--cc-btn-secondary-bg);
}

#c-bns.swap button:last-child {
    color: #fff;
    color: var(--cc-btn-primary-text);
    background: #253b48;
    background: var(--cc-btn-primary-bg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
    background: #253b48;
    background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover {
    background: #1d2e38;
    background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
    background: #d8e0e6;
    background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr {
    position: absolute;
    top: 0;
    width: 100%;
    display: table;
    padding: 0 2.1em;
    height: 4.75em;
    vertical-align: middle;
    z-index: 2;
    border-bottom: 1px solid #f1f3f5;
    border-color: var(--cc-section-border);
}

#s-ttl {
    display: table-cell;
    vertical-align: middle;
    font-size: 1em;
}

#s-c-bn {
    padding: 0;
    width: 1.7em;
    height: 1.7em;
    font-size: 1.45em;
    margin: 0;
    font-weight: initial;
    position: relative;
}

#s-c-bnc {
    display: table-cell;
    vertical-align: middle;
}

.cc_div span.t-lb {
    position: absolute;
    top: 0;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
}

#c_policy__text {
    height: 31.250em;
    overflow-y: auto;
    margin-top: 1.250em;
}

#c-s-in {
    position: relative;
    transform: translateY(-50%);
    top: 50%;
    height: 100%;
    height: calc(100% - 2.5em);
    max-height: 37.5em;
}

@media screen and (min-width: 688px) {
    /** works only on webkit-based browsers **/
    #s-bl::-webkit-scrollbar {
        width: .9em;
        height: 100%;
        background: transparent;
        border-radius: 0 0.250em 0.250em 0;
    }
    #s-bl::-webkit-scrollbar-thumb {
        border: 0.25em solid var(--cc-bg);
        background: #cfd5db;
        background: var(--cc-webkit-scrollbar-bg);
        border-radius: 100em;
    }
    #s-bl::-webkit-scrollbar-thumb:hover {
        background: #9199a0;
        background: var(--cc-webkit-scrollbar-bg-hover);
    }
    #s-bl::-webkit-scrollbar-button {
        width: 10px;
        height: 5px;
    }
}

/** custom checkbox **/
/* The container */
.cc_div .b-tg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: inline-block;
    margin: auto;
    right: 1.2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

/* Hide the browser's default checkbox */
.cc_div .b-tg .c-tgl {
    position: absolute;
    cursor: pointer;
    display: block;
    top: 0;
    left: 0;
    margin: 0;
    border: 0;
}

/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
    position: absolute;
    background: #919ea6;
    background: var(--cc-toggle-bg-off);
    transition: background-color .25s ease, box-shadow .25s ease;
    pointer-events: none;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl {
    width: 3.4em;
    height: 1.5em;
    border-radius: 4em;
}

.cc_div .b-tg .c-tg.c-ro {
    cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
    background: #d5dee2;
    background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
    box-shadow: none;
}

/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
    content: "";
    position: relative;
    display: block;
    left: 0.125em;
    top: 0.125em;
    width: 1.25em;
    height: 1.25em;
    border: none;
    box-sizing: content-box;
    background: #fff;
    background: var(--cc-toggle-knob-bg);
    box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
    transition: transform .25s ease;
    border-radius: 100%;
}

/* Show the checkmark when checked */
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
    transform: translateX(1.9em);
}

#s-bl table,
#s-bl th,
#s-bl td {
    border: none;
}

#s-bl tbody tr {
    transition: background-color .25s ease;
}

#s-bl tbody tr:hover {
    background: #e9eff4;
    background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
    text-align: left;
    border-collapse: collapse;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#s-bl td,
#s-bl th {
    padding: 0.8em 0.625em;
    text-align: left;
    vertical-align: top;
    font-size: .8em;
    padding-left: 1.2em;
}

#s-bl th {
    font-family: inherit;
    padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child {
    border-bottom: 1px solid #e9edf2;
    border-color: var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs {
    width: 100vw;
}

#cm-ov,
#cs-ov {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden;
    opacity: 0;
    background: #070707;
    background: rgba(4, 6, 8, 0.85);
    background: var(--cc-overlay-bg);
    display: none;
    transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
    display: block;
}

#cs-ov {
    z-index: 2;
}

.force--consent .cc_div {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    width: 100vw;
    visibility: hidden;
    transition: visibility .25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
    visibility: visible;
}

.force--consent #cm {
    position: absolute;
}

.force--consent #cm.bar {
    width: 100vw;
    max-width: 100vw;
}

html.force--consent.show--consent {
    overflow-y: hidden !important;
}

html.force--consent.show--consent,
html.force--consent.show--consent body {
    height: auto !important;
    overflow-x: hidden !important;
}

/** END BLOCK PAGE SCROLL */
/** BEGIN ICONS **/
.cc_div .b-bn .exp::before,
.cc_div .act .b-bn .exp::before {
    border: solid #2d4156;
    border-color: var(--cc-btn-secondary-text);
    border-width: 0 2px 2px 0;
    padding: .2em;
    display: inline-block;
    position: absolute;
    content: '';
    margin-right: 15px;
    position: absolute;
    transform: translateY(-50%) rotate(45deg);
    left: 1.2em;
    top: 50%;
}

.cc_div .act .b-bn .b-tl::before {
    transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i::before {
    border: solid #fff;
    border-color: var(--cc-toggle-knob-icon-color);
    border-width: 0 2px 2px 0;
    padding: .1em;
    display: inline-block;
    padding-bottom: .45em;
    content: '';
    margin: 0 auto;
    transform: rotate(45deg);
    top: .37em;
    left: .75em;
    position: absolute;
}

#s-c-bn::before,
#s-c-bn::after {
    content: '';
    position: absolute;
    left: .82em;
    top: .58em;
    height: .6em;
    width: 1.5px;
    background: #444d53;
    background: var(--cc-btn-secondary-text);
    transform: rotate(45deg);
    border-radius: 1em;
    margin: 0 auto;
}

#s-c-bn::after {
    transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i {
    height: 100%;
    width: 50%;
    position: absolute;
    right: 0;
    display: block;
    text-align: center;
    transition: opacity .15s ease;
}

.cc_div .on-i {
    left: 0;
    opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after {
    right: .8em;
    top: .42em;
    content: ' ';
    height: .7em;
    width: .09375em;
    display: block;
    background: #cdd6dc;
    background: var(--cc-toggle-knob-icon-color);
    margin: 0 auto;
    position: absolute;
    transform-origin: center;
}

.cc_div .off-i::before {
    transform: rotate(45deg);
}

.cc_div .off-i::after {
    transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
    opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
    opacity: 0;
}

/** END ICONS **/
#cm.box.middle,
#cm.cloud.middle {
    top: 50%;
    transform: translateY(-37%);
    bottom: auto;
}

#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
    transform: scale(0.95) translateY(-50%);
}

#cm.box.center {
    left: 1em;
    right: 1em;
    margin: 0 auto;
}

/* Start cloud layout */
#cm.cloud {
    max-width: 50em;
    margin: 0 auto;
    text-align: center;
    left: 1em;
    right: 1em;
    overflow: hidden;
    padding: 1.3em 2em;
    width: unset;
}

.cc_div .cloud #c-inr {
    display: table;
    width: 100%;
}

.cc_div .cloud #c-inr-i {
    width: 70%;
    display: table-cell;
    vertical-align: top;
    padding-right: 2.4em;
}

.cc_div .cloud #c-txt {
    font-size: 0.85em;
}

.cc_div .cloud #c-bns {
    min-width: 170px;
    display: table-cell;
    vertical-align: middle;
}

#cm.cloud .c-bn {
    margin: .625em 0 0 0;
    width: 100%;
}

#cm.cloud .c-bn:first-child {
    margin: 0;
}

#cm.cloud.left {
    margin-right: 1.25em;
}

#cm.cloud.right {
    margin-left: 1.25em;
}

/* End cloud layout */
/* Start bar layout */
#cm.bar {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 0;
    position: fixed;
    padding: 2em;
}

#cm.bar #c-inr {
    max-width: 32em;
    margin: 0 auto;
}

#cm.bar #c-bns {
    max-width: 33.75em;
}

#cm.bar #cs {
    padding: 0;
}

.cc_div .bar #c-s-in {
    top: 0;
    transform: none;
    height: 100%;
    max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
    padding-left: 1.6em;
    padding-right: 1.6em;
}

.cc_div .bar #cs {
    padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr {
    margin: 0;
    margin-left: auto;
    margin-right: 0;
    border-radius: 0;
    max-width: 32em;
}

.cc_div .bar.left #s-inr {
    margin-left: 0;
    margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.cc_div .bar #s-bl tr {
    border-top: 1px solid #e3e7ed;
    border-color: var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
}

.cc_div .bar #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: #000;
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
}

/* End bar layout */
/* Positions */
#cm.top {
    bottom: auto;
    top: 1.250em;
}

#cm.left {
    right: auto;
    left: 1.250em;
}

#cm.right {
    left: auto;
    right: 1.250em;
}

#cm.bar.left,
#cm.bar.right {
    left: 0;
    right: 0;
}

#cm.bar.top {
    top: 0;
}

/* end positions */
@media screen and (max-width: 688px) {
    #cm,
    #cm.cloud,
    #cm.left,
    #cm.right {
        width: auto;
        max-width: 100%;
        margin: 0;
        padding: 1.4em !important;
        right: 1em;
        left: 1em;
        bottom: 1em;
        display: block;
    }
    .force--consent #cm,
    .force--consent #cm.cloud {
        width: auto;
        max-width: 100vw;
    }
    #cm.top {
        top: 1em;
        bottom: auto;
    }
    #cm.bottom {
        bottom: 1em;
        top: auto;
    }
    #cm.bar.bottom {
        bottom: 0;
    }
    #cm.cloud .c-bn {
        font-size: .85em;
    }
    #s-bns,
    .cc_div .bar #s-bns {
        padding: 1em 1.3em;
    }
    .cc_div .bar #s-inr {
        max-width: 100%;
        width: 100%;
    }
    .cc_div .cloud #c-inr-i {
        padding-right: 0;
    }
    #cs {
        border-radius: 0;
        padding: 0;
    }
    #c-s-in {
        max-height: 100%;
        height: 100%;
        top: 0;
        transform: none;
    }
    .cc_div .b-tg {
        transform: scale(1.1);
        right: 1.1em;
    }
    #s-inr {
        margin: 0;
        padding-bottom: 7.9em;
        border-radius: 0;
    }
    #s-bns {
        height: 7.9em;
    }
    #s-bl,
    .cc_div .bar #s-bl {
        padding: 1.3em;
    }
    #s-hdr,
    .cc_div .bar #s-hdr {
        padding: 0 1.3em;
    }
    /** dynamic table layout **/
    #s-bl table {
        width: 100%;
    }
    #s-inr.bns-t {
        padding-bottom: 10.5em;
    }
    .bns-t #s-bns {
        height: 10.5em;
    }
    .cc_div .bns-t .c-bn {
        font-size: 0.83em;
        padding: .9em 1.6em;
    }
    #s-cnt .b-bn .b-tl {
        padding-top: 1.2em;
        padding-bottom: 1.2em;
    }
    /* Force table to not be like tables anymore */
    #s-bl table,
    #s-bl thead,
    #s-bl tbody,
    #s-bl th,
    #s-bl td,
    #s-bl tr,
    #s-cnt {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    #s-bl thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    #s-bl tr {
        border-top: 1px solid #e3e7ed;
        border-color: var(--cc-cookie-table-border);
    }
    #s-bl td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
        padding-left: 35%;
    }
    #s-bl td:before {
        position: absolute;
        left: 1em;
        padding-right: 0.625em;
        white-space: nowrap;
        content: attr(data-column);
        color: #000;
        color: var(--cc-text);
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #cm .c-bn,
    .cc_div .c-bn {
        width: 100%;
        margin-right: 0;
    }
    #s-cnt #s-rall-bn {
        margin-left: 0;
    }
    .cc_div #c-bns {
        flex-direction: column;
    }
    #c-bns button + button,
    #s-cnt button + button {
        margin-top: 0.625em;
        margin-left: 0;
        float: unset;
    }
    #cm.cloud,
    #cm.box {
        left: 1em;
        right: 1em;
        width: auto;
    }
    #cm.cloud.right,
    #cm.cloud.left {
        margin: 0;
    }
    .cc_div .cloud #c-bns,
    .cc_div .cloud #c-inr,
    .cc_div .cloud #c-inr-i {
        display: block;
        width: auto;
        min-width: unset;
    }
    .cc_div .cloud #c-txt {
        font-size: .9em;
    }
    .cc_div .cloud #c-bns {
        margin-top: 1.625em;
    }
}

/* Begin IE fixes */
/* .cc_div.ie #c-vln{
	height: 100%;
	padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln{
    padding-top: 0;
}

.cc_div.ie #cs{
    max-height: 37.5em;
    position: relative;
	top: 0;
	margin-top: -5.625em;
}

.cc_div.ie .bar #cs{
    margin-top:0;
    max-height: 100%;
}

.cc_div.ie #cm{
    border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in{
    top: 0;
}

.cc_div.ie .b-tg{
	padding-left: 1em;
	margin-bottom: 0.7em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after{
    left: 1.95em;
}

.cc_div.ie #s-bl table{
	overflow: auto;
}

.cc_div.ie .b-tg .c-tg{
    display: none;
}

.cc_div.ie .b-tg .c-tgl{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0.2em;
    height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl{
    padding: 1.3em 6.4em 1.3em 1.4em
}

.cc_div.ie  .bar #s-bl td:before{
    display: none;
}

.cc_div.ie .bar #s-bl td{
    padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr{
    position: relative;
}

.cc_div.ie .b-tg .t-lb{
    filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov{
    filter: alpha(opacity=80);
} */
/** END IE FIXES **/
/* CUSTOM */
:root {
    --cc-bg: var(--bg-color);
    --cc-text: var(--color);
    --cc-btn-primary-bg: var(--primary);
    --cc-btn-primary-text: var(--cc-bg);
    --cc-btn-primary-hover-bg: var(--primary-dark);
    /* --cc-btn-secondary-bg: #eaeff2;
    --cc-btn-secondary-text: var(--cc-text);
    --cc-btn-secondary-hover-bg: #d8e0e6;
    --cc-toggle-bg-off: #919ea6;
    --cc-toggle-bg-on: var(--cc-btn-primary-bg);
    --cc-toggle-bg-readonly: #d5dee2;
    --cc-toggle-knob-bg: #fff;
    --cc-toggle-knob-icon-color: #ecf2fa;
    --cc-block-text: var(--cc-text);
    --cc-cookie-category-block-bg: #f0f4f7;
    --cc-cookie-category-block-bg-hover: #e9eff4;
    --cc-section-border: #f1f3f5;
    --cc-cookie-table-border: #e9edf2;
    --cc-overlay-bg: rgba(4, 6, 8, .85);
    --cc-webkit-scrollbar-bg: #cfd5db;
    --cc-webkit-scrollbar-bg-hover: #9199a0; */
}

/* Common */
.cc_div {
    font-family: inherit;
    font-weight: inherit;
}

/* Border Radius */
#cm, #s-bl .act .b-acc, #s-inr, .cc_div .b-tl, .cc_div .c-bl, .cc_div .c-bn {
    border-radius: 0;
}

/* Bold text */
#c-ttl, #s-bl td:before, #s-ttl, .cc_div .b-tl, .cc_div .c-bn {
    font-weight: 700;
}

/* Popup Subtitle */
#s-ttl .c-sttl {
    font-size: .8em;
    font-weight: 400;
    color: #919ea6;
    margin-top: .3em;
}

/* Bar layout */
#cm.bar {
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
    max-height: 100vh;
    overflow-y: auto;
}

#cm.bar #c-inr {
    display: flex;
    align-items: center;
    max-width: var(--container-width);
    gap: 4em;
}

#cm.bar #c-bns {
    display: flex;
    flex-shrink: 0;
    flex-direction: column;
    justify-content: center;
    width: 290px;
    max-width: none;
    margin-top: 0;
    margin-left: auto;
}

#c-bns button + button {
    margin-left: 0;
    margin-top: 1em;
}

@media (max-width: 767.98px) {
    #cm.bar #c-inr {
        flex-wrap: wrap;
        gap: var(--container-padding);
    }
    #c-inr-i,
    #cm.bar #c-bns {
        width: 100%;
    }
    #c-bns button + button {
        margin-top: .625em;
    }
}

/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
    /* fix firefox animation glitch */
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
    display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
    background: none;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

.owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    transition: height 500ms ease-in-out;
}

/* .owl-carousel {

    .owl-item {

        .owl-lazy {
                opacity: 0;
                transition: opacity 400ms ease;
        }

        .owl-lazy[src^=""], .owl-lazy:not([src]) {
            max-height: 0;
        }

        img.owl-lazy {
            transform-style: preserve-3d;
        }
    }
} */
/* .owl-carousel {

    .owl-video-wrapper {
        position: relative;
        height: 100%;
        background: #000;
    }

    .owl-video-play-icon {
        position: absolute;
        height: 80px;
        width: 80px;
        left: 50%;
        top: 50%;
        margin-left: -40px;
        margin-top: -40px;
        background: url("../img/play-button.svg") no-repeat;
        cursor: pointer;
        z-index: 1;
        -webkit-backface-visibility: hidden;
        transition: transform 100ms ease;
    }

    .owl-video-play-icon:hover {
        transform: scale(1.3, 1.3);
    }

    .owl-video-playing .owl-video-tn,
    .owl-video-playing .owl-video-play-icon {
        display: none;
    }

    .owl-video-tn {
        opacity: 0;
        height: 100%;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        transition: opacity 400ms ease;
    }

    .owl-video-frame {
        position: relative;
        z-index: 1;
        height: 100%;
        width: 100%;
    }
} */
.owl-dots {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 1.25em;
    left: 0;
    text-align: center;
    height: 0.75em;
}

.owl-dot {
    position: relative;
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    margin: 0 0.375em;
    transition-duration: 0.2s;
}

.owl-dot span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    transition-duration: 0.2s;
}

.owl-dot.active span {
    background-color: #fff;
}

.container {
    --container-offset: max(var(--container-padding), (100vw - var(--container-width)) / 2);
    width: min(var(--container-width), 100% - (4 * var(--container-padding)));
    margin-left: auto;
    margin-right: auto;
    margin: 0px auto;
}

.container--fluid {
    --container-offset: var(--container-padding);
    width: calc(100% - (2 * var(--container-padding)));
}

.container--sm {
    --container-width: 900px;
}

@media (max-width: 991.98px) {
    .container {
        width: min(var(--container-width), 100% - (2 * var(--container-padding)));
    }
}

.row {
    --gutter-x: 30px;
    --gutter-y: 30px;
    display: flex;
    flex-wrap: wrap;
    margin-left: calc(var(--gutter-x) / -2);
    margin-right: calc(var(--gutter-x) / -2);
    margin-top: calc(var(--gutter-y) * -1);
    --columns: 1;
}

.row > * {
    flex: 0 0 auto;
    width: calc(100% / var(--columns, 1));
    padding-left: calc(var(--gutter-x) / 2);
    padding-right: calc(var(--gutter-x) / 2);
    margin-top: var(--gutter-y);
}

.col-1 {
    width: 8.33333%;
}

.col-2 {
    width: 16.66667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.33333%;
}

.col-5 {
    width: 41.66667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.33333%;
}

.col-8 {
    width: 66.66667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.33333%;
}

.col-11 {
    width: 91.66667%;
}

.col-12 {
    width: 100%;
}

.col-1-5 {
    width: 20%;
}

.col-2-5 {
    width: 40%;
}

.col-3-5 {
    width: 60%;
}

.col-4-5 {
    width: 80%;
}

@media (max-width: 1439.98px) {
    .xl\:col-1 {
        width: 8.33333%;
    }
    .xl\:col-2 {
        width: 16.66667%;
    }
    .xl\:col-3 {
        width: 25%;
    }
    .xl\:col-4 {
        width: 33.33333%;
    }
    .xl\:col-5 {
        width: 41.66667%;
    }
    .xl\:col-6 {
        width: 50%;
    }
    .xl\:col-7 {
        width: 58.33333%;
    }
    .xl\:col-8 {
        width: 66.66667%;
    }
    .xl\:col-9 {
        width: 75%;
    }
    .xl\:col-10 {
        width: 83.33333%;
    }
    .xl\:col-11 {
        width: 91.66667%;
    }
    .xl\:col-12 {
        width: 100%;
    }
}

@media (max-width: 1279.98px) {
    .lg\:col-1 {
        width: 8.33333%;
    }
    .lg\:col-2 {
        width: 16.66667%;
    }
    .lg\:col-3 {
        width: 25%;
    }
    .lg\:col-4 {
        width: 33.33333%;
    }
    .lg\:col-5 {
        width: 41.66667%;
    }
    .lg\:col-6 {
        width: 50%;
    }
    .lg\:col-7 {
        width: 58.33333%;
    }
    .lg\:col-8 {
        width: 66.66667%;
    }
    .lg\:col-9 {
        width: 75%;
    }
    .lg\:col-10 {
        width: 83.33333%;
    }
    .lg\:col-11 {
        width: 91.66667%;
    }
    .lg\:col-12 {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .md\:col-1 {
        width: 8.33333%;
    }
    .md\:col-2 {
        width: 16.66667%;
    }
    .md\:col-3 {
        width: 25%;
    }
    .md\:col-4 {
        width: 33.33333%;
    }
    .md\:col-5 {
        width: 41.66667%;
    }
    .md\:col-6 {
        width: 50%;
    }
    .md\:col-7 {
        width: 58.33333%;
    }
    .md\:col-8 {
        width: 66.66667%;
    }
    .md\:col-9 {
        width: 75%;
    }
    .md\:col-10 {
        width: 83.33333%;
    }
    .md\:col-11 {
        width: 91.66667%;
    }
    .md\:col-12 {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .sm\:col-1 {
        width: 8.33333%;
    }
    .sm\:col-2 {
        width: 16.66667%;
    }
    .sm\:col-3 {
        width: 25%;
    }
    .sm\:col-4 {
        width: 33.33333%;
    }
    .sm\:col-5 {
        width: 41.66667%;
    }
    .sm\:col-6 {
        width: 50%;
    }
    .sm\:col-7 {
        width: 58.33333%;
    }
    .sm\:col-8 {
        width: 66.66667%;
    }
    .sm\:col-9 {
        width: 75%;
    }
    .sm\:col-10 {
        width: 83.33333%;
    }
    .sm\:col-11 {
        width: 91.66667%;
    }
    .sm\:col-12 {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .xs\:col-1 {
        width: 8.33333%;
    }
    .xs\:col-2 {
        width: 16.66667%;
    }
    .xs\:col-3 {
        width: 25%;
    }
    .xs\:col-4 {
        width: 33.33333%;
    }
    .xs\:col-5 {
        width: 41.66667%;
    }
    .xs\:col-6 {
        width: 50%;
    }
    .xs\:col-7 {
        width: 58.33333%;
    }
    .xs\:col-8 {
        width: 66.66667%;
    }
    .xs\:col-9 {
        width: 75%;
    }
    .xs\:col-10 {
        width: 83.33333%;
    }
    .xs\:col-11 {
        width: 91.66667%;
    }
    .xs\:col-12 {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .row > * {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
}

.section {
    padding-top: var(--section-padding);
    padding-bottom: var(--section-padding);
    background-color: var(--section-bg);
    /* &.bg-primary{
        --section-bg: var(--primary);
        color: #fff;

        & + &{
            margin-top: calc(var(--section-padding) * -1);
        }
    } */
    /* &.border-top{
        margin-top: 0 !important;
    }

    &.border-bottom{

        & + .section{
            margin-top: 0 !important;
        }
    } */
}

.section:not([class*='bg-']) + .section:not([class*='bg-']) {
    margin-top: calc(var(--section-padding) * -1);
}

.section.bg-light {
    --section-bg: var(--light);
}

.section.bg-light + .section.bg-light {
    margin-top: calc(var(--section-padding) * -1);
}

/* .wrapper{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
} */
.content-wrapper {
    padding-top: var(--content-wrapper-pt);
    min-height: 100vh;
}

.ratio {
    position: relative;
    width: 100%;
}

.ratio:before {
    content: '';
    display: block;
    pointer-events: none;
    padding-top: var(--aspect-ratio, 56.25%);
}

.ratio > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.cover,
.contain {
    position: relative;
    width: 100%;
}

.cover:before,
.contain:before {
    content: '';
    display: block;
    pointer-events: none;
    padding-top: var(--aspect-ratio, 66.66%);
}

.cover > img,
.contain > img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.contain > img {
    object-fit: contain;
}

/* .cover{

    &--tl > img{
        object-position: top left;
    }
    &--tc > img{
        object-position: top center;
    }
    &--tr > img{
        object-position: top right;
    }
    &--cl > img{
        object-position: center left;
    }
    &--cc > img{
        object-position: center center;
    }
    &--cr > img{
        object-position: center right;
    }
    &--bl > img{
        object-position: bottom left;
    }
    &--bc > img{
        object-position: bottom center;
    }
    &--br > img{
        object-position: bottom right;
    }
} */
.video-wrapper {
    position: relative;
    width: 100%;
    background-color: #000;
}

.video-wrapper:before {
    content: '';
    display: block;
    pointer-events: none;
    padding-top: var(--aspect-ratio, 56.25%);
}

.video-wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.icon {
    display: flex;
    width: 20px;
    height: 20px;
}

.icon svg {
    margin: auto;
    width: 100%;
    height: 100%;
}

.alert {
    position: relative;
    display: flex;
    align-items: center;
    padding: 15px;
    color: #fff;
    background-color: var(--info);
    border-radius: var(--border-radius);
    margin-bottom: 30px;
}

.alert__icon {
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    margin-right: 15px;
}

.alert__inner > *:last-child {
    margin-bottom: 0 !important;
}

.alert__inner a {
    color: currentColor;
    text-decoration: underline;
}

.alert__inner a:hover {
    text-decoration: none;
}

.alert--success {
    color: var(--success);
    background-color: var(--navy-dark);
    max-width: 690px;
}

.alert--warning {
    color: var(--warning);
    background-color: var(--navy-dark);
    max-width: 690px;
}

.alert--error {
    color: var(--error);
    background-color: var(--navy-dark);
    max-width: 690px;
}

.button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 52px;
    border: none;
    border-radius: 0;
    text-decoration: none;
    appearance: none;
    padding: 0 2rem;
    background-color: var(--button-bg-color, var(--brick));
    color: var(--button-color, var(--navy-dark));
    transition-duration: .3s;
    font-size: var(--font-size-md);
    font-weight: var(--font-medium);
}

.button:hover {
    --button-bg-color: var(--white);
    text-decoration: none;
}

.button--outline {
    --button-color: var(--brick);
    --button-bg-color: transparent;
    border: 1px solid var(--brick);
}

.button--outline:hover {
    --button-color: var(--navy-dark);
    --button-bg-color: var(--white);
    border: 1px solid var(--white);
}

.button--outline.--white {
    border: 1px solid var(--white);
    --button-color: var(--white);
}

.button--outline.--white:hover {
    --button-color: var(--navy-dark);
    --button-bg-color: var(--white);
    border: 1px solid var(--white);
}

@media only screen and (max-width: 360px) {
    .button {
        width: 100%;
    }
}

:root {
    --input-height: 50px;
    --input-padding: 15px;
    --input-bg-color: var(--bg-color);
    --input-border-color: var(--border-color);
    --input-border-radius: var(--border-radius);
    --input-border-color-focus: var(--primary);
}

.reservation-form {
    padding: calc(var(--section-padding) * 0.3);
    padding-bottom: calc(var(--section-padding) * 0.6);
    padding-top: calc(var(--section-padding) * 0.6);
}

.reservation-form a,
.reservation-form button {
    margin-top: 40px;
}

.reservation-form input, .reservation-form select, .reservation-form textarea {
    margin-top: 5px;
}

.reservation-form .checkbox {
    color: var(--gray) !important;
    padding-left: 0px;
}

.reservation-form .checkbox a {
    text-decoration: underline;
}

.reservation-form textarea {
    height: 150px;
}

.reservation-form p {
    margin: 0px;
}

.reservation-form__header {
    width: 100%;
}

.reservation-form__header.--out {
    padding-left: calc(var(--section-padding) * 0.3);
    padding-right: calc(var(--section-padding) * 0.3);
    padding-bottom: calc(var(--section-padding) * 0.2);
    padding-top: calc(var(--section-padding) * 0.2);
    margin-bottom: 3px;
}

.reservation-form__header .seg__content__heading {
    color: var(--brick) !important;
}

.reservation-form__header p {
    margin: 0px;
}

.reservation-form__message {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.reservation-form__message--center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
    height: 500px;
}

.reservation-form__message__sent__ico svg {
    width: 40px;
    height: 40px;
    color: var(--brick);
}

.reservation-form__message__marker {
    color: var(--brick) !important;
}

.reservation-form__message__marker.--no-ico {
    margin-left: 0px !important;
}

.reservation-form__message__marker.--no-ico::before {
    content: "";
    margin-left: 0px;
    padding-right: 0px;
}

.reservation-form__message__marker::before {
    content: "\2713";
    color: var(--brick);
    /* Inline SVG as base64 */
    vertical-align: middle;
    margin-left: -40px;
    padding-right: 20px;
}

.reservation-form .seg__content__cite::before {
    color: var(--brick);
}

.reservation-form .seg__content__cite::after {
    color: var(--brick);
}

.reservation-form .seg__content__sample {
    color: var(--sand) !important;
}

.reservation-form .seg.--full {
    max-width: 100%;
}

.reservation-form .row label {
    color: var(--sand);
}

.bg-navy .form__theme {
    background-color: var(--navy-dark);
}

.bg-olive .form__theme {
    background-color: var(--olive-dark);
}

.bg-olive .reservation-form button {
    background: var(--white);
}

.bg-olive .reservation-form .checkbox {
    color: var(--sand) !important;
}

.bg-olive .reservation-form__header .seg__content__heading {
    color: var(--brick) !important;
}

.bg-olive .reservation-form .seg__content__cite::before {
    color: var(--sand);
}

.bg-olive .reservation-form .seg__content__cite::after {
    color: var(--sand);
}

.bg-olive .reservation-form .seg__content__sample {
    color: var(--sand) !important;
}

.bg-olive .reservation-form .row label {
    color: var(--sand);
}

.bg-olive .reservation-form__message__marker {
    color: var(--sand) !important;
}

.bg-olive .reservation-form__message__sent__ico svg {
    color: var(--sand);
}

.bg-brick .form__theme {
    background-color: var(--brick);
}

.bg-brick .reservation-form__message__marker {
    margin-left: 50px !important;
}

.bg-brick .reservation-form__message__marker::before {
    color: var(--navy);
}

.bg-brick .reservation-form button {
    background: var(--white);
}

.bg-brick .reservation-form .checkbox {
    color: var(--navy) !important;
}

.bg-brick .reservation-form__header .seg__content__heading {
    color: var(--navy) !important;
}

.bg-brick .reservation-form .seg__content__cite::before {
    color: var(--navy);
}

.bg-brick .reservation-form .seg__content__cite::after {
    color: var(--navy);
}

.bg-brick .reservation-form .seg__content__sample {
    color: var(--navy) !important;
}

.bg-brick .reservation-form .row label {
    color: var(--navy);
}

.bg-brick .reservation-form__message__marker {
    color: var(--navy) !important;
}

.bg-brick .reservation-form__message__sent__ico svg {
    color: var(--navy);
}

.bg-sand .form__theme {
    background-color: var(--sand-dark);
}

.bg-sand .reservation-form .checkbox {
    color: var(--navy) !important;
}

.bg-sand .reservation-form__header .seg__content__heading {
    color: var(--navy) !important;
}

.bg-sand .reservation-form .seg__content__cite::before {
    color: var(--navy);
}

.bg-sand .reservation-form .seg__content__cite::after {
    color: var(--navy);
}

.bg-sand .reservation-form .seg__content__sample {
    color: var(--navy) !important;
}

.bg-sand .reservation-form .row label {
    color: var(--navy);
}

.bg-sand .reservation-form__message__marker {
    color: var(--navy) !important;
}

.bg-sand .reservation-form__message__sent__ico svg {
    color: var(--navy);
}

.bg-white .form__theme {
    background-color: var(--gray-light);
}

.bg-white .reservation-form .checkbox {
    color: var(--navy) !important;
}

.bg-white .reservation-form__header .seg__content__heading {
    color: var(--brick) !important;
}

.bg-white .reservation-form .seg__content__cite::before {
    color: var(--navy);
}

.bg-white .reservation-form .seg__content__cite::after {
    color: var(--navy);
}

.bg-white .reservation-form .seg__content__sample {
    color: var(--navy) !important;
}

.bg-white .reservation-form .row label {
    color: var(--navy);
}

.bg-white .reservation-form__message__marker {
    color: var(--navy) !important;
}

.bg-white .reservation-form__message__sent__ico svg {
    color: var(--navy);
}

@media (max-width: 991.98px) {
    .reservation-form__message__marker {
        margin-left: 50px !important;
    }
}

.text-field {
    display: block;
    width: 100%;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-bg-color);
    appearance: none;
    padding: 0 var(--input-padding);
}

.text-field:focus {
    border-color: var(--input-border-color-focus);
    outline: 0;
}

.text-field[disabled] {
    background-color: var(--gray-light);
    color: var(--gray);
}

.text-field[type='number'] {
    appearance: textfield;
}

.text-field::-webkit-outer-spin-button, .text-field::-webkit-inner-spin-button {
    appearance: none;
}

.text-area {
    display: block;
    width: 100%;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-bg-color);
    appearance: none;
    height: auto;
    padding: var(--input-padding);
    resize: none;
}

.text-area:focus {
    border-color: var(--input-border-color-focus);
    outline: 0;
}

.text-area[disabled] {
    background-color: var(--gray-light);
    color: var(--gray);
}

.select {
    display: block;
    width: 100%;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-bg-color);
    appearance: none;
    padding: 0 calc((var(--input-padding) * 2) + 16px) 0 var(--input-padding);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right var(--input-padding) center;
    background-size: 16px 16px;
    cursor: pointer;
}

.select:focus {
    border-color: var(--input-border-color-focus);
    outline: 0;
}

.select[disabled] {
    background-color: var(--gray-light);
    color: var(--gray);
}

.select2 {
    display: block;
    width: 100%;
    height: var(--input-height);
    border: 1px solid var(--input-border-color);
    border-radius: var(--input-border-radius);
    background-color: var(--input-bg-color);
    appearance: none;
    padding: 0 calc((var(--input-padding) * 2) + 16px) 0 var(--input-padding);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 12 9' fill='none'%3e%3cpath d='M6 9L0.803847 9.78799e-07L11.1962 7.02746e-08L6 9Z' stroke='%23EC8C6C' fill='%23EC8C6C'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right var(--input-padding) center;
    background-size: 10px 10px;
    cursor: pointer;
}

.select2:focus {
    border-color: var(--input-border-color-focus);
    outline: 0;
}

.select2[disabled] {
    background-color: var(--gray-light);
    color: var(--gray);
}

:root {
    --checkbox-width: 20px;
    --checkbox-border-radius: 0;
    --checkbox-bg-color: var(--input-bg-color);
    --checkbox-border-color: var(--input-border-color);
    --checkbox-bg-color-hover: var(--input-border-color);
    --checkbox-bg-color-checked: var(--primary);
}

.checkbox {
    position: relative;
    padding-left: calc(var(--checkbox-width) * 1.5);
    min-height: var(--checkbox-width);
}

.checkbox label {
    display: block;
    cursor: pointer;
}

.checkbox label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: calc(var(--checkbox-width) * -.5);
    width: var(--checkbox-width);
    height: var(--checkbox-width);
    background: var(--checkbox-bg-color) no-repeat 50% 50%/contain;
    border: 2px solid var(--checkbox-border-color);
    border-radius: var(--checkbox-border-radius);
    margin-right: 10px;
}

.checkbox label:hover:before {
    background-color: var(--checkbox-bg-color-hover);
    border-color: var(--checkbox-bg-color-hover);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.checkbox label a {
    text-decoration: underline;
}

.checkbox label a:hover {
    text-decoration: none;
}

.checkbox input {
    display: none;
}

.checkbox input:checked + label:before {
    border-color: var(--checkbox-bg-color-checked);
    background-color: var(--checkbox-bg-color-checked);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.checkbox--inline {
    display: inline-block;
    margin-right: 20px;
}

.checkbox--inline:last-child {
    margin-right: 0;
}

:root {
    --radio-button-width: 20px;
    --radio-button-bg-color: var(--input-bg-color);
    --radio-button-border-color: var(--input-border-color);
    --radio-button-bg-color-hover: var(--input-border-color);
    --radio-button-bg-color-checked: var(--primary);
}

.radio-button {
    position: relative;
    padding-left: calc(var(--radio-button-width) * 1.5);
    min-height: var(--radio-button-width);
}

.radio-button label {
    display: block;
    cursor: pointer;
}

.radio-button label:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: calc(var(--radio-button-width) * -.5);
    width: var(--radio-button-width);
    height: var(--radio-button-width);
    background-color: var(--radio-button-bg-color);
    border: 2px solid var(--radio-button-border-color);
    border-radius: 50%;
    margin-right: 10px;
}

.radio-button label:hover:before {
    background-color: var(--radio-button-bg-color-hover);
    border-color: var(--radio-button-bg-color-hover);
    box-shadow: inset 0 0 0 3px var(--radio-button-bg-color);
}

.radio-button input {
    display: none;
}

.radio-button input:checked + label:before {
    background-color: var(--radio-button-bg-color-checked);
    border-color: var(--radio-button-bg-color-checked);
    box-shadow: inset 0 0 0 3px var(--radio-button-bg-color);
}

.radio-button--inline {
    display: inline-block;
    margin-right: 20px;
}

.radio-button--inline:last-child {
    margin-right: 0;
}

:root {
    --toggle-width: 60px;
    --toggle-height: 30px;
    --toggle-padding: 2px;
    --toggle-bg-unchecked: var(--red);
    --toggle-bg-checked: var(--green);
    --toggle-slider-bg: #fff;
}

.toggle label {
    position: relative;
    display: block;
    width: var(--toggle-width);
    height: var(--toggle-height);
    background-color: var(--toggle-bg-unchecked);
    border-radius: var(--toggle-height);
    box-shadow: inset 0 1px 2px rgba(24, 32, 35, 0.36);
    font-size: 0;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s;
}

.toggle label:after {
    content: "";
    position: absolute;
    top: var(--toggle-padding);
    left: var(--toggle-padding);
    width: calc( (var(--toggle-width) / 2) - (var(--toggle-padding) * 2));
    height: calc(var(--toggle-height) - (var(--toggle-padding) * 2));
    background-color: var(--toggle-slider-bg);
    border-radius: calc( var(--toggle-height) - (var(--toggle-padding) * 2));
    box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
    transition: transform 0.25s;
}

.toggle input {
    display: none;
}

.toggle input:checked + label {
    background-color: var(--toggle-bg-checked);
}

.toggle input:checked + label:after {
    transform: translateX(calc(var(--toggle-width) / 2));
}

input[type="date"] {
    position: relative;
    display: flex;
    align-items: center;
    padding: 7px;
    width: 100%;
    align-items: center;
    height: var(--input-height);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

input[type="date"]:after {
    content: url("../images/ico-cal.svg");
    width: 19px;
    height: 19px;
    pointer-events: none;
    position: absolute;
    right: 10px;
}

@media (max-width: 1279.98px) {
    input[type="date"] {
        justify-content: space-between;
        padding-left: 15px;
    }
}

.label {
    margin-bottom: 4px;
}

.bg-navy-dark .label {
    color: var(--white);
}

.bg-navy .label {
    color: var(--white);
}

.bg-olive .label {
    color: var(--white);
}

.bg-brick .label {
    color: var(--black);
}

.bg-sand .label {
    color: var(--black);
}

.bg-sand-dark .label {
    color: var(--black);
}

.bg-white .label {
    color: var(--black);
}

.bg-dark .label {
    color: var(--white);
}

:root {
    --field-header-width: 160px;
    --field-mb: 10px;
}

.fieldset {
    margin-bottom: 50px;
}

.fieldset > .field:last-child {
    margin-bottom: 0;
}

.field {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-bottom: var(--field-mb);
}

.field__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    min-height: var(--input-height);
    width: var(--field-header-width);
    padding-right: 20px;
}

.field__content {
    width: calc(100% - var(--field-header-width));
    margin-left: auto;
}

.field__content > *:last-child {
    margin-bottom: 0 !important;
}

.field__content .checkbox,
.field__content .radio-button {
    margin-bottom: 12px;
}

.field--required label:after {
    content: '*';
    display: inline-block;
    margin-left: 0.1875em;
}

.hamburger {
    --hamburger-width: 30px;
    --hamburger-height: 18px;
    --hamburger-stroke-width: 2px;
    --hamburger-stroke-radius: 0;
    --hamburger-color: #fff;
    --hamburger-px: 0px;
    --hamburger-py: 0px;
    position: relative;
    display: block;
    width: calc(var(--hamburger-width) + (var(--hamburger-px) * 2));
    height: calc(var(--hamburger-height) + (var(--hamburger-py) * 2));
    user-select: none;
}

.hamburger__inner, .hamburger__inner:before, .hamburger__inner:after {
    display: block;
    position: absolute;
    width: var(--hamburger-width);
    height: var(--hamburger-stroke-width);
    background: var(--hamburger-color);
    border-radius: var(--hamburger-stroke-radius);
    transition: top .3s .5s ease, transform .3s ease, background .3s ease;
}

.hamburger__inner {
    top: 50%;
    left: 50%;
    margin-top: calc(var(--hamburger-stroke-width) * -.5);
    margin-left: calc(var(--hamburger-width) * -.5);
}

.hamburger__inner:before {
    content: '';
    top: calc((var(--hamburger-height) * -.5) + (var(--hamburger-stroke-width) * .5));
}

.hamburger__inner:after {
    content: '';
    top: calc((var(--hamburger-height) * .5) - (var(--hamburger-stroke-width) * .5));
}

.hamburger.is-active .hamburger__inner, .header.is-expanded .hamburger__inner {
    transition: background .3s 0s ease;
    background: transparent !important;
}

.hamburger.is-active .hamburger__inner:before, .header.is-expanded .hamburger__inner:before, .hamburger.is-active .hamburger__inner:after, .header.is-expanded .hamburger__inner:after {
    top: 0;
    transition: top .3s ease, transform .3s .5s ease, background .3s ease;
}

.hamburger.is-active .hamburger__inner:before, .header.is-expanded .hamburger__inner:before {
    transform: rotate3d(0, 0, 1, 45deg);
}

.hamburger.is-active .hamburger__inner:after, .header.is-expanded .hamburger__inner:after {
    transform: rotate3d(0, 0, 1, -45deg);
}

:root {
    --header-top-height: 80px;
    --header-bottom-height: 80px;
    --header-height: 80px;
}

.header {
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate3d(0, 0, 0);
    transition: transform .5s;
}

.header__top > .container {
    display: flex;
    height: var(--header-top-height);
}

.header__bottom {
    position: relative;
    display: flex;
    align-items: center;
    height: var(--header-top-height);
}

.header__logo {
    display: flex;
    width: fit-content;
    flex-shrink: 0;
    height: var(--header-top-height);
    align-items: center;
}

.header__logo .icon, .header__logo svg {
    height: 24px;
    width: 220px;
}

.header__nav-primary {
    transition: margin .3s;
    padding-left: 3rem;
}

.header__nav-primary > ul {
    display: flex;
    align-items: center;
}

.header__nav-primary > ul > li {
    margin-right: 40px;
}

.header__nav-primary > ul > li:last-child {
    margin-right: 0;
}

.header__nav-primary > ul > li > a {
    position: relative;
    display: block;
    line-height: var(--header-bottom-height);
    transition-duration: 0.3s;
    font-size: 1rem;
}

.header__nav-primary > ul > li > a:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.312' height='5.401' fill='%23EC8C6C' viewBox='0 0 11.312 5.401'%3E%3Cpath id='Path_34' data-name='Path 34' d='M147.878-83.13a3.344,3.344,0,0,0,2.655-1.246c.124-.159,3-4.156,3-4.156H142.222s2.877,4,3,4.156a3.344,3.344,0,0,0,2.655,1.246' transform='translate(-142.222 88.531)'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 50%;
    width: 17px;
    height: 8px;
    transform: translateX(-50%);
    opacity: 0;
    transition-duration: 0.3s;
}

.header__nav-primary > ul > li > a.is-active {
    color: var(--brick);
}

.header__nav-primary > ul > li > a.is-active:after {
    opacity: 1;
}

.header__nav-primary > ul > li:hover > a {
    color: var(--brick);
}

.header__nav-primary > ul > li:hover > a:after {
    opacity: 1;
}

.header__nav-secondary {
    margin-left: auto;
    display: flex;
}

.header__nav-secondary > ul {
    display: flex;
    align-items: center;
}

.header__nav-secondary > ul > li {
    margin-right: 1rem;
}

.header__nav-secondary > ul > li:last-child {
    margin-right: 0;
}

.header__nav-secondary svg {
    display: inline-block;
    vertical-align: 0;
    width: 9px;
    height: 9px;
    margin-left: 6px;
}

.header__actions {
    margin-left: auto;
}

.header.is-scrolled {
    transform: translateY(calc(var(--header-top-height) * -1));
}

.header ~ .content-wrapper {
    --content-wrapper-pt: var(--header-height);
}

.header-mobile__expander {
    background: transparent;
    border: none;
    display: none;
}

.lang-switch {
    position: relative;
    margin-left: 30px;
    margin-right: calc(var(--container-padding) * -1);
}

.lang-switch__selected {
    font-size: var(--font-size-sm);
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 var(--container-padding) 0 25px;
    color: var(--gray);
    height: calc(var(--header-top-height) - 10px);
    cursor: pointer;
    transition-duration: 0.3s;
}

.lang-switch__selected:hover + .lang-switch__dropdown {
    z-index: 20;
    visibility: visible;
    transition-delay: 0.05s;
}

.lang-switch__selected:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 40px;
    background-color: var(--border-color);
}

.lang-switch__selected:hover {
    color: var(--color);
}

.lang-switch__selected svg {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 10px;
}

.lang-switch__dropdown {
    position: absolute;
    z-index: 10;
    top: calc(var(--header-top-height) - 20px);
    right: 0;
    min-width: 100%;
    background-color: #fff;
    border: 1px solid var(--border-color);
    visibility: hidden;
    padding: 4px 0;
    transition: visibility 0s 0.3s;
}

.lang-switch__dropdown:hover {
    visibility: visible;
}

.lang-switch__dropdown a {
    font-size: var(--font-size-sm);
    display: block;
    text-align: right;
    padding: 2px var(--container-padding);
    color: var(--gray);
}

.lang-switch__dropdown a:hover, .lang-switch__dropdown a.is-active {
    color: var(--color);
}

.header-action {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
    appearance: none;
    height: var(--header-bottom-height);
    color: var(--gray);
}

.header-action:hover {
    color: var(--color);
}

.header-action svg {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    color: var(--color);
    margin-right: 14px;
}

.header-contact {
    display: none;
}

.header-mobile__expander {
    display: none;
}

/* Headroom plugin */
.headroom--top.header--transparent:not(.is-expanded) {
    background-color: transparent;
    transition: all .3s ease-in-out;
}

@media screen and (min-width: 1280px) {
    .headroom {
        will-change: transform;
        transition: transform 200ms linear;
    }
    .headroom--pinned {
        transform: translateY(0%);
        background-color: var(--navy);
    }
    .headroom--unpinned {
        background-color: var(--navy);
    }
}

@media (max-width: 1439.98px) {
    .header {
        /*
        &__nav-primary {
            transform: translateX(-100px);
        }
        */
        /*
        &__logo {
            transform: translateX(-100px);
            svg #hotel {
                display: none;
            }
        }
        */
    }
    .header__nav-secondary > ul:not(.lang-switch-drop-wrapper) > li:first-child {
        display: none;
    }
    .header__nav-primary > ul > li {
        margin-right: 30px;
    }
}

@media (max-width: 1279.98px) {
    :root {
        --header-height: 80px;
    }
    :root {
        --header-bottom-height: 60px;
        --gutter-x: 20px;
    }
    body.is-expanded {
        height: 100vh;
        overflow: hidden;
    }
    .header {
        position: absolute;
    }
    .header > .container {
        margin: 0;
        width: 100%;
    }
    .header.is-expanded {
        background-color: var(--navy);
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        overflow: hidden;
        overflow-y: scroll;
    }
    .header.is-expanded .header__bottom {
        display: block;
        height: auto;
    }
    .header__expander {
        display: block;
    }
    .header__bottom {
        display: block;
        height: 80px;
        overflow: hidden;
        border-bottom: none;
    }
    .header__logo {
        padding: 0 var(--container-padding);
    }
    .header__logo .icon, .header__logo svg {
        height: 24px;
        width: 220px;
    }
    .header__nav-primary {
        padding: 0 var(--container-padding);
        margin-bottom: 0;
    }
    .header__nav-primary > ul {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .header__nav-primary > ul > li {
        margin-right: 0px;
        width: 100%;
        border-bottom: 1px solid #474C6C;
    }
    .header__nav-primary > ul > li:last-of-type {
        border-bottom: none;
    }
    .header__nav-primary > ul > li > a {
        font-size: var(--font-size-xl);
    }
    .header__nav-primary > ul > li > a::after {
        display: none;
    }
    .header__nav-secondary {
        flex-direction: column;
    }
    .header__nav-secondary > ul {
        column-gap: 1rem;
    }
    .header__nav-secondary > ul li:nth-of-type(1) {
        order: 2;
    }
    .header__nav-secondary > ul:not(.lang-switch-drop-wrapper) > li:first-child {
        display: block;
    }
    .header__nav-secondary .lang-switch-drop-wrapper {
        order: 2;
        margin: var(--gutter-x) 0;
        padding: calc(var(--gutter-x)/2) 0;
        border-top: 1px solid #474C6C;
        border-bottom: 1px solid #474C6C;
    }
    .header-contact {
        display: block;
        margin: var(--gutter-x) 0;
    }
    .header-contact .social-media {
        flex-direction: column;
        margin-top: 0;
    }
    .header-contact .social-media a {
        color: rgba(255, 255, 255, 0.6);
    }
    .header-contact .social-media svg {
        color: var(--light);
    }
    .header__quick-contact {
        line-height: 1.5rem;
    }
    .header__quick-contact a {
        margin-bottom: 0;
        color: var(--brick);
        font-size: var(--font-size-lg);
        line-height: 1.5rem;
        letter-spacing: 0.01rem;
    }
    .header__quick-contact a:nth-of-type(2) {
        text-decoration: underline;
    }
    .header__actions {
        background-color: var(--navy-dark);
        padding: var(--gutter-x) var(--container-padding);
    }
    .header-mobile__expander {
        display: block;
        background: transparent;
        border: none;
        position: absolute;
        top: 28px;
        right: 0;
        padding-right: 1.25em;
    }
}

@media (max-width: 575.98px) {
    :root {
        --header-height: 70px;
    }
    .header {
        position: fixed;
    }
    .header__logo .icon, .header__logo svg {
        height: 18px;
        width: 168px;
    }
    .header__nav-secondary > ul {
        row-gap: 1rem;
        align-items: flex-start;
    }
    .header__nav-secondary > ul > li {
        width: 100%;
    }
    .header__nav-secondary > ul > li a {
        width: 100%;
    }
    .header-contact > .row {
        flex-direction: column;
    }
}

@media only screen and (max-width: 360px) {
    .header__nav-secondary > ul {
        flex-direction: column;
        row-gap: 1rem;
        align-items: flex-start;
        width: 100%;
    }
}

.lang-switch-drop-wrapper {
    display: flex;
    align-items: center;
}

.lang-switch-drop {
    position: relative;
    height: 38px;
    margin-right: 1rem;
    padding-right: 1rem;
}

.lang-switch-drop__selected {
    font-size: .85rem;
    letter-spacing: 0.05rem;
    position: relative;
    padding: 0 .5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
    transition-duration: 0.3s;
    font-size: var(--font-size-sm);
    line-height: 40px;
}

.lang-switch-drop__selected:hover + .lang-switch-drop__dropdown {
    z-index: 20;
    visibility: visible;
    transition-delay: 0.05s;
}

.lang-switch-drop__selected:hover {
    color: var(--white);
}

.lang-switch-drop__selected svg {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

.lang-switch-drop__dropdown {
    position: absolute;
    z-index: 10;
    top: 30px;
    min-width: 80px;
    color: #000;
    background-color: var(--brick);
    visibility: hidden;
    flex-wrap: wrap;
    padding: .4rem;
    transition: visibility 0s 0.3s;
    margin-top: .2rem;
}

.lang-switch-drop__dropdown:hover, .lang-switch-drop__dropdown:focus {
    visibility: visible;
}

.lang-switch-drop__dropdown li,
.lang-switch-drop__dropdown li:first-child {
    padding-left: inherit;
    padding: 0 .5rem;
}

.lang-switch-drop__dropdown a {
    display: block;
    letter-spacing: 0.05rem;
    color: var(--navy-dark);
    padding: .25rem 0;
    transition: color 0.3s;
}

.lang-switch-drop__dropdown a:hover {
    color: var(--white);
}

.lang-switch-drop__dropdown a.is-active {
    color: var(--white);
}

@media (max-width: 1279.98px) {
    .lang-switch-drop {
        position: relative;
        height: 38px;
        border-left: none;
        margin-left: 0;
        padding-left: 0;
        display: flex;
    }
    .lang-switch-drop__selected {
        display: none;
    }
    .lang-switch-drop__selected .lang-switch-drop__dropdown {
        visibility: visible;
        display: flex;
    }
    .lang-switch-drop__selected:hover {
        color: var(--tretriary);
    }
    .lang-switch-drop__selected svg {
        display: inline-block;
        vertical-align: middle;
        width: 10px;
        height: 10px;
        margin-left: 10px;
    }
    .lang-switch-drop__dropdown {
        position: relative;
        display: flex;
        visibility: visible;
        top: inherit;
        background: transparent;
        padding: 0.4rem 0;
    }
    .lang-switch-drop__dropdown:hover, .lang-switch-drop__dropdown:focus {
        visibility: visible;
    }
    .lang-switch-drop__dropdown li,
    .lang-switch-drop__dropdown li:first-child {
        padding-left: inherit;
        padding: 0;
        margin-right: 2rem;
    }
    .lang-switch-drop__dropdown a {
        display: block;
        color: rgba(255, 255, 255, 0.6);
        font-size: 1rem;
        padding: inherit;
    }
    .lang-switch-drop__dropdown a:hover {
        color: var(--light);
    }
    .lang-switch-drop__dropdown a.is-active {
        color: var(--brick);
    }
}

@media (max-width: 575.98px) {
    .lang-switch-drop {
        width: 100%;
        height: auto;
    }
    .lang-switch-drop__dropdown li,
    .lang-switch-drop__dropdown li:first-child {
        margin: 1rem;
    }
}

.footer {
    padding-top: calc(var(--gutter-y) *2);
    background-color: var(--navy);
    color: var(--white);
    position: relative;
    z-index: 999;
}

.footer__top {
    padding-top: var(--section-pt);
    padding-bottom: calc(var(--spacing) * 3);
}

.footer__top .container > .row {
    --gutter-y: calc(var(--spacing) * 6);
}

.footer__top .container > .row:last-of-type {
    margin-top: calc(var(--container-padding) * 2);
}

.footer__top .container > .row + .row:last-of-type {
    margin-top: 0;
}

.footer__bottom {
    border-top: 1px solid #474C6C;
    padding: calc(var(--spacing) * 3) 0;
}

.footer__newsletter {
    margin-top: 3rem;
    margin-bottom: 10rem;
}

.footer__widgets > .row {
    --gutter-y: calc(var(--spacing) * 8);
}

.footer__copyright {
    font-size: 13px;
    margin-bottom: 0;
    opacity: .6;
}

.footer__copyright small {
    font-size: 1em;
}

.footer__copyright.--right {
    text-align: right;
}

@media (max-width: 991.98px) {
    .footer__copyright.--right {
        text-align: left;
    }
}

.footer__copyright a {
    opacity: .6;
    transition: all 0.3s ease-in-out;
    text-decoration: underline;
}

.footer__copyright a:hover {
    transition: all 0.3s ease-in-out;
    opacity: 1;
    text-decoration: none;
}

.footer__nav {
    margin-left: 0;
}

.footer__nav ul {
    display: flex;
    flex-wrap: wrap;
}

.footer__nav li {
    font-size: 13px;
    margin-right: 20px;
}

.footer__nav li:last-child {
    margin-right: 0;
}

.footer__nav a {
    transition-duration: 0.3s;
}

.footer__nav a:hover, .footer__nav a.is-active {
    opacity: 1;
}

.newsletter__wrapper {
    margin-left: auto;
}

.newsletter__title {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    line-height: inherit;
    margin-bottom: 3rem;
}

.newsletter a {
    text-decoration: underline;
    opacity: .6;
}

.newsletter a:hover {
    opacity: 1;
    text-decoration: none;
}

.newsletter__form {
    position: relative;
    max-width: 690px;
}

.newsletter__form input, .newsletter__form input:-webkit-autofill {
    margin: 1rem auto;
    display: block;
    width: 100%;
    height: 56px;
    border: none;
    font-size: 1.5rem;
    border-bottom: 1px solid var(--brick);
    padding: 0 56px 0 0px;
    appearance: none;
    background-color: transparent !important;
    outline: none;
    color: var(--white);
}

.newsletter__form input:focus {
    color: var(--white);
}

.newsletter__form input:-webkit-autofill {
    background-color: transparent !important;
}

.newsletter__form input:-webkit-autofill {
    -webkit-text-fill-color: var(--brick) !important;
}

.newsletter__form input:-webkit-autofill,
.newsletter__form input:-webkit-autofill:hover,
.newsletter__form input:-webkit-autofill:focus,
.newsletter__form input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}

.newsletter__form button {
    padding: 0;
    color: inherit;
    background-color: transparent;
    border: none;
    border-radius: 0;
    appearance: none;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 36px;
    color: var(--brick);
    transition-duration: 0.3s;
}

.newsletter__form button:hover {
    color: var(--white);
}

.footer-widget__title {
    font-weight: var(--font-medium);
    margin-bottom: 15px;
}

.footer-widget__title:after {
    display: block;
    content: "";
    height: 1px;
    width: calc(100% + (var(--gutter-x)*2));
    background-color: #474C6C;
    margin-top: 10px;
}

.footer-widget__links li {
    font-size: var(--font-size-md);
    margin-bottom: 0.25rem;
}

.footer-widget__links li:last-child {
    margin-bottom: 0;
}

.footer-widget__links a {
    display: block;
    transition-duration: 0.3s;
    opacity: .6;
}

.footer-widget__links a:hover, .footer-widget__links a.is-active {
    opacity: 1;
}

.quick-contact {
    margin-bottom: 2rem;
}

.quick-contact__title {
    font-weight: var(--font-medium);
    margin-bottom: 15px;
    width: 100%;
    position: relative;
}

.quick-contact__title:after {
    display: block;
    content: "";
    height: 1px;
    width: calc(100% + (var(--container-padding)*2));
    background-color: #474C6C;
    margin-top: 10px;
    margin-left: calc( var(--container-padding)*-1);
}

.quick-contact p:not(:first-of-type) {
    margin-bottom: 0;
    color: var(--brick);
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
}

.quick-contact a {
    transition: all 0.3s ease-in-out;
}

.quick-contact a:hover {
    color: #fff;
    transition: all 0.3s ease-in-out;
}

.social-media {
    display: flex;
    margin-top: 2rem;
}

.social-media__item {
    display: flex;
    margin-bottom: 1rem;
    margin-right: 2rem;
}

.social-media__item a {
    display: flex;
    align-items: center;
    width: fit-content;
}

.social-media__item a:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
}

.social-media__icon {
    display: flex;
}

.social-media__icon svg {
    width: 20px;
    height: 20px;
    margin-right: 1rem;
}

@media (max-width: 1279.98px) {
    .footer-widget__title:after {
        display: block;
        content: "";
        height: 1px;
        width: calc(100% + (var(--gutter-x)*3));
        background-color: #474C6C;
        margin-top: 10px;
        margin-left: calc( var(--container-padding)*-1);
    }
}

@media (max-width: 767.98px) {
    .newsletter__title {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .newsletter__form input {
        font-size: var(--font-size-lg);
        line-height: 1.5rem;
        letter-spacing: 0.01rem;
    }
    .newsletter__form button {
        font-size: var(--font-size-sm);
    }
    .footer__copyright {
        font-size: var(--font-size-xs);
    }
    .footer__newsletter {
        margin-bottom: 7rem;
    }
}

@media (max-width: 575.98px) {
    .newsletter__form button {
        padding: 0;
        color: inherit;
        background-color: transparent;
        border: none;
        border-radius: 0;
        appearance: none;
        position: relative;
        right: 0px;
        top: 0px;
        height: 52px;
        width: 100%;
        color: var(--navy);
        border: 1px solid var(--brick);
        background-color: var(--brick);
        margin-bottom: 1rem;
        font-size: var(--font-size-md);
        font-weight: var(--font-medium);
    }
}

.preloader {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
}

.preloader__inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.preloader__loader {
    display: block;
    margin: 0 auto 0.625em;
    width: 1.875em;
    height: 1.875em;
}

.preloader__loader:before {
    content: '';
    display: block;
    width: 1.875em;
    height: 1.875em;
    border-radius: 50%;
    border: solid 3px rgba(0, 0, 0, 0.25);
    border-top-color: var(--primary);
    animation: spin 0.8s infinite linear;
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

:root {
    --bg-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11.312' height='5.401' viewBox='0 0 11.312 5.401'%3E%3Cpath id='Path_34' data-name='Path 34' d='M147.878-83.13a3.344,3.344,0,0,0,2.655-1.246c.124-.159,3-4.156,3-4.156H142.222s2.877,4,3,4.156a3.344,3.344,0,0,0,2.655,1.246' transform='translate(-142.222 88.531)'/%3E%3C/svg%3E");
}

.virtual-config {
    display: grid;
    row-gap: 30px;
    margin: 0px auto;
}

.virtual-config__iframe {
    height: 70vh;
    width: 100%;
}

.seg {
    display: flex;
    position: relative;
    /* Default Inner Content */
    /* Spacing and Variants */
    /* for all  */
    /* Remove inside top padding  IF  */
    /* Segment 60% image 40% content  */
    /* Segment 40% image 50% content  */
    /* Segment 50% image 50% content  */
    /* Jidelni listek */
    /* Segment 60% image 40% content + extra image and extra large heading */
    /* Segment FUll Image  */
    /* Colors */
    /* Default */
    /* Full Width Cite Plugin */
    /*&.--fivefour {
        padding: var(--section-padding);
    }
    &.--sixfour {
        padding: var(--section-padding);
    }
    &.--fivefive {
        padding: var(--section-padding);
    }*/
}

.seg.--banner .seg__content__content {
    width: 40%;
    margin: 0px auto;
    margin-bottom: 3rem;
}

.seg.--banner .seg__content__sample {
    width: 40%;
    margin: 0px auto;
    margin-bottom: 3rem;
}

.seg.--banner .seg__content__heading {
    width: 50%;
    margin: 0px auto;
    margin-bottom: 3rem;
}

.seg.--short-img-h .seg__img {
    overflow: hidden;
}

.seg.--short-img-h .seg__img img {
    transition: all 0.3s ease;
    height: 80%;
}

.seg__img {
    overflow: hidden;
}

.seg__img img {
    transition: all 0.3s ease;
}

.seg__content {
    display: flex;
    position: relative;
    flex-direction: column;
    padding-top: var(--container-vert-padding);
    padding-bottom: calc(var(--container-vert-padding) * 2);
}

.seg__content__label {
    font-size: var(--font-size-md);
}

.seg__content__label.--closer {
    margin-bottom: 0px !important;
}

.seg__content__label.--tiny {
    font-size: var(--font-size-sm);
}

.seg__content__label.--large {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.seg__content__sample {
    font-size: var(--font-size-md);
}

.seg__content__sample.--closer {
    margin-bottom: 0px !important;
}

.seg__content__sample.--tiny {
    font-size: var(--font-size-sm);
}

.seg__content__sample.--large {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.seg__content__sample.--shorter {
    width: 90%;
}

.seg__content__marks {
    padding-left: 0px;
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    row-gap: 20px;
    color: var(--navy);
}

.seg__content__marks a {
    margin-top: 30px !important;
}

.seg__content__marks li {
    padding-left: 15px;
    line-height: 2.5rem;
}

.seg__content__marks li::marker {
    content: "\2713";
    color: var(--brick);
    /* Inline SVG as base64 */
    vertical-align: middle;
}

.seg__content__marks ul {
    margin-left: 15px;
}

.seg__content__perex {
    font-size: var(--font-size-xl);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
}

.seg__content__heading {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    line-height: 3rem;
    letter-spacing: -0.02rem;
    margin-bottom: var(--container-vert-padding);
}

.seg__content__heading.--large {
    font-size: var(--font-size-5xl);
    line-height: 3.125rem;
}

.seg__content__heading.--small {
    font-size: var(--font-size-3xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.seg__content__heading.--tiny {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.seg__content__cite {
    position: relative;
    font-size: var(--font-size-md);
    padding-top: calc(var(--container-vert-padding) / 2);
    padding-bottom: calc(var(--container-vert-padding) / 2);
    margin-bottom: var(--container-vert-padding);
    max-width: 340px;
}

.seg__content__cite p:last-of-type {
    margin-bottom: 0;
}

.seg__content__cite.--no-rows::before {
    display: none;
}

.seg__content__cite.--no-rows::after {
    display: none;
}

.seg__content__cite.--centered {
    margin: 0px auto;
}

.seg__content__cite::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transition-duration: 0.3s;
}

.seg__content__cite::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transform: rotate(180deg);
    transition-duration: 0.3s;
}

.seg__content__cite.--full {
    max-width: 100%;
}

.seg__content__buttons {
    display: flex;
    text-align: center;
    margin-top: 50px;
    gap: 15px;
}

.seg__content__bottom__content.--white-space {
    width: 90% !important;
}

.seg__content__bottom__content.--white-space .seg__content__cite {
    margin-left: 20%;
}

.seg__content__bottom__content.--white-space .seg__content__buttons {
    margin-left: 20%;
}

.seg__content__bottom__content__buttons {
    display: flex;
    column-gap: 10px;
    justify-content: center;
}

.seg__inline-group {
    display: flex;
    row-gap: 30px;
    column-gap: 60px;
    flex-wrap: wrap;
    border-top: 0.5px solid var(--olive);
    border-bottom: 0.5px solid var(--olive);
    padding-top: 25px;
    padding-bottom: 25px;
    margin-bottom: 60px;
    margin-top: 60px;
}

.seg__inline-group p {
    margin-bottom: 0px !important;
}

.seg__inline-group.--brick {
    background-color: var(--black);
}

.seg__inline-group + .seg__content__cite p {
    font-size: 24px;
}

.--reverse .seg__img {
    order: 2;
}

.--reverse .seg__carousel {
    order: 2;
}

.--reverse .seg__content {
    padding-left: 0px !important;
}

.--space-top .seg__img {
    margin-top: calc(var(--container-vert-padding) * 2.5);
}

.--space-top .seg__content {
    margin-top: calc(var(--container-vert-padding) * 2.5);
    padding-top: 0;
}

.--spacebetween .seg__content {
    justify-content: space-between;
}

.--p0 .seg__content {
    padding-bottom: 0;
}

.--p0 .seg__content__cite {
    margin-bottom: 0;
}

.headline + .seg .seg__content {
    padding-top: 0;
}

.--sixfour .seg__img {
    width: 60%;
    min-height: 800px;
}

.--sixfour .seg__img > div {
    height: 100%;
}

.--sixfour .seg__content {
    width: 40%;
    padding-left: calc(var(--container-padding) + 10px);
    padding-right: var(--container-padding);
}

.--sixfour .seg__content__top {
    max-width: 420px;
}

.--sixfour .seg__content__bottom {
    max-width: 420px;
}

.--sixfour .seg__content__contact {
    display: grid;
    grid-template-columns: 160px 1fr;
    margin-top: 2rem;
}

.--fivefour .seg__img {
    width: 40%;
}

.--fivefour .seg__img > div {
    height: 100%;
}

.--fivefour .seg__img > div::before {
    padding-top: var(--aspect-ratio, 133.32%);
}

.--fivefour .seg__content {
    width: 50%;
    padding-left: calc(var(--container-padding) + 10px);
    padding-right: var(--container-padding);
}

.--fivefour .seg__content__cite {
    max-width: 420px;
}

.--fivefour .seg__content__top {
    max-width: 620px;
}

.--fivefour .seg__content__bottom {
    max-width: 620px;
}

.seg + .--fivefour {
    justify-content: space-between;
}

.--fivefour.--reverse .seg__content {
    margin-left: auto;
}

.seg.--two-img {
    display: block !important;
}

.--fivefive .seg__img {
    width: 50%;
}

.--fivefive .seg__img .cover {
    height: 100%;
}

.--fivefive .seg__img > div {
    height: 100%;
}

.--fivefive .seg__img > div::before {
    padding-top: var(--aspect-ratio, 100%);
}

.--fivefive .seg__content {
    width: 50%;
    padding-left: calc(var(--container-padding) + 10px);
    padding-right: var(--container-padding);
    display: block;
}

.--fivefive .seg__content__cite {
    max-width: 340px;
}

.--fivefive .seg__content__top {
    max-width: 740px;
}

.--fivefive .seg__content__bottom {
    display: block;
}

.--fivefive .seg__content__bottom.--left {
    display: block;
}

.--fivefive .seg__content__bottom__img {
    width: 100%;
    height: 100%;
    padding-top: 20%;
    padding-right: var(--container-padding);
}

.--fivefive .seg__content__bottom__img > div {
    height: 100%;
}

.--fivefive .seg__content__bottom__img > div::before {
    padding-top: var(--aspect-ratio, 133.32%);
}

.--fivefive .seg__content__bottom__content {
    width: 70%;
    padding-right: var(--container-padding);
}

.--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img {
    padding-right: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    position: relative;
    padding-bottom: 0px;
    margin-top: 20px;
}

.--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img .cover {
    display: flex;
    align-items: end;
    max-width: 80%;
}

.--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img .cover img {
    height: 60%;
}

.--fivefive .seg__content__bottom:has(img):has(img) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.--fivefive .seg__content__bottom:has(img):has(img) .seg__content__bottom__img {
    padding-right: 0;
    margin-bottom: calc(var(--container-padding) * -1);
}

.--fivefive .seg__content__bottom:has(img):has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: var(--container-padding);
}

.--sixfour-plus.--reverse .--fivefive .seg__content {
    padding-left: var(--container-padding);
}

.--sixfour-plus.--reverse .--fivefive .seg__content__bottom__content {
    margin-left: 0;
    padding-right: var(--container-padding);
}

.--fivefive.--reverse .seg__content__bottom__content {
    margin-left: 0;
}

.--fivefive.--reverse .seg__content__bottom:has(img) {
    flex-direction: row;
    justify-content: flex-start;
}

.--fivefive.--reverse .seg__content__bottom:has(img) .seg__content__bottom__img {
    padding-right: var(--container-padding);
}

.--fivefive.--reverse .seg__content__bottom:has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}

.--fivefive-plus .seg__img {
    width: 50%;
}

.--fivefive-plus .seg__img .cover {
    height: 70%;
}

.--fivefive-plus .seg__img > div {
    height: 100%;
}

.--fivefive-plus .seg__img > div::before {
    padding-top: var(--aspect-ratio, 100%);
}

.--fivefive-plus .seg__content {
    width: 50%;
    padding-left: calc(var(--container-padding) + 10px);
    padding-right: var(--container-padding);
    display: block;
}

.--fivefive-plus .seg__content__cite {
    max-width: 340px;
}

.--fivefive-plus .seg__content__top {
    max-width: 740px;
}

.--fivefive-plus .seg__content__bottom {
    display: block;
}

.--fivefive-plus .seg__content__bottom.--left {
    display: block;
}

.--fivefive-plus .seg__content__bottom__img {
    width: 100%;
    height: 100%;
    padding-top: 20%;
    padding-right: var(--container-padding);
}

.--fivefive-plus .seg__content__bottom__img > div {
    height: 100%;
}

.--fivefive-plus .seg__content__bottom__content {
    width: 70%;
    padding-right: var(--container-padding);
}

.--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
    padding-right: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    position: relative;
    padding-bottom: 0px;
    margin-top: 20px;
}

.--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover {
    display: flex;
    align-items: end;
    max-width: 80%;
}

.--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover img {
    height: 500px;
    width: 500px;
}

.--fivefive-plus .seg__content__bottom:has(img):has(img) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.--fivefive-plus .seg__content__bottom:has(img):has(img) .seg__content__bottom__img {
    padding-right: 0;
    margin-bottom: calc(var(--container-padding) * -1);
}

.--fivefive-plus .seg__content__bottom:has(img):has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: var(--container-padding);
}

.--sixfour-plus.--reverse .--fivefive-plus .seg__content {
    padding-left: var(--container-padding);
}

.--sixfour-plus.--reverse .--fivefive-plus .seg__content__bottom__content {
    margin-left: 0;
    padding-right: var(--container-padding);
}

.--fivefive-plus.--reverse .seg__content__bottom__content {
    margin-left: 0;
}

.--fivefive-plus.--reverse .seg__content__bottom:has(img) {
    flex-direction: row;
    justify-content: flex-start;
}

.--fivefive-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__img {
    padding-right: var(--container-padding);
}

.--fivefive-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}

.--fivefive-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__img {
    justify-content: start;
}

.seg.--threenine {
    padding: var(--container-padding);
}

.--threenine .seg {
    display: flex;
    flex-direction: column;
}

.--threenine .seg__cite {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    line-height: 2.5rem;
    display: flex;
    flex-direction: column;
    padding-bottom: calc(var(--container-vert-padding) / 2);
    padding-top: calc(var(--container-vert-padding) / 2);
}

.--threenine .seg__cite::before, .--threenine .seg__cite::after {
    left: 2%;
}

.--threenine .seg__nav {
    width: 30%;
}

.--threenine .seg__nav .button {
    margin-top: calc(var(--container-vert-padding) * 2);
}

.--threenine .seg__content {
    width: 90%;
    padding-left: var(--container-padding);
}

.--threenine .seg__content__top {
    display: flex;
    align-items: center;
    margin-top: calc(var(--container-vert-padding) * 2);
}

.--threenine .seg__content__top p {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    padding-right: var(--gutter-x);
}

.--threenine .seg__content__top p + p {
    border-left: 1px solid var(--brick);
    font-size: var(--font-size-md);
    padding-left: var(--gutter-x);
}

.--threenine .seg__content__top:first-of-type {
    margin-top: 0;
}

.--threenine .seg__content__bottom {
    padding-top: var(--gutter-x);
}

.--threenine .seg__text-wrapper {
    display: flex;
    justify-content: space-between;
    /*
            &:last-of-type {
                border-bottom: 1px solid rgba($color: #fff, $alpha: .15);
          }
        */
}

.--threenine .seg__text-wrapper p {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    margin-bottom: 1rem;
    color: var(--sand);
}

.--threenine .seg__text-wrapper p + p {
    color: var(--brick);
    min-width: 80px;
    padding-left: var(--paragraph-spacing);
}

.--threenine .seg__text-wrapper span {
    display: block;
    font-size: var(--font-size-xs);
}

.--threenine .seg__text-wrapper small {
    font-size: 12px;
    position: absolute;
    margin-left: 0.5rem;
}

.--threenine .seg__heading {
    font-weight: var(--font-medium);
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    margin-bottom: calc(var(--paragraph-spacing) / 2);
    padding: 1.25rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.--threenine .seg__heading p {
    margin-bottom: 0;
}

.--sixfour-plus .seg__img {
    width: 40%;
}

.--sixfour-plus .seg__img .cover {
    height: 70%;
}

.--sixfour-plus .seg__img > div {
    height: 100%;
}

.--sixfour-plus .seg__img > div::before {
    padding-top: var(--aspect-ratio, 133.32%);
}

.--sixfour-plus .seg__content {
    width: 60%;
    padding-left: calc(var(--container-padding) * 2);
    padding-right: var(--container-padding);
    padding-bottom: var(--container-padding);
    display: block;
}

.--sixfour-plus .seg__content__heading {
    font-size: var(--font-size-6xl);
    line-height: 4.875rem;
    letter-spacing: -0.1rem;
}

.--sixfour-plus .seg__content__cite {
    max-width: 420px;
}

.--sixfour-plus .seg__content__top {
    max-width: 740px;
}

.--sixfour-plus .seg__content__bottom {
    display: block;
    padding-bottom: var(--container-vert-padding);
}

.--sixfour-plus .seg__content__bottom__img {
    width: 100%;
    height: 100%;
    padding-top: 20%;
    padding-right: var(--container-padding);
}

.--sixfour-plus .seg__content__bottom__img > div {
    height: 100%;
}

.--sixfour-plus .seg__content__bottom__content {
    width: 70%;
    padding-right: var(--container-padding);
}

.--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
    padding-right: 0;
    width: 100%;
    display: flex;
    justify-content: end;
    align-items: end;
    position: relative;
    padding-bottom: 0px;
    margin-top: 20px;
}

.--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover {
    display: flex;
    align-items: end;
    max-width: 70%;
}

.--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover img {
    height: 100%;
}

.--sixfour-plus .seg__content__bottom:has(img):has(img) {
    flex-direction: row-reverse;
    justify-content: space-between;
}

.--sixfour-plus .seg__content__bottom:has(img):has(img) .seg__content__bottom__img {
    padding-right: 0;
    margin-bottom: calc(var(--container-padding) * -1);
}

.--sixfour-plus .seg__content__bottom:has(img):has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: var(--container-padding);
}

.--sixfour-plus.--reverse .seg__content {
    padding-left: var(--container-padding);
}

.--sixfour-plus.--reverse .seg__content__bottom__content {
    margin-left: 0;
}

.--sixfour-plus.--reverse .seg__content__bottom:has(img) {
    flex-direction: row;
    justify-content: flex-start;
}

.--sixfour-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__content {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
}

.--sixfour-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__img {
    justify-content: start;
}

.seg.--full, .seg.--full-center {
    display: grid;
    height: auto;
}

.seg.--full > *, .seg.--full-center > * {
    grid-area: 1/-1;
}

.seg.--full.--hero, .seg.--full-center.--hero {
    display: grid;
    margin-top: calc(var(--container-vert-padding) * -2);
    height: calc(100vh - 80px);
}

.seg.--full.--hero .icon--arr-d, .seg.--full-center.--hero .icon--arr-d {
    position: absolute;
    bottom: 5%;
    animation: arrow_down 1s ease-in-out 0s infinite alternate;
}

.seg.--full.--hero .icon.--arr-d-right, .seg.--full-center.--hero .icon.--arr-d-right {
    right: 5%;
}

.seg.--full.--hero .icon.--arr-d-center, .seg.--full-center.--hero .icon.--arr-d-center {
    right: calc(50% - 10px);
}

.seg.--full.--hero .seg__content, .seg.--full-center.--hero .seg__content {
    padding-left: calc(var(--section-padding) / 1.2);
}

.seg.--full.--hero > *, .seg.--full-center.--hero > * {
    grid-area: 1/-1;
}

.seg.--full.--hero::after, .seg.--full-center.--hero::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 40%);
}

.seg.--full.--hero.--nfs, .seg.--full-center.--hero.--nfs {
    min-height: auto;
}

.seg.--full video, .seg.--full-center video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.--full .seg__img,
.--full-center .seg__img {
    width: 100%;
}

.--full .seg__img > div,
.--full-center .seg__img > div {
    height: 100%;
}

.--full .seg__img > div::before,
.--full-center .seg__img > div::before {
    padding-top: var(--aspect-ratio, 45%);
}

.--full .seg__img:has(+ .seg__content) > div::before,
.--full-center .seg__img:has(+ .seg__content) > div::before {
    padding-top: var(--aspect-ratio, 45%);
}

.--full .seg__img:has(+ .seg__content) > div::after,
.--full-center .seg__img:has(+ .seg__content) > div::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 60%);
}

.--full .seg__content,
.--full-center .seg__content {
    position: relative;
    height: 100%;
    width: 100%;
    padding-left: var(--container-padding);
    padding-right: var(--container-padding);
}

.--full .seg__content__heading,
.--full-center .seg__content__heading {
    font-size: var(--font-size-6xl);
    line-height: 4.375rem;
    letter-spacing: -0.1rem;
    max-width: 740px;
}

.--full .seg__content__cite,
.--full-center .seg__content__cite {
    max-width: 420px;
}

.--full-center .seg__img > div::after {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 100%, rgba(0, 0, 0, 0) 0%);
}

.--full-center .seg__content {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.--full-center .seg__content__cite {
    margin: auto;
    margin-bottom: var(--container-vert-padding);
}

.--full-center .seg__content__cite::before {
    content: "";
    left: 50%;
    transform: translateX(-50%);
}

.--full-center .seg__content__cite::after {
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.--hero .seg {
    display: grid;
    min-height: 90vh;
    height: auto;
}

.--hero .seg > * {
    grid-area: 1/-1;
}

.--hero .seg__content {
    padding-top: calc(var(--container-vert-padding) * 3);
    position: relative;
    z-index: 10;
}

.--hero .seg__content__heading {
    font-size: var(--font-size-7xl);
    line-height: 1;
    margin-bottom: calc(var(--container-vert-padding));
    margin-left: -6px;
}

.--hero .seg__content__heading.--small {
    font-size: var(--font-size-6xl);
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
    margin-top: 20px;
}

.--hero .seg__content__heading.--small::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transition-duration: 0.3s;
}

.--hero .seg__content__heading.--small::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transform: rotate(180deg);
    transition-duration: 0.3s;
}

.--hero .seg__content__bottom.--with-button a {
    margin-top: 50px;
}

.--hero.--nfs .seg__content__heading {
    font-size: var(--font-size-6xl);
    line-height: 1;
}

.seg.--content {
    color: var(--sand);
}

.seg.--content:last-of-type {
    padding-bottom: calc(var(--section-padding) * 2);
}

.--content .seg__content {
    padding: 0;
}

.--content .seg__content__cite {
    color: var(--brick);
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.--content .seg__content__title {
    color: var(--brick);
    margin-bottom: 0.8rem;
}

.--content .seg__content__link {
    text-decoration: underline;
}

.--content .seg__content__subtitle {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
}

.--content .seg__content__subtitle.--smaller {
    font-size: var(--font-size-3xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    color: var(--sand);
}

.--content .seg__content__img::before {
    padding-top: var(--aspect-ratio, 50%);
}

.--content .seg__content__gal {
    padding-bottom: calc(var(--container-vert-padding) * 1.5);
    padding-top: var(--container-vert-padding);
}

.seg__content__label {
    color: var(--brick);
}

.seg__content__heading {
    color: var(--brick);
}

.seg__content__cite {
    color: var(--sand);
}

.bg-navy .seg__cite {
    color: var(--brick);
}

.bg-navy .seg__content__heading {
    color: var(--brick);
}

.bg-navy .seg__content__marks {
    color: var(--white);
}

.bg-navy .seg__content__sample {
    color: var(--white);
}

.bg-navy .seg__content .button {
    color: var(--navy);
    background-color: var(--brick);
}

.bg-navy .seg__content .button:hover {
    color: var(--navy);
    background-color: var(--sand);
}

.bg-navy .seg__content .button--outline {
    color: var(--brick);
    border-color: var(--brick);
    background-color: transparent;
}

.bg-navy .seg__content .button--outline:hover {
    color: var(--navy);
    background-color: var(--brick);
}

.bg-navy .seg__inline-group {
    border-top: 0.5px solid var(--white);
    border-bottom: 0.5px solid var(--white);
}

.bg-navy .seg__carousel__dots__box__dot {
    background: transparent;
    border: 1px solid var(--white);
}

.bg-navy .seg__carousel__dots__box__dot.--active {
    background: var(--white);
}

.bg-olive .seg__cite {
    color: var(--brick);
}

.bg-olive .seg__content__heading {
    color: var(--brick);
}

.bg-olive .seg__content__marks {
    color: var(--white);
}

.bg-olive .seg__content__sample {
    color: var(--white);
}

.bg-olive .seg__content .button {
    color: var(--olive);
    background-color: var(--brick);
}

.bg-olive .seg__content .button:hover {
    color: var(--olive);
    background-color: var(--sand);
}

.bg-olive .seg__content .button--outline {
    color: var(--brick);
    border-color: var(--brick);
    background-color: transparent;
}

.bg-olive .seg__content .button--outline:hover {
    color: var(--olive);
    background-color: var(--brick);
}

.bg-olive .seg__inline-group {
    border-top: 0.5px solid var(--white);
    border-bottom: 0.5px solid var(--white);
}

.bg-olive .seg__carousel__dots__box__dot {
    background: transparent;
    border: 1px solid var(--white);
}

.bg-olive .seg__carousel__dots__box__dot.--active {
    background: var(--white);
}

.bg-brick .seg__cite {
    color: var(--navy);
}

.bg-brick .seg__benefits {
    margin-top: 0px !important;
    padding-top: 0px;
}

.bg-brick .seg__benefits__more .button {
    background: var(--navy);
    color: var(--sand);
}

.bg-brick .seg__benefits__more .button:hover {
    background: var(--navy-dark);
}

.bg-brick .seg__content__label {
    color: var(--navy);
}

.bg-brick .seg__content__marks {
    color: var(--navy);
}

.bg-brick .seg__content__marks li::marker {
    color: var(--navy);
}

.bg-brick .seg__content__sample {
    color: var(--navy);
}

.bg-brick .seg__content__heading {
    color: var(--navy);
}

.bg-brick .seg__content__cite {
    color: var(--navy);
}

.bg-brick .seg__content .button {
    color: var(--sand);
    background-color: var(--navy);
}

.bg-brick .seg__content .button:hover {
    color: var(--navy);
    background-color: var(--sand);
}

.bg-brick .seg__content .button--outline {
    color: var(--navy);
    border-color: var(--navy);
    background-color: transparent;
}

.bg-brick .seg__content .button--outline:hover {
    color: var(--brick);
    background-color: var(--navy);
}

.bg-brick .seg__content__inline-group {
    border-top: 0.5px solid var(--black);
    border-bottom: 0.5px solid var(--black);
}

.bg-brick .seg__content__carousel__dots__box__dot {
    background: transparent;
    border: 1px solid var(--black);
}

.bg-brick .seg__content__carousel__dots__box__dot.--active {
    background: var(--black);
}

.bg-brick .seg .button {
    color: var(--sand);
    background-color: var(--navy);
}

.bg-brick .seg .button:hover {
    color: var(--navy);
    background-color: var(--sand);
}

.bg-brick .seg .button--outline {
    color: var(--navy);
    border-color: var(--navy);
    background-color: transparent;
}

.bg-brick .seg .button--outline:hover {
    color: var(--brick);
    background-color: var(--navy);
}

.bg-sand .seg__cite {
    color: var(--navy);
}

.bg-sand .seg__content__label {
    color: var(--navy);
}

.bg-sand .seg__content__marks {
    color: var(--navy);
}

.bg-sand .seg__content__sample {
    color: var(--navy);
}

.bg-sand .seg__content__heading {
    color: var(--navy);
}

.bg-sand .seg__content__cite {
    color: var(--navy);
}

.bg-sand .seg__content .button {
    color: var(--sand);
    background-color: var(--navy);
}

.bg-sand .seg__content .button.--brick {
    color: var(--navy);
    background-color: var(--brick);
}

.bg-sand .seg__content .button:hover {
    color: var(--navy);
    background-color: var(--white);
}

.bg-sand .seg__content .button--outline {
    color: var(--navy);
    border-color: var(--navy);
    background-color: transparent;
}

.bg-sand .seg__content .button--outline:hover {
    color: var(--sand);
    background-color: var(--navy);
}

.bg-sand .seg__inline-group {
    border-top: 0.5px solid var(--black);
    border-bottom: 0.5px solid var(--black);
}

.bg-sand .seg__carousel__dots__box__dot {
    background: transparent;
    border: 1px solid var(--black);
}

.bg-sand .seg__carousel__dots__box__dot.--active {
    background: var(--black);
}

.bg-white .seg__cite {
    color: var(--navy);
}

.bg-white .seg__content__label {
    color: var(--navy);
}

.bg-white .seg__content__marks {
    color: var(--navy);
}

.bg-white .seg__content__sample {
    color: var(--navy);
}

.bg-white .seg__content__heading {
    color: var(--navy);
}

.bg-white .seg__content__cite {
    color: var(--navy);
}

.bg-white .seg__content .button {
    color: var(--white);
    background-color: var(--navy);
}

.bg-white .seg__content .button:hover {
    color: var(--navy);
    background-color: var(--sand);
}

.bg-white .seg__content .button--outline {
    color: var(--navy);
    border-color: var(--navy);
    background-color: transparent;
}

.bg-white .seg__content .button--outline:hover {
    color: var(--white);
    background-color: var(--navy);
}

.bg-white .seg__inline-group {
    border-top: 0.5px solid var(--black);
    border-bottom: 0.5px solid var(--black);
}

.bg-white .seg__carousel__dots__box__dot {
    background: transparent;
    border: 1px solid var(--black);
}

.bg-white .seg__carousel__dots__box__dot.--active {
    background: var(--black);
}

.bg-dark .seg__cite {
    color: var(--white);
}

.bg-dark .seg__content__label {
    color: var(--white);
}

.bg-dark .seg__content__marks {
    color: var(--white);
}

.bg-dark .seg__content__sample {
    color: var(--white);
}

.bg-dark .seg__content__heading {
    color: var(--white);
}

.bg-dark .seg__content__cite {
    color: var(--white);
}

.bg-dark .seg__content .button--outline {
    color: var(--white);
    border-color: var(--white);
    background-color: transparent;
}

.bg-dark .seg__content .button--outline:hover {
    color: var(--navy);
    background-color: var(--white);
}

.bg-dark .seg__inline-group {
    border-top: 0.5px solid var(--white);
    border-bottom: 0.5px solid var(--white);
}

.--hero .seg__content__heading {
    color: var(--white);
    margin-bottom: calc(var(--container-vert-padding) / 2);
}

.--hero .seg__content__cite {
    color: var(--white);
}

.--hero .seg__content__cite::before {
    background-color: var(--brick);
}

.--hero .seg__content__cite::after {
    background-color: var(--brick);
}

.seg__center .row {
    justify-content: center;
    align-items: center;
    text-align: center;
}

.seg__cite {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    max-width: 980px;
    margin: auto;
    position: relative;
    padding-top: var(--container-vert-padding);
    padding-bottom: calc(var(--container-vert-padding) / 2);
    color: var(--brick);
}

.seg__cite::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 50%;
    width: 17px;
    height: 8px;
    transform: translateX(-50%);
    transition-duration: 0.3s;
}

.seg__cite::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 17px;
    height: 8px;
    transform: translateX(-50%) rotate(180deg);
    transition-duration: 0.3s;
}

.seg__cite.--left {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    margin: inherit;
    max-width: 680px;
}

.seg__cite.--left::before {
    left: 0;
    transform: translateX(0%);
}

.seg__cite.--left::after {
    left: 0;
    transform: translateX(0%) rotate(180deg);
    transition-duration: 0.3s;
}

.seg__cite__authored {
    margin-top: var(--container-vert-padding);
    margin-bottom: var(--container-vert-padding);
    /*&::before {
                left: 49%;
            }
            &::after {
                transform: none;
                top: 0;
                left: 51%;
            }*/
}

.seg__cite__authored img {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    object-fit: cover;
    margin: 0 auto;
    margin-bottom: calc(var(--container-vert-padding) / 2);
}

.seg__cite__authored p:last-of-type {
    font-size: var(--font-size-md);
}

.seg__carousel__overflow {
    width: 100%;
    height: 500px;
    display: flex;
    column-gap: 30px;
    margin-left: 0px;
    margin-bottom: calc(var(--section-padding) * 1);
    padding-right: 150px;
    transition: 1s;
    z-index: -1;
}

.seg__carousel {
    width: auto;
    height: 600px;
    overflow: hidden;
    margin-right: calc(0px - (var(--section-padding)*1.6));
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    position: relative;
}

.seg__carousel__move-rows {
    position: absolute;
    padding: 20px;
    top: 0;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 5;
}

.seg__carousel__move-rows.--right {
    right: 50px;
}

.seg__carousel__move-rows.--left {
    left: 0;
}

.seg__carousel__move-rows.--left svg {
    transform: rotate(180deg);
}

.seg__carousel__move-rows svg {
    width: 40px;
    height: 40px;
    background-color: var(--brick);
    padding: 10px;
    color: var(--black);
}

.seg__carousel__dots {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    bottom: -0px;
    left: 0px;
    z-index: 5;
}

.seg__carousel__dots__box {
    width: auto;
    display: flex;
    gap: 10px;
}

.seg__carousel__dots__box__dot {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: transparent;
    border: 1px solid var(--black);
}

.seg__carousel__dots__box__dot.--active {
    background: var(--black);
}

.seg__carousel__card {
    width: 430px;
    height: 100%;
    background: var(--sand-dark);
    flex-shrink: 0;
    box-sizing: border-box;
    padding: 0;
    object-fit: contain;
    position: relative;
    transition: 0.6s;
}

.seg__carousel__card__bottom {
    position: relative;
    width: 100%;
    height: auto;
    display: inline-flex;
    align-items: center;
    gap: 15px;
    transition: 0.3s ease-in-out;
    opacity: 0;
}

.seg__carousel__card__bottom a,
.seg__carousel__card__bottom button {
    width: 100%;
}

.seg__carousel__card__bottom p {
    margin-bottom: 0px !important;
}

.seg__carousel__card__bottom__price {
    position: absolute;
    display: flex;
    align-items: start;
    gap: 5px;
    left: 0;
    color: var(--white);
    font-size: var(--font-size-xs);
}

.seg__carousel__card__bottom__price span {
    font-size: var(--font-size-2xl);
    color: var(--brick);
}

.seg__carousel__card__bottom__link {
    position: absolute;
    color: var(--white);
    right: 0;
    text-decoration: underline;
    transition: 0.3 ease-in;
}

.seg__carousel__card__bottom__link:hover {
    opacity: 0.9;
    cursor: pointer;
}

.seg__carousel__card__content__title {
    padding-bottom: 10px;
    font-weight: var(--font-regular);
    transition: 0.6s;
    height: auto;
    font-size: 22px;
    width: 100%;
    margin-bottom: 0px;
    color: var(--white);
    padding-bottom: 0px;
}

.seg__carousel__card__content__perex {
    padding-bottom: 10px;
    font-weight: var(--font-regular);
    transition: 1s;
    height: auto;
    font-size: 16px;
    width: 100%;
    color: var(--gray-light);
    margin-bottom: -60px;
    transition: 0.2s ease-in-out;
}

.seg__carousel__card__content {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
}

.seg__carousel__card__content__filter {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    transition: 1s;
    height: 100%;
    padding: 20px;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.797356) 0%, rgba(0, 0, 0, 0) 50%);
}

.seg__carousel__card__content__filter__box {
    width: 100%;
}

.seg__carousel__card:hover .seg__carousel__card__content__perex {
    margin-bottom: 10px;
}

.seg__carousel__card:hover .seg__carousel__card__bottom {
    opacity: 1;
}

.seg__benefits {
    display: flex;
    flex-wrap: wrap;
    row-gap: 40px;
}

.seg__benefits__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: 30px;
    gap: 25px;
}

.seg__benefits__item p {
    margin-bottom: 0px;
}

.seg__benefits__item__border {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    border: 1px solid currentColor;
}

.seg__benefits__item__ico {
    width: 60px;
    height: 60px;
    text-align: center;
}

.seg__benefits__item__ico svg {
    max-height: 50px;
    max-width: 50px;
}

.seg__benefits__more {
    margin: 0px auto;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}

.seg__benefits__more .seg__content {
    padding: 0px;
}

/* Apply negative margin to sections not having bg-navy class */
.seg.--fivefour, .seg.--sixfour, .seg.--fivefive, .seg.--fivefive-plus, .seg.--sixfour-plus, .seg.--ten {
    padding: calc(var(--section-padding) / 1.2);
    padding-left: calc(var(--section-padding) * 1.2);
    padding-right: calc(var(--section-padding) * 1.2);
    margin: 0px auto;
}

.seg.--ten + .seg.--ten {
    margin-top: calc(0px - var(--section-padding));
    padding-top: 0px;
}

.bg-brick.seg.--ten .seg__content__heading {
    color: var(--navy) !important;
}

.bg-sand.seg.--ten .seg__content__heading {
    color: var(--navy) !important;
}

@media (max-width: 575.98px) {
    .seg.--fivefour, .seg.--sixfour, .seg.--sixfour-plus, .seg.--fivefive, .seg.--fivefive-plus {
        padding: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .seg.--ten {
        padding: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }
    .seg.--ten .seg__content {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
        padding-bottom: var(--container-padding);
    }
}

@media (max-width: 991.98px) {
    .seg.--full.--hero, .seg.--full-center.--hero {
        height: 95vh;
    }
    .seg__content__bottom__content.--white-space {
        width: 90% !important;
    }
    .seg__content__bottom__content.--white-space .seg__content__cite {
        margin-left: 0px;
    }
    .seg__content__bottom__content.--white-space .seg__content__buttons {
        margin-left: 0px;
    }
}

.--space-top .seg__carousel {
    margin-top: calc(var(--container-vert-padding) * 2.5);
    padding-top: 0;
}

.headline + .--content {
    margin-bottom: var(--section-padding);
}

.seg:not(.seg.--content) + .seg.--content {
    padding-top: calc(var(--section-padding));
}

/*
.headline + .--full-center {
    max-height: em(800);
}

*/
@media (max-width: 1439.98px) {
    .--full .seg__img > div::before,
    .--full-center .seg__img > div::before {
        padding-top: var(--aspect-ratio, 55%);
    }
}

@media (max-width: 991.98px) {
    .seg__benefits {
        padding-bottom: calc(var(--section-padding) * 1);
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: calc(var(--section-padding) * 1);
    }
    .--sixfour .seg__img {
        width: 50%;
    }
    .--sixfour .seg__content {
        width: 50%;
    }
    .--fivefour .seg__content {
        width: 60%;
    }
    .--fivefive .seg__img {
        width: 40%;
    }
    .--fivefive .seg__content {
        width: 60%;
    }
    .--fivefive .seg__content__bottom {
        display: block;
    }
    .--fivefive .seg__content__bottom__img {
        max-width: 190px;
        height: fit-content;
    }
    .--fivefive .seg__content__bottom__content {
        margin-left: 30%;
    }
    .--fivefive.--full .seg__img {
        width: 50%;
    }
    .--fivefive-plus .seg__img {
        width: 40%;
    }
    .--fivefive-plus .seg__content {
        width: 60%;
    }
    .--fivefive-plus .seg__content__bottom {
        display: block;
    }
    .--fivefive-plus .seg__content__bottom__img {
        max-width: 190px;
        height: fit-content;
    }
    .--fivefive-plus .seg__content__bottom__content {
        margin-left: 30%;
    }
    .--fivefive-plus.--full .seg__img {
        width: 50%;
    }
    .seg + .--sixfour-plus {
        flex-direction: column;
    }
    .--sixfour-plus .seg__img {
        width: 50%;
    }
    .--sixfour-plus .seg__content {
        width: 100%;
    }
    .--sixfour-plus .seg__content__bottom__img {
        max-width: 260px;
    }
    .--sixfour-plus .seg__img,
    .--space-top.--sixfour-plus .seg__img {
        order: 1;
    }
    .--sixfour-plus .seg__content,
    .--space-top.--sixfour-plus .seg__content {
        margin-top: var(--container-vert-padding);
        order: 2;
    }
    .seg__carousel__overflow {
        height: 450px;
        column-gap: 20px;
        margin-left: 0px;
        padding-right: 0px;
        margin-right: 0px;
        gap: 0px;
    }
    .seg__carousel {
        width: auto;
        height: 550px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .seg__carousel__card {
        height: 100%;
    }
    .seg__carousel__move-rows.--right {
        right: 0px;
    }
    .seg__carousel__move-rows.--left {
        left: 0;
    }
    .seg__carousel__move-rows.--left svg {
        transform: rotate(180deg);
    }
}

@media (max-width: 991.98px) {
    .seg.--banner .seg__content__content {
        width: 100%;
        margin-bottom: 2rem;
    }
    .seg.--banner .seg__content__sample {
        width: 100%;
        margin-bottom: 2rem;
    }
    .seg.--banner .seg__content__heading {
        width: 100%;
        margin-bottom: 2rem;
    }
    .seg__content__marks {
        padding-left: 0px;
        width: 100%;
        margin-top: 0px;
    }
    .seg__content__marks li {
        line-height: 2.2rem;
    }
    .--sixfour .seg__img {
        min-height: 600px;
    }
    .seg + .--fivefour {
        flex-direction: column;
    }
    .--fivefour .seg__img {
        width: 80%;
        max-width: 480px;
    }
    .--fivefour .seg__content {
        width: 100%;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
    .seg + .--fivefive {
        flex-direction: column;
    }
    .--fivefive .seg__img {
        width: 80%;
    }
    .--fivefive .seg__content {
        width: 100%;
    }
    .--fivefive .seg__content__bottom {
        display: flex;
    }
    .--fivefive .seg__content__bottom__img {
        max-width: 190px;
        height: fit-content;
    }
    .--fivefive .seg__content__bottom__content {
        margin-left: 30%;
    }
    .--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 23%;
        display: none;
    }
    .--fivefive-plus .seg__img {
        width: 80%;
    }
    .--fivefive-plus .seg__content {
        width: 100%;
    }
    .--fivefive-plus .seg__content__bottom {
        display: flex;
    }
    .--fivefive-plus .seg__content__bottom__img {
        max-width: 190px;
        height: fit-content;
    }
    .--fivefive-plus .seg__content__bottom__content {
        margin-left: 30%;
    }
    .--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 23%;
        display: none;
    }
    .--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 15%;
        display: none;
    }
    .--reverse.--fivefive .seg__img,
    .--reverse.--fivefour .seg__img {
        order: 1;
    }
    .--reverse.--fivefive .seg__content,
    .--reverse.--fivefour .seg__content {
        order: 2;
    }
    .--fivefive.--full .seg__img {
        width: 100%;
    }
    .--fivefive.--full .seg__img:last-of-type {
        margin-top: 0;
    }
    .--full .seg__img > div::before,
    .--full-center .seg__img > div::before {
        padding-top: var(--aspect-ratio, 66%);
    }
}

@media (max-width: 767.98px) {
    .seg {
        flex-direction: column;
        /* Remove inside top padding  IF  */
    }
    .seg .js-scroll-down,
    .seg .js-scroll {
        display: none;
    }
    .seg__content__heading {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .seg__content__label {
        font-size: var(--font-size-sm);
        margin-bottom: 1rem;
    }
    .--sixfour .seg__img {
        width: 100%;
        min-height: auto;
    }
    .--sixfour .seg__content {
        width: 100%;
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
    .--fivefive .seg__img {
        width: 80%;
    }
    .--fivefive .seg__content {
        width: 100%;
    }
    .--fivefive .seg__content__bottom__content {
        margin-left: 0;
    }
    .--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 23%;
    }
    .--fivefive-plus .seg__img {
        width: 80%;
    }
    .--fivefive-plus .seg__content {
        width: 100%;
    }
    .--fivefive-plus .seg__content__bottom__content {
        margin-left: 0;
    }
    .--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 23%;
    }
    .--sixfour-plus .seg__content__bottom__img {
        max-width: 190px;
    }
    .--sixfour-plus .seg__content__heading {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .--sixfour-plus .seg__content__bottom {
        display: flex;
    }
    .--sixfour-plus .seg__content__bottom__img {
        max-width: 190px;
        height: fit-content;
    }
    .--sixfour-plus .seg__content__bottom__content {
        margin-left: 30%;
    }
    .--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        position: absolute;
        padding-bottom: 90px;
        margin-top: 15%;
    }
    .--sixfour-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__content {
        margin-left: var(--container-padding);
    }
    .--full .seg__img > div::before,
    .--full-center .seg__img > div::before {
        padding-top: var(--aspect-ratio, 100%);
    }
    .--full .seg__img:has(+ .seg__content) > div::after,
    .--full-center .seg__img:has(+ .seg__content) > div::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 150%);
    }
    .--full .seg__content,
    .--full-center .seg__content {
        position: relative;
    }
    .--full .seg__content__heading,
    .--full-center .seg__content__heading {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
        line-height: 3.125rem;
    }
    .--hero .seg__content {
        padding-bottom: var(--container-vert-padding);
    }
    .--hero .seg__content__heading {
        font-size: var(--font-size-6xl);
        line-height: 1;
    }
    .--hero .seg__content__heading.--small {
        font-size: var(--font-size-4xl);
        line-height: 3.125rem;
        letter-spacing: 0.01rem;
        margin-top: 100px;
    }
    .--hero.--nfs .seg {
        min-height: inherit;
    }
    .--hero.--nfs .seg__content__heading {
        font-size: var(--font-size-4xl);
        line-height: 3.125rem;
        letter-spacing: 0.01rem;
        line-height: 1;
    }
    .--hero.--nfs .seg__content__cite {
        margin-bottom: 0;
    }
    .--space-top .seg__content {
        margin-top: calc(var(--container-vert-padding) / 2);
    }
    .--sixfour-plus .seg__content {
        padding-left: var(--container-padding);
    }
    .--threenine .seg__nav {
        width: 100%;
    }
    .--threenine .seg__content {
        width: 100%;
        padding-left: 0;
    }
    .--threenine .seg__content__top p {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .--reverse .seg__img {
        order: 1;
    }
    .--reverse .seg__content {
        order: 2;
    }
    .seg__cite {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
        line-height: 2.5rem;
        margin-bottom: 0;
        margin-top: 0;
    }
    .headline + .seg .seg__content {
        padding-top: var(--container-vert-padding);
    }
}

@media (max-width: 575.98px) {
    .--reverse .seg__img {
        order: 2;
    }
    .--reverse .seg__carousel {
        order: 2;
    }
    .--reverse .seg__content {
        padding-left: var(--container-padding) !important;
    }
    .seg__carousel {
        width: auto;
        height: 550px;
        margin-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .seg__carousel__card {
        width: 91vw;
        height: 100%;
    }
    .seg__carousel__move-rows {
        display: none !important;
    }
    .seg__content {
        padding: calc(var(--section-padding)*0.4);
        padding-bottom: calc(var(--section-padding)*0.8);
    }
    .seg__content__heading {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .--space-top .seg__img {
        margin-top: calc(var(--container-vert-padding));
        width: 100%;
    }
    .--fivefour .seg__img {
        max-width: 420px;
    }
    .--fivefive.--full .seg__img {
        max-width: unset;
    }
    .--fivefive .seg__img {
        width: 100%;
        max-width: 420px;
    }
    .--fivefive .seg__content {
        width: 100%;
        position: relative;
        padding: calc(var(--section-padding)*0.4);
        padding-bottom: calc(var(--section-padding)*0.8);
    }
    .--fivefive .seg__content__heading {
        margin-bottom: 70px;
    }
    .--fivefive .seg__content__bottom__content {
        width: 100%;
        margin-left: 0;
    }
    .--fivefive .seg__content__bottom:has(img) .seg__content__bottom__img {
        display: none;
    }
    .--fivefive .seg__content__bottom__img {
        width: 40%;
        position: absolute;
        top: 0;
        right: calc(var(--container-padding) * -1);
        transform: translateY(-100%);
    }
    .--fivefive .seg__content__bottom:has(img) {
        flex-direction: row;
    }
    .--fivefive-plus.--full .seg__img {
        max-width: unset;
    }
    .--fivefive-plus .seg__img {
        width: 80%;
        max-width: 420px;
        padding-bottom: 70px;
    }
    .--fivefive-plus .seg__content {
        width: 100%;
        position: relative;
        padding: calc(var(--section-padding)*0.4);
        padding-bottom: calc(var(--section-padding)*0.8);
    }
    .--fivefive-plus .seg__content__heading {
        margin-bottom: 70px;
    }
    .--fivefive-plus .seg__content__bottom__content {
        width: 100%;
        margin-left: 0;
    }
    .--fivefive-plus .seg__content__bottom:has(img):has(img) {
        flex-direction: column;
    }
    .--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        display: flex;
        width: 100%;
    }
    .--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover {
        width: 350px;
        max-width: 350px;
    }
    .--fivefive-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover img {
        width: 230px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .--fivefive-plus .seg__content__bottom__img {
        position: absolute;
        top: 0;
        right: calc(var(--container-padding) * -1);
        padding-top: 0px;
        padding-bottom: 0px;
        transform: translateY(-150%);
    }
    .--fivefive-plus .seg__content__bottom:has(img) {
        flex-direction: row;
    }
    .--sixfour-plus .seg__img {
        width: 80%;
        height: 70%;
        max-width: 420px;
        padding-bottom: 55px;
    }
    .--sixfour-plus .seg__img > div::before {
        padding-top: var(--aspect-ratio, 100%);
    }
    .--sixfour-plus .seg__img img {
        width: 300px;
        height: 300px;
        object-fit: cover;
        object-position: center;
    }
    .--sixfour-plus .seg__content {
        width: 100%;
        position: relative;
    }
    .--sixfour-plus .seg__content__heading {
        margin-bottom: 70px;
    }
    .--sixfour-plus .seg__content__bottom__content {
        width: 100%;
        margin-left: 0;
    }
    .--sixfour-plus .seg__content__bottom:has(img):has(img) {
        flex-direction: column;
    }
    .--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img {
        display: flex;
        width: 100%;
    }
    .--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover {
        width: 350px;
        max-width: 350px;
    }
    .--sixfour-plus .seg__content__bottom:has(img) .seg__content__bottom__img .cover img {
        width: 230px;
        height: 250px;
        object-fit: cover;
        object-position: center;
    }
    .--sixfour-plus .seg__content__bottom__img {
        position: absolute;
        top: 0;
        right: calc(var(--container-padding) * -1);
        padding-top: 0px;
        padding-bottom: 0px;
        transform: translateY(-150%);
    }
    .--sixfour-plus .seg__content__bottom:has(img) {
        flex-direction: row;
    }
    .--sixfour-plus.--reverse .seg__content__bottom:has(img) .seg__content__bottom__content {
        margin-left: 0;
    }
    .--ten .seg__content {
        padding: 0px !important;
    }
    .--ten .seg__benefits {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
    .--full .seg__img > div::before,
    .--full-center .seg__img > div::before {
        padding-top: var(--aspect-ratio, 66%);
    }
    .--full .seg__content__heading,
    .--full-center .seg__content__heading {
        font-size: var(--font-size-4xl);
        line-height: 3.125rem;
        letter-spacing: 0.01rem;
        line-height: 1;
    }
    .--hero .seg__content {
        padding-left: calc(var(--section-padding)*0.4) !important;
    }
    .--hero .seg__content__heading {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
        line-height: 1;
    }
}

.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.--hide-plugin {
    display: none !important;
}

.headline {
    position: relative;
    z-index: 1;
    color: var(--brick);
    padding-bottom: var(--container-vert-padding);
    margin-bottom: 0;
    /* Remove double GAP */
    /* Colors */
    /* Default */
}

.headline + .--space-top {
    margin-top: calc((var(--container-vert-padding)*2)* -1);
}

.headline.--space-top {
    padding-top: calc(var(--container-vert-padding)*2);
}

.headline.--nopb {
    padding-bottom: 0;
}

.headline__title {
    font-size: var(--h0);
    line-height: 6.25rem;
    letter-spacing: -0.2rem;
    /*  Removing Left "Optical" Gap */
    margin-left: -6px;
}

.headline__title.--smaller {
    font-size: var(--h1);
}

.headline:has(.headline__cite) {
    padding-top: calc(var(--container-vert-padding)*3);
    padding-bottom: 0;
}

.headline:has(.headline__cite) h1 {
    margin-top: calc((var(--container-vert-padding))* -1);
}

.headline__cite {
    position: relative;
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    padding-top: calc(var(--container-vert-padding)/2);
    padding-bottom: calc(var(--container-vert-padding)/2);
    margin-bottom: var(--container-vert-padding);
    max-width: 480px;
}

.headline__cite p:last-of-type {
    margin-bottom: 0;
}

.headline__cite::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transition-duration: 0.3s;
}

.headline__cite::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transform: rotate(180deg);
    transition-duration: 0.3s;
}

.headline.bg-olive {
    color: var(--brick);
}

.headline.bg-brick {
    color: var(--navy);
}

.headline.bg-sand {
    color: var(--navy);
}

.headline.bg-white {
    color: var(--navy);
}

.headline.bg-dark {
    color: var(--white);
}

.headline.brick {
    color: var(--brick);
}

@media (max-width: 991.98px) {
    .headline__title {
        font-size: var(--font-size-6xl);
        letter-spacing: 0;
        line-height: 1;
    }
}

@media (max-width: 767.98px) {
    .headline__title {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
        letter-spacing: 0;
        line-height: 1;
    }
    .headline__title.--smaller {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
    }
}

.gal {
    padding-top: var(--container-vert-padding);
    padding-bottom: var(--container-vert-padding);
}

.gal > .container > .row > div:nth-of-type(odd) > div {
    padding-right: calc(var(--container-padding)*2);
}

.gal > .container > .row > div:nth-of-type(even) > div {
    padding-left: calc(var(--container-padding)*2);
}

.gal > .container > .row > div:has(.--landscape) > div {
    padding-left: 0;
    padding-right: 0;
}

.gal__img {
    padding-top: var(--container-vert-padding);
}

.gal__img-label {
    color: var(--sand);
    max-width: 480px;
    font-size: var(--font-size-md);
    line-height: 1.5rem;
    margin-top: var(--container-padding);
}

.gal__img-label__heading {
    font-weight: var(--font-medium);
    margin-bottom: .5rem;
    color: var(--brick);
}

.gal__img.--poster > div::before {
    padding-top: var(--aspect-ratio, 133.32%);
}

.gal__img.--polaroid > div::before {
    padding-top: var(--aspect-ratio, 66.66%);
}

.gal__img.--square > div::before {
    padding-top: var(--aspect-ratio, 90%);
}

.gal__img.--landscape img {
    position: relative;
}

.gal__img.--landscape > div::before {
    display: none;
}

.gal.--offsetimage {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.gal.--offsetimage > div:first-child {
    position: absolute;
    left: 0;
}

.gal.--offsetimage > div:first-child .cover {
    width: 380px;
}

.gal.--offsetimage > div:first-child img {
    width: 380px;
}

.--offsetimage .gal__img {
    width: 50%;
    position: relative;
    display: flex;
}

.--offsetimage .gal__img-label {
    margin-top: 0;
    padding-left: var(--container-padding);
    max-width: 420px;
}

.--offsetimage .gal__img:last-child {
    padding-top: 240px;
    padding-left: var(--container-padding);
}

.--offsetimage .gal__img:last-child .gal__img-label {
    position: absolute;
    transform: translateX(-100%);
    bottom: 0;
    text-align: right;
    padding-right: var(--container-padding);
}

@media (max-width: 1439.98px) {
    .gal.--offsetimage > div:first-child {
        width: 60%;
    }
}

@media (max-width: 1279.98px) {
    .gal.--offsetimage > div:first-child {
        width: 65%;
    }
}

@media (max-width: 991.98px) {
    .gal__img.--landscape > div::before {
        padding-top: var(--aspect-ratio, 60%);
    }
}

@media (max-width: 767.98px) {
    .gal__img {
        padding-top: 0;
    }
    .gal > .container > .row > div:nth-of-type(odd) > div {
        padding-right: 0;
    }
    .gal > .container > .row > div:nth-of-type(even) > div {
        padding-left: 0;
    }
    .gal > .container > .row > div:has(.--landscape) > div {
        padding-left: 0;
        padding-right: 0;
    }
    .gal.--offsetimage {
        flex-direction: column;
    }
    .gal.--offsetimage > div:first-child {
        width: 70%;
        position: relative;
        margin-bottom: var(--container-padding);
    }
    .gal.--offsetimage > div:first-child .cover {
        width: auto;
    }
    .gal.--offsetimage > div:first-child img {
        width: auto;
    }
    .--offsetimage .gal__img {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
    }
    .--offsetimage .gal__img-label {
        margin-top: var(--container-padding);
    }
    .--offsetimage .gal__img:last-child {
        padding-left: 0;
        padding-top: var(--container-padding);
        margin-left: auto;
        width: 80%;
    }
    .--offsetimage .gal__img:last-child .gal__img-label {
        position: relative;
        transform: none;
        text-align: left;
        padding-right: var(--container-padding);
        padding-left: 0;
    }
}

:root {
    --arr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.825' height='12.017' viewBox='0 0 13.825 12.017'%3E%3Cg id='Group_120' data-name='Group 120' transform='translate(-280.281 235.343) rotate(-90)'%3E%3Cpath id='Path_13' data-name='Path 13' d='M229.335,294.106l-6.009-5.987,1.044-1.046,4.159,4.137v-10.93h1.612v10.93l4.135-4.159,1.067,1.046Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E");
}

.room {
    /* Page List of Rooms */
    display: flex;
    position: relative;
    /* Page Detail */
}

.room:last-of-type {
    margin-bottom: calc(var(--container-vert-padding)*2.5);
}

.room__img {
    width: 60%;
    margin-top: calc(var(--container-vert-padding)*2.5);
}

.room__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 40%;
    margin-top: calc(var(--container-vert-padding)*2.5);
    margin-left: var(--container-vert-padding);
    padding-left: calc(var(--container-padding) + 10px);
    padding-right: var(--container-padding);
    padding-top: var(--container-vert-padding);
    padding-bottom: calc(var(--container-vert-padding)*2);
}

.room__content__heading {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    line-height: 3rem;
    letter-spacing: -0.01rem;
    margin-bottom: 0.5rem;
}

.room__content__subheading {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
}

.room__content__cta {
    color: var(--brick);
    font-size: var(--font-size-md);
    font-weight: var(--font-medium);
    position: relative;
    padding-left: 30px;
    transition: all ease-in-out .3s;
}

.room__content__cta::before {
    content: "";
    -webkit-mask-image: var(--arr-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 14px;
    transition-duration: 0.3s;
}

.room__content__cta:hover {
    transition: all ease-in-out .3s;
    text-decoration: underline;
}

.room__content__cta:hover::before {
    top: 0;
    left: 4px;
    transition-duration: 0.3s;
}

.room__content__features__list {
    margin-top: calc(var(--container-vert-padding)/2);
    margin-bottom: var(--container-vert-padding);
}

.room__content__features__list li {
    padding: .5rem 0;
    opacity: .6;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.room__content__reserve {
    display: flex;
    align-items: center;
}

.room__content__reserve .button {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.room__content__price p {
    margin-bottom: 0;
    padding-right: var(--container-padding);
}

.room__content__inner {
    max-width: 460px;
}

.room__info {
    padding-top: calc(var(--container-vert-padding)*2);
    padding-bottom: var(--container-vert-padding);
}

.room__info > .row {
    justify-content: space-between;
}

.room__descp {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    margin-bottom: var(--container-vert-padding);
    padding-bottom: var(--container-vert-padding);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.room__specs {
    display: flex;
    justify-content: space-between;
}

.room__specs__info p {
    color: var(--sand);
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    display: block;
    margin-bottom: 0;
    line-height: 1;
}

.room__specs__info p:first-of-type {
    font-size: var(--font-size-md);
    color: var(--brick);
    margin-bottom: .5rem;
}

.room__features__heading {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
}

.room__features__list li {
    padding: .5rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 1279.98px) {
    .room__img {
        width: 50%;
    }
    .room__content {
        margin-left: 0;
        width: 50%;
    }
}

@media (max-width: 991.98px) {
    .room {
        flex-direction: column;
    }
    .room__img {
        width: 100%;
    }
    .room__content {
        margin-top: 0;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .room__specs {
        flex-direction: column;
        margin-bottom: var(--container-vert-padding);
    }
    .room__specs__info {
        margin-bottom: var(--container-vert-padding);
    }
    .room__content {
        padding-left: var(--container-padding);
        padding-right: var(--container-padding);
    }
    .room__content__reserve {
        flex-direction: column;
        align-items: flex-start;
    }
    .room__content__reserve .button {
        width: 50%;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }
    .room__content__price p {
        margin-bottom: var(--container-padding);
        padding-right: 0;
    }
}

@media (max-width: 575.98px) {
    .room__img {
        margin-top: 0px !important;
    }
    .room__content__reserve .button {
        width: 100%;
    }
}

:root {
    --arr-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13.825' height='12.017' viewBox='0 0 13.825 12.017'%3E%3Cg id='Group_120' data-name='Group 120' transform='translate(-280.281 235.343) rotate(-90)'%3E%3Cpath id='Path_13' data-name='Path 13' d='M229.335,294.106l-6.009-5.987,1.044-1.046,4.159,4.137v-10.93h1.612v10.93l4.135-4.159,1.067,1.046Z' transform='translate(0 0)'/%3E%3C/g%3E%3C/svg%3E");
}

.cards {
    padding-top: var(--container-vert-padding);
    padding-bottom: var(--container-vert-padding);
}

.cards__label {
    font-size: var(--font-size-md);
    margin-bottom: calc(var(--container-vert-padding)*2.5);
}

.cards__heading {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    padding-top: calc(var(--container-vert-padding)/2);
}

.cards.seg {
    padding-bottom: calc(var(--container-vert-padding)*2);
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding-bottom: var(--container-vert-padding);
}

.card__img {
    order: 1;
    margin-bottom: 1rem;
}

.card__title {
    order: 2;
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    line-height: 3rem;
    letter-spacing: -0.01rem;
}

.card__perex {
    order: 3;
    font-size: var(--font-size-sm);
}

.card__perex p {
    max-width: 380px;
}

.card__perex p:last-child {
    margin-bottom: 0;
}

.card__perex + .card__cta {
    margin-top: 1rem;
}

.card__cta {
    order: 4;
    font-size: var(--font-size-md);
    font-weight: var(--font-medium);
    margin-top: .25rem;
}

.card__cta a {
    position: relative;
    padding-left: 30px;
    transition: all ease-in-out .3s;
}

.card__cta a::before {
    content: "";
    -webkit-mask-image: var(--arr-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--arr-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 14px;
    transition-duration: 0.3s;
}

.card__cta a:hover {
    transition: all ease-in-out .3s;
    text-decoration: underline;
}

.card__cta a:hover::before {
    top: 0;
    left: 4px;
    transition-duration: 0.3s;
}

.--top-title .card__title {
    order: 1;
}

.--top-title .card__img {
    order: 2;
}

.--top-title .card__img::before {
    padding-top: var(--aspect-ratio, 55%);
}

.--real-img .card__img img {
    position: relative;
}

.--real-img .card__img::before {
    display: none;
}

.card.--slider-card {
    width: 36vw;
    position: relative;
    padding-bottom: 0;
    height: 100%;
}

.card.--slider-card::after {
    content: "";
    position: absolute;
    right: calc((var(--container-padding)/2)*-1);
    top: 0;
    height: 100%;
    width: 1px;
}

.--slider-card .card__title {
    font-size: var(--font-size-3xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.--slider-card .card__title p {
    margin-bottom: 1rem;
}

.--inset-card .card__title {
    order: 1;
}

.--inset-card .card__perex {
    font-size: var(--font-size-xl);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.--inset-card .card__perex p {
    max-width: 100%;
    color: var(--white);
}

.--inset-card .card__date {
    order: 4;
    opacity: .6;
    margin-top: var(--container-vert-padding);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.--inset-card .card__img {
    overflow: hidden;
    order: 2;
    margin-bottom: calc(var(--container-vert-padding)/2);
}

.--inset-card .card__img img {
    transition: all .3s ease-in-out;
}

.--inset-card .card__img::before {
    padding-top: var(--aspect-ratio, 66.66%);
}

.card.--inset-card {
    background-color: rgba(0, 0, 0, 0.3);
    padding-bottom: calc(var(--container-vert-padding)/2);
}

.card.--inset-card:hover .card__img img {
    transition: all .3s ease-in-out;
    transform: scale(1.05);
}

.--testimonials-card .card__perex p {
    font-size: var(--font-size-md);
    width: 90%;
    max-width: 460px;
    color: var(--white);
}

.--testimonials-card .card__signature {
    font-size: var(--font-size-sm);
    opacity: .6;
    position: relative;
    order: 4;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: var(--container-vert-padding);
    margin-top: var(--container-vert-padding);
    margin-bottom: var(--container-vert-padding);
}

.--testimonials-card .card__signature::before {
    content: "";
    position: absolute;
    top: -15px;
    left: 20px;
    width: 30px;
    height: 30px;
    background-color: rgba(255, 255, 255, 0.3);
    clip-path: polygon(0 50%, 0 100%, 70% 50%);
}

.--testimonials-card .card__signature::after {
    content: "";
    position: absolute;
    top: -15px;
    left: 21px;
    width: 28px;
    height: 28px;
    background-color: var(--navy);
    clip-path: polygon(0 50%, 0 100%, 70% 50%);
}

.--testimonials-card .card__stars svg {
    width: 68px;
    height: 20px;
    margin-top: 15px;
    color: var(--brick);
}

/* EXTRA FOR SLIDER */
.owl-carousel .owl-stage {
    display: flex;
}

.owl-carousel .owl-stage .owl-item {
    height: auto;
}

.owl-stage .owl-item:last-of-type .card.--slider-card:after {
    display: none;
}

/* Colors */
/* navy */
.bg-navy .cards__label {
    color: var(--brick);
}

.cards.bg-navy .card__title, .cards.bg-navy-dark .card__title, .cards .card__title {
    color: var(--brick);
}

.cards.bg-navy .card__perex, .cards.bg-navy-dark .card__perex, .cards .card__perex {
    color: var(--sand);
}

.cards.bg-navy .card__cta, .cards.bg-navy-dark .card__cta, .cards .card__cta {
    color: var(--brick);
}

.cards.bg-navy .card.--slider-card::after, .cards.bg-navy-dark .card.--slider-card::after, .cards .card.--slider-card::after {
    background-color: #B29F89;
}

/* olive */
.bg-olive .cards__label {
    color: var(--brick);
}

.cards.bg-olive .card__title {
    color: var(--brick);
}

.cards.bg-olive .card__perex {
    color: var(--sand);
}

.cards.bg-olive .card__cta {
    color: var(--brick);
}

.cards.bg-olive .card.--slider-card::after {
    background-color: #B29F89;
}

.cards.bg-olive .card.--testimonials-card .card__signature::after {
    background-color: var(--olive);
}

/* sand */
.cards.bg-sand .cards__label, .cards.bg-sand .cards__heading {
    color: var(--navy);
}

.cards.bg-sand .card__title {
    color: var(--navy);
}

.cards.bg-sand .card__perex {
    color: var(--navy);
}

.cards.bg-sand .card__cta {
    color: var(--navy);
}

.cards.bg-sand .card.--slider-card::after {
    background-color: #B29F89;
}

.cards.bg-sand .card.--testimonials-card .card__signature {
    border-top: 1px solid rgba(50, 54, 78, 0.3);
    color: var(--navy);
}

.cards.bg-sand .card.--testimonials-card .card__signature::before {
    background-color: rgba(50, 54, 78, 0.3);
}

.cards.bg-sand .card.--testimonials-card .card__signature::after {
    background-color: var(--sand);
}

.cards.bg-sand .card.--testimonials-card .card__perex p {
    color: var(--navy);
}

/* brick */
.cards.bg-brick .cards__label, .cards.bg-brick .cards__heading {
    color: var(--navy);
}

.cards.bg-brick .card__title {
    color: var(--navy);
}

.cards.bg-brick .card__perex {
    color: var(--navy);
}

.cards.bg-brick .card__cta {
    color: var(--navy);
}

.cards.bg-brick .card.--slider-card::after {
    background-color: #B29F89;
}

.cards.bg-brick .card.--testimonials-card .card__signature {
    border-top: 1px solid rgba(50, 54, 78, 0.3);
    color: var(--navy);
}

.cards.bg-brick .card.--testimonials-card .card__signature::before {
    background-color: rgba(50, 54, 78, 0.3);
}

.cards.bg-brick .card.--testimonials-card .card__signature::after {
    background-color: var(--brick);
}

.cards.bg-brick .card.--testimonials-card .card__perex p {
    color: var(--navy);
}

/* white */
.cards.bg-white .cards__label, .cards.bg-white .cards__heading {
    color: var(--navy);
}

.cards.bg-white .card__title {
    color: var(--navy);
}

.cards.bg-white .card__perex {
    color: var(--navy);
}

.cards.bg-white .card__cta {
    color: var(--navy);
}

.cards.bg-white .card.--slider-card::after {
    background-color: #B29F89;
}

.cards.bg-white .card.--inset-card .card__perex p {
    color: var(--navy);
}

.cards.bg-white .card.--inset-card .card__date {
    opacity: .6;
    color: var(--navy);
}

.cards.bg-white .card.--testimonials-card .card__signature {
    border-top: 1px solid rgba(50, 54, 78, 0.3);
    color: var(--navy);
}

.cards.bg-white .card.--testimonials-card .card__signature::before {
    background-color: rgba(50, 54, 78, 0.3);
}

.cards.bg-white .card.--testimonials-card .card__signature::after {
    background-color: var(--white);
}

.cards.bg-white .card.--testimonials-card .card__perex p {
    color: var(--navy);
}

@media (max-width: 1279.98px) {
    .card.--slider-card {
        width: 60vw;
    }
}

@media (max-width: 767.98px) {
    .card.--slider-card {
        width: 80vw;
    }
    .card__title {
        order: 2;
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
        line-height: 3rem;
        letter-spacing: -0.01rem;
    }
}

@media (max-width: 575.98px) {
    .card__title {
        order: 1;
    }
    .card__img {
        order: 2;
    }
    .card.--slider-card::after {
        display: none;
    }
}

.card-slider {
    display: flex;
    flex-wrap: nowrap;
    padding-top: var(--container-vert-padding);
    padding-bottom: var(--container-vert-padding);
}

.card-slider__slide {
    width: 40vw;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
}

.card-slider__slide > div {
    width: calc(100% - (var(--container-padding)));
}

.card-slider__slide:last-of-type .card.--slider-card:after {
    display: none;
}

.--nfour .card-slider__slide {
    width: 28vw;
}

@media (max-width: 991.98px) {
    .card-slider__slide {
        width: 60vw;
    }
    .--nfour .card-slider__slide {
        width: 40vw;
    }
}

@media (max-width: 767.98px) {
    .card-slider__slide {
        width: 80vw;
    }
    .--nfour .card-slider__slide {
        width: 80vw;
    }
}

.contact {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    margin-top: var(--container-vert-padding);
}

.contact__title {
    color: var(--brick);
    margin-bottom: 0.5rem;
}

.contact__link {
    text-decoration: underline;
}

.contact__cite {
    position: relative;
    color: var(--brick);
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    padding-top: calc(var(--container-vert-padding)/2);
    padding-bottom: calc(var(--container-vert-padding)/2);
    margin-bottom: var(--container-vert-padding);
    max-width: 340px;
}

.contact__cite p:last-of-type {
    margin-bottom: 0;
}

.contact__cite::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transition-duration: 0.3s;
}

.contact__cite::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transform: rotate(180deg);
    transition-duration: 0.3s;
}

.contact__gal {
    margin-top: calc(var(--section-padding) * 1.5);
    margin-bottom: var(--section-padding);
}

.contact__gal .row > * {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}

.contact .rg-5 {
    row-gap: 5rem;
}

.contact__map-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
}

.contact__map {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: var(--navy-dark);
}

.image-switch__list {
    margin-top: -1rem;
}

.image-switch__list li {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    color: var(--sand);
    padding: 1rem 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.image-switch__list li.is-active {
    color: var(--white);
    border-bottom: 1px solid white;
    transition: all .3s ease-in-out;
}

.image-switch__img img {
    visibility: hidden;
    opacity: 0;
    transition: all .6s ease-in-out;
}

.image-switch__img img.is-active {
    visibility: visible;
    opacity: 1;
    transition: all .6s ease-in-out;
}

.image-switch__img::before {
    padding-top: var(--aspect-ratio, 66%);
}

@media (max-width: 767.98px) {
    .image-switch__list li {
        font-size: var(--font-size-xl);
        padding: .6rem 0;
    }
}

.film-strip-wrapper {
    overflow: hidden;
    padding-bottom: calc(var(--section-padding)*2);
    padding-top: 0;
}

.film-strip-wrapper .custom-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: var(--container-vert-padding) 0;
}

.film-strip-wrapper .custom-nav button {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.film-strip-wrapper .custom-nav button.disabled {
    opacity: .6;
}

.film-strip-wrapper .custom-nav.disabled {
    visibility: hidden;
}

.film-strip-wrapper .custom-nav--prev, .film-strip-wrapper .custom-nav--next {
    display: block;
    color: var(--navy);
}

.film-strip-wrapper .custom-nav--prev svg, .film-strip-wrapper .custom-nav--next svg {
    width: 40px;
    height: 20px;
}

.film-strip-wrapper .custom-nav--prev {
    transform: rotate(180deg);
}

.film-strip {
    position: relative;
}

.film-strip__slides .owl-stage-outer {
    overflow: visible;
}

.film-strip__nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 var(--container-padding);
    pointer-events: none;
}

.film-strip__nav .slider-nav__button {
    pointer-events: all;
    border: none;
    color: #fff;
    height: 40px;
    width: 40px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
}

.film-strip__nav .slider-nav__button:hover {
    background-color: var(--primary-dark);
}

.film-strip__nav .slider-nav__button--next {
    margin-left: auto;
}

.film-strip-slide {
    height: 100%;
}

.card-strip-wrapper {
    overflow: hidden;
}

.card-strip {
    position: relative;
}

.card-strip__slides .owl-stage-outer {
    overflow: visible;
}

.card-strip__nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 var(--container-padding);
    pointer-events: none;
}

.card-strip__nav .slider-nav__button {
    pointer-events: all;
    border: none;
    color: #fff;
    height: 40px;
    width: 40px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
}

.card-strip__nav .slider-nav__button:hover {
    background-color: var(--primary-dark);
}

.card-strip__nav .slider-nav__button--next {
    margin-left: auto;
}

.room-strip-wrapper {
    overflow: hidden;
}

.room-strip {
    position: relative;
    height: 100%;
}

.room-strip__slides {
    height: auto;
}

.room-strip__slides .owl-stage-outer {
    overflow: visible;
}

.room-strip__nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 var(--container-padding);
    pointer-events: none;
    display: flex;
    align-items: center;
    height: auto;
}

.room-strip__nav .slider-nav__button {
    pointer-events: all;
    border: none;
    color: #fff;
    height: 40px;
    width: 40px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
}

.room-strip__nav .slider-nav__button:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.room-strip__nav .slider-nav__button--next {
    margin-left: auto;
}

.room-strip__nav .slider-nav__button--prev {
    transform: rotate(180deg);
}

/*
.room-strip-slide{
    height: 680px;
    @include bp(xl){
        height: 600px;
    }
    @include bp(lg){
        height: 540px;
    }

    @include bp(md){
        height: auto;
    }
    &>div{
        height: 100%;
    }
}
*/
.testimonials-wrapper {
    overflow: hidden;
}

.testimonials-wrapper .custom-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: var(--container-vert-padding) 0;
}

.testimonials-wrapper .custom-nav button {
    border: none;
    background: transparent;
    margin: 0;
    padding: 0;
}

.testimonials-wrapper .custom-nav button.disabled {
    opacity: 0.6;
}

.testimonials-wrapper .custom-nav.disabled {
    visibility: hidden;
}

.testimonials-wrapper .custom-nav--prev,
.testimonials-wrapper .custom-nav--next {
    display: block;
    color: var(--white);
}

.testimonials-wrapper .custom-nav--prev svg,
.testimonials-wrapper .custom-nav--next svg {
    width: 40px;
    height: 20px;
}

.testimonials-wrapper .custom-nav--prev {
    transform: rotate(180deg);
}

.testimonials {
    position: relative;
    /* colors */
    /* brick */
    /* sand */
    /* white */
}

.testimonials__heading {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    padding-top: 0px;
}

.testimonials__heading p {
    max-width: calc(100% - var(--container-padding) - 80px);
}

.testimonials__heading + .custom-nav {
    margin-top: calc( (var(--paragraph-spacing) + var(--container-vert-padding)) * -1);
}

.testimonials__label {
    font-size: var(--font-size-sm);
    color: var(--brick);
    padding-top: calc(var(--container-vert-padding) / 2);
    margin-bottom: calc(var(--container-vert-padding) / 4);
}

.testimonials__label p {
    max-width: calc(100% - var(--container-padding) - 80px);
}

.testimonials__slides .owl-stage-outer {
    overflow: visible;
}

.testimonials .testimonials-slide {
    height: 100%;
}

.testimonials .testimonials-slide__quotes {
    width: 10px;
    margin-bottom: calc(var(--container-vert-padding) / 2);
    color: var(--brick);
}

.testimonials .testimonials-slide__quotes svg {
    width: 14px;
    height: 10px;
}

.testimonials__nav {
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 var(--container-padding);
    pointer-events: none;
}

.testimonials__nav .slider-nav__button {
    pointer-events: all;
    border: none;
    color: #fff;
    height: 40px;
    width: 40px;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: center;
    background: transparent;
    border-radius: 50%;
}

.testimonials__nav .slider-nav__button:hover {
    background-color: var(--primary-dark);
}

.testimonials__nav .slider-nav__button--next {
    margin-left: auto;
}

.bg-brick .testimonials__heading {
    color: var(--navy);
}

.bg-brick .testimonials__label {
    color: var(--navy);
}

.bg-brick .testimonials .testimonials-slide__quotes {
    color: var(--sand);
}

.bg-sand .testimonials__heading {
    color: var(--navy);
}

.bg-sand .testimonials__label {
    color: var(--navy);
}

.bg-sand .testimonials .testimonials-slide {
    height: 100%;
}

.bg-sand .testimonials .testimonials-slide__quotes {
    color: var(--navy);
}

.bg-white .testimonials__heading {
    color: var(--navy);
}

.bg-white .testimonials__label {
    color: var(--navy);
}

.bg-white .testimonials .testimonials-slide__quotes {
    color: var(--navy);
}

.s2022-cookie-bar {
    --padding: 35px;
    --cookie-background-color: var(--sand);
    --cookie-text-color: #000;
    --cookie-title-color: #fff;
    --cookie-button-color: var(--navy);
    --cookie-button-text-color: var(--sand);
    --cookie-switch-color: var(--brick);
    --cookie-border-color: rgb(204, 204, 204);
    --title-size: 20px;
    --text-size: 16px;
    --button-text-size: 16px;
    --title-fw: 500;
    --text-fw: 400;
    --anchor-fw: 500;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9000;
    width: 100%;
    height: fit-content;
    background-color: var(--cookie-background-color);
}

.s2022-cookie-bar, .s2022-cookie-bar div {
    box-sizing: border-box;
}

.s2022-cookie-bar h1,
.s2022-cookie-bar h2,
.s2022-cookie-bar h3,
.s2022-cookie-bar h4,
.s2022-cookie-bar h5,
.s2022-cookie-bar h6,
.s2022-cookie-bar p,
.s2022-cookie-bar a {
    margin-top: 0;
    color: var(--cookie-text-color);
    font-family: inherit;
    font-weight: var(--title-fw);
    margin-bottom: 20px;
}

.s2022-cookie-bar p {
    font-size: var(--text-size);
    font-weight: var(--text-fw);
}

.s2022-cookie-bar a {
    font-size: var(--text-size);
    font-weight: var(--anchor-fw);
}

.s2022-cookie-bar .cb-button {
    font-size: var(--button-text-size);
    margin-bottom: 0;
}

@media (max-width: 575.98px) {
    .s2022-cookie-bar {
        --title-size: 16px;
        --text-size: 14px;
        --button-text-size: 14px;
    }
}

.s2022-cookie-bar .cb-button {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    min-height: 50px;
    padding: 0 25px;
    line-height: 1.5;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    outline: none;
    box-shadow: none;
    font-family: inherit;
    overflow: hidden;
    font-weight: var(--text-fw);
    background-color: var(--cookie-button-color);
    color: var(--cookie-button-text-color);
}

.s2022-cookie-bar .cb-button:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    transition: none;
}

.s2022-cookie-bar .cb-button:hover:after {
    width: 120%;
    background-color: rgba(255, 255, 255, 0);
    transition: all 0.4s ease-out;
}

.s2022-cookie-bar .cb-button--outline {
    background-color: rgba(255, 255, 255, 0);
    border: 1px solid var(--cookie-button-color);
    color: var(--cookie-button-color);
}

.s2022-cookie-bar .cb-button--outline:hover {
    background-color: var(--cookie-button-color);
    color: var(--cookie-button-text-color);
}

.s2022-cookie-bar .cb-button--outline:hover:after {
    display: none;
}

.s2022-cookie-bar__basic {
    display: flex;
    justify-content: space-between;
    height: fit-content;
    width: 100%;
    padding: calc(var(--padding) * 1.3) var(--padding);
}

.s2022-cookie-bar__advanced {
    position: fixed;
    display: flex;
    justify-content: stretch;
    flex-direction: column;
    top: 5%;
    left: 50%;
    transform: translateX(-50%);
    z-index: +20;
    max-height: 90%;
    width: 30vw;
    background-color: var(--cookie-background-color);
    padding: var(--padding);
    box-shadow: 3px 3px 20px rgba(87, 87, 87, 0.5);
}

.s2022-cookie-bar__advanced p {
    margin-bottom: 0;
    max-width: 75%;
}

.s2022-cookie-bar__advanced .cb-button {
    margin: 20px 0;
}

.s2022-cookie-bar__title {
    font-size: var(--title-size);
    max-width: 75%;
}

.s2022-cookie-bar__option-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 15px;
}

.s2022-cookie-bar__option {
    position: relative;
    min-height: 30%;
    border-bottom: 1px solid var(--cookie-border-color);
    padding: 20px 0;
}

.s2022-cookie-bar__option:last-of-type {
    border-color: transparent;
}

.s2022-cookie-bar__info {
    display: flex;
    flex-direction: column;
    width: 45%;
}

.s2022-cookie-bar__link {
    text-decoration: underline;
    transition: opacity 0.3s;
}

.s2022-cookie-bar__link:hover {
    opacity: 0.7;
}

.s2022-cookie-bar__subtitle {
    font-size: var(--title-size);
}

.s2022-cookie-bar__buttons {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: fit-content;
}

.s2022-cookie-bar__buttons * {
    margin-bottom: 0;
    font-size: 18px;
}

.s2022-cookie-bar__buttons *:first-child {
    margin-bottom: 10px;
}

.s2022-cookie-bar__background {
    position: absolute;
    top: 0;
    background-color: #dddddd;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 38px;
}

.s2022-cookie-bar__switch {
    position: absolute;
    right: 0;
    top: 20px;
    width: 55px;
    height: 30px;
}

.s2022-cookie-bar__switch input {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.s2022-cookie-bar__switch input[checked="true"] ~ .s2022-cookie-bar__slider {
    left: auto;
    right: 2px;
}

.s2022-cookie-bar__switch input[checked="true"] ~ .s2022-cookie-bar__slider:after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve"><path d="M202.624 478.016 0 291.36l70.512-76.56 121.456 111.856L431.44 33.984 512 99.904z"/></svg>');
    background-size: 12px;
}

.s2022-cookie-bar__switch input[checked="true"] ~ .s2022-cookie-bar__background {
    background-color: var(--cookie-switch-color);
}

.s2022-cookie-bar__slider {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 2px;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    background-color: var(--cookie-background-color);
    border-radius: 50%;
}

.s2022-cookie-bar__slider:after {
    content: '';
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" xml:space="preserve"><path d="M512 59.076 452.922 0 256 196.922 59.076 0 0 59.076 196.922 256 0 452.922 59.076 512 256 315.076 452.922 512 512 452.922 315.076 256z"/></svg>');
    width: 26px;
    height: 26px;
    display: block;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center;
}

.s2022-cookie-bar__veil {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8999;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}

.disabled .s2022-cookie-bar__switch * {
    cursor: not-allowed;
}

.s2022-cookie-bar .hide {
    display: none;
}

@media (max-width: 991.98px) {
    .s2022-cookie-bar__basic {
        flex-wrap: wrap;
    }
    .s2022-cookie-bar__info {
        width: 100%;
        margin-bottom: var(--padding);
    }
    .s2022-cookie-bar__advanced {
        width: 60vw;
    }
    .s2022-cookie-bar__buttons {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .s2022-cookie-bar__advanced .cb-button {
        margin-bottom: 0;
    }
}

@media (max-width: 575.98px) {
    .s2022-cookie-bar__basic {
        padding: var(--padding);
    }
    .s2022-cookie-bar__basic p {
        width: 100%;
        padding: 0;
    }
    .s2022-cookie-bar__info {
        justify-content: flex-start;
    }
    .s2022-cookie-bar__advanced {
        top: 0;
        left: 0;
        transform: translate(0, 0);
        height: 100%;
        max-height: 100%;
        width: 100%;
        z-index: +1;
    }
    .s2022-cookie-bar__advanced .cb-button {
        margin-top: auto;
    }
    .s2022-cookie-bar__option {
        min-height: 25%;
        width: 100%;
    }
    .s2022-cookie-bar__buttons {
        width: 100%;
    }
    .s2022-cookie-bar__buttons * {
        font-size: 16px;
    }
}

.benefits {
    color: var(--brick);
    padding-bottom: calc(var(--container-vert-padding)*2.5);
}

.benefits__heading {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: currentColor;
    padding-top: calc(var(--container-vert-padding)/2);
}

.benefits__benefit {
    margin-bottom: calc(var(--container-vert-padding)/2);
}

.benefits__benefit__ico {
    margin-bottom: 1.5rem;
}

.benefits__benefit__ico svg {
    max-height: 50px;
    fill: currentColor;
}

.benefits__benefit__title {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    font-weight: var(--font-medium);
    margin-bottom: .5rem;
    color: var(--white);
}

.benefits__benefit__title:has(+ .benefits__benefit__descp) {
    color: currentColor;
}

.benefits__benefit__descp {
    font-size: var(--font-size-sm);
    max-width: 320px;
    color: var(--white);
}

.benefits.bg-olive {
    color: var(--brick);
}

.benefits.bg-olive .benefits__benefit__title {
    color: var(--sand);
}

.benefits.bg-olive .benefits__benefit__title:has(+ .benefits__benefit__descp) {
    color: currentColor;
}

.benefits.bg-olive .benefits__benefit__descp {
    color: var(--sand);
}

.benefits.bg-brick {
    color: var(--navy);
}

.benefits.bg-brick .benefits__benefit__title {
    color: currentColor;
}

.benefits.bg-brick .benefits__benefit__descp {
    color: currentColor;
}

.benefits.bg-sand {
    color: var(--navy);
}

.benefits.bg-sand .benefits__benefit__title {
    color: currentColor;
}

.benefits.bg-sand .benefits__benefit__descp {
    color: currentColor;
}

.benefits.bg-white {
    color: var(--navy);
}

.benefits.bg-white .benefits__benefit__title {
    color: currentColor;
}

.benefits.bg-white .benefits__benefit__descp {
    color: currentColor;
}

.benefits.bg-dark {
    color: var(--white);
}

.benefits.bg-dark .benefits__benefit__title {
    color: currentColor;
}

.benefits.bg-dark .benefits__benefit__descp {
    color: currentColor;
}

.tiles .row {
    margin-top: calc(var(--section-padding) / 2);
}

.tile {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    background-color: var(--olive-dark);
    transition: all .4s ease-in-out;
    padding: var(--gutter-x);
    height: 100%;
}

.tile__inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    font-weight: var(--font-regular);
    color: var(--sand);
    z-index: 1;
}

.tile__inner__center .tile__title {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    font-weight: var(--font-medium);
    margin-bottom: var(--paragraph-spacing);
}

.tile__inner__bottom {
    margin-top: var(--gutter-y);
}

.tile__inner__bottom .transparent {
    background-color: transparent;
    color: var(--brick);
    border: none;
    display: flex;
    align-items: center;
    font-size: var(--font-size-md);
    font-weight: var(--font-medium);
    transition: all .3s ease;
}

.tile__inner__bottom .transparent .icon {
    margin-right: 1rem;
    transform: rotate(270deg);
    width: 12px;
    height: 13px;
}

.tile__inner__bottom .transparent:hover {
    color: var(--white);
    transform: scale(1.02);
    transition: all .3s ease;
}

.tile__inner .button {
    font-size: var(--font-size-md);
    font-weight: var(--font-medium);
}

.tile__title {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    color: var(--white);
    margin-bottom: 0;
}

.tile__label {
    font-size: var(--font-size-md);
    color: var(--sand);
}

.tile__img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.tile__img::before {
    padding-top: var(--aspect-ratio, 100%);
}

.tile__img::after {
    content: "";
    background: linear-gradient(180deg, #00000080, transparent), linear-gradient(1deg, #00000043, transparent);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.article {
    padding: calc(var(--container-vert-padding)*2) 0;
    color: var(--brick);
    /* Colors */
    /* brick*/
}

.article.--close-to-top {
    padding-left: calc(var(--container-vert-padding)*2) 0;
    padding-right: calc(var(--container-vert-padding)*2) 0;
    padding-top: 0px;
}

.article .container > * {
    margin: 0 auto;
}

.article__title {
    font-size: var(--font-size-6xl);
    line-height: 120%;
}

.article__subtitle {
    font-size: var(--font-size-3xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.article__perex {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    color: var(--sand);
}

.article__cite, .article__cite-big {
    position: relative;
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    color: var(--brick);
    padding-top: calc(var(--container-vert-padding)/2);
    padding-bottom: calc(var(--container-vert-padding)/2);
    margin-bottom: calc(var(--container-vert-padding) * 1.5);
    max-width: 880px;
}

.article__cite p, .article__cite-big p {
    margin-bottom: 0;
}

.article__cite::before, .article__cite-big::before {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transition-duration: 0.3s;
}

.article__cite::after, .article__cite-big::after {
    content: "";
    -webkit-mask-image: var(--bg-ico);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: cover;
    mask-image: var(--bg-ico);
    mask-repeat: no-repeat;
    mask-size: cover;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 11px;
    height: 5px;
    transform: rotate(180deg);
    transition-duration: 0.3s;
}

.article__cite-big {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
    text-align: center;
    margin: calc(var(--container-vert-padding) * 2) auto;
    max-width: none;
}

.article__cite-big::before {
    content: "";
    left: 50%;
    transform: translateX(-50%);
}

.article__cite-big::after {
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
}

.article__img {
    margin: calc(var(--container-vert-padding) * 2) 0;
}

.article.bg-brick, .article.bg-white, .article.bg-sand {
    color: var(--navy);
}

.article.bg-brick .article__cite, .article.bg-brick .article__cite-big, .article.bg-white .article__cite, .article.bg-white .article__cite-big, .article.bg-sand .article__cite, .article.bg-sand .article__cite-big {
    color: var(--navy);
}

.article.bg-brick .article__perex, .article.bg-white .article__perex, .article.bg-sand .article__perex {
    color: var(--navy);
}

@media (max-width: 767.98px) {
    .article {
        padding: var(--container-vert-padding) 0;
    }
    .article__title {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .article__subtitle {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .article__img {
        margin: var(--container-vert-padding) 0;
    }
    .article__cite-big {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .article .row .article__img {
        margin: 0;
    }
    .article .row:last-child {
        margin-bottom: var(--container-vert-padding);
    }
}

.accordion {
    padding: calc(var(--container-vert-padding)*2) 0;
}

.accordion input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.accordion__title {
    color: var(--brick);
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
}

.accordion__heading {
    max-width: 500px;
}

.accordion__heading p {
    font-size: var(--font-size-md);
    color: var(--white);
    line-height: 1.5rem;
}

.--expanded .accordion__heading {
    max-width: 260px;
}

.accordion.--expanded .tab {
    max-width: none;
}

.accordion.--expanded .tab-label {
    display: flex;
}

.accordion.--expanded .tab-label p {
    margin-bottom: 0;
}

.accordion.--expanded .tab-label p:first-of-type {
    width: 50%;
}

.accordion.--expanded .tab-label p:nth-of-type(2) {
    width: 15%;
}

.accordion.--expanded .tab-label p:nth-of-type(3) {
    width: 15%;
}

.accordion.--expanded .tab-label p:nth-of-type(4) {
    width: 10%;
    color: var(--brick);
    text-align: right;
}

.accordion.--expanded .tab-label p:nth-of-type(4) span:nth-child(2) {
    display: none;
}

.accordion.--expanded .tab-label::after {
    display: none;
}

.accordion.--expanded .tab-label .tab-switch span:nth-child(2) {
    display: none;
}

.accordion.--expanded .tab input:checked + .tab-label span:nth-child(1) {
    display: none;
}

.accordion.--expanded .tab input:checked + .tab-label span:nth-child(2) {
    display: block;
}

.accordion.--expanded .tab input:checked + .tab-label .tab-switch span:nth-child(1) {
    display: none;
}

.accordion.--expanded .tab input:checked + .tab-label .tab-switch span:nth-child(2) {
    display: block;
}

.accordion .contact-box {
    margin-top: calc(var(--paragraph-spacing) * 2);
}

.accordion .contact-box a {
    color: var(--brick);
}

.accordion.bg-brick .accordion__title, .accordion.bg-sand .accordion__title, .accordion.bg-white .accordion__title {
    color: var(--navy);
}

.accordion.bg-brick .accordion__heading, .accordion.bg-sand .accordion__heading, .accordion.bg-white .accordion__heading {
    color: var(--navy);
}

.accordion.bg-brick .accordion__heading p, .accordion.bg-sand .accordion__heading p, .accordion.bg-white .accordion__heading p {
    color: var(--navy);
}

.accordion.bg-brick .contact-box a, .accordion.bg-sand .contact-box a, .accordion.bg-white .contact-box a {
    color: var(--brick);
}

.accordion.bg-brick .tab-label::after, .accordion.bg-sand .tab-label::after, .accordion.bg-white .tab-label::after {
    color: var(--brick);
}

.accordion.bg-brick .tab, .accordion.bg-sand .tab, .accordion.bg-white .tab {
    color: var(--navy);
}

.accordion.bg-brick .tab-label, .accordion.bg-sand .tab-label, .accordion.bg-white .tab-label {
    color: var(--navy);
}

.accordion.bg-brick .tab-label p, .accordion.bg-sand .tab-label p, .accordion.bg-white .tab-label p {
    color: var(--navy);
}

.accordion.bg-brick .tab-label p:first-of-type, .accordion.bg-sand .tab-label p:first-of-type, .accordion.bg-white .tab-label p:first-of-type {
    color: var(--navy);
}

.accordion.bg-brick .tab-content, .accordion.bg-sand .tab-content, .accordion.bg-white .tab-content {
    color: var(--navy);
}

.accordion.bg-brick .contact-box a, .accordion.bg-sand .contact-box a {
    color: var(--white);
}

.accordion.bg-brick .tab-label::after, .accordion.bg-sand .tab-label::after {
    color: var(--white);
}

/* Accordion styles */
.tabs {
    overflow: hidden;
}

.tab {
    width: 100%;
    max-width: 750px;
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    overflow: hidden;
}

.tab-label {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0rem 1rem 0rem;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    cursor: pointer;
    color: var(--brick);
    font-size: var(--font-size-xl);
    /* Icon */
}

.tab-label p {
    color: rgba(255, 255, 255, 0.6);
    font-size: var(--font-size-md);
}

.tab-label p:first-of-type {
    font-size: var(--font-size-xl);
    color: var(--brick);
}

.tab-label::after {
    content: "\002B";
    width: 1em;
    height: 1em;
    text-align: center;
    transition: all .35s;
}

.tab-content {
    height: 0;
    overflow: hidden;
    padding: 0rem 3rem 0 0;
    color: var(--white);
    opacity: 0;
    font-size: var(--font-size-md);
    transition: all .4s;
}

.tab-content ul {
    list-style: disc;
    padding-left: 1rem;
    margin-bottom: calc(var(--paragraph-spacing) * 1.5);
}

.tab-close {
    display: flex;
    justify-content: flex-end;
    padding: 1em;
    font-size: 0.75em;
}

.tab input:checked + .tab-label::after {
    content: "\2013";
}

.tab input:checked ~ .tab-content {
    opacity: 1;
    height: auto;
    max-width: 880px;
    padding: 1rem 3rem 1rem 0;
    transition: all .4s;
}

.padded-tabs .tab-content {
    padding: 0rem 3rem;
}

.padded-tabs .tab input:checked ~ .tab-content {
    padding: 1rem 3rem;
}

/* colors */
.bg-brick .tab-label, .bg-sand .tab-label, .bg-white .tab-label {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

.tabs .tab:first-child .tab-label {
    margin-top: -1rem;
    border-top: none;
}

@media (max-width: 767.98px) {
    .accordion {
        padding: var(--container-vert-padding) 0;
    }
    .accordion__title {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .accordion .contact-box {
        margin-top: var(--paragraph-spacing);
    }
    .accordion.--expanded .tab-label {
        font-size: var(--font-size-md);
    }
    .accordion.--expanded .tab-label p:first-of-type {
        width: 60%;
    }
    .accordion.--expanded .tab-label p:nth-of-type(2) {
        display: none;
    }
    .accordion.--expanded .tab-label p:nth-of-type(3) {
        width: 20%;
        padding-left: 1rem;
    }
    .accordion.--expanded .tab-label p:nth-of-type(4) {
        width: 20%;
    }
    .article + .accordion {
        padding-top: 0;
    }
    .padded-tabs .tab-content {
        padding: 0rem 3rem 0rem 0rem;
    }
    .padded-tabs .tab input:checked ~ .tab-content {
        padding: 1rem 3rem 1rem 0rem;
    }
    .tab-label {
        padding: 1rem 0rem 1rem 0;
    }
    .tab-label p:first-of-type {
        width: 62%;
    }
    .tab-label p:nth-of-type(2) {
        display: none;
    }
}

.reservation-strip {
    height: var(--header-height);
    display: flex;
    background: rgba(40, 44, 67, 0.9) !important;
    bottom: 0px;
    left: 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 7;
}

.reservation-strip .form {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    column-gap: var(--paragraph-spacing);
}

.reservation-strip .form-col {
    display: flex;
    align-items: center;
}

.reservation-strip .form-col-btn {
    width: 10%;
}

.reservation-strip .form .field {
    width: auto;
    align-items: center;
    height: 2.5em;
    margin-bottom: 0;
    flex-wrap: nowrap;
}

.reservation-strip .form .field__label {
    line-height: 120%;
    width: 70px;
}

.reservation-strip .form .field__label--narrow {
    width: 35px;
}

.reservation-strip .form .field__count {
    height: 100%;
    position: relative;
    min-width: 4.75em;
}

.reservation-strip .form .field__count::after {
    content: url(../../public/images/arrow.svg);
    display: block;
    height: 7px;
    width: 9px;
    position: absolute;
    top: calc(50% - 7px);
    margin-top: -7px;
    right: .5rem;
    pointer-events: none;
}

.reservation-strip .form .field__count select {
    cursor: pointer;
    appearance: none;
    outline: none;
    border: none;
    height: 100%;
    width: 100%;
    padding: 0 .5rem 0 1rem;
}

.reservation-strip .form .field__count select option {
    padding: 0.625em 0.9375em;
}

.reservation-strip .form__date, .reservation-strip .form .field__count {
    margin-left: var(--paragraph-spacing);
    margin-right: var(--paragraph-spacing);
}

.reservation-strip .form__date, .reservation-strip .form .field__input, .reservation-strip .form input, .reservation-strip .form .dropdown {
    height: 100%;
}

.reservation-strip .form__date input {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 0 .5rem 0 1rem;
}

.reservation-strip .form__date input::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.reservation-strip .form__date input:after {
    content: url(../../public/images/ico-cal.svg);
    width: 19px;
    height: 19px;
    pointer-events: none;
    margin-top: -4px;
}

.reservation-strip .form input, .reservation-strip .form select {
    -webkit-text-fill-color: #000;
    color: #000;
}

.reservation-strip .form input::placeholder, .reservation-strip .form select::placeholder {
    color: #000;
}

.reservation-strip .form .button {
    width: 100%;
    min-width: 180px;
    height: 2.875em;
    line-height: 100%;
    white-space: nowrap;
}

@media (max-width: 1279.98px) {
    .strip .button {
        margin-left: 0;
    }
    .reservation-strip {
        position: relative;
        top: unset;
        height: auto;
        padding-top: var(--paragraph-spacing);
        padding-bottom: var(--paragraph-spacing);
    }
    .reservation-strip .form {
        flex-wrap: wrap;
        row-gap: calc(var(--paragraph-spacing)/2);
        justify-content: space-between;
    }
    .reservation-strip .form-col {
        width: 45%;
    }
    .reservation-strip .form-col-btn {
        width: 100%;
    }
}

@media (max-width: 991.98px) {
    .reservation-strip .form {
        column-gap: 0;
        font-size: var(--font-size-xs);
    }
    .reservation-strip .form__date, .reservation-strip .form .field__count {
        margin-left: 0;
    }
    .reservation-strip .form .field__count::after {
        top: calc(50% - 9px);
        margin-top: 0px;
    }
}

@media (max-width: 767.98px) {
    .reservation-strip .form-col {
        flex-direction: column;
        align-items: flex-start;
        row-gap: calc(var(--paragraph-spacing)/4);
    }
    .reservation-strip .form .field {
        width: 100%;
    }
    .reservation-strip .form .field__label {
        width: 20%;
    }
    .reservation-strip .form .field__label--dark {
        min-width: 60px;
    }
    .reservation-strip .form .field .form__date {
        width: 80%;
    }
    .reservation-strip .form .field .form__date input {
        min-width: 130px;
        width: 100%;
    }
    .reservation-strip .form .button {
        font-size: var(--font-size-sm);
    }
}

@media (max-width: 575.98px) {
    .reservation-strip .form-col:nth-of-type(2) .field {
        margin-left: auto;
    }
    .reservation-strip .form__date, .reservation-strip .form .field__count {
        margin-right: 0;
    }
    .reservation-strip .form__date input {
        padding: 0 1rem;
        min-width: 60px;
        border-radius: 0;
    }
    .reservation-strip .form .field__label--narrow {
        width: 25px;
    }
}

@media (max-width: 318.98px) {
    .reservation-strip .form {
        flex-direction: column;
    }
    .reservation-strip .form-col {
        width: 100%;
    }
    .reservation-strip .form-col:nth-of-type(2) .field {
        margin-left: 0;
    }
    .reservation-strip .form__date, .reservation-strip .form .field__count {
        margin-right: 0;
    }
    .reservation-strip .form__date input {
        padding: 0 1.5rem;
    }
    .reservation-strip .form .field__label--narrow {
        width: 35px;
    }
}

.aplaces {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: calc(var(--gutter-x)/2);
}

.aplaces.--rtc {
    position: absolute;
    z-index: 10;
    top: calc(var(--header-height) + 40px);
    right: var(--container-padding);
    height: auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: calc(var(--gutter-x)/2);
}

.aplaces img {
    max-height: 99px;
}

@media (max-width: 991.98px) {
    .aplaces {
        align-items: flex-start;
        justify-content: flex-start;
    }
}

@media (min-width: 992px) {
    .aplaces img {
        max-height: 150px;
    }
}

.grid {
    padding-bottom: 0;
    column-count: 1;
}

.grid-more {
    width: 100%;
    text-align: center;
    padding: 50px;
}

.grid-more a {
    margin: 0 auto;
}

.item {
    box-sizing: border-box;
    padding: 0;
    object-fit: contain;
    position: relative;
    transition: 0.6s;
    margin-bottom: 30px;
}

.item.--empty {
    height: 300px;
    margin-bottom: 30px;
}

.item.--v1 {
    height: 510px;
}

.item.--v2 {
    height: 360px;
}

.item.--v3 {
    height: 545px;
}

.item.--v4 {
    height: 475px;
}

.item__content__badge {
    position: absolute;
    z-index: 13;
    top: 20px;
    left: 25px;
    font-size: 11px;
    padding: 6px;
    transition: 0.6s;
    background: var(--brick);
    margin: 0;
    text-transform: uppercase;
    font-weight: var(--font-regular);
}

.item__content__text {
    position: absolute;
    z-index: 13;
    bottom: 0;
    left: 0;
    font-size: 20px;
    padding: 25px;
    padding-bottom: 10px;
    font-weight: var(--font-regular);
    transition: 0.6s;
}

.item__content__date {
    display: block;
    color: #cdcdcd;
    font-size: 14px;
    font-weight: var(--font-regular);
}

.item__content {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    margin-bottom: 0;
    object-fit: cover;
    object-position: center;
}

.item__content__filter {
    position: absolute;
    z-index: 12;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: 1s;
    height: 100%;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.660102) 0%, rgba(0, 0, 0, 0) 100%);
}

.item:hover .item__content__filter {
    transition: 1s;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.900998) 0%, rgba(0, 0, 0, 0) 100%);
}

.item:hover .item__content__text {
    transform: translateY(-5px);
}

@media (min-width: 600px) {
    .grid {
        gap: 30px;
        column-count: 2;
    }
    .grid-more {
        padding: 30px 0 30px;
    }
}

@media (min-width: 992px) {
    .grid {
        display: flex;
        flex-wrap: wrap;
        margin: 0 0 -30px -30px;
        min-height: 80vh;
    }
    .grid::after {
        content: '';
        display: block;
        clear: both;
    }
    .grid-sizer {
        width: 33.33333333%;
    }
    .grid-item {
        border: 30px solid transparent;
        border-width: 0 0 30px 30px;
    }
    .item {
        flex: 0 0 auto;
        width: 33.33333333%;
        min-height: 0;
        margin: 0;
    }
    .item.--large {
        width: 66.66666667%;
    }
}

@media (min-width: 1800px) {
    .item.--v1 {
        height: auto;
        aspect-ratio: 1.86207;
    }
    .item.--v2 {
        height: auto;
        aspect-ratio: 1.27419;
    }
    .item.--v3 {
        height: auto;
        aspect-ratio: 0.84946;
    }
    .item.--v4 {
        height: auto;
        aspect-ratio: 0.96341;
    }
}

.massages {
    row-gap: 50px;
}

.massages__card {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.massages__card__img img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
    margin-bottom: 10px;
}

.massages__card__heading p {
    color: var(--brick);
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
    margin-bottom: 0px !important;
}

.massages__card__perex p {
    color: var(--sand);
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
    font-weight: lighter;
    margin-bottom: 0px !important;
    line-height: 1.7rem;
}

.massages__card__perex p span.--bold {
    font-weight: bold;
    padding-right: 5px;
}

.massages__card__perex .seg__content__cite {
    margin-bottom: 0px;
}

.massages__card__perex bold {
    font-weight: bold;
}

.massages__card__perex.--seper {
    color: var(--gray);
    display: none;
    margin-bottom: 20px;
}

.massages__card__perex.--seper span {
    padding-right: 5px;
}

.massages__card__bottom {
    display: flex;
    gap: 30px;
    align-items: center;
    margin-top: 20px;
}

.massages__card span.--bold {
    font-weight: bold;
}

.massages__card .toggle-wrapper.--open {
    text-align: right;
    margin-top: -2.3rem;
    z-index: 7;
    display: flex;
    justify-content: end;
}

.massages__card .toggle-wrapper.--open p {
    background: var(--navy);
    padding-left: 2px;
    padding-right: 2px;
    width: 70px;
    text-align: center;
}

.massages__card .toggle-wrapper p {
    background: var(--dark-navy);
}

.bg-navy .massages__card__heading p {
    color: var(--brick);
}

.bg-navy .massages__card .toggle-wrapper p {
    background: var(--navy);
    color: var(--brick);
}

.bg-olive .massages__card__heading p {
    color: var(--brick);
}

.bg-olive .massages__card .toggle-wrapper p {
    background: var(--olive);
    color: var(--brick);
}

.bg-brick .massages__card__heading p {
    color: var(--white);
}

.bg-brick .massages__card__perex p {
    color: var(--black);
}

.bg-brick .massages__card .toggle-wrapper p {
    background: var(--brick);
    color: var(--white);
}

.bg-brick .massages__card__bottom .button {
    background-color: var(--white);
}

.bg-brick .massages__card__bottom .button:hover {
    background-color: var(--gray-light);
}

.bg-sand .massages__card__heading p {
    color: var(--brick);
}

.bg-sand .massages__card__perex p {
    color: var(--black);
}

.bg-sand .massages__card .toggle-wrapper p {
    background: var(--sand);
    color: var(--brick);
}

.bg-white .massages__card__heading p {
    color: var(--brick);
}

.bg-white .massages__card__perex p {
    color: var(--black);
}

.bg-white .massages__card .toggle-wrapper p {
    background: var(--white);
    color: var(--brick);
}

.bg-dark .massages__card__heading p {
    color: var(--brick);
}

.bg-dark .massages__card__perex .toggle-wrapper p {
    background: var(--navy-dark) !important;
    color: var(--white);
}

.perex-content {
    position: relative;
    height: 5.2rem;
    /* Adjust as needed */
    overflow: hidden;
    transition: max-height 0.5s ease;
}

.perex-content.expanded {
    height: 100%;
    transition: 2.5s ease-in;
}

.show-more-less {
    display: block;
    cursor: pointer;
    color: var(--brick);
    margin-bottom: 0px;
}

.hidden {
    display: none;
}

.packages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 30px;
    width: auto;
}

.packages__item {
    box-sizing: border-box;
    padding: 0;
    object-fit: contain;
    position: relative;
    transition: 0.6s;
    height: 100%;
    width: calc(33% - 20px);
    aspect-ratio: 1 / 1;
}

.packages__item__bottom {
    position: relative;
    width: 100%;
    height: auto;
    align-items: center;
    padding-bottom: 25px;
}

.packages__item__bottom p {
    margin-bottom: 0px !important;
}

.packages__item__bottom__price {
    position: absolute;
    display: flex;
    align-items: start;
    gap: 5px;
    left: 0;
    color: var(--white);
    font-size: var(--font-size-xs);
}

.packages__item__bottom__price span {
    font-size: var(--font-size-2xl);
    color: var(--brick);
    padding-bottom: 10px;
    line-height: 25px;
}

.packages__item__bottom__link {
    position: absolute;
    color: var(--white);
    right: 0;
    text-decoration: underline;
    transition: 0.3 ease-in;
}

.packages__item__bottom__link:hover {
    opacity: 0.9;
    cursor: pointer;
}

.packages__item__content__title {
    padding-bottom: 10px;
    font-weight: var(--font-regular);
    transition: 0.6s;
    height: auto;
    font-size: var(--font-size-2xl);
    width: 100%;
    margin-bottom: 0px;
    color: var(--white);
}

.packages__item__content__perex {
    padding-bottom: 10px;
    font-weight: var(--font-regular);
    transition: 0.6s;
    height: auto;
    font-size: 16px;
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    padding-bottom: 25px;
    margin-bottom: 0px !important;
}

.packages__item__content {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    object-fit: cover;
}

.packages__item__content__filter {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    padding: 25px;
    transition: 1s;
    opacity: 0.7;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.858981) 0%, rgba(45, 45, 45, 0) 100%);
}

.packages__item__content__filter__box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transition: .3s;
    width: 100%;
    transition: 1s;
    height: auto;
    padding-bottom: 35px;
    padding-left: 25px;
    padding-right: 25px;
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}

.packages__item:hover .packages__item__content__filter {
    opacity: 1;
    background: black;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.858981) 0%, rgba(45, 45, 45, 0.175508) 100%);
}

.packages__item:hover .packages__item__content__filter__box {
    transform: translateY(-10px);
}

.packages__item:hover .packages__item__content__text {
    transform: translateY(-5px);
}

.packages-more {
    text-align: center;
    padding: calc(var(--section-padding)/2);
}

@media only screen and (max-width: 1160px) {
    .packages__item {
        width: calc(50% - 20px);
    }
}

@media (max-width: 767.98px) {
    .packages__item {
        width: 100%;
    }
}

.bg-navy .package-detail__bottom__line {
    border-bottom: 1px solid var(--white);
}

.bg-olive .package-detail__bottom__line {
    border-bottom: 1px solid var(--brick);
}

.bg-brick .package-detail__bottom__line {
    border-bottom: 1px solid var(--black);
}

.bg-sand .package-detail__bottom__line {
    border-bottom: 1px solid var(--black);
}

.bg-dark .package-detail__bottom__line {
    border-bottom: 1px solid var(--white);
}

.bg-white .package-detail__bottom__line {
    border-bottom: 1px solid var(--black);
}

.newsletter-panel {
    position: fixed;
    background: var(--white);
    bottom: 100px;
    right: 20px;
    height: auto;
    width: 600px;
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 500;
    padding: 0px;
    display: none;
}

.newsletter-panel.--hidden {
    display: none;
}

.newsletter-panel__form {
    position: relative;
    padding: 25px;
}

.newsletter-panel__form--success {
    color: var(--green);
}

.newsletter-panel__form--success.--hidden {
    display: none;
}

.newsletter-panel__form--error {
    color: var(--red);
}

.newsletter-panel__form--error.--hidden {
    display: none;
}

.newsletter-panel__form--bottom {
    margin-top: 50px;
}

.newsletter-panel__form__close-ico svg {
    width: 20px;
    height: 20px;
    color: var(--brick);
    position: absolute;
    right: 20px;
}

.newsletter-panel__form__close-ico :hover {
    cursor: pointer;
}

.newsletter-panel__form button {
    margin-top: 10px;
    width: 100%;
}

.newsletter-panel__form.--bottom {
    padding: 0px;
}

.newsletter-panel__form label {
    color: var(--navy);
}

.newsletter-panel__form input {
    margin-top: 5px;
}

.newsletter-panel__form__heading {
    font-size: var(--font-size-3xl);
    color: var(--navy);
    margin-bottom: 10px;
}

.newsletter-panel__form__sample {
    font-size: var(--font-size-md);
    color: var(--navy);
}

.newsletter-panel__form__link {
    width: 100%;
    padding-bottom: 10px;
    display: none;
}

.newsletter-panel__form__link a {
    width: 100%;
}

.newsletter-panel__img {
    position: relative;
}

.newsletter-panel__img img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

@media (max-width: 991.98px) {
    .newsletter-panel {
        height: fit-content;
        left: 0;
        bottom: 0;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
    }
    .newsletter-panel__form {
        padding-top: 30px;
    }
    .newsletter-panel__form.--bottom {
        margin-top: 0px;
        display: none;
    }
    .newsletter-panel__form__link {
        display: flex;
    }
    .newsletter-panel img {
        display: none;
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #f1f1f1;
    opacity: .95;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
}

.mfp-preloader {
    color: #000;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

.mfp-preloader a {
    color: #000;
}

.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #000;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace;
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: #000;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #000;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
    margin-top: -54px;
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7;
}

.mfp-arrow-left {
    left: 0;
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #000;
    margin-left: 31px;
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid transparent;
}

.mfp-arrow-right {
    right: 0;
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #000;
    margin-left: 39px;
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid transparent;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto;
}

img.mfp-img[src*='.svg'] {
    width: 1000px;
    height: 1000px;
}

.mfp-figure {
    line-height: 0;
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #fff;
}

.mfp-figure small {
    color: #999;
    display: block;
    font-size: 12px;
    line-height: 14px;
}

.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #000;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

.mfp-video {
    position: relative;
    margin: 0 auto;
    padding-top: 40px;
    padding-bottom: 40px;
    width: 100%;
    max-width: 900px;
}

.mfp-video .mfp-close {
    color: #000;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-zoom-in .mfp-iframe, .mfp-zoom-in .mfp-content {
    opacity: 0;
    transition: all .2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-arrow, .mfp-zoom-in .mfp-close {
    opacity: 0;
    transition: all .3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-iframe, .mfp-zoom-in.mfp-ready .mfp-content {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: .95;
}

.mfp-zoom-in.mfp-ready .mfp-arrow, .mfp-zoom-in.mfp-ready .mfp-close {
    opacity: 1;
}

.mfp-zoom-in.mfp-removing .mfp-iframe, .mfp-zoom-in.mfp-removing .mfp-content {
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-arrow, .mfp-zoom-in.mfp-removing .mfp-close {
    opacity: 0;
}

.popup-panel-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1002;
    background: rgba(215, 195, 172, 0.8);
}

.popup-panel {
    right: 20px;
    height: auto;
    width: 800px;
    display: grid;
    grid-template-columns: 50% 50%;
    z-index: 500;
    padding: 0px;
    position: relative;
}

.popup-panel.--hidden {
    display: none;
}

.popup-panel__form {
    padding: 35px;
    padding-bottom: 15px;
    padding-top: 60px;
}

.popup-panel__form--success {
    color: var(--green);
}

.popup-panel__form--success.--hidden {
    display: none;
}

.popup-panel__form--error {
    color: var(--red);
}

.popup-panel__form--error.--hidden {
    display: none;
}

.popup-panel__form--bottom {
    margin-top: 50px;
}

.popup-panel__form__close-ico svg {
    width: 20px;
    height: 20px;
    color: var(--brick);
    position: absolute;
    right: 20px;
    top: 20px;
}

.popup-panel__form__close-ico :hover {
    cursor: pointer;
}

.popup-panel__form button {
    margin-top: 10px;
    width: 100%;
}

.popup-panel__form.--bottom {
    padding: 0px;
}

.popup-panel__form label {
    color: var(--navy);
}

.popup-panel__form input {
    margin-top: 5px;
}

.popup-panel__form__heading {
    font-size: var(--font-size-3xl);
    margin-bottom: 10px;
}

.popup-panel__form__sample {
    font-size: var(--font-size-md);
}

.popup-panel__form__link {
    width: 100%;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    row-gap: 10px;
}

.popup-panel__form__link a {
    width: 100%;
}

.popup-panel__img {
    position: relative;
}

.popup-panel__img img {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.bg-navy .popup-panel {
    background: var(--navy);
}

.bg-navy .popup-panel__form__heading {
    color: var(--brick);
}

.bg-navy .popup-panel__form__sample {
    color: var(--sand);
}

.bg-white .popup-panel {
    background: var(--white);
}

.bg-white .popup-panel__form__heading {
    color: var(--brick);
}

.bg-white .popup-panel__form__sample {
    color: var(--navy);
}

@media (max-width: 991.98px) {
    .popup-panel-wrap {
        padding: 20px;
    }
    .popup-panel {
        left: 0;
        bottom: 0;
        width: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
        height: auto;
    }
    .popup-panel__form {
        padding-top: 30px;
        height: auto;
    }
    .popup-panel__form.--bottom {
        margin-top: 0px;
        display: none;
    }
    .popup-panel__form__link {
        display: flex;
    }
    .popup-panel__img {
        order: 2;
        display: none;
    }
}

.g-0 {
    --gutter-x: 0;
    --gutter-y: 0;
}

.g-sm {
    --gutter-x: 15px;
    --gutter-y: 15px;
}

.g-lg {
    --gutter-x: 60px;
    --gutter-y: 60px;
}

.gx-0 {
    --gutter-x: 0;
}

.gx-sm {
    --gutter-x: 15px;
}

.gx-lg {
    --gutter-x: 60px;
}

.gy-0 {
    --gutter-y: 0;
}

.gy-sm {
    --gutter-y: 15px;
}

.gy-lg {
    --gutter-y: 60px;
}

.d-block {
    display: block !important;
}

.d-flex {
    display: flex !important;
}

.d-none {
    display: none !important;
}

@media (max-width: 1439.98px) {
    .xl\:d-block {
        display: block !important;
    }
    .xl\:d-flex {
        display: flex !important;
    }
    .xl\:d-none {
        display: none !important;
    }
}

@media (max-width: 1279.98px) {
    .lg\:d-block {
        display: block !important;
    }
    .lg\:d-flex {
        display: flex !important;
    }
    .lg\:d-none {
        display: none !important;
    }
}

@media (max-width: 991.98px) {
    .md\:d-block {
        display: block !important;
    }
    .md\:d-flex {
        display: flex !important;
    }
    .md\:d-none {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .sm\:d-block {
        display: block !important;
    }
    .sm\:d-flex {
        display: flex !important;
    }
    .sm\:d-none {
        display: none !important;
    }
}

@media (max-width: 575.98px) {
    .xs\:d-block {
        display: block !important;
    }
    .xs\:d-flex {
        display: flex !important;
    }
    .xs\:d-none {
        display: none !important;
    }
}

.justify-content-start {
    justify-content: flex-start !important;
}

.justify-content-end {
    justify-content: flex-end !important;
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-around {
    justify-content: space-around !important;
}

.justify-content-evenly {
    justify-content: space-evenly !important;
}

.align-items-start {
    align-items: flex-start !important;
}

.align-items-end {
    align-items: flex-end !important;
}

.align-items-center {
    align-items: center !important;
}

.order-first {
    order: -1 !important;
}

.order-last {
    order: 1 !important;
}

@media (max-width: 1439.98px) {
    .xl\:order-first {
        order: -1 !important;
    }
    .xl\:order-last {
        order: 1 !important;
    }
}

@media (max-width: 1279.98px) {
    .lg\:order-first {
        order: -1 !important;
    }
    .lg\:order-last {
        order: 1 !important;
    }
}

@media (max-width: 991.98px) {
    .md\:order-first {
        order: -1 !important;
    }
    .md\:order-last {
        order: 1 !important;
    }
}

@media (max-width: 767.98px) {
    .sm\:order-first {
        order: -1 !important;
    }
    .sm\:order-last {
        order: 1 !important;
    }
}

@media (max-width: 575.98px) {
    .xs\:order-first {
        order: -1 !important;
    }
    .xs\:order-last {
        order: 1 !important;
    }
}

.text-primary {
    color: var(--primary) !important;
}

.text-secondary {
    color: var(--secondary) !important;
}

.text-gray {
    color: var(--gray) !important;
}

.text-white {
    color: #fff !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.h1 {
    font-size: var(--h1);
}

.h2 {
    font-size: var(--h2);
}

.h3 {
    font-size: var(--h3);
}

.h4 {
    font-size: var(--h4);
}

.h5 {
    font-size: var(--h5);
}

.h6 {
    font-size: var(--h6);
}

.text-xs {
    font-size: var(--font-size-xs);
}

.text-sm {
    font-size: var(--font-size-sm);
}

.text-md {
    font-size: var(--font-size-md);
}

.text-lg {
    font-size: var(--font-size-lg);
    line-height: 1.5rem;
    letter-spacing: 0.01rem;
}

.text-xl {
    font-size: var(--font-size-xl);
}

.text-2xl {
    font-size: var(--font-size-2xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.text-3xl {
    font-size: var(--font-size-3xl);
    line-height: 2rem;
    letter-spacing: 0.01rem;
}

.text-4xl {
    font-size: var(--font-size-4xl);
    line-height: 3.125rem;
    letter-spacing: 0.01rem;
}

.text-5xl {
    font-size: var(--font-size-5xl);
    line-height: 3.125rem;
}

.text-6xl {
    font-size: var(--font-size-6xl);
}

.text-7xl {
    font-size: var(--font-size-7xl);
}

@media (max-width: 1279.98px) {
    .text-3xl {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .text-4xl {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .text-5xl {
        font-size: var(--font-size-4xl);
        line-height: 3.125rem;
        letter-spacing: 0.01rem;
    }
    .text-6xl {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
    }
    .text-7xl {
        font-size: var(--font-size-6xl);
    }
}

@media (max-width: 991.98px) {
    .text-sm {
        font-size: var(--font-size-xs);
    }
    .text-md {
        font-size: var(--font-size-sm);
    }
    .text-lg {
        font-size: var(--font-size-md);
    }
    .text-xl {
        font-size: var(--font-size-lg);
        line-height: 1.5rem;
        letter-spacing: 0.01rem;
    }
    .text-2xl {
        font-size: var(--font-size-xl);
    }
    .text-3xl {
        font-size: var(--font-size-2xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .text-4xl {
        font-size: var(--font-size-3xl);
        line-height: 2rem;
        letter-spacing: 0.01rem;
    }
    .text-5xl {
        font-size: var(--font-size-4xl);
        line-height: 3.125rem;
        letter-spacing: 0.01rem;
    }
    .text-6xl {
        font-size: var(--font-size-5xl);
        line-height: 3.125rem;
    }
    .text-7xl {
        font-size: var(--font-size-6xl);
    }
}

.text-regular {
    font-weight: var(--font-regular);
}

.text-medium {
    font-weight: var(--font-medium);
}

.text-bold {
    font-weight: var(--font-bold);
}

/*
20px = 1.25rem
40px = 2.5rem
60px = 3.75rem
80px = 5rem
100px = 6.25rem
*/
:root {
    --s0: 0;
    --s1: 1.25rem;
    --s2: 2.5rem;
    --s3: 3.75rem;
    --s4: 5rem;
    --s5: 6.25rem;
}

/* top + bottom */
.py-0 {
    padding-top: var(--s0);
    padding-bottom: var(--s0);
}

.py-1 {
    padding-top: var(--s1);
    padding-bottom: var(--s1);
}

.py-2 {
    padding-top: var(--s2);
    padding-bottom: var(--s2);
}

.py-3 {
    padding-top: var(--s3);
    padding-bottom: var(--s3);
}

.py-4 {
    padding-top: var(--s4);
    padding-bottom: var(--s4);
}

.py-4 {
    padding-top: var(--s5);
    padding-bottom: var(--s5);
}

/* only top */
.pt-0 {
    padding-top: var(--s0);
}

.pt-1 {
    padding-top: var(--s1);
}

.pt-2 {
    padding-top: var(--s2);
}

.pt-3 {
    padding-top: var(--s3);
}

.pt-4 {
    padding-top: var(--s4);
}

.pt-5 {
    padding-top: var(--s5);
}

/* only bottom */
.pb-0 {
    padding-bottom: var(--s0);
}

.pb-1 {
    padding-bottom: var(--s1);
}

.pb-2 {
    padding-bottom: var(--s2);
}

.pb-3 {
    padding-bottom: var(--s3);
}

.pb-4 {
    padding-bottom: var(--s4);
}

.pb-5 {
    padding-bottom: var(--s5);
}

.--p-0 {
    padding: 0rem !important;
}

.--pl-0 {
    padding-left: 0rem !important;
}

.--pt-0 {
    padding-top: 0rem !important;
}

.--pb-0 {
    padding-bottom: 0rem !important;
}

.--p-1 {
    padding: 1rem !important;
}

.--pl-1 {
    padding-left: 1rem !important;
}

.--pt-1 {
    padding-top: 1rem !important;
}

.--pb-1 {
    padding-bottom: 1rem !important;
}

.--p-2 {
    padding: 2rem !important;
}

.--pl-2 {
    padding-left: 2rem !important;
}

.--pt-2 {
    padding-top: 2rem !important;
}

.--pb-2 {
    padding-bottom: 2rem !important;
}

.--p-3 {
    padding: 3rem !important;
}

.--pl-3 {
    padding-left: 3rem !important;
}

.--pt-3 {
    padding-top: 3rem !important;
}

.--pb-3 {
    padding-bottom: 3rem !important;
}

.--p-4 {
    padding: 4rem !important;
}

.--pl-4 {
    padding-left: 4rem !important;
}

.--pt-4 {
    padding-top: 4rem !important;
}

.--pb-4 {
    padding-bottom: 4rem !important;
}

.--p-5 {
    padding: 5rem !important;
}

.--pl-5 {
    padding-left: 5rem !important;
}

.--pt-5 {
    padding-top: 5rem !important;
}

.--pb-5 {
    padding-bottom: 5rem !important;
}

.--p-6 {
    padding: 6rem !important;
}

.--pl-6 {
    padding-left: 6rem !important;
}

.--pt-6 {
    padding-top: 6rem !important;
}

.--pb-6 {
    padding-bottom: 6rem !important;
}

.--p-7 {
    padding: 7rem !important;
}

.--pl-7 {
    padding-left: 7rem !important;
}

.--pt-7 {
    padding-top: 7rem !important;
}

.--pb-7 {
    padding-bottom: 7rem !important;
}

.--p-8 {
    padding: 8rem !important;
}

.--pl-8 {
    padding-left: 8rem !important;
}

.--pt-8 {
    padding-top: 8rem !important;
}

.--pb-8 {
    padding-bottom: 8rem !important;
}

.--p-9 {
    padding: 9rem !important;
}

.--pl-9 {
    padding-left: 9rem !important;
}

.--pt-9 {
    padding-top: 9rem !important;
}

.--pb-9 {
    padding-bottom: 9rem !important;
}

.--p-10 {
    padding: 10rem !important;
}

.--pl-10 {
    padding-left: 10rem !important;
}

.--pt-10 {
    padding-top: 10rem !important;
}

.--pb-10 {
    padding-bottom: 10rem !important;
}

/*
20px = 1.25rem
40px = 2.5rem
60px = 3.75rem
80px = 5rem
100px = 6.25rem
*/
:root {
    --s0: 0;
    --s1: 1.25rem;
    --s2: 2.5rem;
    --s3: 3.75rem;
    --s4: 5rem;
    --s5: 6.25rem;
}

/* top + bottom */
.my-0 {
    margin-top: var(--s0);
    margin-bottom: var(--s0);
}

.my-1 {
    margin-top: var(--s1);
    margin-bottom: var(--s1);
}

.my-2 {
    margin-top: var(--s2);
    margin-bottom: var(--s2);
}

.my-3 {
    margin-top: var(--s3);
    margin-bottom: var(--s3);
}

.my-4 {
    margin-top: var(--s4);
    margin-bottom: var(--s4);
}

.my-4 {
    margin-top: var(--s5);
    margin-bottom: var(--s5);
}

/* only top */
.mt-0 {
    margin-top: var(--s0);
}

.mt-1 {
    margin-top: var(--s1);
}

.mt-2 {
    margin-top: var(--s2);
}

.mt-3 {
    margin-top: var(--s3);
}

.mt-4 {
    margin-top: var(--s4);
}

.mt-5 {
    margin-top: var(--s5);
}

/* only bottom */
.mb-0 {
    margin-bottom: var(--s0);
}

.mb-1 {
    margin-bottom: var(--s1);
}

.mb-2 {
    margin-bottom: var(--s2);
}

.mb-3 {
    margin-bottom: var(--s3);
}

.mb-4 {
    margin-bottom: var(--s4);
}

.mb-5 {
    margin-bottom: var(--s5);
}

.--m-0 {
    margin: 0rem !important;
}

.--ml-0 {
    margin-left: 0rem !important;
}

.--mr-0 {
    margin-right: 0rem !important;
}

.--mt-0 {
    margin-top: 0rem !important;
}

.--mb-0 {
    margin-bottom: 0rem !important;
}

.--mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

.--my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.--m-1 {
    margin: 1rem !important;
}

.--ml-1 {
    margin-left: 1rem !important;
}

.--mr-1 {
    margin-right: 1rem !important;
}

.--mt-1 {
    margin-top: 1rem !important;
}

.--mb-1 {
    margin-bottom: 1rem !important;
}

.--mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.--my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.--m-2 {
    margin: 2rem !important;
}

.--ml-2 {
    margin-left: 2rem !important;
}

.--mr-2 {
    margin-right: 2rem !important;
}

.--mt-2 {
    margin-top: 2rem !important;
}

.--mb-2 {
    margin-bottom: 2rem !important;
}

.--mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.--my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.--m-3 {
    margin: 3rem !important;
}

.--ml-3 {
    margin-left: 3rem !important;
}

.--mr-3 {
    margin-right: 3rem !important;
}

.--mt-3 {
    margin-top: 3rem !important;
}

.--mb-3 {
    margin-bottom: 3rem !important;
}

.--mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.--my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.--m-4 {
    margin: 4rem !important;
}

.--ml-4 {
    margin-left: 4rem !important;
}

.--mr-4 {
    margin-right: 4rem !important;
}

.--mt-4 {
    margin-top: 4rem !important;
}

.--mb-4 {
    margin-bottom: 4rem !important;
}

.--mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.--my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.--m-5 {
    margin: 5rem !important;
}

.--ml-5 {
    margin-left: 5rem !important;
}

.--mr-5 {
    margin-right: 5rem !important;
}

.--mt-5 {
    margin-top: 5rem !important;
}

.--mb-5 {
    margin-bottom: 5rem !important;
}

.--mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.--my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.--m-6 {
    margin: 6rem !important;
}

.--ml-6 {
    margin-left: 6rem !important;
}

.--mr-6 {
    margin-right: 6rem !important;
}

.--mt-6 {
    margin-top: 6rem !important;
}

.--mb-6 {
    margin-bottom: 6rem !important;
}

.--mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.--my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.--m-7 {
    margin: 7rem !important;
}

.--ml-7 {
    margin-left: 7rem !important;
}

.--mr-7 {
    margin-right: 7rem !important;
}

.--mt-7 {
    margin-top: 7rem !important;
}

.--mb-7 {
    margin-bottom: 7rem !important;
}

.--mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
}

.--my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.--m-8 {
    margin: 8rem !important;
}

.--ml-8 {
    margin-left: 8rem !important;
}

.--mr-8 {
    margin-right: 8rem !important;
}

.--mt-8 {
    margin-top: 8rem !important;
}

.--mb-8 {
    margin-bottom: 8rem !important;
}

.--mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}

.--my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.--m-9 {
    margin: 9rem !important;
}

.--ml-9 {
    margin-left: 9rem !important;
}

.--mr-9 {
    margin-right: 9rem !important;
}

.--mt-9 {
    margin-top: 9rem !important;
}

.--mb-9 {
    margin-bottom: 9rem !important;
}

.--mx-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
}

.--my-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}

.--m-10 {
    margin: 10rem !important;
}

.--ml-10 {
    margin-left: 10rem !important;
}

.--mr-10 {
    margin-right: 10rem !important;
}

.--mt-10 {
    margin-top: 10rem !important;
}

.--mb-10 {
    margin-bottom: 10rem !important;
}

.--mx-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
}

.--my-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

/*
20px = 1.25rem
40px = 2.5rem
60px = 3.75rem
80px = 5rem
100px = 6.25rem
*/
:root {
    --s0: 0;
    --s1: 1.25rem;
    --s2: 2.5rem;
    --s3: 3.75rem;
    --s4: 5rem;
    --s5: 6.25rem;
}

/* top + bottom */
.my-0 {
    margin-top: var(--s0);
    margin-bottom: var(--s0);
}

.my-1 {
    margin-top: var(--s1);
    margin-bottom: var(--s1);
}

.my-2 {
    margin-top: var(--s2);
    margin-bottom: var(--s2);
}

.my-3 {
    margin-top: var(--s3);
    margin-bottom: var(--s3);
}

.my-4 {
    margin-top: var(--s4);
    margin-bottom: var(--s4);
}

.my-4 {
    margin-top: var(--s5);
    margin-bottom: var(--s5);
}

/* only top */
.mt-0 {
    margin-top: var(--s0);
}

.mt-1 {
    margin-top: var(--s1);
}

.mt-2 {
    margin-top: var(--s2);
}

.mt-3 {
    margin-top: var(--s3);
}

.mt-4 {
    margin-top: var(--s4);
}

.mt-5 {
    margin-top: var(--s5);
}

/* only bottom */
.mb-0 {
    margin-bottom: var(--s0);
}

.mb-1 {
    margin-bottom: var(--s1);
}

.mb-2 {
    margin-bottom: var(--s2);
}

.mb-3 {
    margin-bottom: var(--s3);
}

.mb-4 {
    margin-bottom: var(--s4);
}

.mb-5 {
    margin-bottom: var(--s5);
}

.--m-0 {
    margin: 0rem !important;
}

.--ml-0 {
    margin-left: 0rem !important;
}

.--mr-0 {
    margin-right: 0rem !important;
}

.--mt-0 {
    margin-top: 0rem !important;
}

.--mb-0 {
    margin-bottom: 0rem !important;
}

.--mx-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

.--my-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
}

.--m-1 {
    margin: 1rem !important;
}

.--ml-1 {
    margin-left: 1rem !important;
}

.--mr-1 {
    margin-right: 1rem !important;
}

.--mt-1 {
    margin-top: 1rem !important;
}

.--mb-1 {
    margin-bottom: 1rem !important;
}

.--mx-1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
}

.--my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.--m-2 {
    margin: 2rem !important;
}

.--ml-2 {
    margin-left: 2rem !important;
}

.--mr-2 {
    margin-right: 2rem !important;
}

.--mt-2 {
    margin-top: 2rem !important;
}

.--mb-2 {
    margin-bottom: 2rem !important;
}

.--mx-2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
}

.--my-2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.--m-3 {
    margin: 3rem !important;
}

.--ml-3 {
    margin-left: 3rem !important;
}

.--mr-3 {
    margin-right: 3rem !important;
}

.--mt-3 {
    margin-top: 3rem !important;
}

.--mb-3 {
    margin-bottom: 3rem !important;
}

.--mx-3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
}

.--my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.--m-4 {
    margin: 4rem !important;
}

.--ml-4 {
    margin-left: 4rem !important;
}

.--mr-4 {
    margin-right: 4rem !important;
}

.--mt-4 {
    margin-top: 4rem !important;
}

.--mb-4 {
    margin-bottom: 4rem !important;
}

.--mx-4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.--my-4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.--m-5 {
    margin: 5rem !important;
}

.--ml-5 {
    margin-left: 5rem !important;
}

.--mr-5 {
    margin-right: 5rem !important;
}

.--mt-5 {
    margin-top: 5rem !important;
}

.--mb-5 {
    margin-bottom: 5rem !important;
}

.--mx-5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.--my-5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.--m-6 {
    margin: 6rem !important;
}

.--ml-6 {
    margin-left: 6rem !important;
}

.--mr-6 {
    margin-right: 6rem !important;
}

.--mt-6 {
    margin-top: 6rem !important;
}

.--mb-6 {
    margin-bottom: 6rem !important;
}

.--mx-6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.--my-6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.--m-7 {
    margin: 7rem !important;
}

.--ml-7 {
    margin-left: 7rem !important;
}

.--mr-7 {
    margin-right: 7rem !important;
}

.--mt-7 {
    margin-top: 7rem !important;
}

.--mb-7 {
    margin-bottom: 7rem !important;
}

.--mx-7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
}

.--my-7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.--m-8 {
    margin: 8rem !important;
}

.--ml-8 {
    margin-left: 8rem !important;
}

.--mr-8 {
    margin-right: 8rem !important;
}

.--mt-8 {
    margin-top: 8rem !important;
}

.--mb-8 {
    margin-bottom: 8rem !important;
}

.--mx-8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}

.--my-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.--m-9 {
    margin: 9rem !important;
}

.--ml-9 {
    margin-left: 9rem !important;
}

.--mr-9 {
    margin-right: 9rem !important;
}

.--mt-9 {
    margin-top: 9rem !important;
}

.--mb-9 {
    margin-bottom: 9rem !important;
}

.--mx-9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
}

.--my-9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
}

.--m-10 {
    margin: 10rem !important;
}

.--ml-10 {
    margin-left: 10rem !important;
}

.--mr-10 {
    margin-right: 10rem !important;
}

.--mt-10 {
    margin-top: 10rem !important;
}

.--mb-10 {
    margin-bottom: 10rem !important;
}

.--mx-10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
}

.--my-10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
}

.bg-navy-dark {
    background-color: var(--navy-dark);
}

.bg-navy {
    background-color: var(--navy);
}

.bg-olive {
    background-color: var(--olive);
}

.bg-brick {
    background-color: var(--brick);
}

.bg-sand {
    background-color: var(--sand);
}

.bg-sand-dark {
    background-color: var(--sand-dark);
}

.bg-white {
    background-color: var(--white);
}

.bg-dark {
    background-color: var(--navy-dark);
}

.navy-dark {
    color: var(--navy-dark);
}

.navy {
    color: var(--navy);
}

.olive {
    color: var(--olive);
}

.brick {
    color: var(--brick);
}

.sand {
    color: var(--sand);
}

body .header {
    background: var(--primary);
}

body .header__actions {
    margin-left: 0;
}

body .header__bottom {
    justify-content: space-between;
}

body .header__nav-primary > ul > li > a.is-active,
body .header__nav-primary > ul > li > a:hover {
    color: rgba(255, 255, 255, 0.8);
}

body .header.headroom--unpinned, body .header.headroom--pinned {
    background: var(--primary);
}

body .header.is-expanded {
    background-color: var(--dark-brown);
}

@media (min-width: 1280px) {
    body .header__nav-primary {
        padding-left: 0;
    }
}

@media (max-width: 1279.98px) {
    body .header__actions {
        background-color: var(--dark-brown);
    }
    body .header__nav-primary > ul > li {
        border-bottom: 1px solid #5B5B5B;
    }
    body .header__nav-secondary .lang-switch-drop-wrapper {
        border-color: #5B5B5B;
    }
}

body .footer {
    background: var(--dark-brown);
    color: var(--white);
}

body .footer-widget__title:after {
    background-color: #5B5B5B;
}

body .footer__bottom {
    border-top: 1px solid #5B5B5B;
}

body .newsletter__title {
    color: var(--white);
}

body .newsletter input,
body .newsletter input:-webkit-autofill {
    border-bottom-color: var(--white);
}

body .newsletter__form button {
    color: var(--white);
}

body .quick-contact p:not(:first-of-type) {
    color: var(--white);
}

body .quick-contact__title:after {
    background-color: #5B5B5B;
}

body .reservation-strip {
    background: var(--dark-brown) !important;
}

body .reservation-strip .form__date input::after {
    content: url(../../public/images/ico-cal-melori.svg);
}

body .reservation-strip .form .field__count::after {
    content: url(../../public/images/arrow-melori.svg);
}

body .reservation-strip .button:hover {
    background: var(--white);
    color: var(--dark-brown);
}

body .button {
    font-weight: 400;
    border-radius: 8px;
    color: var(--white);
}

body .button:hover {
    background: var(--dark-brown);
    border-color: var(--dark-brown);
}

body .button.--white:hover {
    border-color: var(--dark-brown);
}

body .button--white {
    background: var(--white);
    color: var(--primary);
}

body .button--white:hover {
    color: var(--white);
}

body .button--outline:not(.--white) {
    color: var(--primary);
}

body .button--outline:not(.--white):hover {
    color: var(--white);
}

body .bg-light {
    background: var(--bg-color-light);
}

body .bg-dark {
    background: var(--dark-brown);
}

body .bg-brown {
    background: var(--dark-brown);
}

body .bg-brown .button:hover {
    color: var(--primary);
    background: var(--bg-color);
}

body .bg-brown .button--outline {
    color: var(--bg-color);
    border-color: var(--bg-color);
}

body .bg-dark-o {
    background: var(--bg-dark-o);
}

body .bg-dark-o .button--outline {
    color: var(--bg-color);
    border-color: var(--bg-color);
}

body .bg-dark-o .button--outline:hover {
    border-color: var(--dark-brown);
}

body .bg-white-o {
    background: var(--bg-white-o);
}

body .bg-white-o .button:not(.button--outline) {
    background: var(--bg-dark-o);
}

body .bg-white-o .button:not(.button--outline):hover {
    background: var(--dark-brown);
}

body .bg-white-o .button--outline {
    border-color: var(--bg-dark-o);
    color: var(--bg-dark-o);
}

body .bg-white-o .button--outline:hover {
    border-color: var(--dark-brown);
}

body .bg-dark .button:hover {
    color: var(--navy);
    background-color: var(--white);
}

body .bg-dark .button--outline {
    background: transparent;
    color: var(--white);
    border-color: var(--white);
}

body .bg-dark .button--outline:hover {
    color: var(--dark-brown);
}

body .article__cite::before, body .article__cite-big::before, body .article__cite::after, body .article__cite-big::after,
body .headline__cite::before,
body .headline__cite::after,
body .contact__cite::before,
body .contact__cite::after,
body .seg__cite::before,
body .seg__cite::after,
body .seg__content__heading::before,
body .seg__content__heading::after,
body .seg__content__cite::before,
body .seg__content__cite::after,
body .header__nav-primary > ul > li > a::before,
body .header__nav-primary > ul > li > a::after {
    display: none;
}

body .seg img {
    border-radius: 8px;
}

body .seg__content__label, body .seg__content__cite,
body .seg .cards__label,
body .seg .card__perex, body .seg__content__sample {
    color: #767676;
}

body .seg__content__top, body .seg__heading {
    color: #3C3C3B;
}

body .seg__content__bottom__content.--white-space .seg__content__cite {
    margin: 0;
}

body .seg__content__bottom__content.--white-space .seg__content__buttons {
    margin: 0;
}

body .seg__carousel__card {
    border-radius: 8px;
    overflow: hidden;
}

body .seg__carousel__card .button:hover {
    background: var(--white) !important;
    border-color: var(--white !important);
    color: var(--dark-brown) !important;
}

body .seg__carousel__card .button--outline {
    border-color: var(--white) !important;
    color: var(--white) !important;
}

body .seg__carousel__move-rows svg {
    color: var(--bg-color);
}

body .seg.--content {
    color: #767676;
}

body .seg.--content .seg__content__subtitle {
    color: var(--brick);
}

body .seg.--threenine .seg__content__top p + p {
    border-left: 1px solid #D3D3D3;
}

body .seg.--threenine .seg__heading {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

body .seg.--threenine .seg__text-wrapper p {
    color: #767676;
}

body .seg.--threenine.bg-brown .seg__text-wrapper p, body .seg.--threenine.bg-dark-o .seg__text-wrapper p {
    color: rgba(255, 255, 255, 0.6);
}

body .seg.--threenine.bg-dark-o .seg__content__top,
body .seg.--threenine.bg-dark-o .seg__heading {
    color: var(--bg-color);
}

body .seg.--hero .seg__content {
    justify-content: flex-end;
}

body .seg.--hero .button:hover {
    color: var(--navy);
    background-color: var(--white);
    border-color: var(--white);
}

body .seg.--hero .button--outline {
    background: transparent;
    color: var(--white);
    border-color: var(--white);
}

body .seg.--hero .button--outline:hover {
    color: var(--dark-brown);
}

body .seg.bg-brown .seg__content__label,
body .seg.bg-brown .seg__content__cite,
body .seg.bg-brown .seg__content__heading,
body .seg.bg-brown .seg__cite,
body .seg.bg-brown .seg__content__top,
body .seg.bg-brown .seg__heading,
body .seg.bg-brown .seg__content__sample,
body .seg.bg-brown .seg__content__marks,
body .seg.bg-brown .cards__label {
    color: var(--bg-color);
}

body .seg.bg-brown .image-switch__list li:not(.is-active) {
    color: var(--bg-color);
}

body .seg.bg-dark-o .seg__content__label,
body .seg.bg-dark-o .seg__content__cite,
body .seg.bg-dark-o .seg__content__heading,
body .seg.bg-dark-o .seg__cite,
body .seg.bg-dark-o .seg__content__sample,
body .seg.bg-dark-o .seg__content__marks,
body .seg.bg-dark-o .seg__content__marks li::marker,
body .seg.bg-dark-o .cards__label {
    color: var(--bg-color);
}

body .seg.bg-dark-o .seg__inline-group {
    border-top: 0.5px solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}

body .seg.bg-brown .seg__carousel__dots__box__dot,
body .seg.bg-dark-o .seg__carousel__dots__box__dot {
    border: 1px solid var(--bg-color);
}

body .seg.bg-brown .seg__carousel__dots__box__dot.--active,
body .seg.bg-dark-o .seg__carousel__dots__box__dot.--active {
    background: var(--bg-color);
}

body .seg.bg-white-o .seg__content__heading,
body .seg.bg-white-o .seg__cite,
body .seg.bg-white-o .card__title,
body .seg.bg-white-o .card__cta {
    color: var(--bg-dark-o);
}

body .seg.bg-white-o .image-switch__list li {
    color: #767676;
    border-bottom: 1px solid #767676;
}

body .seg.bg-white-o .image-switch__list li.is-active {
    color: var(--bg-dark-o);
    border-bottom: 1px solid var(--bg-dark-o);
}

body .headline__cite {
    color: #767676;
}

body .headline.bg-brown, body .headline.bg-dark-o {
    color: var(--bg-color);
}

body .headline.bg-brown .headline__cite, body .headline.bg-dark-o .headline__cite {
    color: var(--bg-color);
}

body .headline.bg-white-o {
    color: var(--bg-dark-o);
}

body .room {
    color: #767676;
}

body .room:last-of-type {
    margin: 0;
}

body .room__features__list li {
    color: #767676;
    border-bottom: 1px solid #D3D3D3;
}

body .room__specs__info p {
    color: #767676;
}

body .room__content__features__list li {
    border-bottom: 1px solid #D3D3D3;
}

body .room.bg-brown, body .room.bg-dark-o {
    color: var(--bg-color);
}

body .room.bg-brown .room__content__heading,
body .room.bg-brown .room__content__cta,
body .room.bg-brown .room__features__heading,
body .room.bg-brown .room__descp,
body .room.bg-brown .room__features__list li,
body .room.bg-brown .room__specs__info p, body .room.bg-dark-o .room__content__heading,
body .room.bg-dark-o .room__content__cta,
body .room.bg-dark-o .room__features__heading,
body .room.bg-dark-o .room__descp,
body .room.bg-dark-o .room__features__list li,
body .room.bg-dark-o .room__specs__info p {
    color: var(--bg-color);
}

body .room.bg-brown .room__features__list li,
body .room.bg-brown .room__descp, body .room.bg-dark-o .room__features__list li,
body .room.bg-dark-o .room__descp {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

body .room.bg-white-o .room__content__heading,
body .room.bg-white-o .room__content__cta,
body .room.bg-white-o .room__features__heading,
body .room.bg-white-o .room__descp,
body .room.bg-white-o .room__specs__info p:first-of-type {
    color: var(--bg-dark-o);
}

body .room.bg-white-o .room__descp {
    border-bottom: 1px solid #D3D3D3;
}

body .gal__img-label {
    color: #767676;
}

body .gal.bg-brown .gal__img-label, body .gal.bg-dark-o .gal__img-label {
    color: var(--bg-color);
}

body .cards__label {
    color: #767676;
}

body .cards .card__perex {
    color: #767676;
}

body .cards.bg-brown .card__perex,
body .cards.bg-brown .card__title,
body .cards.bg-brown .card__cta, body .cards.bg-dark-o .card__perex,
body .cards.bg-dark-o .card__title,
body .cards.bg-dark-o .card__cta {
    color: var(--bg-color);
}

body .cards.bg-brown .card.--slider-card::after, body .cards.bg-dark-o .card.--slider-card::after {
    background-color: var(--bg-color);
}

body .cards.bg-white-o .card__title,
body .cards.bg-white-o .card__cta {
    color: var(--bg-dark-o);
}

body .tile {
    border-radius: 8px;
    overflow: hidden;
    background-color: var(--primary);
}

body .tile__label,
body .tile p {
    color: var(--white);
}

body .tile__inner__bottom .transparent {
    color: rgba(255, 255, 255, 0.8);
}

body .tile .button {
    font-weight: 400;
}

body .tile .button--outline {
    color: var(--white);
    border-color: var(--white);
}

body .tile .button--outline:hover {
    background: var(--white);
    color: var(--dark-brown);
    border-color: var(--white);
}

body .contact {
    color: #767676;
}

body .contact__cite {
    padding: 0;
}

body .contact__map {
    background-color: var(--primary);
}

body .testimonials-wrapper .testimonials__label {
    color: #767676;
}

body .testimonials-wrapper .--testimonials-card .card__perex p {
    color: #767676;
}

body .testimonials-wrapper .--testimonials-card .card__signature {
    border-top: 1px solid #D3D3D3;
    color: #767676;
    opacity: 1;
}

body .testimonials-wrapper .--testimonials-card .card__signature::before, body .testimonials-wrapper .--testimonials-card .card__signature::after {
    display: none;
}

body .testimonials-wrapper.bg-brown,
body .testimonials-wrapper.bg-dark-o {
    color: var(--bg-color);
}

body .testimonials-wrapper.bg-brown .testimonials__label,
body .testimonials-wrapper.bg-brown .testimonials__heading,
body .testimonials-wrapper.bg-brown .testimonials-slide__quotes,
body .testimonials-wrapper.bg-brown .--testimonials-card .card__perex p,
body .testimonials-wrapper.bg-brown .--testimonials-card .card__signature,
body .testimonials-wrapper.bg-dark-o .testimonials__label,
body .testimonials-wrapper.bg-dark-o .testimonials__heading,
body .testimonials-wrapper.bg-dark-o .testimonials-slide__quotes,
body .testimonials-wrapper.bg-dark-o .--testimonials-card .card__perex p,
body .testimonials-wrapper.bg-dark-o .--testimonials-card .card__signature {
    color: var(--bg-color);
}

body .testimonials-wrapper.bg-dark-o .--testimonials-card .card__signature {
    color: #95CFD7;
    border-color: var(--primary);
}

body .testimonials-wrapper.bg-white-o {
    color: var(--bg-dark-o);
}

body .testimonials-wrapper.bg-white-o .testimonials__label,
body .testimonials-wrapper.bg-white-o .testimonials__heading,
body .testimonials-wrapper.bg-white-o .testimonials-slide__quotes {
    color: var(--bg-dark-o);
}

body .benefits__benefit__title {
    color: var(--brick);
}

body .benefits__benefit__descp {
    color: #767676;
}

body .benefits.bg-brown .benefits__heading,
body .benefits.bg-brown .benefits__benefit__descp,
body .benefits.bg-brown .benefits__benefit__title,
body .benefits.bg-brown .benefits__benefit__ico svg, body .benefits.bg-dark-o .benefits__heading,
body .benefits.bg-dark-o .benefits__benefit__descp,
body .benefits.bg-dark-o .benefits__benefit__title,
body .benefits.bg-dark-o .benefits__benefit__ico svg {
    color: var(--bg-color);
}

body .benefits.bg-white-o .benefits__heading,
body .benefits.bg-white-o .benefits__benefit__title,
body .benefits.bg-white-o .benefits__benefit__ico svg {
    color: var(--bg-dark-o);
}

body .article__perex, body .article__cite, body .article__cite-big {
    color: #767676;
}

body .article__cite-big {
    color: var(--brick);
}

body .article.bg-brown .article__perex,
body .article.bg-brown .article__cite,
body .article.bg-brown .article__cite-big,
body .article.bg-brown .article__title,
body .article.bg-brown .article__subtitle,
body .article.bg-dark-o .article__perex,
body .article.bg-dark-o .article__cite,
body .article.bg-dark-o .article__cite-big,
body .article.bg-dark-o .article__title,
body .article.bg-dark-o .article__subtitle {
    color: var(--bg-color);
}

body .article.bg-white-o .article__title,
body .article.bg-white-o .article__subtitle,
body .article.bg-white-o .article__cite-big {
    color: var(--bg-dark-o);
}

body .reservation-form .seg__content__sample,
body .reservation-form .row label {
    color: #767676 !important;
}

body .bg-brown .reservation-form .seg__content__sample,
body .bg-brown .reservation-form .row label,
body .bg-dark-o .reservation-form .seg__content__sample,
body .bg-dark-o .reservation-form .row label,
body .bg-dark-o .seg__content__heading {
    color: var(--bg-color) !important;
}

body .bg-white-o .reservation-form .row label,
body .bg-white-o .seg__content__heading {
    color: var(--bg-dark-o) !important;
}

body .packages__item__bottom__price span {
    color: var(--bg-color);
}

body .massages__card__perex p {
    color: #767676;
}

body .massages__card .toggle-wrapper.--open p {
    background: var(--bg-color);
}

body .bg-brown .massages__card .toggle-wrapper.--open p {
    background: var(--dark-brown);
    color: var(--bg-color);
}

body .bg-dark-o .massages__card .toggle-wrapper.--open p {
    background: var(--bg-dark-o);
    color: var(--bg-color);
}

body .bg-white-o .massages__card .toggle-wrapper.--open p {
    background: var(--bg-white-o);
    color: var(--bg-dark-o);
}

body .bg-brown .massages__card__heading p,
body .bg-dark-o .massages__card__heading p,
body .bg-brown .massages__card__perex,
body .bg-dark-o .massages__card__heading p,
body .bg-brown .seg__content__cite p,
body .bg-dark-o .seg__content__cite p,
body .bg-brown .seg__content__sample,
body .bg-dark-o .seg__content__sample {
    color: var(--bg-color);
}

body .bg-white-o .massages__card__heading p {
    color: var(--bg-dark-o);
}

body .item__content, body .item__content__filter {
    overflow: hidden;
    border-radius: 8px;
}

body .item__content__badge {
    border-radius: 8px;
}

body .accordion__heading p,
body .accordion .tab-content {
    color: #767676;
}

body .accordion .tab-label,
body .accordion .tab-label p {
    transition: color 0.3s;
}

body .accordion .tab-label:hover,
body .accordion .tab-label p:hover {
    color: var(--dark-brown) !important;
}

body .accordion.bg-brown .accordion__heading p,
body .accordion.bg-brown .accordion__title,
body .accordion.bg-brown .tab-content,
body .accordion.bg-dark-o .accordion__heading p,
body .accordion.bg-dark-o .accordion__title body .accordion.bg-dark-o .tab-content {
    color: var(--bg-color);
}

body .accordion.bg-brown .tab-label,
body .accordion.bg-brown .tab-label p,
body .accordion.bg-dark-o .tab-label,
body .accordion.bg-dark-o .tab-label p {
    transition: color 0.3s;
}

body .accordion.bg-brown .tab-label:hover,
body .accordion.bg-brown .tab-label p:hover,
body .accordion.bg-dark-o .tab-label:hover,
body .accordion.bg-dark-o .tab-label p:hover {
    color: var(--white) !important;
}

body .accordion.bg-white-o .accordion__title,
body .accordion.bg-white-o .tab-label,
body .accordion.bg-white-o .tab-label p,
body .accordion.bg-white-o .tab-label p:nth-of-type(4) {
    color: var(--bg-dark-o);
}

body .accordion.bg-white-o .tab-label {
    border-top: 1px solid #D3D3D3;
}

body .contact-box strong {
    color: var(--dark-brown);
}

body .bg-brown .contact-box strong,
body .bg-dark-o .contact-box strong {
    color: var(--bg-color);
}

/*# sourceMappingURL=melori.css.map */