:root {
    --font-size-step--2: .75rem;
    --font-size-step--1: .875rem;
    --font-size-step-0: 1rem;
    --font-size-step-1: 1.125rem;
    --font-size-step-2: 1.25rem;
    --font-size-step-3: 1.5rem;
    --font-size-step-4: 1.875rem;
    --font-size-step-5: 2.25rem;
    --font-size-step-6: 3rem;
    --font-size-step-7: 3.75rem;
    --font-size-step-8: 4.5rem;
    --font-weight-thin: 100;
    --font-weight-extra-light: 200;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semi-bold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
    --font-weight-extra-black: 950;
    --font-family-serif: "soleilregular";
    --font-soleil: "soleilregular";
    --font-soleil-semi-bold: "soleil-semi-bold-webfont";
    --font-calluna: "calluna";
    --font-mullish: "mulish-bold";
    --font-mullish-regular: "mulish-regular";
    --color-white: #fff;
    --color-broken-white: #F2EADB;
    --color-slider-white: #FAF6E1;
    --color-brown: #30010D;
    --color-teal: #31ae94;
    --color-black: #000;
    --color-blue: #BBDBEE;
    --color-natural-green: #D1FF97;
    --color-deep-green: #00513A;
    --color-rollover-green: #128060;
    --color-orange: #BC630D;
    --color-deep-orangered: #644c4c;
    --color-salmon: #F2B9A4;
    --army-green: #80805E;
    --body-bg: var(--color-broken-white);
    --body-color: var(--color-deep-green);
    --accent-color: var(--color-teal);
    --typo-link-color: var(--accent-color);
    --text-decoration-offset: .3em;
    --header-font-family: var(--font-family-proximanova-bold);
    --body-font-family: var(--font-family-proximanova-regular);
    --body-font-size: var(--font-size-step-1);
    --nav-font-family: var(--font-family-proximanova-bold);
    --nav-font-size: var(--font-size-step-0);
    --nav-letter-spacing: 1px;
    --nav-line-height: 1.25;
    --nav-py: .5em;
    --nav-link-color: var(--color-black);
    --nav-link-hover-color: var(--color-teal);
    --burger-open-color: var(--color-broken-white);
    --burger-open-hover-color: var(--color-teal);
    --burger-close-color: var(--color-broken-white);
    --burger-close-hover-color: var(--color-teal);
    --btn-font-family: var(--font-family-proximanova-semi);
    --btn-font-size: var(--font-size-step--1);
    --btn-font-weight: var(--font-weight-medium);
    --btn-text-transform: none;
    --btn-letter-spacing: auto;
    --btn-line-height: 1.25;
    --btn-px: 1.5em;
    --btn-py: .55em;
    --btn-color: var(--color-orangered);
    --btn-hover-color: var(--color-white);
    --btn-bg: transparent;
    --btn-hover-bg: var(--color-orangered);
    --btn-border-color: var(--color-orangered);
    --btn-border-hover-color: var(--color-orangered);
    --btn-outline-color: var(--color-teal);
    --btn-outline-hover-color: var(--color-broken-white);
    --btn-outline-bg: rgba(0, 0, 0, 0);
    --btn-outline-hover-bg: var(--color-teal);
    --btn-outline-border-color: var(--color-teal);
    --btn-outline-border-hover-color: var(--color-teal);
    --btn-hover-slide-color: var(--color-teal);
    --btn-hover-slide-hover-color: var(--color-broken-white);
    --btn-hover-slide-bg: rgba(0, 0, 0, 0);
    --btn-hover-slide-hover-bg: rgba(0, 0, 0, 0);
    --btn-hover-slide-slide-color: var(--color-teal);
    --color-placeholder: var(--color-light-gray);
    --input-color: var(--color-dark-gray);
    --input-bg: var(--color-broken-white);
    --input-border-color: var(--color-light-gray);
    --input-border-width: 0 0 1px 0;
    --input-px: var(--btn-px);
    --input-py: var(--btn-py);
    --input-font-family: var(--font-family-sans-serif);
    --input-font-size: var(--font-size-step-2);
    --input-line-height: var(--btn-line-height);
    --wrapper-bg-dark: var(--color-black);
    --container-padding-x: 1.5rem;
    --main-menu-clip-path-open: polygon( 0 0, 100% 0, 100% 100%, 0 100%);
    --main-menu-clip-path-closed: polygon( calc(100% - var(--container-padding-x)) 100%, calc(100% - var(--container-padding-x)) 100%, calc(100% - var(--container-padding-x)) 100%, calc(100% - var(--container-padding-x)) 100%);
    --ease-linear: cubic-bezier(.25, .25, .75, .75);
    --ease: cubic-bezier(.32, .72, 0, 1);
    --ease-in: ease-in;
    --ease-out: ease-out;
    --ease-in-out: ease-in-out;
    --ease-in-back: cubic-bezier(.6, -.28, .735, .045);
    --ease-out-back: cubic-bezier(.175, .885, .32, 1.275);
    --ease-in-out-back: cubic-bezier(.68, -.55, .265, 1.55);
    --ease-in-sine: cubic-bezier(.47, 0, .745, .715);
    --ease-out-sine: cubic-bezier(.39, .575, .565, 1);
    --ease-in-out-sine: cubic-bezier(.445, .05, .55, .95);
    --ease-in-quad: cubic-bezier(.55, .085, .68, .53);
    --ease-out-quad: cubic-bezier(.25, .46, .45, .94);
    --ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);
    --ease-in-cubic: cubic-bezier(.55, .085, .68, .53);
    --ease-out-cubic: cubic-bezier(.25, .46, .45, .94);
    --ease-in-out-cubic: cubic-bezier(.455, .03, .515, .955);
    --ease-in-quart: cubic-bezier(.55, .085, .68, .53);
    --ease-out-quart: cubic-bezier(.25, .46, .45, .94);
    --ease-in-out-quart: cubic-bezier(.455, .03, .515, .955);
    --light-overlap-top: 0px;
    --light-overlap-bottom: 0px;
    --dark-overlap-top: 0px;
    --dark-overlap-bottom: 0px;
    --overlap-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    --product-summary-color: var(--color-broken-white);
    --detail-qty-input-border-color: var(--input-bg);
    --detail-qty-input-border-width: 1px;
    --detail-qty-input-font-family: var(--input-font-family);
    --detail-qty-input-font-size: var(--font-size-step-2);
    --detail-qty-input-line-height: 25px;
    --detail-qty-input-px: 2em;
    --detail-qty-input-py: .425em
}

@media (min-width: 992px) {
    :root {
        --btn-font-size: var(--font-size-step-2);
        --detail-qty-input-font-size: 1.5rem
    }
}

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: currentColor;
    accent-color: #31ae94;
    accent-color: var(--accent-color, currentColor)
}

html {
    line-height: 1.5;
    line-height: var(--body-line-height, 1.5);
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-family: var(--font-family-proximanova-regular);
    font-family: var(--body-font-family, sans-serif);
    scroll-behavior: smooth;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%
}

@supports (-webkit-touch-callout: none) {
    html {
        height: -webkit-fill-available
    }
}

body {
    margin: 0;
    line-height: 1.75;
    min-height: 100vh;
    font-size: 1.125rem;
    font-size: var(--body-font-size, 1rem);
    font-weight: 400;
    font-weight: var(--body-font-weight, 400);
    background-color: #f2eadb;
    background-color: var(--body-bg, white);
    color: #00513a;
    color: var(--body-color, black);
    overflow: hidden
}

@supports (min-height: 100lvh) {
    body {
        min-height: 100lvh
    }
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: 600
}

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul {
    margin: 0;
    padding: 0 0 0 1.1875em
}

ol:where([role="list"]),
ul:where([role="list"]),
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #000000b3;
    color: var(--input-placeholder-color, rgba(0, 0, 0, .7))
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #000000b3;
    color: var(--input-placeholder-color, rgba(0, 0, 0, .7))
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 1;
    color: #000000b3;
    color: var(--input-placeholder-color, rgba(0, 0, 0, .7))
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    opacity: 1;
    color: #000000b3;
    color: var(--input-placeholder-color, rgba(0, 0, 0, .7))
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #000000b3;
    color: var(--input-placeholder-color, rgba(0, 0, 0, .7))
}

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

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

:where([tabindex="-1"]):focus {
    outline: 0 none !important
}

:where([tabindex="-1"]):focus-visible {
    outline: 0 none !important
}

:focus {
    outline: 0 none
}

:focus:not(:focus-visible) {
    outline: 0 none
}

:focus-visible {
    outline: max(2px, .08em) solid currentColor;
    outline: var(--outline-size, max(2px, .08em)) var(--outline-style, solid) var(--outline-color, currentColor);
    outline-offset: max(2px, .08em);
    outline-offset: var(--outline-offset, max(2px, .08em))
}

a:where([href]) {
    text-decoration-thickness: 1px;
    text-decoration-thickness: var(--text-decoration-thickness, 1px);
    text-underline-offset: .3em;
    text-underline-offset: var(--text-decoration-offset, .2em)
}

@font-face {
    font-family: soleilregular;
    src: url(/resources/themes/thempotheam/assets/fonts/soleilregular-webfont.woff2) format("woff2"), url(/resources/themes/thempotheam/assets/fonts/soleilregular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: soleil-semi-bold-webfont;
    src: url(/resources/themes/thempotheam/assets/fonts/soleil-semi-bold-webfont.woff2) format("woff2"), url(/resources/themes/thempotheam/assets/fonts/soleil-semi-bold-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: calluna;
    src: url(/resources/themes/thempotheam/assets/fonts/calluna-regular-webfont.woff2) format("woff2"), url(/resources/themes/thempotheam/assets/fonts/calluna-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mulish-bold;
    src: url(/resources/themes/thempotheam/assets/fonts/Mulish-Bold.woff2) format("woff2"), url(/resources/themes/thempotheam/assets/fonts/Mulish-Bold.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: mulish-regular;
    src: url(/resources/themes/thempotheam/assets/fonts/Mulish-Regular.woff2) format("woff2"), url(/resources/themes/thempotheam/assets/fonts/Mulish-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal
}

[class^=icon-]:before,
[class*=" icon-"]:before {
    font-family: shop;
    font-style: normal;
    font-weight: 400;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-account:before {
    content: "\e800"
}

.icon-cart:before {
    content: "\e801"
}

.icon-search:before {
    content: "\e802"
}

.icon-plus:before {
    content: "\e803"
}

.icon-right:before {
    content: "\e804"
}

.icon-left:before {
    content: "\e805"
}

.icon-mail:before {
    content: "\e806"
}

.icon-share:before {
    content: "\e807"
}

.icon-spinner:before {
    content: "\e838"
}

.icon-instagram:before {
    content: "\f16d"
}

.icon-file-pdf:before {
    content: "\f1c1"
}

.icon-whatsapp:before {
    content: "\f232"
}

.icon-twitter:before {
    content: "\f309"
}

.icon-facebook:before {
    content: "\f30c"
}

.icon-linkedin:before {
    content: "\f318"
}

body {
    position: relative
}

body,
html {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

.wpcf7-hp-msg {
    display: none !important
}

.hero-title {
    font-size: 2.5rem;
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold);
    text-transform: uppercase;
    line-height: 1
}

.hero-title+.typo {
    margin-top: .5em
}

@media (min-width: 992px) {
    .hero-title {
        font-size: 5rem;
        line-height: .9125
    }
}

.cky-preference-center .cky-preference-header .cky-preference-title,
.page-title,
.woocommerce-products-header__title,
.woocommerce div.product h1.product_title,
.woocommerce-loop-product__title {
    display: block;
    font-size: 2rem;
    line-height: 1
}

.cky-preference-center .cky-preference-header .cky-preference-title+.typo,
.page-title+.typo,
.woocommerce-products-header__title+.typo,
.woocommerce div.product h1.product_title+.typo,
.woocommerce-loop-product__title+.typo {
    margin-top: .5em
}

@media (min-width: 992px) {
    .cky-preference-center .cky-preference-header .cky-preference-title,
    .page-title,
    .woocommerce-products-header__title,
    .woocommerce div.product h1.product_title,
    .woocommerce-loop-product__title {
        font-size: 3rem;
        line-height: 1.15
    }
}

.block-title {
    font-size: 2.5rem;
    text-transform: uppercase;
    line-height: 1
}

.block-title .highlight {
    display: block;
    padding-left: 1em
}

.block-title+.typo {
    margin-top: .5em
}

@media (min-width: 992px) {
    .block-title {
        font-size: 5rem;
        line-height: .9125
    }
}

.block-title.alt {
    font-size: 1.75rem;
    text-transform: none;
    line-height: 1
}

.block-title.alt .highlight {
    display: block;
    padding-left: 1em
}

.block-title.alt+.typo {
    margin-top: .5em
}

@media (min-width: 992px) {
    .block-title.alt {
        font-size: 2.5rem;
        line-height: 1
    }
}

.block-subtitle {
    font-size: 1.125rem;
    font-size: var(--font-size-step-1);
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    letter-spacing: 1px;
    line-height: 1
}

.block-subtitle+.block-title {
    margin-top: .35em
}

@media (min-width: 992px) {
    .block-subtitle {
        font-size: 1.125rem;
        font-size: var(--font-size-step-1)
    }
}

.item-title,
.form-title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.wrapper--product-set .product--title {
    display: block;
    font-family: var(--font-family-proximanova-semi);
    letter-spacing: .05em;
    font-size: 1rem;
    padding: 0
}

@media (min-width: 992px) {
    .item-title,
    .form-title,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .wrapper--product-set .product--title {
        font-size: 1.25rem
    }
}

.woocommerce-billing-fields h3,
#order_review_heading,
#ship-to-different-address,
.form-row.notes label,
.cart_totals h2,
.woocommerce-order-details__title,
.woocommerce-column__title,
.woocommerce-MyAccount-content h3 {
    font-size: 2rem;
    font-weight: 400;
    font-weight: var(--font-weight-normal);
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: .5em
}

.typo h1,
.typo h2,
.cky-consent-container .cky-notice .cky-title,
.cky-preference-center .cky-accordion-header .cky-accordion-btn {
    font-size: 1.375rem;
    font-weight: 400;
    font-weight: var(--font-weight-normal);
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (min-width: 992px) {
    .typo h1,
    .typo h2,
    .cky-consent-container .cky-notice .cky-title,
    .cky-preference-center .cky-accordion-header .cky-accordion-btn {
        font-size: 1.75rem
    }
}

.lead,
.wrapper--product-set ul.products li.product .attention {
    font-size: 18px;
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

@media (min-width: 992px) {
    .lead,
    .wrapper--product-set ul.products li.product .attention {
        font-size: 18px;
        line-height: 1.63636363
    }
}

.attention {
    font-family: soleilregular;
    font-family: var(--font-family-serif);
    font-size: 18px;
    font-style: italic
}

@media (min-width: 992px) {
    .attention {
        font-size: 20px;
        line-height: 1.8
    }
}

.attention.alt {
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold);
    font-size: 22px;
    line-height: 1.63636363
}

.typo>*+* {
    margin-top: 1rem
}

.typo>.lead+* {
    margin-top: 1.5rem
}

.typo>*+h2,
.typo>.lead+h2 {
    margin-top: 3rem
}

.typo a,
.woocommerce-terms-and-conditions-wrapper a,
.woocommerce-form-login-toggle a {
    text-decoration-line: underline
}

@media (hover: hover) and (pointer: fine) {
    .typo a:hover,
    .woocommerce-terms-and-conditions-wrapper a:hover,
    .woocommerce-form-login-toggle a:hover {
        text-decoration-line: none
    }
    .typo a:focus,
    .woocommerce-terms-and-conditions-wrapper a:focus,
    .woocommerce-form-login-toggle a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .typo a:focus-visible,
    .woocommerce-terms-and-conditions-wrapper a:focus-visible,
    .woocommerce-form-login-toggle a:focus-visible {
        text-decoration-line: none
    }
}

.typo a.touching,
.woocommerce-terms-and-conditions-wrapper a.touching,
.woocommerce-form-login-toggle a.touching {
    text-decoration-line: none;
    --btn-transition-duration: 50ms
}

.typo a {
    text-decoration: none
}

.privacy-policy-tutorial {
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: red
}

a.disabled {
    pointer-events: none
}

.h3 {
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    line-height: 1.25
}

.h2 {
    font-size: 1.875rem;
    font-size: var(--font-size-step-4);
    line-height: 1.25
}

.h1 {
    font-size: 3.75rem;
    font-size: var(--font-size-step-7)
}

.typo a,
.typo a:hover {
    text-decoration: underline
}

.wrapper--jumbotron {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    height: 750px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 100px
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron {
        height: 550px
    }
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron {
        height: 450px
    }
}

.wrapper--jumbotron .jumbotron-content {
    width: 100%
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .jumbotron-content {
        grid-row-start: 2
    }
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .jumbotron-content {
        grid-row-start: 4
    }
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron {
        margin-bottom: 0;
        display: grid;
        grid-template-rows: 200px 1fr 1fr 1fr
    }
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron {
        grid-template-rows: 95px 1fr 1fr 1fr
    }
}

.wrapper--jumbotron:before {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080;
    content: ""
}

.wrapper--jumbotron .jumbotron-background {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.wrapper--jumbotron .jumbotron-background img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    -o-object-position: center;
    object-position: center
}

.wrapper--jumbotron .jumbotron-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 100px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper--jumbotron .jumbotron-items .social-icons {
    position: relative;
    z-index: 1
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .jumbotron-items .social-icons {
        display: none
    }
}

.wrapper--jumbotron .jumbotron-items .social-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .jumbotron-items {
        padding: 30px 0 50px
    }
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .jumbotron-items {
        padding: 0 0 50px
    }
}

.wrapper--jumbotron .jumbotron-items .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 2
}

.wrapper--jumbotron .jumbotron-items .item h1 {
    line-height: 77px;
    color: #faf6e1;
    color: var(--color-slider-white);
    font-size: 65px;
    font-family: calluna;
    font-family: var(--font-calluna)
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .jumbotron-items .item h1 {
        font-size: 35px;
        line-height: 40px
    }
}

.wrapper--jumbotron .jumbotron-items .item .content .description {
    line-height: 34px
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .jumbotron-items .item .content .description {
        font-size: 1rem;
        line-height: 27px
    }
}

.wrapper--jumbotron .jumbotron-items .item .content .text {
  max-width: var(--container-w-lg, 960px);
  line-height: 46px;
  font-size: 35px;
  font-family: var(--font-calluna);
  color: var(--color-slider-white);
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .jumbotron-items .item .content .text {
        font-size: 1rem;
        line-height: 27px
    }
}

.wrapper--jumbotron .jumbotron-items .item .btn {
    margin-top: 50px
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .jumbotron-items .item .btn {
        margin-top: 25px
    }
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .jumbotron-items .item .btn {
        font-size: 1rem;
        font-size: var(--font-size-step-0);
        width: 220px;
        height: 56px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.wrapper--jumbotron .jumbotron-items .item .btn:hover {
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    color: #00513a;
    color: var(--color-deep-green)
}

.wrapper--jumbotron .reservation-bar {
    position: absolute;
    width: 100%;
    z-index: 1;
    bottom: -50px
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .reservation-bar {
        bottom: -150px
    }
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron .reservation-bar {
        display: none
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form {
    position: relative;
    background-color: #fff;
    background-color: var(--color-white);
    border-radius: 40px;
    padding: 10px 50px;
    max-width: 1000px;
    margin: auto
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form {
        padding: 25px 50px;
        max-width: 550px;
        margin: auto
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form {
    background-color: #fff;
    background-color: var(--color-white)
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formFields {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        width: 100%
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .upper-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px;
    margin-right: 60px
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formFields .upper-form {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        max-width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 100px;
        margin-right: auto
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .upper-form .formItem {
    position: relative
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .upper-form .formItem:after {
    position: absolute;
    content: "";
    top: 0;
    right: -21%;
    height: 100%;
    border-right: 1px solid #2E3324
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .down-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 60px
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formFields .down-form {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        width: 100%
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .down-form .formItem {
    position: relative
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .down-form .formItem:after {
    position: absolute;
    content: "";
    top: 0;
    right: -30%;
    height: 100%;
    border-right: 1px solid #2E3324
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formFields .down-form .formItem:last-child:after {
    display: none
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem label {
    font-size: 14px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    text-transform: uppercase;
    color: #2e3324;
    white-space: nowrap
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem select,
.wrapper--jumbotron .reservation-bar .reservation-form form .formItem input[type=date] {
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem button[type=submit] {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: -5px;
    top: 0;
    background: #00513A;
    background: var(--color-deep-green);
    color: #fff;
    color: var(--color-white);
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 60px;
    border-radius: 0 40px 40px 0;
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem button[type=submit]:hover {
    background-color: #128060;
    background-color: var(--color-rollover-green)
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formItem button[type=submit] {
        position: relative;
        border-radius: 40px
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem:last-child {
    width: 100%
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formItem:last-child {
        position: relative;
        border-radius: 40px
    }
}

.wrapper--jumbotron .reservation-bar .reservation-form form .formItem:last-child button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1199.98px) {
    .wrapper--jumbotron .reservation-bar .reservation-form form .formItem:last-child button {
        width: 100%
    }
}

.wrapper--jumbotron:has(+ .wrapper--blog) {
    margin-bottom: 20px
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron:has(+ .wrapper--blog) {
        margin-bottom: 0
    }
}

.wrapper--jumbotron input::-webkit-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.wrapper--jumbotron input::-moz-placeholder {
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.wrapper--jumbotron input:-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.wrapper--jumbotron input::-ms-input-placeholder {
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.wrapper--jumbotron input::placeholder,
.wrapper--jumbotron input[type=text] {
    color: #000;
    opacity: 1;
    font-size: 16px;
    font-family: mulish-regular;
    font-family: var(--font-mullish-regular);
    color: #2e3324
}

.blue .reservation-form form button[type=submit] {
    background-color: #bbdbee !important;
    background-color: var(--color-blue) !important;
    color: #30010d !important;
    color: var(--color-brown) !important
}

.blue .wrapper--jumbotron:has(+ .wrapper) {
    margin-bottom: 85px
}

@media (max-width: 991.98px) {
    .blue .wrapper--jumbotron:has(+ .wrapper) {
        margin-bottom: 12rem
    }
}

@media (max-width: 767.98px) {
    .blue .wrapper--jumbotron:has(+ .wrapper) {
        margin-bottom: 0
    }
}

.orange .reservation-form form button[type=submit] {
    background-color: #bc630d !important;
    background-color: var(--color-orange) !important;
    color: #fff !important;
    color: var(--color-white) !important
}

.groen .reservation-form form button[type=submit] {
    background-color: #d1ff97 !important;
    background-color: var(--color-natural-green) !important;
    color: #30010d !important;
    color: var(--color-brown) !important
}

.zalm .reservation-form form button[type=submit] {
    background-color: #f2b9a4 !important;
    background-color: var(--color-salmon) !important;
    color: #30010d !important;
    color: var(--color-brown) !important
}

.wrapper--jumbotron:has(+ .wrapper--blog) {
    margin-bottom: 85px
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron:has(+ .wrapper--blog) {
        margin-bottom: 195px
    }
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron:has(+ .wrapper--blog) {
        margin-bottom: 3rem
    }
}

.usp--wrapper {
    position: relative
}

.usp--wrapper .usp-items {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 20px;
    gap: 20px
}

@media (max-width: 1199.98px) {
    .usp--wrapper .usp-items {
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media (max-width: 991.98px) {
    .usp--wrapper .usp-items {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .usp--wrapper .usp-items {
        gap: 7px
    }
}

.usp--wrapper .usp-items .item {
    position: relative;
    padding: 75px 32px 32px;
    border-radius: 30px;
    color: #00513a;
    color: var(--color-deep-green);
    font-size: 22px;
    line-height: 31px
}

@media (max-width: 991.98px) {
    .usp--wrapper .usp-items .item {
        padding: 75px 15px 32px;
        font-size: 1rem;
        line-height: 21px
    }
}

.usp--wrapper .usp-items .item:first-child {
    background-color: #d1ff97;
    background-color: var(--color-natural-green)
}

.usp--wrapper .usp-items .item:nth-child(3) {
    background-color: var(--color-deep-yellow)
}

.usp--wrapper .usp-items .item:last-child {
    background-color: #fff;
    background-color: var(--color-white)
}

.usp--wrapper .usp-items .item:last-child .icon svg path {
    fill: #00513a;
    fill: var(--color-deep-green)
}

.usp--wrapper .usp-items .item .icon {
    position: absolute;
    top: 15px;
    right: 15px
}

.usp--wrapper:after {
    position: absolute;
    bottom: 0;
    content: "";
    height: 50%;
    width: 100%;
    background-color: #00513a;
    background-color: var(--color-deep-green)
}

@media (max-width: 991.98px) {
    .usp--wrapper:after {
        height: 25%
    }
}

.social-icons li a svg,
.social-list li a svg {
    width: 45px;
    height: 45px
}

.wrapper--jumbotron {
    margin-bottom: 70px
}

@media (max-width: 767.98px) {
    .wrapper--jumbotron {
        margin-bottom: 0
    }
}

.wrapper--jumbotron .social-icons li a svg {
    width: 36px;
    height: 36px
}

.wrapper--jumbotron .social-icons li a svg circle {
    fill: #00513a;
    fill: var(--color-deep-green)
}

.wrapper--jumbotron .social-icons li a svg path {
    fill: #d1ff97;
    fill: var(--color-natural-green)
}

.single .wrapper--jumbotron {
    margin-bottom: 0
}

.custom-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 69.5px;
    color: #30010d;
    color: var(--color-brown);
    font-size: 20px
}

.custom-bar .calto {
    background: #BC630D;
    background: var(--color-orange);
    padding: 20px 60px;
    position: absolute;
    right: 0;
    top: 0;
    height: 89.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0 40px 40px 0
}

.custom-bar .calto a {
    color: #fff;
    color: var(--color-white);
    cursor: pointer
}

.zalm .custom-bar .text-field span {
    color: #30010d;
    color: var(--color-brown)
}

.zalm .custom-bar .calto {
    background-color: #f2b9a4;
    background-color: var(--color-salmon);
    color: #30010d;
    color: var(--color-brown)
}

.zalm .custom-bar .calto span,
.groen .custom-bar .text-field span {
    color: #30010d;
    color: var(--color-brown)
}

.groen .custom-bar .calto {
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    color: #30010d;
    color: var(--color-brown)
}

.groen .custom-bar .calto span {
    color: #30010d;
    color: var(--color-brown)
}

.btn,
.cky-consent-container .cky-btn,
.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn,
.woocommerce.archive a.button,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce>:not(.woocommerce-MyAccount-content) a.button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-message .restore-item,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce .shop_table.cart button.button,
.woocommerce .shop_table.cart button.button:disabled,
.woocommerce .shop_table.cart button.button:disabled[disabled],
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.wrapper--product-set .btn {
    --_btn-font-family: var(--font-soleil-semi-bold, sans-serif);
    --_btn-font-size: var(--btn-font-size, 1rem);
    --_btn-font-weight: var(--btn-font-weight, 500);
    --_btn-text-transform: var(--btn-text-transform, none);
    --_btn-letter-spacing: var(--btn-letter-spacing, normal);
    --_btn-line-height: var(--btn-line-height, 2);
    --_btn-min-width: var(--btn-min-width, auto);
    --_btn-px: var(--btn-px, 1.5em);
    --_btn-py: var(--btn-py, .125em);
    --_btn-radius: var(--btn-radius, 50px);
    --_btn-color: var(--color-natural-green, white);
    --_btn-hover-color: var(--color-natural-green, black);
    --_btn-bg: var(--btn-bg, transparent);
    --_btn-hover-bg: var(--btn-hover-bg, transparent);
    --_btn-border-width: var(--btn-border-width, 1px);
    --_btn-border-color: var(--color-natural-green, black);
    --_btn-border-hover-color: var(--color-natural-green, black);
    --_btn-transition-property: var( --btn-transition-property, color, background-color, border-color);
    --_btn-transition-duration: var(--btn-transition-duration, .3s);
    --_btn-transition-easing: var( --btn-transition-easing, var(--ease, cubic-bezier(.32, .72, 0, 1)));
    --_btn-label-icon-gap: var(--btn-label-icon-gap, .5em);
    --_btn-icon-width: var( --btn-icon-width, calc(var(--_btn-font-size) * 1.25));
    --outline-color: var(--_btn-border-color);
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: var(--_btn-label-icon-gap);
    border: var(--_btn-border-width) solid var(--_btn-border-color);
    border-radius: var(--_btn-radius);
    color: var(--_btn-color);
    background-color: var(--_btn-bg);
    text-decoration-line: none;
    text-transform: var(--_btn-text-transform);
    font-family: var(--_btn-font-family);
    font-size: var(--_btn-font-size);
    font-weight: var(--_btn-font-weight);
    letter-spacing: var(--_btn-letter-spacing);
    line-height: var(--_btn-line-height);
    min-width: var(--btn-min-width);
    padding: var(--_btn-py) var(--_btn-px);
    -webkit-transition-property: var(--_btn-transition-property);
    transition-property: var(--_btn-transition-property);
    -webkit-transition-duration: var(--_btn-transition-duration);
    transition-duration: var(--_btn-transition-duration);
    -webkit-transition-timing-function: var(--_btn-transition-easing);
    transition-timing-function: var(--_btn-transition-easing)
}

.btn svg,
.cky-consent-container .cky-btn svg,
.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn svg,
.woocommerce.archive a.button svg,
.woocommerce button.button svg,
.woocommerce button.button.alt svg,
.woocommerce>:not(.woocommerce-MyAccount-content) a.button svg,
.woocommerce .woocommerce-info .button svg,
.woocommerce .woocommerce-error .button svg,
.woocommerce .woocommerce-message .button svg,
.woocommerce .woocommerce-message .restore-item svg,
.woocommerce button.button:disabled svg,
.woocommerce button.button:disabled[disabled] svg,
.woocommerce .shop_table.cart button.button svg,
.woocommerce .shop_table.cart button.button:disabled svg,
.woocommerce .shop_table.cart button.button:disabled[disabled] svg,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button svg,
.wrapper--product-set .btn svg {
    width: var(--_btn-icon-width);
    height: auto
}

.btn:focus,
.cky-consent-container .cky-btn:focus,
.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn:focus,
.woocommerce.archive a.button:focus,
.woocommerce button.button:focus,
.woocommerce button.button.alt:focus,
.woocommerce>:not(.woocommerce-MyAccount-content) a.button:focus,
.woocommerce .woocommerce-info .button:focus,
.woocommerce .woocommerce-error .button:focus,
.woocommerce .woocommerce-message .button:focus,
.woocommerce .woocommerce-message .restore-item:focus,
.woocommerce button.button:disabled:focus,
.woocommerce button.button:disabled[disabled]:focus,
.woocommerce .shop_table.cart button.button:focus,
.woocommerce .shop_table.cart button.button:disabled:focus,
.woocommerce .shop_table.cart button.button:disabled[disabled]:focus,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
.wrapper--product-set .btn:focus {
    color: var(--_btn-color);
    background-color: var(--_btn-bg);
    border-color: var(--_btn-border-color)
}

@media (hover: hover) and (pointer: fine) {
    .btn:hover,
    .cky-consent-container .cky-btn:hover,
    .cky-preference-center .cky-prefrence-btn-wrapper .cky-btn:hover,
    .woocommerce.archive a.button:hover,
    .woocommerce button.button:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce>:not(.woocommerce-MyAccount-content) a.button:hover,
    .woocommerce .woocommerce-info .button:hover,
    .woocommerce .woocommerce-error .button:hover,
    .woocommerce .woocommerce-message .button:hover,
    .woocommerce .woocommerce-message .restore-item:hover,
    .woocommerce button.button:disabled:hover,
    .woocommerce button.button[disabled]:disabled:hover,
    .woocommerce .shop_table.cart button.button:hover,
    .woocommerce .shop_table.cart button.button:disabled:hover,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:hover,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
    .wrapper--product-set .btn:hover {
        color: var(--_btn-hover-color);
        background-color: var(--_btn-hover-bg);
        border-color: var(--_btn-border-hover-color)
    }
    .btn:focus,
    .cky-consent-container .cky-btn:focus,
    .cky-preference-center .cky-prefrence-btn-wrapper .cky-btn:focus,
    .woocommerce.archive a.button:focus,
    .woocommerce button.button:focus,
    .woocommerce button.button.alt:focus,
    .woocommerce>:not(.woocommerce-MyAccount-content) a.button:focus,
    .woocommerce .woocommerce-info .button:focus,
    .woocommerce .woocommerce-error .button:focus,
    .woocommerce .woocommerce-message .button:focus,
    .woocommerce .woocommerce-message .restore-item:focus,
    .woocommerce button.button:disabled:focus,
    .woocommerce button.button[disabled]:disabled:focus,
    .woocommerce .shop_table.cart button.button:focus,
    .woocommerce .shop_table.cart button.button:disabled:focus,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:focus,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus,
    .wrapper--product-set .btn:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .btn:focus-visible,
    .cky-consent-container .cky-btn:focus-visible,
    .cky-preference-center .cky-prefrence-btn-wrapper .cky-btn:focus-visible,
    .woocommerce.archive a.button:focus-visible,
    .woocommerce button.button:focus-visible,
    .woocommerce button.button.alt:focus-visible,
    .woocommerce>:not(.woocommerce-MyAccount-content) a.button:focus-visible,
    .woocommerce .woocommerce-info .button:focus-visible,
    .woocommerce .woocommerce-error .button:focus-visible,
    .woocommerce .woocommerce-message .button:focus-visible,
    .woocommerce .woocommerce-message .restore-item:focus-visible,
    .woocommerce button.button:disabled:focus-visible,
    .woocommerce button.button[disabled]:disabled:focus-visible,
    .woocommerce .shop_table.cart button.button:focus-visible,
    .woocommerce .shop_table.cart button.button:disabled:focus-visible,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:focus-visible,
    .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus-visible,
    .wrapper--product-set .btn:focus-visible {
        color: var(--_btn-hover-color);
        background-color: var(--_btn-hover-bg);
        border-color: var(--_btn-border-hover-color)
    }
}

.btn.touching,
.cky-consent-container .cky-btn.touching,
.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn.touching,
.woocommerce.archive a.button.touching,
.woocommerce button.button.touching,
.woocommerce button.button.alt.touching,
.woocommerce>:not(.woocommerce-MyAccount-content) a.button.touching,
.woocommerce .woocommerce-info .button.touching,
.woocommerce .woocommerce-error .button.touching,
.woocommerce .woocommerce-message .button.touching,
.woocommerce .woocommerce-message .restore-item.touching,
.woocommerce button.button.touching:disabled,
.woocommerce button.button.touching[disabled]:disabled,
.woocommerce .shop_table.cart button.button.touching,
.woocommerce .shop_table.cart button.button.touching:disabled,
.woocommerce .shop_table.cart button.button.touching[disabled]:disabled,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button.touching,
.wrapper--product-set .btn.touching {
    color: var(--_btn-hover-color);
    background-color: var(--_btn-hover-bg);
    border-color: var(--_btn-border-hover-color);
    --btn-transition-duration: 50ms
}

.btn.outline,
.woocommerce.archive a.button,
.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-message .restore-item,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce .shop_table.cart button.button,
.woocommerce .shop_table.cart button.button:disabled,
.woocommerce .shop_table.cart button.button:disabled[disabled] {
    --btn-color: var(--btn-outline-color, black);
    --btn-hover-color: var(--btn-outline-hover-color, white);
    --btn-bg: var(--btn-outline-bg, rgba(0, 0, 0, 0));
    --btn-hover-bg: var(--btn-outline-hover-bg, black);
    --btn-border-color: var(--btn-outline-border-color, black);
    --btn-border-hover-color: var(--btn-outline-border-hover-color, black)
}

.btn.hover-slide {
    --btn-transition-property: color, border-color;
    --btn-transition-duration: var( --btn-hover-slide-transition-duration, .6s);
    --btn-color: var(--btn-hover-slide-color, black);
    --btn-hover-color: var(--btn-hover-slide-hover-color, white);
    --btn-bg: var(--btn-hover-slide-bg, transparent);
    --btn-hover-bg: var(--btn-hover-slide-hover-bg, transparent);
    --_btn-hover-slide-slide-color: var(--btn-hover-slide-slide-color, black);
    position: relative;
    isolation: isolate;
    overflow: hidden
}

.btn.hover-slide:before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: calc(-1em - var(--_btn-py));
    inset-inline-end: calc(-1em - var(--_btn-py));
    inset-block-end: 0;
    background-color: var(--_btn-hover-slide-slide-color);
    -webkit-transform: skew(-45deg) translate3d(-100%, 0, 0);
    transform: skew(-45deg) translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform var(--_btn-transition-duration) ease;
    transition: -webkit-transform var(--_btn-transition-duration) ease;
    transition: transform var(--_btn-transition-duration) ease;
    transition: transform var(--_btn-transition-duration) ease, -webkit-transform var(--_btn-transition-duration) ease;
    z-index: -1
}

@media (hover: hover) and (pointer: fine) {
    .btn.hover-slide:hover {
        color: var(--_btn-hover-color)
    }
    .btn.hover-slide:hover:before {
        -webkit-transform: skew(-45deg) translate3d(0, 0, 0);
        transform: skew(-45deg) translateZ(0)
    }
    .btn.hover-slide:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .btn.hover-slide:focus-visible {
        color: var(--_btn-hover-color)
    }
    .btn.hover-slide:focus-visible:before {
        -webkit-transform: skew(-45deg) translate3d(0, 0, 0);
        transform: skew(-45deg) translateZ(0)
    }
}

.btn.hover-slide.touching {
    color: var(--_btn-hover-color)
}

.btn.hover-slide.touching:before {
    -webkit-transform: skew(-45deg) translate3d(0, 0, 0);
    transform: skew(-45deg) translateZ(0)
}

.btn.hover-slide.touching {
    --btn-transition-duration: 50ms
}

.btn.swap {
    position: relative;
    -webkit-padding-end: calc(var(--_btn-font-size) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
    padding-inline-end: calc(var(--_btn-font-size) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
    -webkit-transition-property: var(--_btn-transition-property) padding;
    transition-property: var(--_btn-transition-property) padding
}

.btn.swap svg {
    position: absolute;
    inset-inline-start: calc(100% - var(--_btn-px) - var(--_btn-icon-width));
    -webkit-transition: inset var(--_btn-transition-duration) var(--_btn-transition-easing);
    transition: inset var(--_btn-transition-duration) var(--_btn-transition-easing)
}

@media (hover: hover) and (pointer: fine) {
    .btn.swap:hover {
        -webkit-padding-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
        padding-inline-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
        -webkit-padding-end: var(--_btn-px);
        padding-inline-end: var(--_btn-px)
    }
    .btn.swap:hover svg {
        inset-inline-start: var(--_btn-px)
    }
    .btn.swap:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .btn.swap:focus-visible {
        -webkit-padding-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
        padding-inline-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
        -webkit-padding-end: var(--_btn-px);
        padding-inline-end: var(--_btn-px)
    }
    .btn.swap:focus-visible svg {
        inset-inline-start: var(--_btn-px)
    }
}

.btn.swap.touching {
    -webkit-padding-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
    padding-inline-start: calc(var(--_btn-px) + var(--_btn-icon-width) + var(--_btn-label-icon-gap));
    -webkit-padding-end: var(--_btn-px);
    padding-inline-end: var(--_btn-px)
}

.btn.swap.touching svg {
    inset-inline-start: var(--_btn-px)
}

.btn.swap.touching {
    --btn-transition-duration: 50ms
}

.btn-link {
    text-decoration-line: underline;
    text-decoration-thickness: 1px;
    text-decoration-thickness: var(--text-decoration-thickness, 1px);
    text-underline-offset: .3em;
    text-underline-offset: var(--text-decoration-offset, .2em)
}

@media (hover: hover) and (pointer: fine) {
    .btn-link:hover {
        text-decoration-line: none
    }
    .btn-link:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .btn-link:focus-visible {
        text-decoration-line: none
    }
}

.btn-link.touching {
    text-decoration-line: none;
    --btn-transition-duration: 50ms
}

.magnetic {
    padding: 10px;
    display: inline-block;
    margin-left: -5px;
    margin-top: 20px
}

.magnetic a {
    color: #000;
    text-decoration: none;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0);
    border: 1px solid rgb(0, 0, 0);
    border-radius: 30px;
    min-width: 170px;
    text-align: center;
    padding: 10px 35px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block
}

.magnetic a:before {
    content: "";
    position: absolute;
    background: #000;
    inset: 100% 0 0;
    z-index: -1;
    -webkit-transition: top 125ms ease-in
}

.magnetic a:hover {
    color: #fff
}

.magnetic a:hover:before {
    top: 0
}

.magnetic.active a {
    color: #fff;
    color: var(--color-white);
    border: 1px solid #fff;
    border: 1px solid var(--color-white)
}

.magnetic.active a:before {
    background: #fff;
    background: var(--color-white)
}

.magnetic.active a:hover {
    color: #000;
    color: var(--color-black)
}

.btn.text {
    border: none;
    text-transform: uppercase;
    font-size: 1rem;
    font-size: var(--font-size-step-0)
}

.btn.text:hover {
    background-color: transparent;
    text-decoration: underline
}

.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn,
.cky-consent-container .cky-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.125rem
}

.cky-consent-container .cky-notice-des p {
    line-height: 1.4
}

.cky-title+.cky-notice-group {
    margin-top: .5rem
}

.cky-btn-revisit-wrapper {
    -webkit-transform: translateX(-200%);
    transform: translate(-200%)
}

.cky-consent-container {
    z-index: 99999999999 !important
}

.fixed-sidebar {
    --fixed-sidebar-color: var(--color-broken-white);
    --fixed-sidebar-hover-color: var(--color-teal);
    --fixed-sidebar-outer-height: 10rem;
    --fixed-sidebar-inner-height: 2rem;
    --fixed-sidebar-inner-width: 6px;
    --sp-normalized: calc( var(--scroll-pos) / (var(--doc-height) - var(--window-height)));
    --fixed-sidebar-right-offset: calc( ((100vw - 1140px) / 2) + 1.125rem - var(--scrollbar-width, 0px));
    --fixed-sidebar-right-offset: calc(1.25rem - var(--scrollbar-width, 0px))
}

@media (min-width: 1400px) {
    .fixed-sidebar {
        --fixed-sidebar-right-offset: calc( 2.75rem - var(--scrollbar-width, 0px))
    }
}

@media (min-width: 1660px) {
    .fixed-sidebar {
        --fixed-sidebar-right-offset: calc( ((100vw - 1552px) / 2) + 1.25rem - var(--scrollbar-width, 0px))
    }
}

.fixed-sidebar {
    display: none;
    position: fixed;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    top: 4.5rem;
    right: var(--fixed-sidebar-right-offset);
    color: var(--fixed-sidebar-color);
    -webkit-transition: color .22s ease;
    transition: color .22s ease;
    text-align: center;
    z-index: 100;
    isolation: isolate;
    -webkit-clip-path: polygon(0 0px, 100% 0px, 100% calc(100% + -0px), 0 calc(100% + -0px));
    clip-path: polygon(0 0px, 100% 0px, 100% calc(100% + -0px), 0 calc(100% + -0px));
    -webkit-clip-path: polygon(0 var(--light-overlap-top), 100% var(--light-overlap-top), 100% calc(100% - var(--light-overlap-bottom)), 0 calc(100% - var(--light-overlap-bottom)));
    clip-path: polygon(0 var(--light-overlap-top), 100% var(--light-overlap-top), 100% calc(100% - var(--light-overlap-bottom)), 0 calc(100% - var(--light-overlap-bottom)))
}

.fixed-sidebar.dark {
    --fixed-sidebar-color: var(--color-black);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    -webkit-clip-path: var(--overlap-clip-path);
    clip-path: var(--overlap-clip-path)
}

.fixed-sidebar:after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background-color: #00000080;
    mix-blend-mode: color
}

.fixed-sidebar .the-other-main-menu--toggler {
    color: inherit;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .22s ease, visibility 0s linear .22s;
    transition: opacity .22s ease, visibility 0s linear .22s
}

.fixed-sidebar .the-other-main-menu--toggler .burger {
    width: 2rem
}

.fixed-sidebar--link {
    display: inline-block;
    margin-top: 2em;
    -webkit-transition: color .22s ease;
    transition: color .22s ease
}

.fixed-sidebar--link+.fixed-sidebar--link {
    margin-top: 1em
}

@media (pointer: fine) {
    .fixed-sidebar--link:hover {
        color: #31ae94;
        color: var(--nav-link-hover-color)
    }
}

.fixed-sidebar--scroll-pos-outer {
    position: relative;
    width: .125rem;
    height: var(--fixed-sidebar-outer-height);
    margin-left: auto;
    margin-right: auto;
    margin-top: 3em
}

.fixed-sidebar--scroll-pos-outer:before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--fixed-sidebar-color);
    opacity: .7
}

.fixed-sidebar--scroll-pos-inner {
    position: absolute;
    left: -2px;
    right: -2px;
    height: var(--fixed-sidebar-inner-height);
    width: var(--fixed-sidebar-inner-width);
    top: 0;
    background-color: var(--fixed-sidebar-color);
    -webkit-transform: translateY(calc((var(--fixed-sidebar-outer-height) - var(--fixed-sidebar-inner-height)) * var(--scroll-pos) / (var(--doc-height) - var(--window-height))));
    transform: translateY(calc((var(--fixed-sidebar-outer-height) - var(--fixed-sidebar-inner-height)) * var(--scroll-pos) / (var(--doc-height) - var(--window-height))));
    -webkit-transition: background-color .22s ease, -webkit-transform .22s ease-out;
    transition: background-color .22s ease, -webkit-transform .22s ease-out;
    transition: transform .22s ease-out, background-color .22s ease;
    transition: transform .22s ease-out, background-color .22s ease, -webkit-transform .22s ease-out
}

.fixed-sidebar--scroll-pos-inner.immediate {
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    background-color: var(--fixed-sidebar-hover-color)
}

@media (pointer: fine) {
    .fixed-sidebar--scroll-pos-inner:hover {
        background-color: var(--fixed-sidebar-hover-color)
    }
}

.wrapper--page-header:not(.on-screen)~.fixed-sidebar>.the-other-main-menu--toggler {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .22s ease, visibility 0s linear;
    transition: opacity .22s ease, visibility 0s linear
}

.wrapper--page-footer {
    padding-top: 4rem;
    padding-bottom: 10rem;
    background-color: #00513a;
    background-color: var(--color-deep-green)
}

@media (max-width: 767.98px) {
    .wrapper--page-footer {
        padding-bottom: 4rem
    }
}

@media (min-width: 1200px) {
    .wrapper--page-footer {
        padding-bottom: 4rem
    }
}

.wrapper--page-footer .brand-logo--container {
    display: block;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto
}

.wrapper--page-footer .brand-logo {
    width: 180px
}

@media (max-width: 767.98px) {
    .wrapper--page-footer .brand-logo {
        margin: 0 auto
    }
}

.footer-blocks {
    display: grid;
    grid-template-columns: repeat(5, 1fr) 100px;
    margin-top: 3rem;
    color: #fff;
    color: var(--color-white)
}

@media (max-width: 1199.98px) {
    .footer-blocks {
        display: grid;
        grid-template-columns: repeat(4, 1fr) 100px
    }
}

@media (max-width: 991.98px) {
    .footer-blocks {
        display: grid;
        grid-template-columns: repeat(3, 1fr) 100px
    }
}

@media (max-width: 767.98px) {
    .footer-blocks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        gap: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width: 991.98px) {
    .footer-blocks .footer-block:last-child {
        grid-row: 3;
        grid-column: 1
    }
}

.footer-blocks .footer-block:last-child .social-list {
    margin-top: 15px;
    gap: 5px
}

@media (max-width: 991.98px) {
    .footer-blocks .footer-block:last-child .social-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.footer-blocks .footer-block:last-child .social-list li svg {
    width: 36px;
    height: 36px
}

.footer-blocks .footer-block:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start
}

@media (max-width: 991.98px) {
    .footer-blocks .footer-block:first-child {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-blocks .footer-block:first-child img {
    width: 159px
}

@media (max-width: 1199.98px) {
    .footer-blocks .footer-block:first-child {
        grid-column: 1 / span5;
        margin-bottom: 50px
    }
}

.footer-block {
    width: 100%;
    font-size: 1rem;
    font-size: var(--font-size-step-0);
    line-height: 2;
    color: #fff;
    color: var(--color-white)
}

.footer-block h3 {
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    padding-bottom: .5em;
    color: #fff;
    color: var(--color-white)
}

.footer-block a {
    white-space: nowrap
}

@media (hover: hover) and (pointer: fine) {
    .footer-block a:hover {
        text-decoration-line: underline
    }
    .footer-block a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .footer-block a:focus-visible {
        text-decoration-line: underline
    }
}

.footer-block a.touching {
    text-decoration-line: underline;
    --btn-transition-duration: 50ms
}

.footer-block p {
    color: #fff
}

.footer-block ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-block ul li {
    position: relative
}

.footer-block .footer-menu--inner>li:first-child>a {
    font-weight: 600
}

.footer-block nav {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-block .social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px
}

@media (max-width: 767.98px) {
    .footer-block .social-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer-block .footer-menu--inner a {
    color: #fff;
    color: var(--color-white)
}

#mc_embed_signup_scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 0px
}

#mc_embed_signup_scroll input[type=submit] {
    background: #fff;
    color: #000;
    padding: 8px 30px;
    border-radius: 0 20px 20px 0;
    font-size: 16px;
    cursor: pointer
}

#mc_embed_signup_scroll .optionalParent {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content
}

.mailch-wrapper {
    border-top: 1px solid #545454;
    margin-top: 3rem;
    padding-top: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-field-group input[type=email] {
    background: #000 !important;
    border: 1px solid #545454;
    padding: 7px 15px 7px 25px;
    -webkit-transition: none;
    border-radius: 20px 0 0 20px;
    font-size: 16px
}

.copyright .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    font-size: 14px
}

.copyright .nav li,
.copyright .nav li a {
    color: #999
}

input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

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

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

input::placeholder {
    color: #fff;
    opacity: 1
}

@media (min-width: 992px) {
    .footer-blocks {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0%;
        flex: 1 0 0%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .footer-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
    @media (max-width: 1199.98px) {
        .footer-block {
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start
        }
    }
}

.mobile-menu-logo {
    padding: 20px
}

@media (max-width: 991.98px) {
    .mobile-menu-logo img {
        margin-left: -20px
    }
}

#mobile-main-menu {
    margin-top: 30px;
    list-style: none;
    padding-left: 0
}

#mobile-main-menu li {
    position: relative;
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    font-size: 22px;
    line-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px
}

#mobile-main-menu li a {
    color: #fff
}

#mobile-main-menu .menu-item-has-children>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.below_footer {
    background-color: #024230
}

.below_footer #policy {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    padding: 25px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.below_footer #policy li {
    position: relative;
    font-size: .875rem;
    font-size: var(--font-size-step--1)
}

.below_footer #policy li:after {
    position: absolute;
    right: -15px;
    top: 2px;
    content: "";
    width: 1px;
    height: 20px;
    background-color: #547a6e
}

.below_footer #policy li:last-child:after {
    display: none
}

.below_footer #policy a {
    color: #547a6e
}

.submenu-toggle {
    position: relative;
    padding-left: 10px;
    top: 2px
}

.submenu-toggle svg {
    width: 10px;
    height: 100%
}

.submenu-toggle path {
    stroke: #30010d;
    stroke: var(--color-brown)
}

.mobile-menu--inner .sub-menu {
    display: none;
    margin-left: -20px !important;
    padding: 0 20px 10px 0 !important;
    background-color: #d1ff97 !important;
    background-color: var(--color-natural-green) !important
}

.mobile-menu--inner .sub-menu li {
    font-size: 18px !important;
    font-family: mulish-regular !important;
    font-family: var(--font-mullish-regular) !important;
    line-height: 43px !important
}

.menu-item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sub-open .menu-item-wrapper a {
    color: #30010d !important;
    color: var(--color-brown) !important
}

.submenu-toggle {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.sub-open {
    background-color: #d1ff97;
    background-color: var(--color-natural-green)
}

.sub-open li a {
    color: #30010d !important;
    color: var(--color-brown) !important
}

.sub-open .submenu-toggle {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    padding-left: 0;
    left: 10px
}

.sub-open .sub-menu {
    display: block
}

.r-button {
    position: fixed;
    z-index: 10000;
    bottom: 17px;
    right: 30px;
    background: #f56858;
    padding: 5px 20px;
    border-radius: 15px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 1px;
    font-family: soleilregular;
    cursor: pointer
}

.r-button:hover {
    background-color: #00513a;
    background-color: var(--color-deep-green)
}

.svg-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 25px
}

@media (max-width: 991.98px) {
    .svg-holder {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .svg-holder>a {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 15px
    }
}

.form-title+.wpcf7 {
    margin-top: 2em
}

select {
    -webkit-appearance: none
}

.form-row~.form-row,
.woocommerce form .form-row~.form-row,
.woocommerce form .form-row~p:not(.form-row) {
    margin: 1em 0 0
}

.woocommerce form .form-row {
    padding: 0
}

.form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1em
}

@media (min-width: 768px) {
    .form-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .form-group>div {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.form-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 1em
}

input[type=date],
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea,
.woocommerce form .form-row input[type=date],
.woocommerce form .form-row input[type=email],
.woocommerce form .form-row input[type=password],
.woocommerce form .form-row input[type=tel],
.woocommerce form .form-row input[type=text],
.woocommerce form .form-row select,
.woocommerce form .form-row textarea,
input.wpcf7-form-control {
    display: block;
    width: 100%;
    border-width: 0 0 1px 0;
    border-width: var(--input-border-width);
    background-color: transparent;
    outline: 0 none !important;
    padding: .25em 0;
    margin: 0;
    border: none;
    background-color: #fff;
    background-color: var(--color-white)
}

input[type=date]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
select:focus,
textarea:focus,
.woocommerce form .form-row input[type=date]:focus,
.woocommerce form .form-row input[type=email]:focus,
.woocommerce form .form-row input[type=password]:focus,
.woocommerce form .form-row input[type=tel]:focus,
.woocommerce form .form-row input[type=text]:focus,
.woocommerce form .form-row select:focus,
.woocommerce form .form-row textarea:focus,
input.wpcf7-form-control:focus {
    border-color: currentColor
}

input.validation-error[type=date],
input.validation-error[type=email],
input.validation-error[type=password],
input.validation-error[type=tel],
input.validation-error[type=text],
select.validation-error,
textarea.validation-error,
.woocommerce form .form-row input.validation-error[type=date],
.woocommerce form .form-row input.validation-error[type=email],
.woocommerce form .form-row input.validation-error[type=password],
.woocommerce form .form-row input.validation-error[type=tel],
.woocommerce form .form-row input.validation-error[type=text],
.woocommerce form .form-row select.validation-error,
.woocommerce form .form-row textarea.validation-error,
input.wpcf7-form-control.validation-error {
    border-color: #c00
}

select option {
    margin: 0;
    padding: 0
}

.select2-container .select2-selection--single {
    border: 1px solid var(--color-light-gray);
    border: 1px solid var(--input-border-color);
    border-width: 0 0 1px 0;
    border-width: var(--input-border-width);
    background-color: transparent;
    border-radius: 0
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    color: inherit
}

.select2-container--open .select2-dropdown--below {
    top: .25em;
    color: #000;
    color: var(--color-black)
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: #31ae94;
    background-color: var(--accent-color)
}

.form {
    max-width: 820px
}

textarea {
    height: 10rem
}

.form.mail-sent,
.mail-sent-container,
.mail-failed-container {
    display: none
}

.form.mail-sent~.mail-sent-container {
    display: block
}

.form.mail-failed~.mail-failed-container {
    display: block
}

.woocommerce form .form-row .input-checkbox {
    margin: 0
}

.wpcf7-radio .wpcf7-list-item label,
.wpcf7-checkbox .wpcf7-list-item label,
.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row .woocommerce-form__label-for-checkbox,
.wpcf7-acceptance .wpcf7-list-item label,
.woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
    line-height: 1.4
}

.woocommerce-terms-and-conditions-wrapper .form-row .woocommerce-form__label-for-checkbox .woocommerce-terms-and-conditions-checkbox-text {
    display: inline;
    line-height: 1.4
}

.wpcf7-radio .wpcf7-list-item label,
#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    --_radio-checkbox-label-font-size: var(--radio-checkbox-label-font-size, 18px);
    --_radio-checkbox-label-line-height: var(--radio-checkbox-label-line-height, 1.4);
    --_radio-checkbox-width-height: var(--radio-checkbox-width-height, 1em)
}

.wpcf7-radio .wpcf7-list-item label input,
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute
}

.wpcf7-radio .wpcf7-list-item label input:checked+label:after,
#add_payment_method #payment ul.payment_methods li input:checked+label:after,
.woocommerce-cart #payment ul.payment_methods li input:checked+label:after,
.woocommerce-checkout #payment ul.payment_methods li input:checked+label:after,
.wpcf7-radio .wpcf7-list-item label input:checked+.wpcf7-list-item-label:after,
#add_payment_method #payment ul.payment_methods li input:checked+.wpcf7-list-item-label:after,
.woocommerce-cart #payment ul.payment_methods li input:checked+.wpcf7-list-item-label:after,
.woocommerce-checkout #payment ul.payment_methods li input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}

.wpcf7-radio .wpcf7-list-item label input:focus,
#add_payment_method #payment ul.payment_methods li input:focus,
.woocommerce-cart #payment ul.payment_methods li input:focus,
.woocommerce-checkout #payment ul.payment_methods li input:focus {
    outline: 0 none !important
}

.wpcf7-radio .wpcf7-list-item label input:focus-visible+label:before,
#add_payment_method #payment ul.payment_methods li input:focus-visible+label:before,
.woocommerce-cart #payment ul.payment_methods li input:focus-visible+label:before,
.woocommerce-checkout #payment ul.payment_methods li input:focus-visible+label:before,
.wpcf7-radio .wpcf7-list-item label input:focus-visible+.wpcf7-list-item-label:before,
#add_payment_method #payment ul.payment_methods li input:focus-visible+.wpcf7-list-item-label:before,
.woocommerce-cart #payment ul.payment_methods li input:focus-visible+.wpcf7-list-item-label:before,
.woocommerce-checkout #payment ul.payment_methods li input:focus-visible+.wpcf7-list-item-label:before {
    outline: max(2px, .08em) solid currentColor;
    outline: var(--outline-size, max(2px, .08em)) var(--outline-style, solid) var(--outline-color, currentColor);
    outline-offset: max(2px, .08em);
    outline-offset: var(--outline-offset, max(2px, .08em))
}

.wpcf7-radio .wpcf7-list-item label label,
#add_payment_method #payment ul.payment_methods li label,
.woocommerce-cart #payment ul.payment_methods li label,
.woocommerce-checkout #payment ul.payment_methods li label,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label,
#add_payment_method #payment ul.payment_methods li .wpcf7-list-item-label,
.woocommerce-cart #payment ul.payment_methods li .wpcf7-list-item-label,
.woocommerce-checkout #payment ul.payment_methods li .wpcf7-list-item-label {
    position: relative;
    display: inline-block;
    padding-left: calc(1.5 * var(--_radio-checkbox-width-height))
}

.wpcf7-radio .wpcf7-list-item label label:before,
#add_payment_method #payment ul.payment_methods li label:before,
.woocommerce-cart #payment ul.payment_methods li label:before,
.woocommerce-checkout #payment ul.payment_methods li label:before,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before,
#add_payment_method #payment ul.payment_methods li .wpcf7-list-item-label:before,
.woocommerce-cart #payment ul.payment_methods li .wpcf7-list-item-label:before,
.woocommerce-checkout #payment ul.payment_methods li .wpcf7-list-item-label:before,
.wpcf7-radio .wpcf7-list-item label label:after,
#add_payment_method #payment ul.payment_methods li label:after,
.woocommerce-cart #payment ul.payment_methods li label:after,
.woocommerce-checkout #payment ul.payment_methods li label:after,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after,
#add_payment_method #payment ul.payment_methods li .wpcf7-list-item-label:after,
.woocommerce-cart #payment ul.payment_methods li .wpcf7-list-item-label:after,
.woocommerce-checkout #payment ul.payment_methods li .wpcf7-list-item-label:after {
    content: "";
    position: absolute
}

.wpcf7-radio .wpcf7-list-item label label:before,
#add_payment_method #payment ul.payment_methods li label:before,
.woocommerce-cart #payment ul.payment_methods li label:before,
.woocommerce-checkout #payment ul.payment_methods li label:before,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:before,
#add_payment_method #payment ul.payment_methods li .wpcf7-list-item-label:before,
.woocommerce-cart #payment ul.payment_methods li .wpcf7-list-item-label:before,
.woocommerce-checkout #payment ul.payment_methods li .wpcf7-list-item-label:before {
    top: calc(var(--_radio-checkbox-label-line-height) * var(--_radio-checkbox-label-font-size) / 2 - var(--_radio-checkbox-width-height) / 2);
    left: 0;
    width: 1em;
    height: 1em;
    border: 1px solid currentColor;
    border-radius: 50%
}

.wpcf7-radio .wpcf7-list-item label label:after,
#add_payment_method #payment ul.payment_methods li label:after,
.woocommerce-cart #payment ul.payment_methods li label:after,
.woocommerce-checkout #payment ul.payment_methods li label:after,
.wpcf7-radio .wpcf7-list-item label .wpcf7-list-item-label:after,
#add_payment_method #payment ul.payment_methods li .wpcf7-list-item-label:after,
.woocommerce-cart #payment ul.payment_methods li .wpcf7-list-item-label:after,
.woocommerce-checkout #payment ul.payment_methods li .wpcf7-list-item-label:after {
    top: calc(var(--_radio-checkbox-label-line-height) * var(--_radio-checkbox-label-font-size) / 2 - var(--_radio-checkbox-width-height) / 2 + 2px);
    left: 2px;
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    background-color: currentColor;
    opacity: 0;
    -webkit-transition: background-color .22s ease;
    transition: background-color .22s ease;
    border-radius: 50%
}

.wpcf7-checkbox .wpcf7-list-item label,
.wpcf7-acceptance .wpcf7-list-item label,
.woocommerce-form__label-for-checkbox {
    --_radio-checkbox-label-font-size: var(--radio-checkbox-label-font-size, 18px);
    --_radio-checkbox-label-line-height: var(--radio-checkbox-label-line-height, 1.4);
    --_radio-checkbox-width-height: var(--radio-checkbox-width-height, 1em)
}

.wpcf7-checkbox .wpcf7-list-item label input,
.wpcf7-acceptance .wpcf7-list-item label input,
.woocommerce-form__label-for-checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: absolute;
    margin: 0
}

.wpcf7-checkbox .wpcf7-list-item label input:checked+span:after,
.wpcf7-acceptance .wpcf7-list-item label input:checked+span:after,
.woocommerce-form__label-for-checkbox input:checked+span:after {
    opacity: 1
}

.wpcf7-checkbox .wpcf7-list-item label input:focus,
.wpcf7-acceptance .wpcf7-list-item label input:focus,
.woocommerce-form__label-for-checkbox input:focus {
    outline: 0 none !important
}

.wpcf7-checkbox .wpcf7-list-item label input:focus-visible+span:before,
.wpcf7-acceptance .wpcf7-list-item label input:focus-visible+span:before,
.woocommerce-form__label-for-checkbox input:focus-visible+span:before {
    outline: max(2px, .08em) solid currentColor;
    outline: var(--outline-size, max(2px, .08em)) var(--outline-style, solid) var(--outline-color, currentColor);
    outline-offset: max(2px, .08em);
    outline-offset: var(--outline-offset, max(2px, .08em))
}

.wpcf7-checkbox .wpcf7-list-item label span,
.wpcf7-acceptance .wpcf7-list-item label span,
.woocommerce-form__label-for-checkbox span {
    position: relative;
    display: inline-block;
    padding-left: calc(1.5 * var(--_radio-checkbox-width-height))
}

.wpcf7-checkbox .wpcf7-list-item label span:before,
.wpcf7-acceptance .wpcf7-list-item label span:before,
.woocommerce-form__label-for-checkbox span:before,
.wpcf7-checkbox .wpcf7-list-item label span:after,
.wpcf7-acceptance .wpcf7-list-item label span:after,
.woocommerce-form__label-for-checkbox span:after {
    content: "";
    position: absolute
}

.wpcf7-checkbox .wpcf7-list-item label span:before,
.wpcf7-acceptance .wpcf7-list-item label span:before,
.woocommerce-form__label-for-checkbox span:before {
    top: calc(var(--_radio-checkbox-label-line-height) * var(--_radio-checkbox-label-font-size) / 2 - var(--_radio-checkbox-width-height) / 2);
    left: 0;
    width: 1em;
    height: 1em;
    border: 1px solid currentColor
}

.wpcf7-checkbox .wpcf7-list-item label span:after,
.wpcf7-acceptance .wpcf7-list-item label span:after,
.woocommerce-form__label-for-checkbox span:after {
    top: calc(var(--_radio-checkbox-label-line-height) * var(--_radio-checkbox-label-font-size) / 2 - var(--_radio-checkbox-width-height) / 2 + 2px);
    left: 2px;
    width: calc(1em - 4px);
    height: calc(1em - 4px);
    background-color: currentColor;
    opacity: 0;
    -webkit-transition: background-color .22s ease;
    transition: background-color .22s ease
}

.validation-error .wpcf7-acceptance .wpcf7-list-item label,
.validation-error .woocommerce-form__label-for-checkbox {
    color: #c00
}

.woocommerce-invalid #terms {
    outline: none !important
}

label.for-checkboxes,
label.for-radios {
    display: block
}

.wpcf7-checkbox .wpcf7-list-item+.wpcf7-list-item,
.wpcf7-radio .wpcf7-list-item+.wpcf7-list-item {
    margin-left: 1em
}

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
    top: -2px;
    right: 0
}

.woocommerce form .woocommerce-privacy-policy-text+p {
    margin-top: 1em
}

#add_payment_method #payment ul.payment_methods li,
.woocommerce-cart #payment ul.payment_methods li,
.woocommerce-checkout #payment ul.payment_methods li {
    line-height: 1.4
}

#add_payment_method #payment ul.payment_methods li+li,
.woocommerce-cart #payment ul.payment_methods li+li,
.woocommerce-checkout #payment ul.payment_methods li+li {
    margin-top: .5em
}

.wrapper--page-header {
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    min-height: 8rem;
    z-index: 10000
}

@media (max-width: 1199.98px) {
    .wrapper--page-header {
        padding-top: 2rem;
        min-height: 5rem
    }
}

@media (max-width: 1199.98px) {
    .wrapper--page-header .menu-item--home .nav-link {
        display: none
    }
}

.wrapper--page-header nav .logo-mobile {
    width: 226px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper--page-header nav .logo-menu-only {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .22s ease;
    transition: opacity .22s ease
}

.wrapper--page-header .menu-item--home img {
    width: 226px
}

.wrapper--page-header .logo-mobile.menu-open .logo-menu-only {
    opacity: 1
}

.case header {
    position: absolute;
    width: 100%
}

.wrapper--top-menu {
    position: absolute;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1199.98px) {
    .wrapper--top-menu {
        display: none
    }
}

.wrapper--top-menu ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px
}

.wrapper--top-menu ul li {
    text-transform: uppercase;
    font-size: 14px;
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    letter-spacing: .1rem
}

.wrapper--top-menu ul li:first-child a {
    display: block;
    color: #d1ff97;
    color: var(--color-natural-green)
}

.wrapper--top-menu ul li:nth-child(2) a {
    display: block;
    color: #d1ff97;
    color: var(--color-natural-green)
}

.w-shape {
    position: absolute;
    right: -150px;
    top: 25px
}

.home .w-shape {
    opacity: 1
}

.sidebar~.block-container .wrapper [class*=container-] {
    max-width: none
}

body.show_sidebar #page-content {
    position: relative;
    display: grid;
    grid-template-columns: 1fr
}

@media (min-width: 768px) {
    body.show_sidebar #page-content {
        grid-template-columns: minmax(200px, 220px) 4fr
    }
}

@media (min-width: 1200px) {
    body.show_sidebar #page-content {
        grid-template-columns: minmax(300px, 300px) 4fr
    }
}

@media (min-width: 1400px) {
    body.show_sidebar #page-content {
        grid-template-columns: minmax(300px, 335px) 4fr
    }
}

body.show_sidebar #page-content .sidebar {
    position: relative;
    padding-top: 9.5rem;
    margin-top: -105px;
    background-color: #fff;
    background-color: var(--color-white);
    padding-right: 30px
}

@media (max-width: 991.98px) {
    body.show_sidebar #page-content .sidebar {
        padding-right: 25px
    }
}

@media (max-width: 767.98px) {
    body.show_sidebar #page-content .sidebar {
        display: none
    }
}

body.show_sidebar #page-content .sidebar:before {
    position: absolute;
    top: 0;
    left: -10vw;
    content: "";
    background: #fff;
    height: 100%;
    width: 100%;
    z-index: -1
}

body.show_sidebar #page-content .sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0
}

body.show_sidebar #page-content .sidebar ul li {
    padding: 5px 0
}

body.show_sidebar #page-content .sidebar .sub-menu {
    margin-left: 20px
}

.block-container {
    padding: 0 3rem;
    max-width: 900px;
    margin: 1.5rem auto 0
}

@media (max-width: 767.98px) {
    .block-container {
        padding: 0
    }
}

.header a img {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.menu-open .header a img {
    opacity: 0;
    -webkit-transition: opacity 0s;
    transition: opacity 0s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s
}

.icon-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .5em
}

.icon-link svg {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    -webkit-transform: translateX(0);
    transform: translate(0);
    -webkit-transition: -webkit-transform .22s ease;
    transition: -webkit-transform .22s ease;
    transition: transform .22s ease;
    transition: transform .22s ease, -webkit-transform .22s ease
}

@media (pointer: fine) {
    .icon-link:hover svg {
        -webkit-transform: translateX(1em);
        transform: translate(1em)
    }
}

.icon-link:active svg {
    -webkit-transform: translateX(1em);
    transform: translate(1em)
}

.icon-link:focus-visible svg {
    -webkit-transform: translateX(1em);
    transform: translate(1em)
}

.circle {
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #ff000080;
    border-radius: 50%;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    opacity: 0
}

.color-change {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #add8e6
}

.main-menu--container .main-menu--wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1199.98px) {
    .main-menu--container .main-menu--wrapper {
        display: none
    }
}

.main-menu--container .main-menu--wrapper .primary-nav {
    display: grid;
    grid-template-columns: 1fr 220px 1fr;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 75px;
    gap: 75px
}

.main-menu--container .main-menu--wrapper .primary-nav #primary {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.main-menu--container .main-menu--wrapper .primary-nav #primary li {
    position: relative;
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    margin-top: 40px
}

.main-menu--container .main-menu--wrapper .primary-nav #primary li.logo {
    margin-top: 0
}

.main-menu--container .main-menu--wrapper .primary-nav #primary li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .75s ease;
    transition: background-color .75s ease;
    color: #fff;
    color: var(--color-white)
}

.main-menu--container .main-menu--wrapper .primary-nav #primary li a:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    -webkit-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    content: "";
    height: 2px;
    background-color: #f2eadb;
    background-color: var(--color-broken-white)
}

.main-menu--container .main-menu--wrapper .primary-nav #primary li a:hover:after {
    width: 100%;
    -webkit-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out
}

.wrapper--main-menu .main-menu--container .header {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1199.98px) {
    .wrapper--main-menu .main-menu--container .header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
    .wrapper--main-menu .main-menu--container .header img {
        width: 160px
    }
}

@media (max-width: 1199.98px) {
    .wrapper--main-menu .main-menu--container .header img {
        margin-top: -30px
    }
}

.wrapper--main-menu .main-menu--container .header .hamburger {
    width: 33px;
    height: 33px;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%
}

@media (max-width: 1199.98px) {
    .wrapper--main-menu .main-menu--container .header .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.wrapper--main-menu .main-menu--container .header .hamburger span {
    width: 35px;
    height: 3px;
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    display: block;
    -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: opacity .3s ease, -webkit-transform .3s ease;
    transition: transform .3s ease, opacity .3s ease;
    transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease
}

.wrapper--main-menu .main-menu--container .header .hamburger span.center {
    margin: 5px 0;
    width: 23px
}

.wrapper--main-menu .main-menu--container .main-menu--container-inner {
    width: 100%
}

.wrapper--main-menu li:last-child .sub-menu {
    right: 0;
    left: auto
}

.wrapper--main-menu li:last-child .sub-menu li a {
    white-space: nowrap
}

.wrapper--main-menu li:last-child .sub-menu:after {
    right: 50px
}

.wrapper--main-menu .sub-menu {
    position: absolute;
    top: 45px;
    left: 0;
    list-style: none;
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    border-radius: 15px;
    padding: 25px;
    display: none
}

.wrapper--main-menu .sub-menu li {
    line-height: 43px;
    margin-top: 0 !important;
    font-family: mulish-regular !important;
    font-family: var(--font-mullish-regular) !important;
    font-size: 18px
}

.wrapper--main-menu .sub-menu li a {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    color: #00513a !important;
    color: var(--color-deep-green) !important
}

.wrapper--main-menu .sub-menu li a:hover:after {
    display: none
}

.wrapper--main-menu .sub-menu:after {
    position: absolute;
    content: "";
    top: -5px;
    width: 15px;
    height: 15px;
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.menu-open .hamburger span:first-child {
    -webkit-transform: translateY(10px) rotate(45deg);
    transform: translateY(10px) rotate(45deg)
}

body.menu-open .hamburger span.center {
    opacity: 0
}

body.menu-open .hamburger span:last-child {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg)
}

.menu-item.logo img {
    width: 215px;
    height: 152px
}

nav.top-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

nav.top-menu .home-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

nav.top-menu .home-button a {
    text-transform: uppercase;
    font-size: 14px;
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    letter-spacing: .1rem;
    color: #d1ff97;
    color: var(--color-natural-green)
}

nav.top-menu .home-button svg {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease;
    -webkit-transform: scale(1);
    transform: scale(1)
}

nav.top-menu .home-button:hover svg {
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}

.menu-item.logo:hover a:after {
    display: none
}

.menu-item-has-children.hover .sub-menu {
    display: block
}

#primary_left,
#primary_right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
    padding: 0
}

#primary_left li,
#primary_right li {
    position: relative;
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    margin-top: 40px
}

#primary_left li a,
#primary_right li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .75s ease;
    transition: background-color .75s ease;
    color: #fff;
    color: var(--color-white)
}

#primary_left li a:after,
#primary_right li a:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    -webkit-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out;
    content: "";
    height: 2px;
    background-color: #f2eadb;
    background-color: var(--color-broken-white)
}

#primary_left li a:hover:after,
#primary_right li a:hover:after {
    width: 100%;
    -webkit-transition: width .15s ease-in-out;
    transition: width .15s ease-in-out
}

.center-menu {
    position: relative
}

.wrapper {
    padding: 3rem 0
}

@media (max-width: 767.98px) {
    .wrapper {
        padding: 1.75rem 0
    }
}

.wrapper--bg-black {
    background-color: #000;
    background-color: var(--color-black);
    color: #fff;
    color: var(--color-white)
}

.wrapper--bg-black input::-webkit-input-placeholder,
.wrapper--bg-black textarea::-webkit-input-placeholder {
    --input-placeholder-color: rgba(254, 235, 220, .7)
}

.wrapper--bg-black input::-moz-placeholder,
.wrapper--bg-black textarea::-moz-placeholder {
    --input-placeholder-color: rgba(254, 235, 220, .7)
}

.wrapper--bg-black input:-ms-input-placeholder,
.wrapper--bg-black textarea:-ms-input-placeholder {
    --input-placeholder-color: rgba(254, 235, 220, .7)
}

.wrapper--bg-black input::-ms-input-placeholder,
.wrapper--bg-black textarea::-ms-input-placeholder {
    --input-placeholder-color: rgba(254, 235, 220, .7)
}

.wrapper--bg-black input::placeholder,
.wrapper--bg-black textarea::placeholder {
    --input-placeholder-color: rgba(254, 235, 220, .7)
}

.wrapper--bg-dark-gray {
    background-color: var(--color-dark-gray);
    color: #fff;
    color: var(--color-white)
}

.wrapper--bg-white {
    position: relative;
    background-color: #fff;
    background-color: var(--color-white);
    color: #000;
    color: var(--color-black)
}

.wrapper--bg-white .block-title {
    color: #000;
    color: var(--color-black)
}

.wrapper--bg-white .btn.outline,
.wrapper--bg-white .woocommerce.archive a.button,
.wrapper--bg-white .woocommerce .woocommerce-info .button,
.wrapper--bg-white .woocommerce .woocommerce-error .button,
.wrapper--bg-white .woocommerce .woocommerce-message .button,
.wrapper--bg-white .woocommerce .woocommerce-message .restore-item,
.wrapper--bg-white .woocommerce button.button:disabled,
.wrapper--bg-white .woocommerce button.button:disabled[disabled],
.wrapper--bg-white .woocommerce .shop_table.cart button.button,
.wrapper--bg-white .woocommerce .shop_table.cart button.button:disabled,
.wrapper--bg-white .woocommerce .shop_table.cart button.button:disabled[disabled] {
    --btn-outline-color: var(--color-brown);
    --btn-outline-hover-color: var(--color-broken-white);
    --btn-outline-bg: rgba(0, 0, 0, 0);
    --btn-outline-hover-bg: var(--color-brown);
    --btn-outline-border-color: var(--color-brown);
    --btn-outline-border-hover-color: var(--color-brown);
    --outline-color: var(--color-brown)
}

.wrapper--newsletter-block {
    padding: 6rem 0
}

.wrapper--bg-brown {
    position: relative;
    color: #f2eadb;
    color: var(--color-broken-white)
}

.wrapper--bg-brown .block-bg {
    background-color: #30010d;
    background-color: var(--color-brown)
}

.wrapper.bgcolor {
    padding: 6.5rem 0
}

.wrapper.bgcolor+.wrapper.bgcolor {
    margin-top: -6.5rem
}

.double-column {
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-top: 30px
}

.wrapper--content h2 {
    margin-bottom: 20px;
    font-size: 1.875rem;
    font-size: var(--font-size-step-4);
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown)
}

html.lenis {
    height: auto
}

.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

.blog-holder-out .splide__track {
    overflow: visible
}

.brown .splide-slider-news .call-to-action,
.brown .splide-slider-news-intact .call-to-action {
    position: relative;
    background: #30010D;
    background: var(--color-brown)
}

.brown .splide-slider-news .call-to-action span,
.brown .splide-slider-news-intact .call-to-action span {
    color: #fff !important;
    color: var(--color-white) !important
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron+.wrapper--blog .splide-slider-news,
    .wrapper--jumbotron+.wrapper--blog .splide-slider-news-intact {
        margin-top: -65px
    }
}

@media (max-width: 991.98px) {
    .wrapper--jumbotron+.wrapper--blog .splide-slider-news .loge-image,
    .wrapper--jumbotron+.wrapper--blog .splide-slider-news-intact .loge-image {
        display: none
    }
}

.splide-slider-news.cont_w,
.splide-slider-news-intact.cont_w {
    width: 100%
}

@media (max-width: 991.98px) {
    .splide-slider-news,
    .splide-slider-news-intact {
        position: relative;
        z-index: 10;
        width: auto
    }
}

.splide-slider-news.cont_w li,
.splide-slider-news-intact.cont_w li {
    max-width: 100%
}

.splide-slider-news li,
.splide-slider-news-intact li {
    width: 25%;
    padding: 0 10px
}

@media (max-width: 991.98px) {
    .splide-slider-news li,
    .splide-slider-news-intact li {
        width: 100%;
        max-width: 100%;
        padding: 0
    }
}

.splide-slider-news .loge-image img,
.splide-slider-news-intact .loge-image img {
    border-radius: 15px
}

.splide-slider-news .call-to-action,
.splide-slider-news-intact .call-to-action {
    position: relative;
    background: #BBDBEE;
    background: var(--color-blue);
    width: 95%;
    padding: 10px;
    border-radius: 35px;
    margin-top: -22px
}

@media (max-width: 991.98px) {
    .splide-slider-news .call-to-action,
    .splide-slider-news-intact .call-to-action {
        width: 100%;
        margin-top: 10px;
        padding: 10px 20px 10px 30px;
        border-radius: 15px
    }
}

.splide-slider-news .call-to-action .order,
.splide-slider-news-intact .call-to-action .order {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 25px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px 5px 20px
}

@media (max-width: 991.98px) {
    .splide-slider-news .call-to-action .order,
    .splide-slider-news-intact .call-to-action .order {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.splide-slider-news .call-to-action .order .icon,
.splide-slider-news-intact .call-to-action .order .icon {
    background: url(/resources/themes/thempotheam/assets/images/arrow-green-bg.svg);
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.splide-slider-news .call-to-action .order .icon svg,
.splide-slider-news-intact .call-to-action .order .icon svg {
    position: relative;
    left: -10px
}

.splide-slider-news .call-to-action .order span,
.splide-slider-news-intact .call-to-action .order span {
    color: #30010d;
    color: var(--color-brown);
    font-size: 18px;
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

.splide-slider-news .overlay-link,
.splide-slider-news-intact .overlay-link {
    position: absolute;
    z-index: 1;
    inset: 0
}

.full_w .splide__track {
    overflow: visible
}

@media (max-width: 767.98px) {
    .full_w .splide__track {
        overflow: hidden
    }
}

.splide__pagination li {
    padding: 0;
    width: auto
}

.splide__pagination {
    bottom: -3em !important
}

@media (max-width: 767.98px) {
    .splide__pagination {
        bottom: -2em !important
    }
}

.splide__pagination .splide__pagination__page {
    width: 17px;
    height: 17px;
    background-color: transparent;
    border: 1px solid #30010D;
    border: 1px solid var(--color-brown);
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.splide__pagination .splide__pagination__page.is-active {
    background-color: #30010d;
    background-color: var(--color-brown);
    width: 17px;
    height: 17px;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.partner_slider .splide__list {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly
}

.partner_slider li {
    background-size: contain !important
}

@media (max-width: 991.98px) {
    .wrapper--blog+.wrapper--top-newsletter-visual+.wrapper--newsletter-block {
        margin-top: 50px
    }
}

@media (max-width: 991.98px) {
    #page-content .wrapper--blog:last-child {
        margin-bottom: 50px
    }
}

.wrapper--visual {
    position: relative;
    padding: 2.5rem 0
}

.wrapper--visual .content {
    position: relative;
    padding: 60px 0
}

.wrapper--visual .content .caption {
    position: absolute;
    top: 50%;
    left: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wrapper--visual .content .caption h2 {
    color: #fff;
    color: var(--color-white);
    font-size: 3rem
}

.wrapper--visual .content .caption .block-subtitle {
    color: #fff;
    color: var(--color-white);
    margin-top: 15px;
    line-height: 1.75
}

.wrapper--visual .visual:before {
    position: absolute;
    right: 0;
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    width: 150px;
    height: 100%;
    content: "";
    z-index: -1;
    top: 0
}

.wrapper--visual .visual img {
    width: 95%;
    border-radius: 30px
}

.wrapper--visual .bg_left .visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.wrapper--visual .bg_left .visual:before {
    left: 0
}

.wrapper--visual .btn {
    font-size: 18px
}

.visuals_holder {
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr
}

.visuals_holder img {
    width: 100%;
    border-radius: 20px
}

.container--double-visual {
    padding: 2.5rem 0
}

.container--double-visual .visual_double {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1399.98px) {
    .container--double-visual .visual_double {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.container--double-visual .visual_double img {
    width: 100%
}

.wrapper--blog .loge-image img {
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    visibility: visible !important;
    opacity: 1 !important
}

.wrapper--blog .type_title h2 {
    font-size: 50px;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    line-height: 56px;
    color: #30010d;
    color: var(--color-brown);
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .wrapper--blog .type_title h2 {
        font-size: 45px
    }
}

.wrapper--blog .title {
    margin-bottom: 2rem
}

.wrapper--blog .title h3 {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown);
    font-size: 50px
}

.wrapper--blog .excerpt {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown);
    font-size: 18px;
    line-height: 31px
}

@media (max-width: 991.98px) {
    .wrapper--blog .excerpt {
        margin-bottom: 0
    }
}

.wrapper--blog .excerpt h3 {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown);
    font-size: 26px;
    line-height: 31px;
    margin-bottom: 15px;
    margin-top: 20px
}

.wrapper--blog .excerpt .blog-link {
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    color: #bc630d;
    color: var(--color-orange);
    font-size: 1rem;
    text-transform: uppercase;
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.wrapper--blog .excerpt .blog-link svg {
    width: 25px
}

.wrapper--blog .content-container {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: none;
    overflow: auto hidden
}

.wrapper--blog .blog-holder {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 40px;
    gap: 40px
}

@media (max-width: 991.98px) {
    .wrapper--blog .blog-holder {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .wrapper--blog .blog-holder {
        grid-template-columns: 1fr
    }
}

.wrapper--blog .blog-holder .blog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .wrapper--blog .blog-holder .blog-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px
    }
}

.wrapper--blog .blog-item-title {
    margin: 30px 0 10px;
    max-width: 95%
}

.wrapper--blog .blog-description {
    font-family: var(--font-family-skolar);
    font-size: 1.125rem;
    font-size: var(--font-size-step-1);
    line-height: 36px;
    max-width: 95%
}

@media (max-width: 767.98px) {
    .wrapper--blog .blog-description {
        font-size: 1rem;
        font-size: var(--font-size-step-0);
        line-height: 27px
    }
}

.wrapper--blog .blog-image {
    scroll-snap-align: center
}

.wrapper--blog .blog-image img {
    border-radius: 30px
}

.wrapper--blog .blog-perma-link {
    margin-top: 10px;
    font-family: var(--font-family-proximanova-semi);
    text-transform: uppercase;
    font-size: 1rem;
    font-size: var(--font-size-step-0);
    letter-spacing: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper--blog .all-posts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 0
}

@media (max-width: 767.98px) {
    .wrapper--blog .all-posts .btn {
        font-size: 18px;
        width: 248px;
        height: 56px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.home .blog-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media (max-width: 767.98px) {
    .home .blog-holder {
        padding-left: 25px
    }
}

.home .blog-holder .blog-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 767.98px) {
    .home .blog-holder .blog-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 240px;
        flex: 0 0 240px
    }
}

@media (max-width: 767.98px) {
    .home .scroll-blog {
        max-width: 100%
    }
}

#list_1,
#list_2,
#list_3 {
    display: none
}

#list_1.active,
#list_2.active,
#list_3.active {
    display: block
}

.toggle {
    margin-bottom: 4rem
}

.toggle button {
    border-color: #bbdbee;
    border-color: var(--color-blue);
    color: #30010d;
    color: var(--color-brown)
}

@media (max-width: 767.98px) {
    .toggle button {
        padding: 10px
    }
}

.toggle button.active {
    background-color: #bbdbee;
    background-color: var(--color-blue)
}

.toggle button:hover,
.toggle button:focus {
    color: #30010d;
    color: var(--color-brown);
    background-color: #bbdbee;
    background-color: var(--color-blue);
    border-color: #bbdbee;
    border-color: var(--color-blue)
}

.tabs-select {
    margin-bottom: 30px
}

.wrapper--subscribe-form {
    padding-bottom: 6rem
}

@media (max-width: 767.98px) {
    .wrapper--subscribe-form {
        background-color: var(--color-deep-yellow);
        padding-bottom: 2rem;
        padding-top: 2rem
    }
}

.wrapper--subscribe-form .subscribe-holder {
    padding: 75px;
    background-color: var(--color-deep-yellow);
    border-radius: 30px;
    text-align: center
}

@media (max-width: 767.98px) {
    .wrapper--subscribe-form .subscribe-holder {
        padding: 30px 0;
        text-align: left
    }
}

.wrapper--subscribe-form .subscribe-holder h3 {
    margin-bottom: 15px
}

.wrapper--subscribe-form .subscribe-holder .subscribe-formItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 75%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 30px auto 0
}

@media (max-width: 767.98px) {
    .wrapper--subscribe-form .subscribe-holder .subscribe-formItem {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 100%;
        gap: 10px
    }
}

.wrapper--subscribe-form .subscribe-holder .subscribe-formItem input[type=text] {
    border: none;
    border-radius: 15px 0 0 15px
}

@media (max-width: 767.98px) {
    .wrapper--subscribe-form .subscribe-holder .subscribe-formItem input[type=text] {
        background-color: #fff;
        -webkit-transition: none;
        transition: none;
        border-radius: 30px;
        padding: 10px
    }
}

.wrapper--subscribe-form .subscribe-holder .subscribe-formItem button[type=submit] {
    padding: 5px 25px;
    border-radius: 0 20px 20px 0;
    color: #fff;
    background: #00513A;
    background: var(--color-deep-green)
}

@media (max-width: 767.98px) {
    .wrapper--subscribe-form .subscribe-holder .subscribe-formItem button[type=submit] {
        width: 100%;
        border-radius: 30px;
        padding: 10px
    }
}

.mobile-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #00513a;
    background-color: var(--color-deep-green);
    left: -100%;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    z-index: 10000
}

.mobile-menu a {
    color: #d1ff97;
    color: var(--color-natural-green)
}

.mobile-menu .mobile-list {
    padding: 100px 0
}

.mobile-menu .social-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.menu-open .mobile-menu {
    left: 0
}

.menu-open .mobile-menu .sub-menu {
    padding: 0;
    list-style: none
}

.menu-open .mobile-menu li {
    line-height: 37px
}

.menu-open .header svg path {
    fill: #fff;
    fill: var(--color-white)
}

.mobile-list>li:first-child>a {
    color: #fff;
    color: var(--color-white);
    font-size: 20px
}

.mobile-list .sub-menu {
    display: none
}

.mobile-list .sub-menu li a {
    color: #fff;
    color: var(--color-white)
}

.mobile-list .sub-menu.active {
    display: block
}

.mobile-list .menu-item-has-children>a {
    position: relative;
    padding-right: 20px
}

.mobile-list .menu-item-has-children>a:after {
    position: absolute;
    top: 8px;
    right: 0;
    background-image: url(/resources/themes/thempotheam/assets/images/mobile-menu-arrow.svg);
    width: 10px;
    height: 13px;
    content: "";
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.mobile-list .menu-item-has-children>a.active:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (min-width: 992px) {
    #paarden-menu>li:first-child {
        display: none
    }
}

@media (max-width: 1199.98px) {
    #paarden-menu>li:last-child>a {
        display: none
    }
    #paarden-menu>li:last-child .sub-menu {
        display: block
    }
}

#mobile-footer-menu {
    margin-top: 15px;
    margin-bottom: 50px;
    list-style: none
}

#mobile-footer-menu li {
    font-family: mulish-bold;
    font-family: var(--font-mullish);
    color: #d1ff97;
    color: var(--color-natural-green);
    font-size: 22px;
    line-height: 50px
}

#mobile-footer-menu li a {
    color: #d1ff97;
    color: var(--color-natural-green)
}

.blue .mobile-menu {
    background-color: #bbdbee;
    background-color: var(--color-blue)
}

.blue .mobile-menu #mobile-main-menu li a {
    color: #30010d;
    color: var(--color-brown)
}

.blue #mobile-footer-menu li a {
    color: #00513a;
    color: var(--color-deep-green)
}

.brown .mobile-menu {
    background-color: #30010d;
    background-color: var(--color-brown)
}

.brown .mobile-menu #mobile-main-menu li a {
    color: #fff;
    color: var(--color-white)
}

.brown #mobile-footer-menu li a {
    color: #d1ff97;
    color: var(--color-natural-green)
}

.orange .mobile-menu {
    background-color: #bc630d;
    background-color: var(--color-orange)
}

.orange .mobile-menu #mobile-main-menu li a {
    color: #fff;
    color: var(--color-white)
}

.orange #mobile-footer-menu li a {
    color: #d1ff97;
    color: var(--color-natural-green)
}

.groen .mobile-menu {
    background-color: #d1ff97;
    background-color: var(--color-natural-green)
}

.groen .mobile-menu #mobile-main-menu li a,
.groen #mobile-footer-menu li a {
    color: #30010d;
    color: var(--color-brown)
}

.zalm .mobile-menu {
    background-color: #f2b9a4;
    background-color: var(--color-salmon)
}

.zalm .mobile-menu #mobile-main-menu li a,
.zalm #mobile-footer-menu li a {
    color: #30010d;
    color: var(--color-brown)
}

.basic .submenu-toggle path {
    stroke: #fff;
    stroke: var(--color-white)
}

.basic .sub-open .submenu-toggle path {
    stroke: #30010d;
    stroke: var(--color-brown)
}

@media (max-width: 991.98px) {
    .aanbod-wrapper {
        margin-top: 185px
    }
}

@media (max-width: 767.98px) {
    .aanbod-wrapper {
        margin-top: 25px
    }
}

.aanbod-wrapper .aanbod-blocks .items {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 12px;
    gap: 12px
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .aanbod-wrapper .aanbod-blocks .items {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width: 991.98px) {
    .aanbod-wrapper .aanbod-blocks .items {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 767.98px) {
    .aanbod-wrapper .aanbod-blocks .items {
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: -85px;
        gap: 8px
    }
    .aanbod-wrapper .aanbod-blocks .items .desc {
        display: none
    }
}

.aanbod-wrapper .aanbod-blocks .items .item {
    position: relative;
    padding: 30px 30px 80px;
    border-radius: 30px;
    color: #30010d;
    color: var(--color-brown)
}

@media (max-width: 767.98px) {
    .aanbod-wrapper .aanbod-blocks .items .item {
        padding: 10px 20px 10px 30px;
        border-radius: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.aanbod-wrapper .aanbod-blocks .items .item .overlay-link {
    position: absolute;
    inset: 0
}

.aanbod-wrapper .aanbod-blocks .items .item .overlay-link:hover+.item-header+.desc+.order a svg {
    -webkit-transform: translateX(0px);
    transform: translate(0);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.aanbod-wrapper .aanbod-blocks .items .item .item-title {
    font-family: soleilregular;
    font-family: var(--font-family-serif);
    font-size: 30px;
    line-height: 29px;
    margin-bottom: 15px
}

@media (max-width: 991.98px) {
    .aanbod-wrapper .aanbod-blocks .items .item .item-title {
        font-size: 25px;
        margin-bottom: 0
    }
}

.aanbod-wrapper .aanbod-blocks .items .item .desc {
    font-size: 18px;
    font-family: soleil-semi-bold-webfont;
    font-family: var(--font-soleil-semi-bold)
}

.aanbod-wrapper .aanbod-blocks .items .item .order {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media (max-width: 991.98px) {
    .aanbod-wrapper .aanbod-blocks .items .item .order {
        position: relative;
        top: 0;
        left: 0
    }
}

.aanbod-wrapper .aanbod-blocks .items .item .order a:hover svg {
    -webkit-transform: translateX(2px);
    transform: translate(2px);
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.aanbod-wrapper .aanbod-blocks .items .item .icon {
    background: url(/resources/themes/thempotheam/assets/images/arrow-green-bg.svg);
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.aanbod-wrapper .aanbod-blocks .items .item .icon svg {
    -webkit-transform: translateX(-15px);
    transform: translate(-15px);
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.blauw {
    background-color: #bbdbee;
    background-color: var(--color-blue)
}

.oranje {
    background-color: #bc630d;
    background-color: var(--color-orange);
    color: #fff !important;
    color: var(--color-white) !important
}

.bruin {
    background-color: #30010d;
    background-color: var(--color-brown);
    color: #fff !important;
    color: var(--color-white) !important
}

.groen {
    background-color: #d1ff97;
    background-color: var(--color-natural-green)
}

.zalm {
    background-color: #f2b9a4;
    background-color: var(--color-salmon)
}

body.groen,
body.zalm {
    background-color: #f2eadb
}

.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    background: #fff;
    -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08);
    box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1);
    animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
    left: auto;
    right: 22px
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
    left: 50%;
    right: 50%
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #000000e6;
    fill: #000000e6;
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: #000000e6;
    fill: #000000e6
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #f64747
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    -webkit-transition: fill .1s;
    transition: fill .1s;
    fill: inherit
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57, 57, 57, .15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57, 57, 57, .6);
    top: 26%
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57, 57, 57, .6);
    top: 40%
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: #00000080
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 7.48px 0 0;
    line-height: 1;
    height: 34px;
    display: inline-block;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0)
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: .5ch;
    padding: 0
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch\fffd;
    display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #000000e6
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #000000e6
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 .5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: baseline;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: #00000080;
    background: transparent;
    pointer-events: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    appearance: menulist;
    background: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0;
    outline: none;
    padding: 0 0 0 .5ch;
    position: relative;
    vertical-align: baseline;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    width: auto
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    cursor: default;
    font-size: 90%;
    background: transparent;
    color: #0000008a;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 307.875px
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 307.875px;
    min-width: 307.875px;
    max-width: 307.875px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translateZ(0);
    opacity: 1
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 #e6e6e6
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #393939;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 39px;
    height: 39px;
    line-height: 39px;
    margin: 0;
    display: inline-block;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #e6e6e6;
    border-color: #e6e6e6
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    border-color: #959ea9;
    background: #959ea9;
    color: #fff
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
    background: #00513A;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #00513a
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #00513A;
    box-shadow: -10px 0 #00513a
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
    box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
    color: #3939394d;
    background: transparent;
    border-color: transparent;
    cursor: default
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    cursor: not-allowed;
    color: #3939391a
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #00513A, 5px 0 0 #00513A;
    box-shadow: -5px 0 #00513a, 5px 0 #00513a
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: #3939394d;
    background: transparent;
    cursor: default;
    border: none
}

.flatpickr-innerContainer {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 40px;
    max-height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both
}

.flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 40%;
    height: 40px;
    float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #393939
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #393939
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #393939;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

.flatpickr-time input.flatpickr-hour {
    font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #393939;
    font-weight: 700;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translateZ(0)
    }
}

.flatpickr-current-month {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flatpickr-calendar {
    padding: 20px 0 !important;
    color: #30010d;
    color: var(--color-brown)
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 20px !important
}

.flatpickr-current-month {
    font-size: 100% !important;
    color: #30010d;
    color: var(--color-brown)
}

span.flatpickr-weekday {
    font-weight: 400 !important;
    color: #30010d !important;
    color: var(--color-brown) !important
}

.flatpickr-day {
    color: #30010d !important;
    color: var(--color-brown) !important
}

.flatpickr-day.selected {
    color: #fff !important
}

.flatpickr-current-month input.cur-year {
    font-weight: 700 !important
}

.wrapper--aanmeld-form {
    isolation: isolate
}

.wrapper--aanmeld-form .block-title--outer {
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .block-title--outer {
        margin-left: auto;
        margin-right: auto
    }
}

.wrapper--aanmeld-form .block-title--outer+.typo {
    margin-top: 1.5em
}

.wrapper--aanmeld-form .typo {
    margin-left: auto;
    margin-right: auto;
    max-width: 540px;
    padding-bottom: 2.5em
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .typo {
        margin-right: 0;
        max-width: 50%
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wrapper--aanmeld-form .typo {
        margin-right: 2rem;
        max-width: calc(540px - 2rem)
    }
}

.wrapper--aanmeld-form .form {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .form {
        margin-left: 0
    }
}

.wrapper--aanmeld-form .btn {
    --btn-min-width: 13rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper--aanmeld-form .form,
.wrapper--aanmeld-form .mail-sent-container,
.wrapper--aanmeld-form .mail-failed-container {
    padding-top: 3rem
}

.wrapper--aanmeld-form .aanmeld-form--visual-and-content {
    position: relative;
    isolation: isolate;
    padding-top: 6.5rem
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .aanmeld-form--visual-and-content {
        min-height: 600px
    }
}

.wrapper--aanmeld-form .aanmeld-form--visual-and-content .visual {
    position: absolute;
    display: none;
    top: 11.5rem;
    right: calc(50% + 3rem);
    z-index: -1;
    width: auto;
    height: 500px
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .aanmeld-form--visual-and-content .visual {
        display: block
    }
}

@media (min-width: 1200px) {
    .wrapper--aanmeld-form .aanmeld-form--visual-and-content .visual {
        height: 600px
    }
}

.wrapper--aanmeld-form .aanmeld-form--form-and-visual {
    position: relative;
    isolation: isolate;
    min-height: 600px;
    background-color: #f2eadb;
    background-color: var(--color-broken-white);
    padding-top: 0;
    padding-bottom: 6rem;
    z-index: -1
}

@media (min-width: 992px) {
    .wrapper--aanmeld-form .aanmeld-form--form-and-visual {
        padding-top: 5rem
    }
}

@media (min-width: 1200px) {
    .wrapper--aanmeld-form .aanmeld-form--form-and-visual {
        padding-top: 11rem
    }
}

.wrapper--aanmeld-form .aanmeld-form--form-and-visual .visual {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: auto;
    height: 600px
}

.wrapper--content .h3 {
    margin-bottom: 10px
}

@media (max-width: 991.98px) {
    .wrapper--content .btn {
        font-size: 18px
    }
}

.wrapper--content .columns {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width: 767.98px) {
    .wrapper--content .columns {
        grid-template-columns: 1fr;
        gap: 30px
    }
}

.wrapper--content .columns h3 {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.5rem;
    font-size: var(--font-size-step-3);
    color: #00513a;
    color: var(--color-deep-green)
}

.wrapper--content .columns ul {
    list-style: none;
    padding-left: 0
}

.wrapper--content .columns ul li {
    position: relative;
    padding-left: 40px;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    color: #30010d;
    color: var(--color-brown);
    line-height: 40px
}

@media (max-width: 767.98px) {
    .wrapper--content .columns ul li {
        font-size: 1.25rem;
        font-size: var(--font-size-step-2);
        line-height: 36px
    }
}

.wrapper--content .columns ul li:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    background-image: url(/resources/themes/thempotheam/assets/images/arrow.svg);
    background-size: 23px 14px;
    width: 23px;
    height: 14px
}

.wrapper--content .columns.route {
    gap: 70px
}

@media (max-width: 991.98px) {
    .wrapper--content .columns.route {
        grid-template-columns: 1fr;
        gap: 0px
    }
}

.wrapper--content .columns.route .typo ul {
    padding-left: 19px;
    list-style: disc
}

.wrapper--content .columns.route .typo ul li {
    padding-left: 0
}

.wrapper--content .columns.route .typo ul li:before {
    display: none
}

.wrapper--content.triple .columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
    gap: 30px
}

@media (max-width: 991.98px) {
    .wrapper--content.triple .columns {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width: 767.98px) {
    .wrapper--content.triple .columns {
        grid-template-columns: 1fr
    }
}

.wrapper--page-title+.wrapper--content {
    padding-top: 1rem
}

.typo {
    font-family: var(--font-family-skolar)
}

.typo a:after {
    position: absolute;
    width: 0;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 143, 0, 1)), color-stop(28%, rgba(250, 4, 0, 1)), color-stop(63%, rgba(187, 0, 18, 1)), color-stop(97%, rgba(0, 136, 150, 1)));
    background: linear-gradient(90deg, rgba(255, 143, 0, 1) 0%, rgba(250, 4, 0, 1) 28%, rgba(187, 0, 18, 1) 63%, rgba(0, 136, 150, 1) 97%);
    content: "";
    bottom: -4px;
    left: 0;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

@media (min-width: 992px) {
    .wrapper--content .lead {
        max-width: 800px
    }
}

.block-container .wrapper--content:last-child {
    padding-bottom: 4rem
}

.wrapper--content.blue {
    background-color: #bbdbee;
    background-color: var(--color-blue);
    padding-top: 4rem
}

.right-row {
    position: relative
}

.right-row iframe {
    width: 520px;
    height: 400px;
    position: relative;
    z-index: 100
}

@media (max-width: 1199.98px) {
    .right-row iframe {
        width: 100%
    }
}

.right-row:after {
    position: absolute;
    right: 0;
    bottom: -75px;
    content: "";
    background: #D1FF97;
    width: 80%;
    height: 400px
}

@media (max-width: 991.98px) {
    .right-row:after {
        display: none
    }
}

.route-block {
    padding-bottom: 9rem
}

@media (max-width: 991.98px) {
    .route-block .left-row {
        margin-top: 30px
    }
}

@media (max-width: 991.98px) {
    .route-block .right-row {
        margin-top: 30px
    }
}

.typo ul {
    list-style: none;
    padding-left: 0
}

.typo ul li {
    position: relative;
    padding-left: 40px;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    color: #30010d;
    color: var(--color-brown);
    line-height: 40px
}

@media (max-width: 767.98px) {
    .typo ul li {
        font-size: 1.25rem;
        font-size: var(--font-size-step-2);
        line-height: 36px
    }
}

.typo ul li:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    background-image: url(/resources/themes/thempotheam/assets/images/arrow.svg);
    background-size: 23px 14px;
    width: 23px;
    height: 14px
}

.route .typo,
.content-form .typo {
    position: relative;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    color: #30010d;
    color: var(--color-brown);
    line-height: 40px
}

.wrapper--contact-form {
    position: relative;
    isolation: isolate;
    padding-top: 4.5rem;
    padding-bottom: 4rem
}

@media (min-width: 992px) {
    .wrapper--contact-form {
        padding-top: 6.5rem;
        padding-bottom: 6rem
    }
}

.wrapper--contact-form .block-title+.typo {
    margin-top: 1.5em
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .wrapper--contact-form .form,
    .wrapper--contact-form .typo {
        margin-right: 2rem
    }
}

@media (min-width: 992px) {
    .wrapper--contact-form .form-holder {
        min-width: 582px;
    }
}

.wrapper--contact-form .custom-submit form.sent {
		display: none;
	}

  .wrapper--contact-form .custom-submit:has(form.sent) .mail-sent-container {
		display: block;
	}

  .wrapper--contact-form .custom-submit {
		color: var(--color-brown);
	}

  .wrapper--contact-form .custom-submit select {
		background-image: url('/resources/themes/thempotheam/assets/images/arrow-brown-down.svg');
		background-position: center right 1rem;
		background-repeat: no-repeat;
	}

.wrapper--contact-form .typo+.contact {
    position: relative;
    margin-top: 2em;
    padding: 2em 2.5em;
    border: 1px solid currentColor;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 576px) {
    .wrapper--contact-form .typo+.contact {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.wrapper--contact-form .typo+.contact:before {
    content: "";
    position: absolute;
    display: block;
    background-color: #000;
    background-color: var(--color-black);
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 .5em;
    white-space: nowrap;
    text-transform: uppercase
}

.wrapper--contact-form .typo+.contact:after {
    content: "\2605";
    display: block;
    position: absolute;
    background-color: #000;
    background-color: var(--color-black);
    bottom: 0;
    left: 50%;
    padding: 0 .5em;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    line-height: 1
}

.wrapper--contact-form .typo+.contact p+p {
    margin-top: 0
}

.wrapper--contact-form .typo+.contact a {
    text-decoration-line: none
}

@media (hover: hover) and (pointer: fine) {
    .wrapper--contact-form .typo+.contact a:hover {
        text-decoration-line: underline
    }
    .wrapper--contact-form .typo+.contact a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .wrapper--contact-form .typo+.contact a:focus-visible {
        text-decoration-line: underline
    }
}

.wrapper--contact-form .typo+.contact a.touching {
    text-decoration-line: underline;
    --btn-transition-duration: 50ms
}

.wrapper--contact-form .visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: left top;
    object-position: left top;
    z-index: -1;
    opacity: .25
}

@media (min-width: 992px) {
    .wrapper--contact-form .visual {
        opacity: 1
    }
}

.wrapper--contact-form .btn {
    --btn-min-width: 13rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper--contact-form form,
.wrapper--contact-form .mail-sent-container,
.wrapper--contact-form .mail-failed-container {
    padding-top: 1rem
}

.text-form-block {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    grid-gap: 30px;
    gap: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .text-form-block {
        grid-template-columns: 1fr
    }
}

.text-form-block .text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.text-form-block .text .typo p {
    margin-top: 15px;
    color: #fff;
    color: var(--color-white)
}

.text-form-block .text h2 {
    line-height: 1.15;
    font-size: 3rem;
    color: #00513a;
    color: var(--color-deep-green)
}

.text-form-block .wpcf7-form input[type=text],
.text-form-block .wpcf7-form input[type=email],
.text-form-block .wpcf7-form textarea {
    background-color: transparent;
    -webkit-transition: none;
    transition: none;
    color: #00513a;
    color: var(--color-deep-green);
    border-color: #fff;
    border-color: var(--color-white);
    background-color: #fff;
    background-color: var(--color-white);
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    padding: 10px
}

.text-form-block .wpcf7-form input[type=text]:focus,
.text-form-block .wpcf7-form input[type=email]:focus,
.text-form-block .wpcf7-form textarea:focus {
    border-color: #fff
}

.text-form-block .wpcf7-form textarea {
    height: 125px
}

.text-form-block .wpcf7-form label {
    margin-bottom: 15px;
    display: block
}

.text-form-block .wpcf7-form ::-webkit-input-placeholder {
    color: #999;
    font-size: 16px
}

.text-form-block .wpcf7-form ::-moz-placeholder {
    color: #999;
    font-size: 16px
}

.text-form-block .wpcf7-form :-ms-input-placeholder {
    color: #999;
    font-size: 16px
}

.text-form-block .wpcf7-form ::-ms-input-placeholder {
    color: #999;
    font-size: 16px
}

.text-form-block .wpcf7-form ::placeholder {
    color: #999;
    font-size: 16px
}

.text-form-block .wpcf7-form .wpcf7-submit {
    width: auto;
    margin-top: 25px;
    float: left;
    background-color: transparent;
    -webkit-transition: none;
    transition: none;
    background: #89E59F;
    color: #00513a;
    color: var(--color-deep-green);
    padding: 10px 20px;
    line-height: 1;
    border-radius: 30px;
    cursor: pointer;
    border: none
}

.text-form-block .wpcf7-form .wpcf7-submit:hover {
    color: #000;
    background-color: #fff
}

.wpcf7 input,
.wpcf7 textarea, 
.wpcf7 select {
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 10px 10px 20px
}

.wpcf7 input[type=submit] {
    margin-top: 10px;
    background-color: #bc630d;
    background-color: var(--color-orange);
    color: #fff;
    color: var(--color-white);
    float: right;
    width: 200px;
    border-radius: 30px;
    cursor: pointer
}

.wpcf7 ::-webkit-input-placeholder {
    color: gray;
    opacity: 1
}

.wpcf7 ::-moz-placeholder {
    color: gray;
    opacity: 1
}

.wpcf7 :-ms-input-placeholder {
    color: gray;
    opacity: 1
}

.wpcf7 ::-ms-input-placeholder {
    color: gray;
    opacity: 1
}

.wpcf7 ::placeholder {
    color: gray;
    opacity: 1
}

.wrapper--content-and-visual {
    position: relative;
    isolation: isolate
}

@media (max-width: 767.98px) {
    .wrapper--content-and-visual {
        padding-bottom: 2.75rem
    }
}

.wrapper--content-and-visual .block-subtitle,
.wrapper--content-and-visual .block-title {
    max-width: 800px
}

.wrapper--content-and-visual .block-title+.typo {
    margin-top: 1em
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .visual {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.wrapper--content-and-visual .container--titles~.container--content {
    margin-top: 1.5rem
}

.wrapper--content-and-visual .content .intro-subtitle {
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 1rem;
    text-transform: uppercase;
    color: #bc630d;
    color: var(--color-orange);
    letter-spacing: 2px
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .content .intro-subtitle {
        margin-bottom: 10px
    }
}

.wrapper--content-and-visual .content .block-title.alt {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 50px;
    line-height: 56px;
    color: #30010d;
    color: var(--color-brown);
    margin-bottom: 0
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .wrapper--content-and-visual .content .block-title.alt {
        font-size: 50px;
        line-height: 56px
    }
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .content .block-title.alt {
        font-size: 45px;
        line-height: 50px
    }
}

.wrapper--content-and-visual .content .sub-desc {
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 28px;
    line-height: 39px;
    color: #30010d;
    color: var(--color-brown);
    display: block;
    margin-top: 10px;
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .content .sub-desc {
        font-size: 1.5rem;
        font-size: var(--font-size-step-3);
        line-height: 42px
    }
}

.wrapper--content-and-visual .content .typo {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 20px;
    line-height: 45px;
    color: #30010d;
    color: var(--color-brown)
}

.wrapper--content-and-visual .content .typo .btn {
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    color: #30010d;
    color: var(--color-brown);
    height: 56px;
    width: 256px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 22px;
    text-decoration: none
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .content .typo .btn {
        font-size: 1rem;
        font-size: var(--font-size-step-0);
        line-height: 36px
    }
}

@media (max-width: 991.98px) {
    .wrapper--content-and-visual .content .typo {
        font-size: 1rem;
        font-size: var(--font-size-step-0);
        line-height: 36px
    }
}

.visual {
    position: relative;
    display: grid;
    grid-template-columns: 90% 10%
}

@media (max-width: 767.98px) {
    .visual {
        grid-template-columns: 1fr
    }
}

.visual img {
    width: 100%
}

.visual .img-desc {
    white-space: nowrap;
    -webkit-transform: rotate(180deg) translateY(100px);
    transform: rotate(180deg) translateY(100px)
}

.visual .img-desc span {
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #d1ff97;
    color: var(--color-natural-green);
    text-transform: uppercase
}

.visual:after {
    position: absolute;
    right: 0;
    bottom: -3rem;
    width: 250px;
    height: 450px;
    background-color: #80805e;
    background-color: var(--army-green);
    content: "";
    z-index: -1
}

@media (max-width: 991.98px) {
    .visual:after {
        height: 100%
    }
}

.hide_visual .visual:after {
    display: none
}

.hide_visual .img-desc {
    display: none
}

.blue .visual:after {
    background-color: #bbdbee !important;
    background-color: var(--color-blue) !important
}

.blue .visual .img-desc span {
    color: #30010d !important;
    color: var(--color-brown) !important
}

#page-content .wrapper--content-and-visual:first-child {
    padding-top: 2rem
}

.content-visual {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-gap: 75px;
    gap: 75px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767.98px) {
    .content-visual.show_clouds {
        background-position: bottom
    }
}

@media (max-width: 767.98px) {
    .content-visual {
        gap: 30px
    }
    .content-visual .visual {
        margin-right: 0;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        grid-template-columns: 1fr
    }
    .content-visual .visual img {
        border-radius: 0
    }
}

.content-visual .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 991.98px) {
    .content-visual {
        grid-template-columns: 1fr
    }
}

.content-visual.visual_2-4 {
    grid-template-columns: 1fr 1fr
}

@media (max-width: 991.98px) {
    .content-visual.visual_2-4 {
        grid-template-columns: 1fr
    }
}

.visual_bg_right .content-visual .visual {
    grid-template-columns: 90% 10%
}

.visual_bg_left .content-visual {
    grid-template-columns: 1fr 2fr
}

@media (max-width: 991.98px) {
    .visual_bg_left .content-visual {
        grid-template-columns: 1fr
    }
}

.visual_bg_left .content-visual.visual_2-4 {
    grid-template-columns: 1fr 1fr
}

@media (max-width: 991.98px) {
    .visual_bg_left .content-visual.visual_2-4 {
        grid-template-columns: 1fr
    }
}

.visual_bg_left .content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.visual_bg_left .visual {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.wrapper--cta-page-title {
    position: relative;
    color: #f2eadb;
    color: var(--color-broken-white);
    isolation: isolate
}

.wrapper--cta-page-title .visual {
    margin-inline: 1.5rem;
    margin-inline: var(--container-padding-x);
    width: calc(100% - 3rem);
    width: calc(100% - 2 * var(--container-padding-x))
}

@media (min-width: 576px) {
    .wrapper--cta-page-title .visual {
        margin-inline: auto;
        width: 576px;
        width: var(--container-w-sm, 576px)
    }
}

@media (min-width: 768px) {
    .wrapper--cta-page-title .visual {
        position: absolute;
        top: 0;
        left: 50%;
        width: 50%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: left center;
        object-position: left center;
        z-index: -1
    }
}

.cta-page-title--content .intro-subtitle {
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 1rem;
    text-transform: uppercase;
    color: #bc630d;
    color: var(--color-orange);
    letter-spacing: 2px
}

.cta-page-title--content .page-title {
    color: #30010d;
    color: var(--color-brown);
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

.cta-page-title--content .intro {
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 35px;
    line-height: 45px;
    color: #30010d;
    color: var(--color-brown);
    padding: 1rem 0
}

@media (max-width: 991.98px) {
    .cta-page-title--content .intro {
        font-size: 26px
    }
}

.cta-page-title--content .typo {
    color: #30010d;
    color: var(--color-brown);
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 20px;
    line-height: 45px
}

.cta-page-title--content .typo+* {
    margin-top: 4rem;
    color: #30010d;
    color: var(--color-brown)
}

.cta-page-title--content ul {
    padding: 1.5rem 0;
    list-style: none
}

.cta-page-title--content ul li {
    position: relative;
    padding-left: 40px
}

.cta-page-title--content ul li:before {
    position: absolute;
    top: 12px;
    left: 0;
    content: "";
    background-image: url(/resources/themes/thempotheam/assets/images/arrow.svg);
    background-size: 23px 14px;
    width: 23px;
    height: 14px
}

.cta-page-title--content .cta-page-title--cta+* {
    margin-top: 3rem
}

.cta-page-title--content .cta-page-title--cta .btn.hover-slide {
    --btn-min-width: 13rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cta-page-title--secondary {
    font-family: soleilregular;
    font-family: var(--font-family-serif);
    font-size: .875rem;
    font-size: var(--font-size-step--1);
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold);
    letter-spacing: 4px;
    text-transform: uppercase
}

.cta-page-title--secondary svg {
    width: 1.4375em
}

@media (min-width: 992px) {
    .cta-page-title--secondary {
        font-size: 1rem;
        font-size: var(--font-size-step-0)
    }
}

.wrapper--page-title .page-title {
    color: #30010d;
    color: var(--color-brown);
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 50px;
    line-height: 56px
}

.wrapper--page-title .content {
    margin-top: 30px;
    color: #30010d;
    color: var(--color-brown)
}

.wrapper--page-title .content p {
    max-width: 70ch;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    color: #30010d;
    color: var(--color-brown)
}

.wrapper--page-title .content ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.wrapper--page-title .content-form {
    display: grid;
    grid-template-columns: 1fr 2fr;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1.25rem;
    font-size: var(--font-size-step-2);
    color: #30010d;
    color: var(--color-brown)
}

@media (max-width: 991.98px) {
    .wrapper--page-title .content-form {
        grid-template-columns: 1fr
    }
}

@media (max-width: 991.98px) {
    .wrapper--page-title .content-form .form {
        margin-top: 30px
    }
}

.wrapper--page-title .content-form ul li {
    line-height: 58px
}

@media (max-width: 767.98px) {
    .wrapper--page-title .content-form ul li {
        line-height: 48px
    }
}

.wrapper--page-title .content-form ul li:first-child {
    font-weight: 600
}

.faq-wrapper {
    margin-bottom: 30px;
    padding: 3rem 0 6rem
}

.faq-wrapper .faq-items-list .h2 {
    color: #30010d;
    color: var(--color-brown);
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 50px;
    line-height: 56px;
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .faq-wrapper .faq-items-list .h2 {
        font-size: 45px;
        line-height: 51px
    }
}

.faq-wrapper .faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 15px 0 0
}

@media (max-width: 991.98px) {
    .faq-wrapper .faq-list {
        gap: 15px
    }
}

.faq-wrapper .faq-list h3 {
    position: relative;
    cursor: pointer;
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 25px;
    color: #30010d;
    color: var(--color-brown);
    padding-right: 5%
}

@media (max-width: 991.98px) {
    .faq-wrapper .faq-list h3 {
        font-size: 1.5rem;
        font-size: var(--font-size-step-3)
    }
}

.faq-wrapper .faq-list h3 span {
    position: absolute;
    content: "";
    right: 0;
    top: 0
}

.faq-wrapper .faq-list h3 span svg {
    width: 30px;
    height: 30px;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.faq-wrapper .faq-list h3 em {
    font-style: normal;
    font-size: 14px;
    color: #3b8694
}

.faq-wrapper .faq-list li {
    margin-bottom: 10px;
    cursor: pointer;
    position: relative
}

.faq-wrapper .faq-list li .caption {
    max-width: 95%;
    -webkit-transition: max-height .25s;
    transition: max-height .25s;
    padding: 15px 0 0
}

.faq-wrapper .faq-list li .caption p {
    margin-bottom: 15px;
    max-width: 95%
}

.faq-wrapper .faq-list li .caption ul {
    list-style: none;
    padding-left: 0;
    margin: 10px 0
}

.faq-wrapper .faq-list li .caption ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 0;
    border: none
}

.faq-wrapper .faq-list li .caption ul li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    background-image: url(/resources/themes/thempotheam/assets/images/arrow.svg);
    background-size: 20px 11px;
    width: 20px;
    height: 11px
}

.faq-wrapper .faq-list li .caption ul li:after {
    border: none
}

.faq-wrapper .faq-list li span svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.faq-wrapper .faq-list li.selected .caption {
    max-height: 1000px;
    -webkit-transition: max-height .25s;
    transition: max-height .25s;
    padding: 15px 0 0
}

.faq-wrapper .faq-list li.selected .caption ul li:after {
    display: none
}

.faq-wrapper .faq-list li.selected span svg {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.faq-wrapper .faq-list li:after {
    content: "";
    position: absolute;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    left: 0;
    width: 100%;
    border-bottom: 1px solid black
}

@media (max-width: 991.98px) {
    .faq-wrapper .faq-list li:after {
        -webkit-transform: translateY(5px);
        transform: translateY(5px)
    }
}

.faq-wrapper .faq-list .caption {
    color: #30010d;
    color: var(--color-brown);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .25s;
    transition: max-height .25s;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    font-size: 1rem;
    font-size: var(--font-size-step-0)
}

.faq-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 60px;
    gap: 60px
}

@media (max-width: 991.98px) {
    .faq-container {
        grid-template-columns: 1fr
    }
}

.faq-container .left-column {
    position: relative;
    display: grid;
    grid-template-columns: 10% 90%
}

@media (max-width: 991.98px) {
    .faq-container .left-column {
        grid-template-columns: 1fr
    }
}

.faq-container .left-column img {
    grid-column-start: 2
}

.faq-container .left-column:after {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 3rem;
    background-color: #bc630d;
    background-color: var(--color-orange);
    content: "";
    width: 330px;
    height: 490px
}

@media (max-width: 991.98px) {
    .faq-container .left-column:after {
        display: none
    }
}

.menu-holder {
    text-align: center;
    max-width: 960px;
    margin: auto
}

.menu-holder .menu-title {
    font-size: 50px;
    color: #30010d;
    color: var(--color-brown);
    font-family: soleil-semi-bold-webfont;
    font-family: var(--font-soleil-semi-bold)
}

.menu-holder h3 {
    font-family: calluna;
    font-family: var(--font-calluna);
    color: #bc630d;
    color: var(--color-orange);
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 5px
}

.menu-holder li {
    margin: 30px 0;
    color: #30010d;
    color: var(--color-brown);
    font-size: 20px;
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

.menu-holder li .caption {
    padding-bottom: 30px;
    line-height: 45px
}

.menu-holder li:last-child {
    margin-bottom: 0
}

.menu-holder li:last-child .seperator {
    display: none
}

.menu-holder .seperator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 80%;
    margin: auto
}

.menu-holder .seperator svg {
    max-width: 90%
}

.veggie-info {
    color: #30010d;
    color: var(--color-brown);
    font-size: 1.25rem;
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

.costs {
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

.costs h4,
.costs span {
    font-family: soleil-semi-bold-webfont;
    font-family: var(--font-soleil-semi-bold)
}

.costs {
    margin: 100px auto;
    color: #30010d;
    color: var(--color-brown);
    font-size: 1.25rem;
    line-height: 60px;
    background-image: none;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media (max-width: 991.98px) {
    .costs {
        line-height: 40px;
        font-size: 1rem
    }
}

.bi-border {
    padding: 30px 50px 50px;
    position: relative;
    background-clip: padding-box;
    border: 3px solid transparent;
    -o-border-image: url(/resources/themes/thempotheam/assets/images/liggend-border.svg) 30 repeat;
    border-image: url(/resources/themes/thempotheam/assets/images/liggend-border.svg) 30 repeat
}

.bi-border:before {
    position: absolute;
    top: 0;
    content: "";
    left: -2px;
    background-image: url(/resources/themes/thempotheam/assets/images/staand-border.svg);
    background-repeat: repeat;
    background-size: 2px auto;
    height: 100%;
    width: 2px
}

.bi-border:after {
    position: absolute;
    top: 0;
    content: "";
    right: -2px;
    background-image: url(/resources/themes/thempotheam/assets/images/staand-border.svg);
    background-repeat: repeat;
    background-size: 2px auto;
    height: 100%;
    width: 2px
}

.case .full-screen-header-img {
    position: relative;
    width: 100%;
    height: 100%
}

.case .full-screen-header-img picture img {
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover;
    background-position: center center
}

.case .case-intro {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.case .case-intro .block-subtitle {
    color: #fff;
    color: var(--color-white);
    line-height: 1.5
}

.case .case-intro .block-title {
    color: #fff;
    color: var(--color-white)
}

.case .double_img .visuals_holder {
    grid-template-columns: 1fr 1fr
}

.case .double_img .visuals_holder img:nth-child(2) {
    margin-top: 6rem
}

.wrapper--virtuele-tour .tour-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper--virtuele-tour .cloud-holder {
    background: url(/resources/themes/thempotheam/assets/images/clouds.svg);
    background-size: 747px 442px;
    width: 747px;
    height: 442px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width: 991.98px) {
    .wrapper--virtuele-tour .cloud-holder {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 300px;
        width: 100%
    }
}

.wrapper--virtuele-tour .cloud-holder .typo {
    text-align: center;
    font-size: 47px;
    line-height: 66px;
    color: #bc630d;
    color: var(--color-orange);
    font-family: calluna;
    font-family: var(--font-calluna);
    margin-bottom: 30px
}

@media (max-width: 991.98px) {
    .wrapper--virtuele-tour .cloud-holder .typo {
        font-size: 30px;
        line-height: 40px
    }
}

.wrapper--virtuele-tour .cloud-holder .btn {
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown);
    font-size: 22px;
    height: 52px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #30010D;
    border: 1px solid var(--color-brown);
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

@media (max-width: 991.98px) {
    .wrapper--virtuele-tour .cloud-holder .btn {
        font-size: 1.125rem;
        font-size: var(--font-size-step-1)
    }
}

.wrapper--virtuele-tour .cloud-holder .btn:hover {
    border: 1px solid #D1FF97;
    border: 1px solid var(--color-natural-green);
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    -webkit-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out
}

.page-template-blocks .slider-holder {
    position: relative;
    display: grid;
    grid-template-columns: 10% 90%
}

.page-template-blocks .slider-holder:before {
    position: absolute;
    left: 0;
    bottom: -150px;
    background-color: #00513a;
    background-color: var(--color-deep-green);
    width: 80%;
    height: 60%;
    content: ""
}

@media (max-width: 991.98px) {
    .page-template-blocks .slider-holder:before {
        bottom: -50px
    }
}

.page-template-blocks .slider {
    position: relative;
    grid-column: 2/3
}

.page-template-blocks .slider .circle-ani {
    width: 142px;
    height: 142px;
    position: absolute;
    bottom: -70px;
    left: -70px
}

@media (max-width: 991.98px) {
    .page-template-blocks .slider .circle-ani {
        width: 110px;
        height: 100px;
        position: absolute;
        bottom: -30px;
        left: -30px
    }
}

.page-template-blocks .wrapper-images-block {
    padding-bottom: 12rem
}

@media (max-width: 767.98px) {
    .page-template-blocks .wrapper-images-block {
        padding-bottom: 16rem
    }
}

.page-template-blocks .wrapper-images-block #slider-block {
    max-width: 1190px
}

@media (max-width: 991.98px) {
    .page-template-blocks .wrapper-images-block #slider-block img {
        width: 100%;
        height: 300px;
        display: block !important
    }
}

.page-template-blocks .wrapper-images-block .splide__pagination {
    bottom: -1.5em;
    left: auto;
    position: absolute;
    right: 0
}

@media (max-width: 991.98px) {
    .page-template-blocks .wrapper-images-block .splide__pagination {
        right: 25%;
        bottom: -2em !important
    }
}

.home .splide__pagination__page {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 1px solid #00513A;
    border: 1px solid var(--color-deep-green)
}

@media (max-width: 991.98px) {
    .home .splide__pagination__page {
        border: 1px solid #D1FF97;
        border: 1px solid var(--color-natural-green)
    }
}

.home .splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1);
    transform: scale(1);
    background-color: #00513a;
    background-color: var(--color-deep-green);
    z-index: 1;
    opacity: 1
}

@media (max-width: 991.98px) {
    .home .splide__pagination__page.is-active {
        background-color: #d1ff97;
        background-color: var(--color-natural-green)
    }
}

.home .splide__pagination {
    padding: 0
}

.wrapper--newsletter-block {
    position: relative;
    margin-top: -9rem;
    width: 100%;
    height: 400px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 991.98px) {
    .wrapper--newsletter-block {
        margin-top: 0
    }
}

.wrapper--newsletter-block .subscribe-title {
    position: relative;
    font-family: calluna;
    font-family: var(--font-calluna);
    font-size: 25px;
    color: #f2eadb;
    color: var(--color-broken-white);
    text-align: center
}

@media (max-width: 991.98px) {
    .wrapper--newsletter-block .subscribe-title {
        font-size: 25px;
        line-height: 32px
    }
}

.wrapper--newsletter-block .form-output {
    position: relative
}

.wrapper--newsletter-block .form-output form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 500px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto
}

@media (max-width: 991.98px) {
    .wrapper--newsletter-block .form-output form {
        margin-top: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }
}

.wrapper--newsletter-block .form-output form input {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 35px 0 0 35px;
    padding-left: 30px;
    -webkit-transition: none;
    transition: none;
    background-color: #fff;
    background-color: var(--color-white)
}

@media (max-width: 991.98px) {
    .wrapper--newsletter-block .form-output form input {
        width: 100%;
        border-radius: 35px;
        height: 50px
    }
}

.wrapper--newsletter-block .form-output form input[type=submit] {
    background-color: #bc630d;
    background-color: var(--color-orange);
    border-radius: 0 35px 35px 0;
    padding: 0 30px;
    color: #fff;
    color: var(--color-white);
    font-family: soleilregular;
    font-family: var(--font-soleil)
}

@media (max-width: 991.98px) {
    .wrapper--newsletter-block .form-output form input[type=submit] {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        border-radius: 35px;
        text-align: center
    }
}

.wrapper--newsletter-block:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #00000080
}

@media (max-width: 991.98px) {
    .wrapper--top-newsletter-visual {
        display: none
    }
}

.wrapper--top-newsletter-visual {
    position: relative;
    z-index: 1
}

.wrapper--top-newsletter-visual .visuals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 30px
}

.wrapper--top-newsletter-visual .visuals .img {
    -ms-flex-preferred-size: 400px;
    flex-basis: 400px
}

.wrapper--top-newsletter-visual .visuals .img img {
    display: block;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover
}

.wrapper-gallery-block {
    padding-bottom: 10rem
}

.wrapper-gallery-block #gallery-block {
    position: relative
}

@media (min-width: 768px) {
    .wrapper-gallery-block #gallery-block .grid_list {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 25px;
        gap: 25px
    }
}

.wrapper-gallery-block #gallery-block.splide {
    visibility: visible;
    position: relative;
    z-index: 1000
}

@media (max-width: 991.98px) {
    .wrapper-gallery-block #gallery-block.splide {
        padding-bottom: 30px
    }
}

.wrapper-gallery-block #gallery-block:after {
    position: absolute;
    content: "";
    right: -100px;
    bottom: -140px;
    width: 1040px;
    height: 80%;
    background-color: #bbdbee;
    background-color: var(--color-blue);
    z-index: -1
}

.wrapper-gallery-block .gallery-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 991.98px) {
    .wrapper-gallery-block .gallery-holder {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.wrapper-gallery-block .gallery-holder a {
    z-index: 100000;
    margin-top: 20px;
    background-color: #d1ff97;
    background-color: var(--color-natural-green);
    color: #30010d;
    color: var(--color-brown)
}

.wrapper-gallery-block .gallery-holder .gallery_title h2 {
    font-size: 50px;
    line-height: 39px;
    color: #30010d;
    color: var(--color-brown);
    text-align: center;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    margin-bottom: 40px
}

@media (max-width: 991.98px) {
    .wrapper-gallery-block .gallery-holder .gallery_title h2 {
        text-align: left;
        font-size: 45px;
        line-height: 35px
    }
}

.wrapper-gallery-block .splide__arrows {
    opacity: 0
}

@media (max-width: 991.98px) {
    .wrapper-gallery-block .splide__arrows {
        opacity: 1
    }
}

.wrapper-gallery-block .img_desc {
    position: absolute;
    top: 20px;
    padding: 5px 20px;
    left: 20px;
    font-family: soleilregular;
    font-family: var(--font-soleil);
    color: #30010d;
    color: var(--color-brown);
    background: #FAF6E1;
    background: var(--color-slider-white);
    font-size: 13px;
    border-radius: 20px
}

.cky-preference-center .cky-prefrence-btn-wrapper .cky-btn,
.cky-consent-container .cky-btn {
    font-size: .85rem !important
}

.woocommerce {
    color: #f2eadb;
    color: var(--color-broken-white)
}

.woocommerce .woocommerce-breadcrumb {
    color: inherit;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    margin-block: 0;
    position: relative;
    opacity: .5;
    z-index: 130
}

@media (min-width: 1200px) {
    .woocommerce .woocommerce-breadcrumb {
        top: -2rem
    }
}

.woocommerce .woocommerce-breadcrumb a {
    color: inherit;
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce .woocommerce-breadcrumb span {
    margin-inline: .75em;
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce .quantity .qty {
    --_detail-qty-input-bg: var(--color-broken-white);
    --_detail-qty-input-color: var(--body-bg);
    --_detail-qty-input-border-color: var(--color-broken-white);
    --_detail-qty-input-border-width: var( --detail-qty-input-border-width, var(--input-border-width));
    --_detail-qty-input-font-family: var( --detail-qty-input-font-family, var(--input-font-family));
    --_detail-qty-input-text-transform: var( --detail-qty-input-text-transform, none);
    --_detail-qty-input-font-size: var( --detail-qty-input-font-size, var(--input-font-size));
    --_detail-qty-input-line-height: var( --detail-qty-input-line-height, var(--input-line-height));
    --_detail-qty-input-px: var(--detail-qty-input-px);
    --_detail-qty-input-py: var(--detail-qty-input-py);
    background-color: var(--_detail-qty-input-bg);
    color: var(--_detail-qty-input-color);
    border-radius: 0;
    border-width: var(--_detail-qty-input-border-width);
    border-style: solid;
    border-color: var(--_detail-qty-input-border-color);
    font-family: var(--_detail-qty-input-font-family);
    text-transform: var(--_detail-qty-input-text-transform);
    font-size: var(--_detail-qty-input-font-size);
    line-height: var(--_detail-qty-input-line-height);
    padding: 5px 0;
    text-align: center;
    -moz-appearance: textfield
}

.woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-outer-spin-button,
.woocommerce .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart table.cart td.actions .coupon .input-text::-webkit-inner-spin-button,
.woocommerce .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

@media (min-width: 992px) {
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce .quantity .qty {
        --_detail-qty-input-font-size: var( --detail-qty-input-font-size, var(--input-font-size));
        padding: .55em 0;
        padding: var(--btn-py) 0;
        line-height: 30px
    }
}

.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart .quantity .qty {
    --_detail-qty-input-bg: transparent;
    --_detail-qty-input-color: currentColor;
    --_detail-qty-input-border-color: currentColor
}

.woocommerce .woocommerce-notices-wrapper {
    width: 100%;
    margin-inline: auto;
    padding-inline: 1.5rem
}

.woocommerce .woocommerce-notices-wrapper:not(:empty) {
    margin-top: 2rem
}

.woocommerce-thankyou-order-received {
    display: none
}

.container .woocommerce .woocommerce-notices-wrapper,
.container-maxed-at-lg .woocommerce-notices-wrapper,
.woocommerce .container-maxed-at-lg .woocommerce-notices-wrapper {
    padding-inline: 0
}

@media (min-width: 576px) {
    .woocommerce .woocommerce-notices-wrapper {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .woocommerce .woocommerce-notices-wrapper {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-notices-wrapper {
        max-width: 960px
    }
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    --_woo-message-border-top-color: transparent
}

.woocommerce .woocommerce-error {
    --_woo-message-border-top-color: red
}

.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: .5em;
    background-color: transparent;
    border-top-color: var(--_woo-message-border-top-color);
    padding: 1em 0;
    color: inherit;
    font-family: soleilregular;
    font-family: var(--font-family-serif);
    font-size: 1.125rem;
    font-size: var(--body-font-size);
    letter-spacing: .025em
}

.woocommerce .woocommerce-info:before,
.woocommerce .woocommerce-error:before,
.woocommerce .woocommerce-message:before {
    content: none
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-info,
    .woocommerce .woocommerce-error,
    .woocommerce .woocommerce-message {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.woocommerce .woocommerce-info .button,
.woocommerce .woocommerce-error .button,
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .restore-item,
.woocommerce .woocommerce-error .restore-item,
.woocommerce .woocommerce-message .restore-item {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-info .button,
    .woocommerce .woocommerce-error .button,
    .woocommerce .woocommerce-message .button,
    .woocommerce .woocommerce-info .restore-item,
    .woocommerce .woocommerce-error .restore-item,
    .woocommerce .woocommerce-message .restore-item {
        -webkit-margin-start: auto;
        margin-inline-start: auto
    }
}

body.archive .woocommerce-message,
body.single-product .woocommerce-message {
    position: relative;
    isolation: isolate
}

body.archive .woocommerce-message:before,
body.single-product .woocommerce-message:before {
    content: "" !important;
    background-color: #8f3d15;
    opacity: .3;
    z-index: -1;
    position: absolute;
    top: -.5rem;
    left: -1.5rem;
    left: calc(-1 * var(--container-padding-x));
    right: -1.5rem;
    right: calc(-1 * var(--container-padding-x));
    bottom: -.5rem;
    mix-blend-mode: multiply
}

@media (min-width: 768px) {
    body.archive .woocommerce-message:before,
    body.single-product .woocommerce-message:before {
        left: -2rem;
        right: -2rem
    }
}

@media (min-width: 1200px) {
    body.archive .woocommerce-message:before,
    body.single-product .woocommerce-message:before {
        left: -3rem;
        right: -3rem
    }
}

.woocommerce-account .wrapper--page-title+.wrapper--content {
    margin-top: 3rem
}

.woocommerce-MyAccount-navigation ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.woocommerce-MyAccount-navigation ul li+li {
    margin-top: .5em
}

.woocommerce-MyAccount-navigation a {
    color: #00513a;
    color: var(--body-color)
}

.woocommerce-MyAccount-content {
    margin-top: 3rem
}

@media (min-width: 768px) {
    .woocommerce-MyAccount-content {
        margin-top: 0
    }
}

.woocommerce-MyAccount-content p+p,
.woocommerce-MyAccount-content p+.u-columns {
    margin-top: 2rem
}

.woocommerce-MyAccount-content .woocommerce-Address+.woocommerce-Address {
    margin-top: 2rem
}

@media (min-width: 768px) {
    .woocommerce-MyAccount-content .woocommerce-Address+.woocommerce-Address {
        margin-top: 0
    }
}

.woocommerce-MyAccount-content .form-row.form-row-first+.form-row.form-row-last {
    margin-top: 0
}

.woocommerce-MyAccount-content .form-row+fieldset {
    margin-top: 2em
}

.woocommerce-MyAccount-content .form-row+fieldset legend {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper+p {
    margin-top: 1em
}

.woocommerce-MyAccount-content a.edit {
    width: 1em;
    height: 1em;
    text-indent: -200vw;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23feebdc' d='M5 23.7q-.825 0-1.413-.588Q3 22.525 3 21.7v-14q0-.825.587-1.413Q4.175 5.7 5 5.7h8.925l-2 2H5v14h14v-6.95l2-2v8.95q0 .825-.587 1.412q-.588.588-1.413.588Zm7-9Zm4.175-8.425l1.425 1.4l-6.6 6.6V15.7h1.4l6.625-6.625l1.425 1.4l-7.2 7.225H9v-4.25Zm4.275 4.2l-4.275-4.2l2.5-2.5q.6-.6 1.438-.6q.837 0 1.412.6l1.4 1.425q.575.575.575 1.4T22.925 8Z'/%3E%3C/svg%3E");
    background-size: 1em 1em
}

.woocommerce-MyAccount-content a.button {
    background-color: transparent;
    padding: 0;
    color: #31ae94;
    color: var(--typo-link-color);
    text-decoration-line: underline;
    text-decoration-thickness: 1px
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce-MyAccount-content a.button:hover {
        background-color: transparent;
        color: #31ae94;
        color: var(--typo-link-color)
    }
    .woocommerce-MyAccount-content a.button:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .woocommerce-MyAccount-content a.button:focus-visible {
        background-color: transparent;
        color: #31ae94;
        color: var(--typo-link-color)
    }
}

.woocommerce-MyAccount-content a.button.touching {
    background-color: transparent;
    color: #31ae94;
    color: var(--typo-link-color);
    --btn-transition-duration: 50ms
}

.woocommerce form.woocommerce-ResetPassword .form-row-first+.form-row-last {
    margin-top: 0
}

.woocommerce .woocommerce-MyAccount-content mark {
    background-color: transparent;
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: inherit;
    white-space: nowrap
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-notices-wrapper+p {
    margin-bottom: 1em
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-order-details,
.woocommerce .woocommerce-MyAccount-content .woocommerce-customer-details {
    background-color: transparent
}

.woocommerce-account .woocommerce form .form-row input[type=text],
.woocommerce-account .woocommerce form .form-row input[type=email],
.woocommerce-account .woocommerce form .form-row input[type=password] {
    color: #00513a;
    color: var(--body-color);
    background-color: transparent
}

.woocommerce-account .woocommerce form.woocommerce-form-login .form-row-wide+.form-row:not(.form-row-wide) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.woocommerce-account .woocommerce form.woocommerce-form-login .form-row-wide+.form-row:not(.form-row-wide) .button {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.woocommerce-account .woocommerce form.woocommerce-form-login .form-row-wide+.form-row:not(.form-row-wide) label {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.woocommerce-account .woocommerce table.my_account_orders {
    font-size: 1em
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 78%
}

.woocommerce-page main {
    padding-bottom: 3rem
}

@media (min-width: 992px) {
    .woocommerce-page main {
        padding-bottom: 5rem
    }
}

.woocommerce-page .wrapper--page-title+.wrapper--content {
    padding-top: 2rem
}

.woocommerce .woocommerce-products-header {
    margin-top: 2rem;
    margin-bottom: 3rem
}

.woocommerce .woocommerce-products-header .term-description {
    margin-top: 1rem
}

.woocommerce-products-header__title-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .woocommerce-products-header__title-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.woocommerce-products-header__title-container .woocommerce-ordering {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .woocommerce-products-header__title-container .woocommerce-ordering {
        margin-left: auto;
        -ms-flex-item-align: end;
        align-self: flex-end
    }
}

.woocommerce-products-header,
.woocommerce ul.products {
    color: #f2eadb;
    color: var(--color-broken-white)
}

.woocommerce ul.products {
    display: grid;
    grid-gap: 4rem;
    gap: 4rem;
    margin-bottom: 0
}

@media (min-width: 576px) {
    .woocommerce ul.products {
        gap: 5rem 2rem
    }
}

@media (min-width: 992px) {
    .woocommerce ul.products {
        gap: 5rem 3rem
    }
}

.woocommerce ul.products:before,
.woocommerce ul.products:after {
    content: normal;
    content: initial;
    display: inline;
    display: initial
}

@media (min-width: 576px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr 1fr 1fr
    }
}

.woocommerce ul.products li.product {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: center
}

.woocommerce ul.products li.product .price {
    color: inherit;
    margin: 0;
    font-size: 1.125rem;
    font-size: var(--font-size-step-1)
}

.woocommerce ul.products li.product .button {
    margin-top: .75rem;
    width: 75%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.nav-link.cart-contents {
    position: relative;
    display: block;
    top: -.25rem;
    overflow: visible;
    padding: .5em 0;
    padding: var(--nav-py) 0;
    -webkit-transition: color .22s ease;
    transition: color .22s ease
}

.nav-link.cart-contents .cart-count {
    position: absolute;
    top: -.125rem;
    right: -.5rem;
    width: 1.375rem;
    height: 1.375rem;
    border-radius: 50%;
    background-color: #30010d;
    background-color: var(--color-brown);
    color: #fff;
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol;
    font-weight: 400;
    font-weight: var(--font-weight-normal);
    line-height: 1.375rem;
    font-size: .875rem;
    letter-spacing: 0;
    text-align: center
}

.nav-link.cart-contents svg {
    fill: currentColor
}

@media (hover: hover) and (pointer: fine) {
    .nav-link.cart-contents:hover {
        color: #31ae94;
        color: var(--nav-link-hover-color)
    }
    .nav-link.cart-contents:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .nav-link.cart-contents:focus-visible {
        color: #31ae94;
        color: var(--nav-link-hover-color)
    }
}

.nav-link.cart-contents.touching {
    color: #31ae94;
    color: var(--nav-link-hover-color);
    --btn-transition-duration: 50ms
}

.body--bg-brown .nav-link.cart-contents .cart-count,
.woo-mobile-footer-menu .nav-link.cart-contents .cart-count {
    background-color: #31ae94;
    background-color: var(--color-teal)
}

body.woocommerce-cart {
    --body-color: var(--color-dark-gray);
    --burger-open-color: var(--color-dark-gray);
    --burger-open-hover-color: var(--color-teal);
    background-color: #fff
}

body.woocommerce-cart .woocommerce {
    color: #00513a;
    color: var(--body-color)
}

@media (min-width: 1200px) {
    body.woocommerce-cart {
        --nav-link-color: var(--color-dark-gray)
    }
}

.woocommerce-cart-form,
.cart_totals {
    background-color: #fcfcf4;
    padding: 1rem 1.25rem;
    border: 1px solid #989898
}

@media (min-width: 992px) {
    .woocommerce-cart-form,
    .cart_totals {
        padding: 1.5rem 2rem
    }
}

.woocommerce-cart-form {
    margin-bottom: 0;
    --detail-qty-input-font-family: var(--font-family-serif);
    --detail-qty-input-font-size: 1.125rem
}

.woocommerce-cart-form~.cart-collaterals {
    margin-top: 1.25rem
}

.woocommerce-cart table.cart th {
    font-family: var(--font-family-sans-serif);
    text-transform: uppercase;
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce-cart table.cart .product-quantity {
    text-align: center
}

.woocommerce-cart table.cart .product-subtotal {
    text-align: right;
    padding-right: 0
}

.woocommerce .shop_table.cart button.button:disabled,
.woocommerce .shop_table.cart button.button:disabled[disabled] {
    color: var(--_btn-color)
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce .shop_table.cart button.button:disabled:hover,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:hover {
        color: var(--_btn-hover-color);
        background-color: var(--_btn-hover-bg)
    }
    .woocommerce .shop_table.cart button.button:disabled:focus,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .woocommerce .shop_table.cart button.button:disabled:focus-visible,
    .woocommerce .shop_table.cart button.button[disabled]:disabled:focus-visible {
        color: var(--_btn-hover-color);
        background-color: var(--_btn-hover-bg)
    }
}

.woocommerce .shop_table.cart button.button.touching:disabled,
.woocommerce .shop_table.cart button.button.touching[disabled]:disabled {
    color: var(--_btn-hover-color);
    background-color: var(--_btn-hover-bg);
    --btn-transition-duration: 50ms
}

.woocommerce-cart .wc-proceed-to-checkout {
    padding: 0
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 0
}

.woocommerce table.shop_table {
    border: 0 none
}

.woocommerce table.shop_table td.product-remove {
    -webkit-padding-start: 0;
    padding-inline-start: 0
}

.woocommerce table.shop_table a.remove {
    position: relative;
    display: inline-block;
    color: inherit !important;
    text-indent: -9999px;
    width: 27px;
    height: 27px
}

@media (hover: hover) and (pointer: fine) {
    .woocommerce table.shop_table a.remove:hover {
        color: #c00 !important
    }
    .woocommerce table.shop_table a.remove:hover:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23cc0000' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2zm0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12z'/%3E%3Cpath fill='%23cc0000' d='M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'/%3E%3C/svg%3E")
    }
    .woocommerce table.shop_table a.remove:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .woocommerce table.shop_table a.remove:focus-visible {
        color: #c00 !important
    }
    .woocommerce table.shop_table a.remove:focus-visible:before {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23cc0000' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2zm0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12z'/%3E%3Cpath fill='%23cc0000' d='M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'/%3E%3C/svg%3E")
    }
}

.woocommerce table.shop_table a.remove.touching {
    color: #c00 !important
}

.woocommerce table.shop_table a.remove.touching:before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23cc0000' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2zm0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12z'/%3E%3Cpath fill='%23cc0000' d='M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'/%3E%3C/svg%3E")
}

.woocommerce table.shop_table a.remove.touching {
    --btn-transition-duration: 50ms
}

.woocommerce table.shop_table a.remove:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23212121' d='M16 2C8.2 2 2 8.2 2 16s6.2 14 14 14s14-6.2 14-14S23.8 2 16 2zm0 26C9.4 28 4 22.6 4 16S9.4 4 16 4s12 5.4 12 12s-5.4 12-12 12z'/%3E%3Cpath fill='%23212121' d='M21.4 23L16 17.6L10.6 23L9 21.4l5.4-5.4L9 10.6L10.6 9l5.4 5.4L21.4 9l1.6 1.6l-5.4 5.4l5.4 5.4z'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center
}

.woocommerce table.shop_table a.remove:hover {
    background-color: transparent
}

.woocommerce table.shop_table.cart tr.cart_item td {
    border-color: transparent
}

@media (max-width: 767.98px) {
    .woocommerce table.shop_table.cart tr.cart_item td:not(.product-total) {
        padding-inline: 0
    }
}

.woocommerce table.shop_table.cart tr.cart_item td {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.woocommerce table.shop_table.cart tr.cart_item:not(:first-child) td {
    border-top: 1px solid currentColor
}

.woocommerce table.shop_table.cart tr:not(.cart_item) td {
    border: 0 none
}

.woocommerce table.shop_table td.actions {
    padding-inline: 0
}

.woocommerce-cart .cart-collaterals .cart_totals table th,
.woocommerce-cart .cart-collaterals .cart_totals table td {
    border-color: currentColor
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
    padding-left: 0;
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce-cart .cart-collaterals .cart_totals table td {
    padding-inline: 0;
    font-weight: 600;
    font-weight: var(--font-weight-semi-bold)
}

.woocommerce table.shop_table_responsive tr:nth-child(2n) td,
.woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
    background-color: transparent
}

.woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator {
    padding-bottom: 1em
}

.woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button {
    text-decoration-line: underline;
    text-underline-offset: .3em;
    text-underline-offset: var(--text-decoration-offset, .2em)
}

.woocommerce-cart .cart-collaterals .woocommerce-shipping-calculator .shipping-calculator-button:after {
    display: none
}

body.woocommerce-checkout {
    --body-color: var(--color-dark-gray);
    --burger-open-color: var(--color-dark-gray);
    --burger-open-hover-color: var(--color-teal);
    background-color: #fff
}

body.woocommerce-checkout .woocommerce {
    color: #00513a;
    color: var(--body-color)
}

@media (min-width: 1200px) {
    body.woocommerce-checkout {
        --nav-link-color: var(--color-dark-gray)
    }
}

body.woocommerce-checkout #payment {
    background-color: transparent
}

body.woocommerce-checkout #payment ul.payment_methods,
body.woocommerce-checkout #payment div.form-row {
    padding: 0
}

body.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 0 none
}

body.woocommerce-checkout #payment div.form-row {
    margin-top: 1em
}

body.woocommerce-checkout #payment div.form-row #place_order {
    float: none;
    margin-top: 1em
}

body.woocommerce-checkout .form-row {
    padding-inline: 0
}

body.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info {
    margin: 0
}

body.woocommerce-checkout .woocommerce-form-login {
    margin: 0;
    border: 0 none;
    padding: 0 0 2em
}

@media (min-width: 768px) {
    body.woocommerce-checkout .woocommerce-form-login .form-row+.form-row {
        margin-top: 0
    }
}

body.woocommerce-checkout .woocommerce-form-login .form-row-last+.clear+.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body.woocommerce-checkout .woocommerce-form-login .form-row-last+.clear+.form-row button {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

body.woocommerce-checkout .woocommerce-form-login .form-row-last+.clear+.form-row .woocommerce-form-login__rememberme {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

body.woocommerce-checkout .woocommerce-form-login .lost_password a {
    text-decoration-line: underline
}

@media (hover: hover) and (pointer: fine) {
    body.woocommerce-checkout .woocommerce-form-login .lost_password a:hover {
        text-decoration-line: none
    }
    body.woocommerce-checkout .woocommerce-form-login .lost_password a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    body.woocommerce-checkout .woocommerce-form-login .lost_password a:focus-visible {
        text-decoration-line: none
    }
}

body.woocommerce-checkout .woocommerce-form-login .lost_password a.touching {
    text-decoration-line: none;
    --btn-transition-duration: 50ms
}

.checkout--outer {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 2rem;
    gap: 2rem
}

@media (min-width: 768px) {
    .checkout--outer {
        grid-template-columns: 1fr 1fr
    }
}

.woocommerce-shipping-fields #ship-to-different-address {
    margin-bottom: 0
}

.woocommerce-shipping-fields #ship-to-different-address+.shipping_address {
    padding-top: 1rem
}

.form-row.notes label,
#ship-to-different-address .woocommerce-form__label-for-checkbox {
    --radio-checkbox-label-font-size: 1.25rem;
    --radio-checkbox-label-line-height: 1.1;
    --radio-checkbox-width-height: 1em;
    font-size: 1.25rem;
    line-height: 1.1
}

#ship-to-different-address .woocommerce-form__label-for-checkbox input {
    position: absolute;
    left: -200vw
}

#ship-to-different-address .woocommerce-form__label-for-checkbox span {
    position: relative;
    display: block;
    padding-left: 0;
    padding-right: calc(1.5 * var(--_radio-checkbox-width-height))
}

#ship-to-different-address .woocommerce-form__label-for-checkbox span:before {
    left: auto;
    right: 0
}

#ship-to-different-address .woocommerce-form__label-for-checkbox span:after {
    left: auto;
    right: 2px
}

#billing_last_name_field.form-row,
#shipping_last_name_field.form-row {
    margin-top: 0
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table {
    border-collapse: collapse
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table td {
    vertical-align: top
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table thead th {
    border-top-color: transparent;
    width: 50%
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-name {
    padding-left: 0
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-name span {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td.product-name strong {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: .25em
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.cart_item td {
    border-color: transparent
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.cart_item td:first-child,
.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.cart_item td:first-child strong {
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.cart_item td:last-child {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table tr:not(.cart_item) td {
    border-top: 1px solid currentColor
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table td.actions {
    padding-inline: 0
}

.woocommerce .shop_table.woocommerce-checkout-review-order-table tbody th,
.woocommerce .shop_table.woocommerce-checkout-review-order-table tfoot th {
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce-account-fields {
    margin-top: 1em
}

.woocommerce-NoticeGroup-checkout ul.woocommerce-error {
    display: none
}

.woocommerce-form-login-toggle {
    margin-bottom: 1.25rem
}

#customer_details .checkout--billing,
#customer_details .checkout--shipping .woocommerce-shipping-fields,
#customer_details .checkout--shipping .woocommerce-additional-fields,
.checkout--review-and-order--inner {
    background-color: #fcfcf4;
    padding: 1rem 1.25rem;
    border: 1px solid #989898
}

@media (min-width: 992px) {
    #customer_details .checkout--billing,
    #customer_details .checkout--shipping .woocommerce-shipping-fields,
    #customer_details .checkout--shipping .woocommerce-additional-fields,
    .checkout--review-and-order--inner {
        padding: 1.5rem 2rem
    }
}

#customer_details .checkout--shipping .woocommerce-shipping-fields,
#customer_details .checkout--shipping .woocommerce-additional-fields {
    margin-top: 2rem
}

.woocommerce form .form-row.woocommerce-validated input.input-text {
    border-color: var(--color-light-gray);
    border-color: var(--input-border-color)
}

.woocommerce-delivery-notice {
    margin-bottom: 1.5em
}

body.single-product {
    background-color: var(--color-dark-gray)
}

.woocommerce div.product .product-image-and-summary {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 2rem
}

@media (min-width: 768px) {
    .woocommerce div.product .product-image-and-summary {
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 992px) {
    .woocommerce div.product .product-image-and-summary {
        gap: 3rem
    }
}

.woocommerce div.product .product-image-and-summary img {
    max-width: none;
    width: 100%
}

.woocommerce div.product .product-description-and-related {
    margin-top: 2rem
}

.woocommerce div.product .product-description-and-related .lead,
.woocommerce div.product .product-description-and-related .attention {
    margin-bottom: 1.25rem
}

.woocommerce div.product div.images {
    float: none !important;
    width: 100% !important
}

.woocommerce div.product div.summary {
    --_summary-color: var(--product-summary-color, var(--body-color));
    float: none !important;
    width: 100% !important;
    color: var(--_summary-color);
    margin: 0
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .woocommerce div.product div.summary {
        padding-right: 2rem
    }
}

.woocommerce div.product div.summary h1+p {
    margin-top: .5rem
}

.woocommerce div.product div.summary p {
    margin-top: 1.25rem
}

.woocommerce div.product div.summary p.lead,
.woocommerce div.product div.summary p.attention {
    line-height: 1.4
}

.woocommerce div.product div.summary p.price {
    font-size: 2.5rem;
    margin-block: 2rem
}

.woocommerce div.product div.summary ul.product-attrs {
    margin-block: 1.25rem;
    list-style: none;
    padding: 0
}

.woocommerce div.product div.summary ul.product-attrs li {
    display: inline-block
}

.woocommerce div.product div.summary ul.product-attrs li+li:before {
    content: "|";
    margin-inline: .5em
}

.woocommerce div.product div.summary form.cart {
    margin-top: 2rem
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: inherit
}

.woocommerce div.product form.cart .button {
    float: none;
    --btn-min-width: 13rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.woocommerce div.product p.stock {
    font-size: 1.125rem;
    font-size: var(--body-font-size);
    font-weight: 700;
    font-weight: var(--font-weight-bold);
    color: inherit
}

.woocommerce div.product p.stock {
    border: 1px solid currentColor;
    padding: .25em 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background-color: #00000026
}

.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    color: var(--_btn-hover-color);
    background-color: var(--_btn-hover-bg);
    border-color: var(--_btn-border-hover-color)
}

.woocommerce .button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.woo-mobile-footer-menu {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #000;
    background-color: var(--color-black);
    z-index: 120;
    padding: .25em 0;
    --burger-open-color: currentColor
}

.woo-mobile-footer-menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1em
}

.woo-mobile-footer-menu li {
    height: 3rem;
    display: grid;
    place-items: center
}

.woo-mobile-footer-menu a {
    -webkit-transition: color .22s ease;
    transition: color .22s ease
}

@media (hover: hover) and (pointer: fine) {
    .woo-mobile-footer-menu a:hover {
        color: #31ae94;
        color: var(--nav-link-hover-color)
    }
    .woo-mobile-footer-menu a:focus {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important
    }
    .woo-mobile-footer-menu a:focus-visible {
        color: #31ae94;
        color: var(--nav-link-hover-color)
    }
}

.woo-mobile-footer-menu a.touching {
    color: #31ae94;
    color: var(--nav-link-hover-color);
    --btn-transition-duration: 50ms
}

.woo-mobile-footer-menu .nav-link.cart-contents {
    top: auto
}

.woo-mobile-footer-menu svg {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.woo-mobile-footer-menu .main-menu--toggler {
    -webkit-transform: scale(.75);
    transform: scale(.75)
}

.woocommerce .woocommerce-order .woocommerce-notice {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.woocommerce .woocommerce-order .woocommerce-order-overview {
    display: none;
    margin: 1.25rem 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    background-color: #fcfcf4;
    padding: 1rem 1.25rem;
    border: 1px solid #989898
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-order .woocommerce-order-overview {
        padding: 1.5rem 2rem
    }
}

.woocommerce .woocommerce-order .woocommerce-order-overview:before,
.woocommerce .woocommerce-order .woocommerce-order-overview:after {
    display: none
}

.woocommerce .woocommerce-order .woocommerce-order-overview li {
    min-width: 0;
    margin: 0;
    padding: 0 1rem 0 0;
    font-family: var(--font-family-sans-serif);
    border: 0 none
}

.woocommerce .woocommerce-order .woocommerce-order-overview li strong {
    display: block;
    margin-top: .25rem;
    font-family: soleilregular;
    font-family: var(--font-family-serif)
}

.woocommerce table.shop_table {
    border-collapse: collapse
}

.woocommerce table.shop_table tfoot th,
.woocommerce table.shop_table .woocommerce-table__line-item.order_item,
.woocommerce table.shop_table .woocommerce-table__line-item.order_item strong {
    font-weight: 400;
    font-weight: var(--font-weight-normal)
}

.woocommerce table.shop_table .woocommerce-table__line-item.order_item .woocommerce-table__product-name.product-name strong {
    float: left;
    padding-right: .25em
}

.woocommerce table.shop_table .woocommerce-table__product-total {
    font-weight: 700;
    font-weight: var(--font-weight-bold)
}

.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
    padding: .5em 0
}

.woocommerce table.shop_table tfoot th {
    border-top-color: currentColor
}

.woocommerce .woocommerce-order-details {
    background-color: #fcfcf4;
    padding: 1rem 1.25rem;
    border: 1px solid #989898;
    margin-bottom: 1.25rem
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-order-details {
        padding: 1.5rem 2rem
    }
}

.woocommerce .woocommerce-order-details td,
.woocommerce .woocommerce-order-details th {
    border-top-color: currentColor !important
}

.woocommerce .woocommerce-customer-details {
    background-color: #fcfcf4;
    padding: 1rem 1.25rem;
    border: 1px solid #989898
}

@media (min-width: 992px) {
    .woocommerce .woocommerce-customer-details {
        padding: 1.5rem 2rem
    }
}

.woocommerce .woocommerce-customer-details .woocommerce-column--2 {
    margin-top: 2.5rem
}

@media (min-width: 768px) {
    .woocommerce .woocommerce-customer-details .woocommerce-column--2 {
        margin-top: 0
    }
}

.woocommerce .woocommerce-customer-details address {
    border: 0 none;
    padding: 0
}

.woocommerce table.shop_table .woocommerce-table__order-number th {
    padding-top: 1em;
    padding-bottom: 0
}

.woocommerce table.shop_table .woocommerce-table__order-date th {
    padding-bottom: 2em
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
    padding-left: 0
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone:before,
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email:before {
    content: none
}

@media (max-width: 767.98px) {
    .woocommerce-order-received .woocommerce-order-details .shop_table th:last-child,
    .woocommerce-order-received .woocommerce-order-details .shop_table td:last-child {
        text-align: right
    }
}

.woocommerce-order-received .woocommerce table.shop_table td small {
    font-size: inherit;
    font-weight: inherit
}

.container,
.woocommerce .woocommerce-breadcrumb,
.container-maxed-at-lg,
.woocommerce .woocommerce-breadcrumb,
.woocommerce ul.products,
.container-maxed-at-xl,
.woocommerce div.product,
.container-fluid,
.container-fluid-maxed {
    --_container-padding-x: var(--container-padding-x, 1.5rem);
    --_max-width: 100%;
    width: 100%;
    max-width: calc(var(--_max-width) - 2 * var(--_container-padding-x));
    margin-inline: auto
}

@media (min-width: 576px) {
    .container,
    .woocommerce .woocommerce-breadcrumb,
    .container-maxed-at-lg,
    .woocommerce .woocommerce-breadcrumb,
    .woocommerce ul.products,
    .container-maxed-at-xl,
    .woocommerce div.product {
        --_max-width: var(--container-w-sm, 576px)
    }
}

@media (min-width: 768px) {
    .container,
    .woocommerce .woocommerce-breadcrumb,
    .container-maxed-at-lg,
    .woocommerce .woocommerce-breadcrumb,
    .woocommerce ul.products,
    .container-maxed-at-xl,
    .woocommerce div.product {
        --_max-width: var(--container-w-md, 720px)
    }
}

@media (min-width: 992px) {
    .container,
    .woocommerce .woocommerce-breadcrumb,
    .container-maxed-at-lg,
    .woocommerce .woocommerce-breadcrumb,
    .woocommerce ul.products,
    .container-maxed-at-xl,
    .woocommerce div.product {
        --_max-width: var(--container-w-lg, 960px)
    }
}

@media (min-width: 1200px) {
    .container,
    .woocommerce .woocommerce-breadcrumb,
    .container-maxed-at-xl,
    .woocommerce div.product {
        --_max-width: var(--container-w-xl, 1140px)
    }
}

@media (min-width: 1400px) {
    .container,
    .woocommerce .woocommerce-breadcrumb,
    .container-fluid-maxed {
        --_max-width: var(--container-w-xxl, 1320px)
    }
    .container-fluid,
    .container-fluid-maxed {
        --_container-padding-x: 3rem
    }
}

@media (min-width: 1660px) {
    .container-fluid-maxed {
        --_max-width: 1600px
    }
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-inline {
    display: inline !important
}

.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

.d-grid {
    display: grid !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }
    .d-sm-block {
        display: block !important
    }
    .d-sm-inline-block {
        display: inline-block !important
    }
    .d-sm-inline {
        display: inline !important
    }
    .d-sm-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-sm-grid {
        display: grid !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }
    .d-md-block {
        display: block !important
    }
    .d-md-inline-block {
        display: inline-block !important
    }
    .d-md-inline {
        display: inline !important
    }
    .d-md-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-md-grid {
        display: grid !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }
    .d-lg-block {
        display: block !important
    }
    .d-lg-inline-block {
        display: inline-block !important
    }
    .d-lg-inline {
        display: inline !important
    }
    .d-lg-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-lg-grid {
        display: grid !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }
    .d-xl-block {
        display: block !important
    }
    .d-xl-inline-block {
        display: inline-block !important
    }
    .d-xl-inline {
        display: inline !important
    }
    .d-xl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xl-grid {
        display: grid !important
    }
}

@media (min-width: 1400px) {
    .d-xxl-none {
        display: none !important
    }
    .d-xxl-block {
        display: block !important
    }
    .d-xxl-inline-block {
        display: inline-block !important
    }
    .d-xxl-inline {
        display: inline !important
    }
    .d-xxl-flex {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
    .d-xxl-grid {
        display: grid !important
    }
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.flex-fill {
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.justify-content-evenly {
    -webkit-box-pack: space-evenly !important;
    -ms-flex-pack: space-evenly !important;
    justify-content: space-evenly !important
}

.align-items-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.order-first {
    -webkit-box-ordinal-group: 1 !important;
    -ms-flex-order: 0 !important;
    order: 0 !important
}

.order-last {
    -webkit-box-ordinal-group: 13 !important;
    -ms-flex-order: 12 !important;
    order: 12 !important
}

@media (min-width: 576px) {
    .flex-sm-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-sm-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .justify-content-sm-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-sm-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-sm-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-sm-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .justify-content-sm-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
    .align-items-sm-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-sm-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-sm-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .order-sm-first {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }
    .order-sm-last {
        -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
        order: 12 !important
    }
}

@media (min-width: 768px) {
    .flex-md-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-md-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .justify-content-md-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-md-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-md-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .justify-content-md-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
    .align-items-md-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-md-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-md-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .order-md-first {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }
    .order-md-last {
        -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
        order: 12 !important
    }
}

@media (min-width: 992px) {
    .flex-lg-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-lg-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .justify-content-lg-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-lg-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-lg-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-lg-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .justify-content-lg-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
    .align-items-lg-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-lg-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-lg-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .order-lg-first {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }
    .order-lg-last {
        -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
        order: 12 !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .justify-content-xl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .justify-content-xl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
    .align-items-xl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .order-xl-first {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }
    .order-xl-last {
        -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
        order: 12 !important
    }
}

@media (min-width: 1400px) {
    .flex-xxl-column {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
    .flex-xxl-row {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
    .justify-content-xxl-start {
        -webkit-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }
    .justify-content-xxl-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }
    .justify-content-xxl-end {
        -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }
    .justify-content-xxl-between {
        -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }
    .justify-content-xxl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }
    .justify-content-xxl-evenly {
        -webkit-box-pack: space-evenly !important;
        -ms-flex-pack: space-evenly !important;
        justify-content: space-evenly !important
    }
    .align-items-xxl-start {
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }
    .align-items-xxl-center {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .align-items-xxl-end {
        -webkit-box-align: end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }
    .order-xxl-first {
        -webkit-box-ordinal-group: 1 !important;
        -ms-flex-order: 0 !important;
        order: 0 !important
    }
    .order-xxl-last {
        -webkit-box-ordinal-group: 13 !important;
        -ms-flex-order: 12 !important;
        order: 12 !important
    }
}

[class*=ia--fade] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: var( --ease-out-back, cubic-bezier(.175, .885, .32, 1.275));
    transition-timing-function: var( --ease-out-back, cubic-bezier(.175, .885, .32, 1.275));
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.on-screen[class*=ia--fade] {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ia--fade-up {
    -webkit-transform: translate3d(0, 6rem, 0);
    transform: translate3d(0, 6rem, 0)
}

.ia--fade-down {
    -webkit-transform: translate3d(0, -6rem, 0);
    transform: translate3d(0, -6rem, 0)
}

.ia--fade-right {
    -webkit-transform: translate3d(-6rem, 0, 0);
    transform: translate3d(-6rem, 0, 0)
}

.ia--fade-left {
    -webkit-transform: translate3d(6rem, 0, 0);
    transform: translate3d(6rem, 0, 0)
}

.ia--fade-up-right {
    -webkit-transform: translate3d(-6rem, 6rem, 0);
    transform: translate3d(-6rem, 6rem, 0)
}

.ia--fade-up-left {
    -webkit-transform: translate3d(6rem, -6rem, 0);
    transform: translate3d(6rem, -6rem, 0)
}

.ia--fade-down-right {
    -webkit-transform: translate3d(-6rem, -6rem, 0);
    transform: translate3d(-6rem, -6rem, 0)
}

.ia--fade-down-left {
    -webkit-transform: translate3d(6rem, -6rem, 0);
    transform: translate3d(6rem, -6rem, 0)
}

[class*=ia--zoom] {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: var(--ease-out-back);
    transition-timing-function: var(--ease-out-back);
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.on-screen[class*=ia--zoom] {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

.ia--zoom-in {
    -webkit-transform: scale(.6);
    transform: scale(.6)
}

.ia--zoom-in-up {
    -webkit-transform: translate3d(0, 6rem, 0) scale(.6);
    transform: translate3d(0, 6rem, 0) scale(.6)
}

.ia--zoom-in-down {
    -webkit-transform: translate3d(0, -6rem, 0) scale(.6);
    transform: translate3d(0, -6rem, 0) scale(.6)
}

.ia--zoom-in-right {
    -webkit-transform: translate3d(-6rem, 0, 0) scale(.6);
    transform: translate3d(-6rem, 0, 0) scale(.6)
}

.ia--zoom-in-left {
    -webkit-transform: translate3d(6rem, 0, 0) scale(.6);
    transform: translate3d(6rem, 0, 0) scale(.6)
}

.ia--zoom-out {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.ia--zoom-out-up {
    -webkit-transform: translate3d(0, 6rem, 0) scale(1.2);
    transform: translate3d(0, 6rem, 0) scale(1.2)
}

.ia--zoom-out-down {
    -webkit-transform: translate3d(0, -6rem, 0) scale(1.2);
    transform: translate3d(0, -6rem, 0) scale(1.2)
}

.ia--zoom-out-right {
    -webkit-transform: translate3d(-6rem, 0, 0) scale(1.2);
    transform: translate3d(-6rem, 0, 0) scale(1.2)
}

.ia--zoom-out-left {
    -webkit-transform: translate3d(6rem, 0, 0) scale(1.2);
    transform: translate3d(6rem, 0, 0) scale(1.2)
}

[class*=ia--slide] {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: var(--ease-out-back);
    transition-timing-function: var(--ease-out-back);
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.on-screen[class*=ia--slide] {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.ia--slide-up {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.ia--slide-down {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.ia--slide-right {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.ia--slide-left {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

[class*=ia--flip] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-timing-function: var( --ease-out-back, cubic-bezier(.175, .885, .32, 1.275));
    transition-timing-function: var( --ease-out-back, cubic-bezier(.175, .885, .32, 1.275));
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.ia--flip-left {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg)
}

.ia--flip-left.on-screen {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

.ia--flip-right {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg)
}

.ia--flip-right.on-screen {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0)
}

.ia--flip-up {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg)
}

.ia--flip-up.on-screen {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

.ia--flip-down {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg)
}

.ia--flip-down.on-screen {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0)
}

[x-bind=animator] {
    display: block
}

.br-xs,
.br-sm,
.br-md,
.br-lg,
.br-xl,
.br-xxl {
    display: none
}

@media (max-width: 575.98px) {
    .br-xs {
        display: inline
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .br-sm {
        display: inline
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .br-md {
        display: inline
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .br-lg {
        display: inline
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .br-xl {
        display: inline
    }
}

@media (min-width: 1400px) {
    .br-xxl {
        display: inline
    }
}

.styled-scrollbar::-webkit-scrollbar {
    width: 15px;
    width: var(--styled-scrollbar-width, 15px)
}

.styled-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: rgba(128, 128, 128, .5) rgba(0, 0, 0, 0);
    scrollbar-color: var(--styled-scrollbar-thumb, rgba(128, 128, 128, .5)) var(--styled-scrollbar-bg, rgba(0, 0, 0, 0))
}

.styled-scrollbar::-webkit-scrollbar-track {
    background-color: #0000;
    background-color: var(--styled-scrollbar-bg, rgba(0, 0, 0, 0))
}

.styled-scrollbar::-webkit-scrollbar-thumb {
    background-color: #80808080;
    background-color: var(--styled-scrollbar-thumb, rgba(128, 128, 128, .5));
    border-radius: .25rem;
    border-radius: var(--styled-scrollbar-border-radius, .25rem);
    border: .0625rem solid rgba(128, 128, 128, .5);
    border: var(--styled-scrollbar-border-width, .0625rem) solid var(--styled-scrollbar-thumb, rgba(128, 128, 128, .5))
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left
    }
    .text-sm-center {
        text-align: center
    }
    .text-sm-right {
        text-align: right
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left
    }
    .text-md-center {
        text-align: center
    }
    .text-md-right {
        text-align: right
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left
    }
    .text-lg-center {
        text-align: center
    }
    .text-lg-right {
        text-align: right
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left
    }
    .text-xl-center {
        text-align: center
    }
    .text-xl-right {
        text-align: right
    }
}

@media (min-width: 1400px) {
    .text-xxl-left {
        text-align: left
    }
    .text-xxl-center {
        text-align: center
    }
    .text-xxl-right {
        text-align: right
    }
}

.skip-link,
.visually-hidden,
.form .screen-reader-response,
.wpcf7-not-valid-tip,
.wpcf7-response-output {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    white-space: nowrap
}

.splide__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

.splide__list {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

.splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto
}

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

.splide.is-initialized,
.splide.is-rendered {
    visibility: visible
}

.splide__slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

.splide__slide img {
    vertical-align: bottom
}

.splide__spinner {
    -webkit-animation: splide-loading 1s linear infinite;
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    contain: strict;
    display: inline-block;
    height: 20px;
    inset: 0;
    margin: auto;
    position: absolute;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: inline
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@-webkit-keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes splide-loading {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.splide__track--fade>.splide__list>.splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

.splide__track--fade>.splide__list>.splide__slide.is-active {
    opacity: 1;
    z-index: 1
}

.splide--rtl {
    direction: rtl
}

.splide__track--ttb>.splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

.splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em
}

.splide__arrow:hover:not(:disabled) {
    opacity: .9
}

.splide__arrow:disabled {
    opacity: .3
}

.splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__arrow--prev {
    left: 1em
}

.splide__arrow--prev svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrow--next {
    right: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1
}

.splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: .7;
    padding: 0;
    position: relative;
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    width: 8px
}

.splide__pagination__page.is-active {
    background: #fff;
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 1
}

.splide__pagination__page:hover {
    cursor: pointer;
    opacity: .9
}

.splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.splide__slide:focus {
    outline: 0
}

@supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }
    .splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

.splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav>.splide__list>.splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 3px solid #000
}

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

.splide__arrows--rtl .splide__arrow--prev svg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

.splide__arrows--rtl .splide__arrow--next svg {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

.splide__arrows--ttb .splide__arrow--prev svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

.splide__arrows--ttb .splide__arrow--next svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.splide__pagination--ttb {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    inset: 0 .5em 0 auto;
    padding: 1em 0
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */

.pswp {
    --pswp-bg: #000;
    --pswp-placeholder-bg: #222;
    --pswp-root-z-index: 100000;
    --pswp-preloader-color: rgba(79, 79, 79, .4);
    --pswp-preloader-color-secondary: rgba(255, 255, 255, .9);
    --pswp-icon-color: #fff;
    --pswp-icon-color-secondary: #4f4f4f;
    --pswp-icon-stroke-color: #4f4f4f;
    --pswp-icon-stroke-width: 2px;
    --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: var(--pswp-root-z-index);
    display: none;
    -ms-touch-action: none;
    touch-action: none;
    outline: 0;
    opacity: .003;
    contain: layout style size;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.pswp:focus {
    outline: 0
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--open {
    display: block
}

.pswp,
.pswp__bg {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity
}

.pswp__bg {
    opacity: .005;
    background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__scroll-wrap,
.pswp__bg,
.pswp__container,
.pswp__item,
.pswp__content,
.pswp__img,
.pswp__zoom-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
    width: auto;
    height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.pswp__container,
.pswp__img,
.pswp__button,
.pswp__counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__item {
    z-index: 1;
    overflow: hidden
}

.pswp__hidden {
    display: none !important
}

.pswp__content {
    pointer-events: none
}

.pswp__content>* {
    pointer-events: auto
}

.pswp__error-msg-container {
    display: grid
}

.pswp__error-msg {
    margin: auto;
    font-size: 1em;
    line-height: 1;
    color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
    opacity: .005;
    will-change: opacity;
    -webkit-transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
    z-index: 10;
    pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
    opacity: 1;
    pointer-events: auto
}

.pswp__button {
    position: relative;
    display: block;
    width: 50px;
    height: 60px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    cursor: pointer;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .85;
    -webkit-appearance: none;
    -webkit-touch-callout: none
}

.pswp__button:hover,
.pswp__button:active,
.pswp__button:focus {
    -webkit-transition: none;
    transition: none;
    padding: 0;
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1
}

.pswp__button:disabled {
    opacity: .3;
    cursor: auto
}

.pswp__icn {
    fill: var(--pswp-icon-color);
    color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 32px;
    height: 32px;
    overflow: hidden;
    pointer-events: none
}

.pswp__icn-shadow {
    stroke: var(--pswp-icon-stroke-color);
    stroke-width: var(--pswp-icon-stroke-width);
    fill: none
}

.pswp__icn:focus {
    outline: 0
}

div.pswp__img--placeholder,
.pswp__img--with-bg {
    background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 10;
    pointer-events: none !important
}

.pswp__top-bar>* {
    pointer-events: auto;
    will-change: opacity
}

.pswp__button--close {
    margin-right: 6px
}

.pswp__button--arrow {
    position: absolute;
    width: 75px;
    height: 100px;
    top: 50%;
    margin-top: -50px
}

.pswp__button--arrow:disabled {
    display: none;
    cursor: default
}

.pswp__button--arrow .pswp__icn {
    top: 50%;
    margin-top: -30px;
    width: 60px;
    height: 60px;
    background: none;
    border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
    display: none
}

.pswp--touch .pswp__button--arrow {
    visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
    visibility: visible
}

.pswp__button--arrow--prev {
    right: auto;
    left: 0
}

.pswp__button--arrow--next {
    right: 0
}

.pswp__button--arrow--next .pswp__icn {
    left: auto;
    right: 14px;
    -webkit-transform: scale(-1, 1);
    transform: scaleX(-1)
}

.pswp__button--zoom {
    display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
    display: none
}

.pswp__preloader {
    position: relative;
    overflow: hidden;
    width: 50px;
    height: 60px;
    margin-right: auto
}

.pswp__preloader .pswp__icn {
    opacity: 0;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
    -webkit-animation: pswp-clockwise .6s linear infinite;
    animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
    opacity: .85
}

@-webkit-keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes pswp-clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.pswp__counter {
    height: 30px;
    margin-top: 15px;
    -webkit-margin-start: 20px;
    margin-inline-start: 20px;
    font-size: 14px;
    line-height: 30px;
    color: var(--pswp-icon-color);
    text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
    opacity: .85
}

.pswp--one-slide .pswp__counter {
    display: none
}