:root {
    --muted: #b9b9b9;
    --divider: #eee;
    --primary: #654631;
    --primary-dark: #633F29;
    --primary-fg: #fdf5d4;
    --primary-fg-bold: #fff;
    --accent: #AD7C5C;
    --accent-fg: #fff;
    --accent-dark: #d4685a;
    --accent-dark-fg: var(--primary-fg);
    --tertiary: #f1b187;
    --tertiary-fg: #fff;
    --tertiary-fg-bold: #fff;
    --tertiary-fg-inverse: #333;
    --tertiary-fg-inverse-bold: #000;
    --topbar-height: 48px;
    --header-height: 42px;
    --mobile-nav-height: 42px;
    --container: 1200px;
    --container-small: 900px;
    --container-large: 1400px;
    --container-huge: 1600px;
    --z-content-fg: 300;
    --z-header-pattern: 400;
    --z-header: 500;
    --z-mobile-nav: 550;
    --z-topbar: 600;
    --z-megamenu: 1000;
    --z-overlay: 5000;
    --trs: .3s;
    --trs-fast: .2s;
    --trs-2: .5s;
    --facebook: #4267B2;
    --instagram: #E1306C;
    --twitter: #1DA1F2;
    --youtube: #FF0000;
    --pinterest: #E60023;
    --linkedin: #2867B2;
    --telegram: #0084C6;
    --rotation-speed: 40s;
    --input-height: 2.2em;
    --input-padding: .6em;
    --input-padding-expanded: 1.3em;
    --input-bg: #fff;
    --input-color: #000;
    --input-border: #000;
    --tooltip-bg: #fff;
    --tooltip-fg: #000;
    --star-color: var(--primary);
    --star-color-muted: #cecece;
    --error: red;
}

@media (min-width: 1024px) {
    :root {
        --header-height: 100px;
        --header-sticky-height: 70px;
    }
}

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

:focus {
    outline: 0;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

[hidden] {
    display: none !important;
}

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

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

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    line-height: 1;
    overflow-x: hidden;
}

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

b, strong {
    font-weight: bold;
}

i, em {
    font-style: italic;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

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

table {
    border-collapse: collapse;
    border-spacing: 0;
}
.add-to-cart form.cart {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
img,
audio,
canvas,
video,
iframe {
    display: block;
    max-width: 100%;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

label {
    cursor: pointer;
}

button,
input,
select,
textarea {
    font: inherit;
    margin: 0;
    vertical-align: baseline;
    line-height: normal;
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
}

input[type=search] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: content-box;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

.animated {
    -webkit-animation-name: none;
    animation-name: none;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

.fadeUp {
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
}

.fadeLeft {
    -webkit-animation-name: fadeLeft;
    animation-name: fadeLeft;
}

.fadeRight {
    -webkit-animation-name: fadeRight;
    animation-name: fadeRight;
}

.fadeUpShort {
    -webkit-animation-name: fadeUpShort;
    animation-name: fadeUpShort;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeLeft {
    from {
        opacity: 0;
        transform: translateX(20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeRight {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeUpShort {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUpShort {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@-webkit-keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    to {
        transform: rotate(360deg);
    }
}

@font-face {
    font-family: "Ovo";
    src: url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.eot"); /* IE9*/
    src: url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */ url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.woff2") format("woff2"), /* chrome firefox */ url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.woff") format("woff"), /* chrome firefox */ url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/ url("../fonts/ovo/a164e5673088bd14ca657a1eeba8a5d7.svg#Ovo") format("svg"); /* iOS 4.1- */
}

@font-face {
    font-family: 'MSIcons';
    src: url('../fonts/iconfonts/icomoon.eot'),
    url('../fonts/iconfonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('../fonts/iconfonts/icomoon.woff') format('woff'),
    url('../fonts/iconfonts/icomoon.ttf') format('truetype');
}

body {
    font-family: 'Ovo', sans-serif;
    word-wrap: break-word;
}

a, input, textarea, select, button {
    transition-duration: .3s;
}

a {
    transition-property: color;
}

::-moz-selection {
    color: #fff;
    background: #333333;
}

::selection {
    color: #fff;
    background: #333333;
}

.ripple,
.ripples a {
    position: relative;
}

.ripple-circle {
    display: block;
    position: absolute;
    pointer-events: none;
    border-radius: 100%;
    background: currentColor;
    transform: scale(0);
    z-index: 10;
    opacity: .15;
}

.ripple-circle.is-animating {
    -webkit-animation: ripple-expand 0.3s linear;
    animation: ripple-expand 0.3s linear;
}

.ripples-tiny .ripple-circle.is-animating,
.ripple-tiny .ripple-circle.is-animating {
    -webkit-animation-name: ripple-expand-tiny;
    animation-name: ripple-expand-tiny;
}

.ripples-small .ripple-circle.is-animating,
.ripple-small .ripple-circle.is-animating {
    -webkit-animation-name: ripple-expand-small;
    animation-name: ripple-expand-small;
}

.ripple-fast .ripple-circle.is-animating,
.ripples-fast .ripple-circle.is-animating {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
}

@-webkit-keyframes ripple-expand {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes ripple-expand {
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@-webkit-keyframes ripple-expand-tiny {
    100% {
        opacity: 0;
        transform: scale(.5);
    }
}

@keyframes ripple-expand-tiny {
    100% {
        opacity: 0;
        transform: scale(.5);
    }
}

@-webkit-keyframes ripple-expand-small {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes ripple-expand-small {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@media (min-width: 1024px) {
    .__hidden {
        visibility: hidden;
        opacity: 0;
    }

    [data-rev] {
        opacity: 0;
        visibility: hidden;
        transform: translateY(40px);
        transition: opacity .8s, transform .8s, visibility .8s;
    }

    [data-rev].in {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

.icon {
    width: 1em;
    height: 1em;
    fill: currentColor;
    max-width: 100%;
}

.__icon {
    position: relative;
    display: inline-flex;
}

.__icon-1 .__icon-frame {
    position: absolute;
    color: var(--icon-theme);
    opacity: 0.6;
    filter: saturate(0.5);
    z-index: 0;
    top: 50%;
    left: 50%;
    margin-top: -.5em;
    margin-left: -.5em;
}

.__icon-1 .__icon-frame:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    border-radius: 50%;
    transform: scale(1.4);
    visibility: hidden;
}

.__icon-1 .__icon-frame .icon {
    display: block;
    position: relative;
    transform: scale(1.8);
    z-index: 2;
}

.__icon-1 .__icon-icon {
    position: relative;
    z-index: 1;
}

.__icon-1 .__icon-icon .icon {
    display: block;
}

.__icon-primary {
    --icon-theme: var(--primary);
}

.__icon-accent {
    --icon-theme: var(--accent);
}

.__icon-tertiary {
    --icon-theme: var(--tertiary);
}

.l {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
}

.l-text {
    width: 100%;
}

.l-t1.l-primary:hover,
.l-t1.l-primary:focus {
    color: #654631;
    color: var(--primary);
}

.l-t2 {
    padding: .1rem 1.25rem;
}

.l-t2 .l-divider {
    position: absolute;
    top: 50%;
    opacity: 0;
    transform-origin: center;
    transform: translate(0, -50%);
    transition-property: opacity, transform;
    transition-duration: .3s;
    transition-duration: var(--trs);
    font-size: .8em;
}

.l-t2 .l-divider-left {
    left: 0;
    transform: translate(6px, -50%);
}

.l-t2 .l-divider-right {
    right: 0;
    transform: translate(-6px, -50%);
}

.l-t2:hover .l-divider,
.l-t2:focus .l-divider {
    transform: translate(0, -50%) scale(1.1);
    opacity: .5;
}

.l-t3 .__icon {
    margin-right: .75rem;
    transition: transform .3s;
    transition: transform var(--trs);
}

.l-t3 .__icon-frame {
    transition: opacity .3s, transform 3.75s ease-out, filter .3s;
    transition: opacity var(--trs), transform 3.75s ease-out, filter var(--trs);
}

.l-t3 .l-inner {
    display: block;
    position: relative;
}

.l-t3 .l-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid;
    opacity: .3;
    transform: scaleX(0);
    transition: transform .3s;
    transition: transform var(--trs);
}

.l-t3 .l-text {
    display: block;
    position: relative;
    transition: transform .3s;
    transition: transform var(--trs);
}

.l-t3:hover .__icon,
.l-t3:focus .__icon {
    transform: scale(1.1);
}

.l-t3:hover .__icon-frame,
.l-t3:focus .__icon-frame {
    opacity: 1;
    transform: rotate(1040deg);
    transition: opacity .3s, transform 7.5s linear, filter .3s;
    transition: opacity var(--trs), transform 7.5s linear, filter var(--trs);
    filter: saturate(1);
}

.l-t3:hover .l-line,
.l-t3:focus .l-line {
    transform: scaleX(1);
}

.l-t3:hover .l-text,
.l-t3:focus .l-text {
    transform: translateY(-2px);
}

.l-t7 {
    padding: .25rem 0 0;
}

.l-t7 .l-text {
    transition: transform .3s;
    transition: transform var(--trs);
    will-change: transform;
}

.l-t7 .l-line {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: currentColor;
    transform-origin: center;
    transform: scaleX(0);
    transition: transform .3s;
    transition: transform var(--trs);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: .5;
}

.l-t7:hover .l-line,
.l-t7:focus .l-line {
    transform: scaleX(1);
}

.l-t7:hover .l-text,
.l-t7:focus .l-text {
    transform: translateY(-2px);
}

.ls-ud a {
    border-bottom: 1px solid currentColor;
}

.ls-ud a:hover,
.ls-ud a:focus {
    border-bottom-color: transparent;
}

.ls-light a:hover,
.ls-light a:focus {
    color: #fff;
    color: var(--primary-fg-bold);
}

.ls-dark a:hover,
.ls-dark a:focus {
    color: #000;
}

.price {
    display: inline-flex;
    flex-direction: row-reverse;
}

.price-item.old {
    font-size: 0.7em;
    margin-left: .5rem;
    opacity: 1;
    text-decoration: line-through;
    -webkit-text-decoration-color: #AAA;
    text-decoration-color: #AAA;
    color: #AAA;
}

.price-item.new {
    font-weight: bold;
}

.__heading {
    position: relative;
}

.__heading-divider {
    position: absolute;
    left: 50%;
}

.__heading-divider .icon {
    display: block;
    transform: translateX(-50%);
    width: 100%;
    height: 90px;
    opacity: .6;
}

.__heading-divider-top {
    bottom: 100%;
}

.__heading-divider-bottom {
    top: 100%;
}

.__heading-divider-bottom {
    margin-top: .5rem;
}

.__heading-divider-bottom .icon {
    height: 20px;
}

.__heading-primary .__heading-divider {
    color: #654631;
    color: var(--primary);
}

.__heading-accent .__heading-divider {
    color: #AD7C5C;
    color: var(--accent);
}

.__heading-tertiary .__heading-divider {
    color: #f1b187;
    color: var(--tertiary);
}

.btn {
    --btn-theme: #000;
    --btn-theme-hover: #111;
    --btn-text: #fff;
    --btn-text-hover: #eee;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    transition-property: transform, color, background, box-shadow, border-color;
    transition-duration: .2s;
    transition-duration: var(--trs-fast);
    text-decoration: none;
    font-size: 1em;
    cursor: pointer;
    position: relative;
    z-index: 0;
    overflow: hidden;
    line-height: 1.4;
    background: none;
    padding: 0;
    border-radius: 0;
}

.btn-text {
    position: relative;
    z-index: 1;
}

.btn .icon {
    font-size: 1.1em;
}

.btn-block {
    display: flex;
    width: 100%;
}

.btn-large {
    font-size: 1.1em;
}

.btn.btn-1 {
    border: 1px solid #cecece;
    color: #777;
    padding: .3em 0.6em;
}

.btn.btn-1:hover,
.btn.btn-1:focus {
    color: #000;
    border-color: #000;
}

.__btn {
    position: relative;
    display: inline-flex;
}

.__btn .btn {
    padding: 0.2rem 0.7rem;
    z-index: 2;
}

.__btn .btn-divider {
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    z-index: 0;
    transform: translateX(-50%);
    opacity: .5;
    margin-top: -4px;
}

.__btn-3 .btn-divider-bottom {
    top: 100%;
}

.__btn-3 .btn-divider-2 {
    width: 100%;
}

.btn.btn-more .icon {
    font-size: 1.2em;
    transform: translateX(.2em);
    transition: transform .3s, opacity .3s;
    transition: transform var(--trs), opacity var(--trs);
    opacity: .7;
}

.btn.btn-more:hover .icon,
.btn.btn-more:focus .icon {
    transform: translateX(.4em);
    opacity: 1;
}

.btn-upper {
    text-transform: uppercase;
}

.btn-form {
    border: 1px solid #000;
    border: 1px solid var(--input-border);
    background: #fff;
    background: var(--input-bg);
    color: #000;
    color: var(--input-color);
    height: 2.2em;
    height: var(--input-height);
    padding: .6em;
    padding: var(--input-padding);
}

.btn-form.btn-expanded {
    padding: 1.3em;
    padding: var(--input-padding-expanded);
}

.btn .icon.btn-bullet {
    opacity: .6;
    transition: opacity .3s, transform 2s ease-out, color .3s;
    transition: opacity var(--trs), transform 2s ease-out, color var(--trs);
}

.btn .icon.btn-bullet-left {
    margin-right: .5em;
}

.btn .icon.btn-bullet-right {
    margin-left: .5em;
}

.btn:hover .icon.btn-bullet,
.btn:focus .icon.btn-bullet {
    opacity: 1;
    transform: rotate(1040deg);
    transition: opacity .3s, transform 6s linear, color .3s;
    transition: opacity var(--trs), transform 6s linear, color var(--trs);
}

.btn.btn-scroll-down {
    color: #fff;
    width: 28px;
    height: 28px;
    padding: 0;
    line-height: 1;
    border-radius: 50%;
    opacity: 0.8;
    font-size: 1.4em;
    will-change: transform;
    transition-duration: .33s;
    transition-property: transform, color, opacity;
}

.btn.btn-scroll-down .icon {
    margin: 0;
}

.btn-scroll-down.btn-tertiary {
    color: #f1b187;
    color: var(--tertiary);
}

.btn.btn-scroll-down:hover,
.btn.btn-scroll-down:focus {
    opacity: 1;
    transform: translateY(4px);
    color: #fff;
}

.btn.btn-2 {
    padding: 0.4em 0.6em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10em;
    color: rgba(0, 0, 0, 0.6);
    transition-property: color, transform, border;
}

.btn.btn-2 .icon-left {
    margin-right: .3em;
}

.btn.btn-2:hover,
.btn.btn-2:focus {
    border-color: rgba(0, 0, 0, .4);
    color: #000;
    transform: translateY(-2px);
}

.btn-2.btn-tiny {
    font-size: 0.8em;
}

.btn-2.btn-bold {
    border-color: rgba(0, 0, 0, .4);
    color: rgba(0, 0, 0, .8);
}

.btn-2.btn-bold:hover,
.btn-2.btn-bold:focus {
    border-color: rgba(0, 0, 0, .8);
    color: #000;
}

.btn.btn-3 {
    padding: 0.3em 0.5em;
    background: var(--btn-theme);
    color: var(--btn-text);
}

.btn.btn-3:hover,
.btn.btn-3:focus {
    color: var(--btn-text-hover);
}

.btn-3.btn-more {
    padding-right: .7em;
}

.btn-primary {
    --btn-theme: var(--primary);
    --btn-text: var(--primary-fg);
    --btn-theme-hover: var(--primary-dark);
    --btn-text-hover: var(--primary-fg-bold);
}

.btn-graphical {
    --btn-theme-color: #000;
    --btn-text-color: #fff;
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1111111;
}

.btn-graphic {
    width: 100%;
    position: relative;
    z-index: 10;
    pointer-events: none;
    transition: color .3s;
    transition: color var(--trs);
}

.btn-graphic-top {
    transform: scaleY(-1);
}

.btn-graphical .btn-inner {
    display: flex;
    align-items: center;
    transition: transform .3s;
    transition: transform var(--trs);
}

.btn-graphical-full {
    width: 100%;
}

.btn-graphical-small {
    font-size: .9em;
}

.btn-graphical-small .btn {
    font-size: 1.1em;
}

.btn-graphical-smaller {
    font-size: .8em;
}

.btn-graphical-large {
    font-size: 1.2em;
}

.btn-graphical-larger {
    font-size: 1.4em;
}

.btn-graphical-primary {
    --btn-theme-color: var(--primary);
    --btn-theme-hover-color: #fff;
    --btn-theme-color-dark: var(--primary-dark);
    --btn-text-color: var(--primary-fg);
    --btn-text-hover-color: #000;
}

.btn-graphical-accent {
    --btn-theme-color: var(--accent);
    --btn-theme-hover-color: #fff;
    --btn-theme-color-dark: var(--accent-dark);
    --btn-text-color: var(--accent-fg);
    --btn-text-hover-color: #000;
}

.btn-graphical-tertiary {
    --btn-theme-color: var(--tertiary);
    --btn-theme-hover-color: #fff;
    --btn-theme-color-dark: var(--tertiary-dark);
    --btn-text-color: var(--tertiary-fg);
    --btn-text-hover-color: #000;
}

.btn-graphical-1 {
    --btn-text-hover-color: #fff;
}

.btn-graphical-1.btn-graphical-accent {
    --btn-theme-hover-color: var(--accent-dark);
}

.btn-graphical-1 .btn-graphic {
    width: 14em;
    padding: 0 4px;
}

.btn-graphical-1 .btn {
    width: 100%;
    font-size: 1.2em;
    padding: 0.5rem .8rem;
    border-radius: 10rem;
    border: 4px solid var(--btn-theme-color);
    border-top: none;
    border-bottom: none;
    margin: -5px;
    background: #fff;
    color: rgb(72, 72, 72);
    line-height: 1.2;
}

.btn-graphical-1 .btn-inner {
    transition: transform .3s;
    transition: transform var(--trs);
}

.btn-graphical-1 .btn:hover,
.btn-graphical-1 .btn:focus {
    background: var(--btn-theme-hover-color);
    color: var(--btn-text-hover-color);
}

.btn-graphical-1 .btn:hover .btn-inner,
.btn-graphical-1 .btn:focus .btn-inner {
    transform: scale(1.05);
}

.btn-graphical-2 .btn-graphic {
    height: 1.4em;
    color: var(--btn-theme-color);
    position: absolute;
    width: 8em;
    left: auto;
    right: auto;
    transition: transform .3s, color .3s;
    transition: transform var(--trs), color var(--trs);
    pointer-events: none;
}

.btn-graphical-2 .btn-graphic-top {
    bottom: 100%;
    transform: none;
    margin-bottom: -0.2em;
}

.btn-graphical-2 .btn-graphic-bottom {
    top: 100%;
    transform: scaleY(-1);
    margin-top: -0.2em;
}

.btn-graphical-2:hover .btn-graphic-top {
    transform: translateY(-3px);
}

.btn-graphical-2:hover .btn-graphic-bottom {
    transform: translateY(3px) scaleY(-1);
}

.btn-graphical-2 .btn {
    background: #fff;
    color: #000;
    border-radius: 10rem;
    border: 1px solid var(--btn-theme-color);
    padding: .2em 1em;
    border-top-width: 2px;
    border-bottom-width: 2px;
}

.btn-graphical-2.btn-graphical-bulletted .btn {
    padding-left: .6em;
    padding-right: .6em;
}

.btn-graphical-2 .icon.btn-bullet {
    font-size: .9em;
    color: var(--btn-theme-color);
    opacity: 1;
}

.btn-graphical-2 .btn:hover,
.btn-graphical-2 .btn:focus {
    background: var(--btn-theme-color);
    color: var(--btn-text-color);
}

.btn-graphical-2 .btn:hover .btn-inner,
.btn-graphical-2 .btn:focus .btn-inner {
    transform: scale(1.025);
}

.btn-graphical-2 .btn:hover .icon.btn-bullet,
.btn-graphical-2 .btn:focus .icon.btn-bullet {
    color: var(--btn-text-color);
}

.btn-graphical-2.btn-graphical-alt-1 .btn {
    background: var(--btn-theme-color);
    color: var(--btn-text-color);
}

.btn-graphical-2.btn-graphical-alt-1 .icon.btn-bullet {
    color: var(--btn-text-color);
}

.btn-graphical-2.btn-graphical-alt-1:hover {
    --btn-theme-color: #000;
    --btn-text-color: #fff;
}

.btn-graphical-2.btn-graphical-alt-1 .btn:hover,
.btn-graphical-2.btn-graphical-alt-1 .btn:focus {
    background: #000;
    color: #fff;
}

.btn-graphical-3 .btn-graphic {
    display: none;
    position: absolute;
    top: 50%;
    color: var(--btn-theme-color);
    width: 2.8em;
    transform: translateY(-50%);
    height: 1.3em;
}

.btn-graphical-3 .btn-graphic-left {
    right: 100%;
}

.btn-graphical-3 .btn-graphic-right {
    left: 100%;
    transform: translateY(-50%) scaleX(-1);
}

.btn-graphical-3 .btn {
    padding: 0.2rem 0.7rem;
    background: var(--btn-theme-color);
    color: var(--btn-text-color);
    border-radius: 10rem;
    border: 2px solid var(--btn-theme-color);
    border-left-width: 1px;
    border-right-width: 1px;
}

.btn-graphical-3 .btn.active,
.btn-graphical-3 .btn:hover,
.btn-graphical-3 .btn:focus {
    background: var(--btn-theme-hover-color);
    color: var(--btn-text-hover-color);
    box-shadow: 0 10px 7px -7px rgba(0, 0, 0, .3);
}

.btn-graphical-3 .btn.active .btn-inner,
.btn-graphical-3 .btn:hover .btn-inner,
.btn-graphical-3 .btn:focus .btn-inner {
    transform: scale(1.05);
}

.btn-graphical-3.btn-graphical-large .btn {
    padding-left: 1rem;
    padding-right: 1rem;
}

@media (min-width: 480px) {
    .btn-graphical-3 .btn-graphic {
        display: block;
    }
}

.btn-graphical-4 {
    flex-direction: row;
}

.btn-graphical-4.btn-graphical-accent {
    --btn-theme-hover-color: var(--accent);
    --btn-text-hover-color: var(--accent-fg);
}

.btn-graphical-4 .btn-graphic {
    width: 1.2em;
    height: 1.2em;
    color: var(--btn-theme-color-dark);
    opacity: .8;
    transition: opacity .3s, transform 2s ease-out;
    transition: opacity var(--trs), transform 2s ease-out;
}

.btn-graphical-4 .btn {
    padding: 0.8rem;
    border-radius: 10em;
    background: #fff;
    color: #000;
    padding: 0.2em 1.4em;
    margin: 0 .4em;
    border: 2px solid var(--btn-theme-color);
    border-left-width: 1px;
    border-right-width: 1px;
}

.btn-graphical-4 .btn:hover,
.btn-graphical-4 .btn:focus {
    background: var(--btn-theme-hover-color);
    color: var(--btn-text-hover-color);
    box-shadow: 0 10px 7px -7px rgba(0, 0, 0, .3);
}

.btn-graphical-4 .btn:hover .btn-inner,
.btn-graphical-4 .btn:focus .btn-inner {
    transform: scale(1.05);
}

.btn-graphical-4:hover .btn-graphic,
.btn-graphical-4:focus .btn-graphic {
    opacity: 1;
    transform: rotate(1080deg);
    transition: opacity .3s, transform 5s linear;
    transition: opacity var(--trs), transform 5s linear;
}

.btn-graphical-5 .icon.btn-bullet {
    font-size: .7em;
}

.btn-graphical-5 .icon.btn-bullet-left {
    margin-right: 1em;
}

.btn-graphical-5 .icon.btn-bullet-right {
    margin-left: 1em;
}

.skeleton {
    overflow: hidden;
    position: relative;
}

.skeleton.full {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.skeleton.loading {
    background: #F1F1F1;
}

.skeleton.loading.inverse {
    bbackground: rgba(255, 255, 255, 0.1);
}

.skeleton.loading:after {
    -webkit-animation: skeleton-loading 1.5s infinite;
    animation: skeleton-loading 1.5s infinite;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%);
    z-index: 1;
    background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));
}

@-webkit-keyframes skeleton-loading {
    to {
        transform: translateX(100%)
    }
}

@keyframes skeleton-loading {
    to {
        transform: translateX(100%)
    }
}

.__list {
    line-height: 1.2;
}

.__list-1 li {
    margin-bottom: 1rem;
}

.__list-1 li:last-child {
    margin-bottom: 0;
}

.form-group {
    margin-bottom: .6rem;
}

.form-group:last-child {
    margin-bottom: 0;
}

.form-control {
    display: block;
    width: 100%;
    background: #fff;
    background: var(--input-bg);
    color: #000;
    color: var(--input-color);
    border: 1px solid #000;
    border: 1px solid var(--input-border);
    border-radius: 0;
    height: 2.2em;
    height: var(--input-height);
    padding: .6em;
    padding: var(--input-padding);
}

textarea.form-control {
    height: auto;
}

.form-check label {
    display: flex;
}

.form-check input {
    position: relative;
    top: 4px;
}

.form-check-inner {
    padding-left: .5rem;
    line-height: 1.4;
}

.form-check-muted {
    font-size: .9em;
}

.number-input {
    display: inline-flex;
    max-width: 7em;
    background: #f1f1f1;
    border-radius: 10em;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.number-input-control {
    height: 1.8em;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8em;
    border: 1px solid;
    border: none;
}

.number-input-control .btn-text {
    font-size: 1.2em;
    line-height: 1;
}

.number-input-decrement {
    border-radius: 10em 0 0 10em;
}

.number-input-increment {
    border-radius: 0 10em 10em 0;
}

.number-input-control:hover,
.number-input-control:focus {
    background: #e7e7e7;
}

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

.number-input .input {
    border-left: none;
    border-right: none;
    border: none;
    padding: 0.3rem;
    height: 1.8em;
    text-align: center;
    width: 100%;
    border-radius: 0;
    transition: background .2s;
    transition: background var(--trs-fast);
    background: transparent;
    -moz-appearance: textfield;
}

.number-input .input:focus {
    background: #fafafa;
}

.social ul {
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
}

.social li {
    display: inline-block;
}

.social a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3em;
    height: 3em;
    border-radius: 50%;
}

.social-bg {
    position: absolute;
    width: 1.8em;
    height: 1.8em;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 0;
    opacity: 0;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.social-frame {
    position: absolute;
    z-index: 1;
    width: 2.5em;
    height: 2.5em;
    top: 50%;
    left: 50%;
    transform-origin: center;
    margin-left: -1.25em;
    margin-top: -1.25em;
    background: url(../images/social-frame.png) no-repeat center center / contain;
    opacity: .6;
    transition: opacity .3s, transform 2.5s ease-out;
    transition: opacity var(--trs), transform 2.5s ease-out;
}

.social .icon {
    position: relative;
    z-index: 2;
    transition: transform .3s;
    transition: transform var(--trs);
}

.social li.facebook .social-bg {
    background: #4267B2;
    background: var(--facebook);
}

.social li.twitter .social-bg {
    background: #1DA1F2;
    background: var(--twitter);
}

.social li.pinterest .social-bg {
    background: #E60023;
    background: var(--pinterest);
}

.social li.youtube .social-bg {
    background: #FF0000;
    background: var(--youtube);
}

.social li.linkedin .social-bg {
    background: #2867B2;
    background: var(--linkedin);
}

.social li.instagram .social-bg {
    background: radial-gradient(circle at 30%, at 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social li.telegram .social-bg {
    background: #0084C6;
    background: var(--telegram);
}

.social a:hover,
.social a:focus {
    color: #fff;
}

.social a:hover .social-bg,
.social a:focus .social-bg {
    opacity: 1;
}

.social a:hover .icon,
.social a:focus .icon {
    transform: scale(1.2);
}

.social a:hover .social-frame,
.social a:focus .social-frame {
    opacity: 1;
    transform: rotate(360deg);
    transition: opacity .3s, transform 5s linear;
    transition: opacity var(--trs), transform 5s linear;
}

@media (min-width: 768px) {
    .social ul {
        flex-wrap: nowrap;
    }
}

.tag-list {
    display: flex;
    flex-wrap: wrap;
    margin-right: -.25rem;
    margin-top: -.25rem;
}

.tag-item {
    margin-right: .25rem;
    margin-top: .25rem;
}

.tag-item a {
    display: flex;
    padding: 0.2rem 0.5rem;
    border-radius: 10em;
    font-size: 0.8em;
    border: 1px solid rgba(0, 0, 0, 0.27059);
    color: rgba(0, 0, 0, 0.72941);
    transition-property: color, background, border;
}

.tag-item a:hover,
.tag-item a:focus {
    background: #654631;
    background: var(--primary);
    border-color: #654631;
    border-color: var(--primary);
    color: #fdf5d4;
    color: var(--primary-fg);
}

@media (min-width: 1024px) {
    [data-tooltip] {
        position: relative;
    }

    [data-tooltip]:before,
    [data-tooltip]:after {
        position: absolute;
        visibility: hidden;
        opacity: 0;
        transition-property: transform, opacity;
        transition-duration: .3s;
        transition-duration: var(--trs);
        box-shadow: 0 0 10px rgba(black, 0.3);
        z-index: 99;
    }

    [data-tooltip]:before {
        content: attr(data-tooltip);
        background: #fff;
        background: var(--tooltip-bg);
        color: #000;
        color: var(--tooltip-fg);
        font-weight: bold;
        font-size: 12px;
        padding: 10px 15px;
        border-radius: 5px;
        white-space: nowrap;
        text-decoration: none;
        text-transform: uppercase;
    }

    [data-tooltip]:after {
        content: '';
        width: 0;
        height: 0;
        border: 6px solid transparent;
    }

    [data-tooltip]:hover:before,
    [data-tooltip]:hover:after,
    [data-tooltip]:focus:before,
    [data-tooltip]:focus:after {
        visibility: visible;
        opacity: 1;
    }

    [data-tooltip][data-position="top"]:before {
        bottom: 100%;
        left: 50%;
        margin-bottom: 10px;
        transform: translate(-50%, 10px);
    }

    [data-tooltip][data-position="top"]:after {
        border-top-color: #fff;
        border-top-color: var(--tooltip-bg);
        border-bottom: none;
        bottom: 101%;
        left: 50%;
        margin-bottom: 4px;
        transform: translate(-50%, 10px);
    }

    [data-tooltip][data-position="top"]:hover:before,
    [data-tooltip][data-position="top"]:focus:before,
    [data-tooltip][data-position="top"]:hover:after,
    [data-tooltip][data-position="top"]:focus:after {
        transform: translate(-50%, 0);
    }

    [data-tooltip][data-position="bottom"]:before {
        top: 100%;
        left: 50%;
        margin-top: 10px;
        transform: translate(-50%, -10px);
    }

    [data-tooltip][data-position="bottom"]:after {
        border-bottom-color: #fff;
        border-bottom-color: var(--tooltip-bg);
        border-top: none;
        top: 100%;
        left: 50%;
        margin-top: 4px;
        transform: translate(-50%, -10px);
    }

    [data-tooltip][data-position="bottom"]:hover:before,
    [data-tooltip][data-position="bottom"]:focus:before,
    [data-tooltip][data-position="bottom"]:hover:after,
    [data-tooltip][data-position="bottom"]:focus:after {
        transform: translate(-50%, 0);
    }

    [data-tooltip][data-position="left"]:before {
        top: -12%;
        right: 100%;
        margin-right: 10px;
    }

    [data-tooltip][data-position="left"]:after {
        border-left-color: #fff;
        border-left-color: var(--tooltip-bg);
        border-right: none;
        top: calc(50% - 3px);
        right: 100%;
        margin-top: -6px;
        margin-right: 4px;
    }

    [data-tooltip][data-position="left"]:before,
    [data-tooltip][data-position="left"]:after {
        transform: translateX(10px);
    }

    [data-tooltip][data-position="left"]:hover:before,
    [data-tooltip][data-position="left"]:focus:before,
    [data-tooltip][data-position="left"]:hover:after,
    [data-tooltip][data-position="left"]:focus:after {
        transform: translateX(0);
    }

    [data-tooltip][data-position="right"]:before {
        top: -5%;
        left: 100%;
        margin-left: 10px;
    }

    [data-tooltip][data-position="right"]:after {
        border-right-color: #fff;
        border-right-color: var(--tooltip-bg);
        border-left: none;
        top: calc(50% - 6px);
        left: calc(100% + 4px);
    }

    [data-tooltip][data-position="right"]:before,
    [data-tooltip][data-position="right"]:after {
        transform: translateX(-10px);
    }

    [data-tooltip][data-position="right"]:hover:before,
    [data-tooltip][data-position="right"]:focus:before,
    [data-tooltip][data-position="right"]:hover:after,
    [data-tooltip][data-position="right"]:focus:after {
        transform: translateX(0);
    }

    [data-tooltip][data-tooltip-theme=dark] {
        --tooltip-bg: #000;
        --tooltip-fg: #fff;
    }
}

.add-to-cart {
    display: inline-flex;
    align-items: center;
    flex-direction: row;
}

.add-to-cart-link {
    display: flex;
    font-size: 1em;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    padding: 0.3rem .5rem;
    width: 100%;
    height: 2em;
    background: #000;
    color: #fff;
    border-radius: 10em;
    width: auto;
    margin: 0 5px;
    transition-property: background, border;
}

.add-to-cart-input {
    width: 40px;
    font-size: 1em;
    padding: 0.4rem;
    height: 2em;
    border: 1px solid #bbb;
    border-left: none;
    padding: 0 0 0 4px;
    text-align: center;
    transition-property: border;
}

.add-to-cart-input:focus {
    border-color: #000;
}

.add-to-cart-link:hover,
.add-to-cart-link:focus {
    background: #EC7262;
    background: var(--accent);
    border-color: #EC7262;
    border-color: var(--accent);
}

.meta-1 {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #888888;
}

.meta-1 .meta-item > *,
.meta-1 .meta-item {
    position: relative;
    margin-right: .5rem;
    display: flex;
    align-items: center;
}

.meta-1 .meta-item:last-child {
    margin-right: 0;
}

.meta-1 a {
    display: inline-block;
    transition-property: opacity;
    overflow: hidden;
}

.meta-1 a:hover,
.meta-1 a:focus {
    opacity: .7;
}

@media (min-width: 480px) {
    .meta-1 .meta-item {
        padding-right: .6rem;
        margin-right: .4rem;
    }

    .meta-1 .meta-item:after {
        content: '|';
        position: absolute;
        top: 0;
        right: 0;
        opacity: .4;
    }

    .meta-1 .meta-item:last-child:after {
        display: none;
    }
}

@media (min-width: 768px) {
    .meta-1 .meta-item {
        padding-right: .8rem;
        margin-right: .6rem;
    }
}

.__frm {
    position: relative;
    overflow: hidden;
}

.__frm:after,
.__frm-graphic,
.__frm .icon {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.__frm-graphic {
    mix-blend-mode: color-dodge;
    opacity: .3;
    color: #f1b187;
    color: var(--tertiary);
    transition: opacity .5s;
    transition: opacity var(--trs-2);
    z-index: 2;
}

.__frm:after {
    background: #000;
    opacity: 0;
    transition: opacity .5s;
    transition: opacity var(--trs-2);
}

.__frm img {
    transition: transform .5s;
    transition: transform var(--trs-2);
}

.__frm-link:hover .__frm-graphic,
.__frm-link:focus .__frm-graphic {
    opacity: 1;
}

.__frm-link:hover .__frm:after,
.__frm-link:focus .__frm:after {
    opacity: .1;
}

.__frm-link:hover img,
.__frm-link:focus img {
    transform: scale(1.05);
}

.bg {
    --bg-color: #fff;
}

.bg,
.bg-image,
.bg:before,
.bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

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

.bg.bg-1:before {
    background: var(--bg-color);
    opacity: .97;
}

.bg-primary {
    --bg-color: var(--primary);
}

.bg-accent {
    --bg-color: var(--accent);
}

.bg-tertiary {
    --bg-color: var(--tertiary);
}

.swiper-button {
    position: absolute;
    background: none;
    color: currentColor;
    border: none;
    border-radius: 50%;
    width: 2em;
    height: 2em;
    transition: transform .3s, opacity .3s;
    transition: transform var(--trs), opacity var(--trs);
    opacity: .5;
}

.swiper-button:after {
    font-size: 1.5em;
}

.swiper-button:hover,
.swiper-button:focus {
    opacity: 1;
}

.swiper-button-prev:hover,
.swiper-button-prev:focus {
    transform: translateX(-4px);
}

.swiper-button-next:hover,
.swiper-button-next:focus {
    transform: translateX(4px);
}

.map-wrapper {
    position: relative;
    padding-bottom: 50%;
    min-height: 500px;
    width: 100%;
}

.map-wrapper-hidden {
    display: none;
}

.map-wrapper.fancybox__content {
    padding: 0 0 100%;
}

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

@media (min-width: 480px) {
    .map-wrapper.fancybox__content {
        padding-bottom: 90%;
    }
}

@media (min-width: 640px) {
    .map-wrapper.fancybox__content {
        padding-bottom: 70%;
    }
}

@media (min-width: 768px) {
    .map-wrapper.fancybox__content {
        padding-bottom: 60%;
    }
}

@media (min-width: 990px) {
    .map-wrapper.fancybox__content {
        padding-bottom: 50%;
    }
}

.typo {
    line-height: 1.4;
}

.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6,
.typo p,
.typo ul,
.typo ol,
.typo dl,
.typo blockquote,
.typo table,
.typo iframe,
.typo form,
.typo pre {
    margin-bottom: 1rem;
}

.typo h1:last-child,
.typo h2:last-child,
.typo h3:last-child,
.typo h4:last-child,
.typo h5:last-child,
.typo h6:last-child,
.typo p:last-child,
.typo ul:last-child,
.typo ol:last-child,
.typo dl:last-child,
.typo blockquote:last-child,
.typo table:last-child,
.typo iframe:last-child,
.typo form:last-child,
.typo pre:last-child {
    margin-bottom: 0;
}

.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 1.5rem;
}

.typo h1:after,
.typo h2:after,
.typo h3:after,
.typo h4:after,
.typo h5:after,
.typo h6:after {
    content: '';
    display: block;
    margin-top: .1rem;
    height: 2px;
    background: linear-gradient(to right, #AD7C5C, transparent);
    background: linear-gradient(to right, var(--accent), transparent);
    width: 250px;
}

.typo h1:first-child,
.typo h2:first-child,
.typo h3:first-child,
.typo h4:first-child,
.typo h5:first-child,
.typo h6:first-child {
    margin-top: 0;
}

.typo h1,
.typo h2 {
    line-height: 1.2;
}

.typo h1 {
    font-size: 1.6em;
}

.typo h2 {
    font-size: 1.4em;
}

.typo h3 {
    font-size: 1.2em;
}

.typo h4 {
    font-size: 1.1em;
}

.typo h5 {
    font-size: 1.05em;
}

.typo h6 {
    font-size: 1.025em;
}

.typo ul {
    list-style: disc;
    margin-left: 1.5rem;
}

.typo ol {
    list-style-type: decimal;
    margin-left: 1.5rem;
}

.typo ul ul,
.typo ul ol,
.typo ol ul,
.typo ol ol {
    margin-top: .5rem;
    margin-bottom: 0;
}

.typo li {
    margin-bottom: .5rem;
}

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

.typo blockquote {
    position: relative;
    padding-left: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.typo blockquote:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border-left: 4px solid;
    opacity: .2;
}

.typo blockquote quote {
    font-style: italic;
    font-size: .9em;
}

.typo table {
    width: 100%;
}

.typo th,
.typo td {
    text-align: left;
}

.typo code {
    font-family: monospace;
    background: #DCDCDC;
    border-radius: 4px;
    padding: 0.1rem;
    color: #343434;
}

@media (max-width: 767.99px) {
    .typo {
        font-size: .9em;
    }
}

.container {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 1200px;
    max-width: var(--container);
    margin: 0 auto;
}

.container-small {
    max-width: 900px;
    max-width: var(--container-small);
}

.container-large {
    max-width: 1400px;
    max-width: var(--container-large);
}

.container-huge {
    max-width: 1600px;
    max-width: var(--container-huge);
}

.container-full-till-xs,
.container-full-till-sm {
    margin-left: -1rem;
    margin-right: -1rem;
}

@media (min-width: 480px) {
    .container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .container-full-till-xs {
        margin-left: 0;
        margin-right: 0;
    }

    .container-full-till-sm {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}

@media (min-width: 768px) {
    .container-full-till-sm {
        margin-left: 0;
        margin-right: 0;
    }
}

.breadcrumb {
    font-size: .7em;
}

.breadcrumb-list {
    display: flex;
    align-items: center;
}

.breadcrumb-item {

}

.breadcrumb-item:after {
    content: '>';
    margin: 0 .35rem 0 .25rem;
    font-size: .8em;
}

.breadcrumb-item:last-child:after {
    display: none;
}

@media (max-width: 767.99px) {
    .breadcrumb-list {
        overflow-x: scroll;
    }
}

@media (min-width: 1024px) {
    .breadcrumb {
        font-size: .8em;
    }
}

.__mm {
    --theme: var(--accent);
    --item-w: 100%;
    --item-padding: 1rem;
    --item-bg: #fff;
    --item-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    --image-w: 150px;
    --image-h: 150px;
    --image-gap: 0.7rem;
    --hover-scale: 1;
    --general-size: 1em;
    --title-size: .9em;
    --desc-size: .8em;
    --price-size: .9em;
    --cart-size: .7em;
    --features-size: 1.1em;
    --main-top-spacing: 0;
}

.__mm-panel {
    display: none;
}

.__mm-layout {
    font-size: 0.7em;
    margin-bottom: 1.5rem;
}

.__mm-layout .btn {
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.3);
    padding: 0.2em 0.6em;
}

.__mm-layout .btn:hover,
.__mm-layout .btn:focus,
.__mm-layout .btn.active {
    border-color: #000;
    color: #000;
}

.__mm-list {
    display: flex;
    flex-wrap: wrap;
    margin: -1.6rem -.7rem 0;
}

.__mm-item {
    position: relative;
    width: var(--item-w);
    padding: 1.6rem .7rem 0;
    font-size: var(--general-size);
}

.__mm-item:hover {
    z-index: 10;
}

.__mm-item-inner {
    display: flex;
    background: var(--item-bg);
    padding: var(--item-padding);
    height: 100%;
    box-shadow: var(--item-shadow);
}

.__mm-item-thumb {
    position: relative;
    min-width: var(--image-w);
    margin-right: var(--image-gap);
    z-index: 0;
}

.__mm-item-thumb-link {
    position: relative;
    display: block;
    padding-bottom: 100%;
    transition-property: box-shadow;
}

.__mm-item-thumb-image {

}

.__mm-item-thumb-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    z-index: 2;
}

.__mm-item-thumb-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    z-index: 10;
    color: var(--theme);
    opacity: 0.3;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.__mm-item-thumb-link:active {
    opacity: .95;
}

.__mm-item-thumb-link:hover,
.__mm-item-thumb-link:focus {
    box-shadow: 0 0 32px rgba(255, 69, 0, 0.37647), 0 0 0 2px var(--theme);
}

.__mm-item:hover .__mm-item-thumb-frame,
.__mm-item:focus .__mm-item-thumb-frame {
    opacity: 1;
}

.__mm-item-main {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    flex: 1;
    margin-top: var(--main-top-spacing);
}

.__mm-item-title {
    margin-bottom: 0.5em;
    font-weight: bold;
    font-size: var(--title-size);
}

.__mm-item-title a {
    display: inline-flex;
}

.__mm-item-title a:hover,
.__mm-item-title a:focus {
    color: var(--theme);
}

.__mm-item-desc {
    font-size: var(--desc-size);
}

.__mm-item-price {
    margin-top: .5em;
    font-size: var(--price-size);
}

.__mm-item-cart {
    margin-top: auto;
    display: flex;
    align-items: center;
    font-size: var(--cart-size);
    padding-top: .5rem;
}

.__mm-item-cart .add-to-cart {
    margin-left: auto;
}

.__mm-item-features {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    margin-top: .5em;
    font-size: var(--features-size);
    z-index: 5;
}

.__mm-item-feature {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .3em;
}

.__mm-item-feature:last-child {
    margin-right: 0;
}

.__mm-panel.active {
    display: block;
}

.__mm-item-boxed .__mm-item-inner {
    transition: transform .3s, box-shadow .3s;
    transition: transform var(--trs), box-shadow var(--trs);
}

.__mm-item-boxed:hover .__mm-item-inner {
    transform: scale(var(--hover-scale));
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4);
}

@media (max-width: 1023.99px) {
    .__mm-layout {
        display: none;
    }

    .__mm-item {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .__mm-item-inner {
        display: flex;
        flex-direction: column;
    }

    .__mm-item-thumb {
        width: 100%;
        min-width: 0;
        margin: 0 0 1.3rem;
    }

    .__mm-item-thumb-frame {
        transform: scale(1.05);
    }

    .__mm-item-desc {
        line-height: 1.2;
    }

    .__mm-item-cart {
        padding-top: 1rem;
    }
}

@media (min-width: 1024px) {

    .__mm[data-layout=sm] {
        --item-w: 33.333%;
        --item-padding: 0.8rem 0.7rem;
        --image-w: 100px;
        --image-h: 100px;
        --hover-scale: 1.05;
    }

    .__mm[data-layout=md] {
        --item-w: 50%;
        --item-padding: 1rem;
        --image-w: 150px;
        --image-h: 150px;
        --image-gap: 1rem;
        --general-size: 1.2em;
        --title-size: 1.1em;
        --main-top-spacing: .2rem;
    }

    .__mm[data-layout=lg] {
        --item-padding: 2rem;
        --image-w: 350px;
        --image-h: 350px;
        --image-gap: 2.5rem;
        --general-size: 1.6em;
        --title-size: 1.4em;
        --main-top-spacing: .4rem;
    }

    .__mm[data-layout=lg] .__mm-item-thumb-link:hover,
    .__mm[data-layout=lg] .__mm-item-thumb-link:focus {
        box-shadow: 0 0 32px rgba(255, 69, 0, 0.37647), 0 0 0 5px var(--theme);
    }

    .__mm[data-layout=lg] .__mm-item-desc {
        line-height: 1.4;
    }

    .__mm[data-layout=lg] .__mm-item-price {
        font-size: 1.1em;
        margin-top: 1em;
    }

    .__mm[data-layout=lg] .__mm-item-cart {
        font-size: .8em;
    }

    .__mm[data-layout=lg] .add-to-cart-link {
        padding: 0.5rem 1.5rem;
    }

    .__mm[data-layout=lg] .add-to-cart-input {
        width: 50px;
        padding: 0 0 0 10px;
    }

    .__mm[data-layout=no-thumb] {
        --item-w: 50%;
    }

    .__mm[data-layout=no-thumb] .__mm-item-thumb {
        display: none;
    }

    .__mm[data-layout=grid] {
        --item-w: 33.3333%;
        --general-size: 1.3em;
    }

    .__mm[data-layout=grid] .__mm-item-inner {
        display: flex;
        flex-direction: column;
    }

    .__mm[data-layout=grid] .__mm-item-thumb {
        width: 100%;
        min-width: 0;
        margin: 0 0 1.3rem;
    }

    .__mm[data-layout=grid] .__mm-item-thumb-frame {
        transform: scale(1.05);
    }

    .__mm[data-layout=grid] .__mm-item-desc {
        line-height: 1.2;
    }

    .__mm[data-layout=grid] .__mm-item-cart {
        padding-top: 1rem;
    }

}

.__excerpt-item {
    background: #fff;
}

.__excerpt-item-featured {
    position: relative;
    width: 50%;
    z-index: 0;
    padding-bottom: 50%;
    color: #fff;
}

.__excerpt-item-featured-link,
.__excerpt-item-featured-link:before,
.__excerpt-item-featured-link:after,
.__excerpt-item-featured-image {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    z-index: 0;
}

.__excerpt-item-featured-link:before {
    background: #000;
    opacity: 0;
    transition: opacity .5s;
    transition: opacity var(--trs-2);
    z-index: 5;
}

.__excerpt-item-featured-frame,
.__excerpt-item-featured-frame .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #f1b187;
    color: var(--tertiary);
}

.__excerpt-item-featured-frame {
    mix-blend-mode: color-dodge;
    opacity: .2;
    transition: opacity .5s;
    transition: opacity var(--trs-2);
}

.__excerpt-item-featured-image {
    z-index: 1;
}

.__excerpt-item-featured-items {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    font-size: 1.2em;
}

.__excerpt-item-featured-items li {
    margin-bottom: 1rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .5s, visibility .5s, transform .5s;
    transition: opacity var(--trs-2), visibility var(--trs-2), transform var(--trs-2);
}

.__excerpt-item-featured-items li:last-child {
    margin-bottom: 0;
}

.__excerpt-item-featured-items li:nth-child(2) {
    transition-delay: .1s;
}

.__excerpt-item-featured-items li:nth-child(3) {
    transition-delay: .2s;
}

.__excerpt-item-featured-items li:nth-child(4) {
    transition-delay: .3s;
}

.__excerpt-item-featured-items li:nth-child(5) {
    transition-delay: .3s;
}

.__excerpt-item-featured-link:hover:before,
.__excerpt-item-featured-link:focus:before {
    opacity: .2;
}

.__excerpt-item-featured-link:hover .__excerpt-item-featured-items li,
.__excerpt-item-featured-link:focus .__excerpt-item-featured-items li {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.__excerpt-item-featured-link:hover .__excerpt-item-featured-frame,
.__excerpt-item-featured-link:focus .__excerpt-item-featured-frame {
    opacity: 1;
}

.__excerpt-item-main {
    position: relative;
    z-index: 1;
    text-align: center;
}

.__excerpt-item-main-bg,
.__excerpt-item-main-bg:before,
.__excerpt-item-main-bg:after,
.__excerpt-item-main-frame,
.__excerpt-item-main-frame .icon {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.__excerpt-item-main-frame {
    color: #f1b187;
    color: var(--tertiary);
    z-index: 2;
    opacity: .2;
}

.__excerpt-item-main-fg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    z-index: 1;
}

.__excerpt-item-title {
    font-weight: bold;
}

.__excerpt-item-title .btn {
    font-size: 1.4em;
}

.__excerpt-item-subtitle {
    margin-top: .5rem;
}

.__excerpt-item-head-divider {
    width: 100%;
    margin: .7rem auto;
    height: 24px;
    color: #AD7C5C;
    color: var(--accent);
    opacity: 0.5;
}

.__excerpt-item-info-list {
    margin-top: 1rem;
}

.__excerpt-item-info {
    margin-bottom: .5rem;
}

.__excerpt-item-info:last-child {
    margin-bottom: 0;
}

.__excerpt-item-alt .__excerpt-item-row {
    flex-direction: row-reverse;
}

.__excerpt-item-map {
    margin-top: 1rem;
}

.__excerpt-item-more {
    margin-top: 3rem;
}

@media (max-width: 1023.99px) {
    .__excerpt-item-featured {
        display: none;
    }

    .__excerpt-item-main {
        padding: 2rem 0;
    }

    .__excerpt-item-main-bg {
        display: none;
    }
}

@media (min-width: 1024px) {
    .__excerpt-item-row {
        display: flex;
    }

    .__excerpt-item-main {
        width: 50%;
    }

    .__excerpt-item-title {
        font-size: 1.3em;
    }
}

.__location-item {
    max-width: 400px;
    margin: 0 auto 3rem;
}

.__location-item:last-child {
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    .__location-list {
        display: flex;
        margin: -2rem -1rem 0;
    }

    .__location-item {
        width: 25%;
        padding: 2rem 1rem 0;
        text-align: center;
        margin-bottom: 0;
    }
}

.__location-thumb-link {
    display: block;
    position: relative;
    overflow: hidden;
    padding-bottom: 100%;
    box-shadow: 0 0 0 4px #AD7C5C;
    box-shadow: 0 0 0 4px var(--accent);
}

.__location-thumb-bg,
.__location-thumb-bg:before,
.__location-thumb-bg:after,
.__location-thumb-image {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    z-index: 0;
}

.__location-thumb-frame,
.__location-thumb-frame .icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    color: #f1b187;
    color: var(--tertiary);
}

.__location-thumb-frame {
    mix-blend-mode: color-dodge;
    opacity: .4;
    transition: opacity .5s;
    transition: opacity var(--trs-2);
}

.__location-thumb-image {
    transition: transform .5s;
    transition: transform var(--trs-2);
}

.__location-thumb-link:hover .__location-thumb-frame,
.__location-thumb-link:focus .__location-thumb-frame {
    opacity: 1;
}

.__location-thumb-link:hover .__location-thumb-image,
.__location-thumb-link:focus .__location-thumb-image {
    transform: scale(1.05);
}

.__location-main {
    position: relative;
    margin-top: -4.3rem;
    z-index: 1;
}

.__location-head {
    margin-bottom: 1rem;
    text-align: center;
}

.__location-title {
    font-weight: bold;
}

.__location-title .btn {
    font-size: 1.3em;
}

.__location-subtitle {
    margin-top: .5rem;
}

.__location-head-divider {
    margin-top: .5rem;
    opacity: 0.2;
}

.__location-head-divider .icon {
    width: 34%;
}

.__location-info-item {
    margin-bottom: .25rem;
}

.__location-info-item:last-child {
    margin-bottom: 0;
}

.__location-info-more {
    margin-top: 1rem;
}

.topbar {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    background: #AD7C5C;
    background: var(--accent);
    color: #fff;
    color: var(--accent-fg);
    z-index: 600;
    z-index: var(--z-topbar);
}

.topbar-inner {
    display: flex;
    align-items: center;
    height: 48px;
    height: var(--topbar-height);
    max-width: 1200px;
    max-width: var(--container);
    margin: 0 auto;
}

.topbar-actions {
    display: flex;
    align-items: center;
    margin: 0 -.5rem;
}

.topbar-action {
    display: flex;
    align-items: center;
    margin: 0 .75rem;
}

.topbar-action-label {
    margin-right: .5rem;
    position: relative;
    top: 2px;
}

.topbar-action-frame {
    position: absolute;
    width: 2.2em;
    height: 2.2em;
    top: 50%;
    left: 50%;
    transform-origin: center;
    margin-left: -1.1em;
    margin-top: -1.1em;
    background: url(../images/social-frame.png) no-repeat center center / contain;
    z-index: 0;
    filter: brightness(1.1);
}

.topbar-action-label .icon {
    font-size: 1.2em;
    display: block;
    position: relative;
    z-index: 1;
}

.topbar-left {
    flex: 2;
}

.topbar-right {
    margin-left: auto;
}

.topbar-social {
    font-size: .9em;
}

.topbar-social .social-frame {
    filter: brightness(1.3);
}

@media (min-width: 1024px) {
    .topbar {
        display: block;
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 2rem;
    padding-right: 2rem;
    color: #fdf5d4;
    color: var(--primary-fg);
    z-index: 500;
    z-index: var(--z-header);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.header-bg,
.header-bg-image,
.header-bg:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

.header-bg,
.header-bg:before {
    background: #654631;
    background: var(--primary);
}

.header-bg-image {
    background-repeat: repeat;
    background-size: 300px;
}

.header-bg:before {
    z-index: 2;
    opacity: .95;
}

.header-inner {
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
    height: 42px;
    height: var(--header-height);
    transition: height .3s;
    z-index: 2;
}

.header-logo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: bold;
    color: #fff;
    color: var(--primary-fg-bold);
}

.header-logo img {
    max-height: 36px;
    max-width: 120px;
    -o-object-fit: contain;
    font-family: "object-fit:contain";
    object-fit: contain;
}

.header-nav {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    align-items: center;
}

.header-nav-item {
    position: relative;
    display: inline-flex;
    margin-right: .2rem;
}

.header-nav-item:last-child {
    margin-right: 0;
}

.header-nav-link {
    display: flex;
    font-size: 1.4em;
}

.header-nav-link-text {
    display: flex;
    align-items: center;
}

.header-nav-link-text .icon {
    margin-left: .45rem;
    font-size: 9px;
    position: relative;
    top: 2px;
    opacity: .5;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.header-nav-item.is-active > .header-nav-link,
.header-nav-link:hover,
.header-nav-link:focus {
    color: #fff;
    color: var(--primary-fg-bold);
}

.header-nav-item.is-active .header-nav-link .l-divider {
    transform: translate(0, -50%) scale(1.1);
    opacity: .5;
}

.header-nav-item.is-active > .header-nav-link .icon-arrow,
.header-nav-link:hover .icon-arrow,
.header-nav-link:focus .icon-arrow {
    opacity: 1;
}

.header-pattern {
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-bottom: -10px;
}

.header-pattern img {
    display: none;
    width: 100%;
}

.header-submenu {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 1rem;
    left: 0;
    z-index: 10;
    background: #fff;
    color: #4b4b4b;
    padding: 0.2rem 0;
    width: 222px;
    box-shadow: 0 10px 32px rgba(0, 0, 0, .1);
}

.header-submenu .header-submenu {
    top: 0;
    left: 100%;
    margin-top: .5rem;
}

.header-submenu-item {
    position: relative;
}

.header-submenu-link {
    position: relative;
    display: flex;
    font-size: 1.2em;
    padding: 1rem 1rem;
    padding-left: 2.2rem;
    overflow: hidden;
}

.header-submenu-link-text {
    position: relative;
    z-index: 1;
    transition: transform .3s;
    transition: transform var(--trs);
}

.header-submenu-bullet {
    position: absolute;
    position: absolute;
    top: 50%;
    left: .5em;
    transform: translateY(-50%);
    pointer-events: none;
    color: #AD7C5C;
    color: var(--accent);
    opacity: .5;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.header-submenu-arrow {
    position: absolute;
    top: 50%;
    right: .5rem;
    font-size: 9px;
    transform: translateY(-50%);
    opacity: .3;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.header-submenu-item.is-active > .header-submenu-link,
.header-submenu-link:hover,
.header-submenu-link:focus {
    color: #AD7C5C;
    color: var(--accent);
}

.header-submenu-item.is-active > .header-submenu-link .header-submenu-bullet,
.header-submenu-link:hover .header-submenu-bullet,
.header-submenu-link:focus .header-submenu-bullet {
    opacity: .8;
}

.header-submenu-item.is-active > .header-submenu-link .header-submenu-link-text,
.header-submenu-link:hover .header-submenu-link-text,
.header-submenu-link:focus .header-submenu-link-text {
    transform: translateX(3px);
}

.header-submenu-item.is-active > .header-submenu-link .header-submenu-arrow,
.header-submenu-link:hover .header-submenu-arrow,
.header-submenu-link:focus .header-submenu-arrow {
    opacity: .8;
}

.header-submenu.is-active {
    display: block;
}

@media (max-width: 1023.99px) {
    .header-logo {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media (min-width: 1024px) {
    .header {
        position: absolute;
        top: 48px;
        top: var(--topbar-height);
    }

    .header-logo img {
        max-height: 64px;
        max-width: none;
    }

    .header-nav {
        display: flex;
    }

    .header.is-sticky {
        position: fixed;
        top: 0;
    }

    .header.is-sticky .header-inner {
        height: 80px;
    }
}

.mobile-nav {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 42px;
    height: var(--mobile-nav-height);
    z-index: 550;
    z-index: var(--z-mobile-nav);
    white-space: nowrap;
    text-align: center;
    background: #d4685a;
    background: var(--accent-dark);
    color: #fdf5d4;
    color: var(--accent-dark-fg);
    box-shadow: 0 -1px 15px rgba(0, 0, 0, .1);
}

.mobile-nav:before,
.mobile-nav:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 18px;
    z-index: 10;
    pointer-events: none;
}

.mobile-nav:before {
    background: linear-gradient(to left, #d4685a, transparent);
    background: linear-gradient(to left, var(--accent-dark), transparent);
    right: 0;
}

.mobile-nav:after {
    background: linear-gradient(to right, #d4685a, transparent);
    background: linear-gradient(to right, var(--accent-dark), transparent);
    left: 0;
}

.mobile-nav ul {
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.mobile-nav li {
    display: none;
    width: 60px;
    height: 100%;
    min-width: 60px;
    margin: 0;
    position: relative;
    align-items: center;
    justify-content: center;
}

.mobile-nav li.ghost-item-center {
    display: block !important;
    width: 70px;
    min-width: 70px;
}

.mobile-nav a {
    display: block;
    height: 100%;
    width: 100%;
}

.mobile-nav-item-icon {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0, -65%) scale(.9);
    transition: transform .3s;
}

.mobile-nav-item-icon .icon {
    display: block;
    margin: 0 auto;
    font-size: 26px;
    position: relative;
    top: -5px;
}

.mobile-nav-item-label {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    font-size: 11px;
    opacity: .9;
    visibility: visible;
    transition: opacity .3s, visibility .3s;
}

.mobile-nav li.item-1,
.mobile-nav li.item-2 {
    display: block;
}

@media (min-width: 400px) {
    .mobile-nav li.item-3 {
        display: block;
    }
}

@media (min-width: 600px) {
    .mobile-nav li.item-4 {
        display: block;
    }

    .mobile-nav ul {
        justify-content: space-around;
    }
}

@media (min-width: 1024px) {
    .mobile-nav {
        display: none;
    }
}

.page-header {
    position: relative;
    color: #fff;
}

.page-header-bg,
.page-header-bg-wrapper,
.page-header-bg-image,
.page-header-bg:before,
.page-header-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.page-header-bg {
    background: #654631;
    background: var(--primary);
}

.page-header-bg:before {
    background: #000;
    opacity: .6;
    z-index: 1;
}

@supports (mix-blend-mode: color-burn) {
    .page-header-bg:after {
        background: url(../images/pattern-1.png) repeat;
        mix-blend-mode: color-burn;
        background-size: 240px;
        opacity: 0.5;
    }
}

.page-header-bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.page-header-fg {
    position: relative;
    z-index: 5;
}

.page-header-inner {
    position: relative;
    padding-top: 42px;
    padding-top: var(--header-height);
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header-content {
    width: 100%;
    text-align: center;
}

.page-header-title {
    font-size: 14vw;
}

.page-header-subtitle {
    font-size: 5vw;
    margin-top: 1rem;
    color: #f1b187;
    color: var(--tertiary);
    line-height: 1.2;
}

.page-header-divider {
    margin-top: 1rem;
    color: #f1b187;
    color: var(--tertiary);
}

.page-header-divider .icon {
    width: 50%;
    height: 40px;
    opacity: 0.6;
}

.page-header-graphic {
    display: none;
    position: absolute;
    bottom: -6rem;
    left: -4rem;
    z-index: 1;
}

.page-header-graphic img {
    display: block;
    -webkit-animation: rotate 40s infinite linear;
    animation: rotate 40s infinite linear;
    -webkit-animation: rotate var(--rotation-speed) infinite linear;
    animation: rotate var(--rotation-speed) infinite linear;
    opacity: .2;
    width: 300px;
}

.page-header-breadcrumb {
    position: absolute;
    z-index: 2;
    bottom: .7rem;
    left: 0;
    color: #BBB;
}

.page-header-breadcrumb a:hover,
.page-header-breadcrumb a:focus {
    color: #eee;
}

.page-header-scroll-down {
    position: absolute;
    bottom: 1.5rem;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    font-size: .8em;
}

.page-header-huge .page-header-inner {
    height: 480px;
}

.page-header-extra {
    margin-top: 1rem;
}

.page-header-contact-address {
    font-size: 1em;
    letter-spacing: 1px;
}

.page-header-contact-info-list {
    margin-top: 2rem;
}

@media (max-width: 1023.99px) {
    .page-header.autoheight-before-md .page-header-inner {
        height: auto;
        padding-top: 6rem;
        padding-bottom: 6rem;
    }

    .page-header-contact-info {
        margin-bottom: 1.5rem;
    }

    .page-header-contact-info:last-child {
        margin-bottom: 0;
    }
}

@media (min-width: 480px) {
    .page-header-title {
        font-size: 4em;
    }

    .page-header-subtitle {
        font-size: 1.4em;
    }

    .page-header-divider .icon {
        width: 200px;
    }
}

@media (min-width: 768px) {
    .page-header-title {
        font-size: 4.6em;
    }

    .page-header-subtitle {
        font-size: 1.7em;
    }

    .page-header-divider .icon {
        width: 30%;
    }

    .page-header-contact-address {
        font-size: 1.4em;
        letter-spacing: 2px;
    }
}

@media (min-width: 1024px) {
    .page-header-inner {
        height: 500px;
        padding-top: calc(42px + 48px);
        padding-top: calc(var(--header-height) + var(--topbar-height));
    }

    .page-header-huge .page-header-inner {
        height: 700px;
    }

    .page-header-graphic {
        display: block;
    }

    .page-header-scroll-down {
        bottom: .5rem;
        font-size: 1em;
    }

    .page-header-contact-info-list {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: -2rem;
        margin-right: -2rem;
        font-size: 1.2em;
    }

    .page-header-contact-info {
        margin: 0 2rem;
    }
}

@media (min-width: 1280px) {
    .page-header-graphic img {
        opacity: .3;
    }
}

.mega {
    display: none;
    --mega-bg: #fff;
    --item-width: 100%;
    --item-row-gap: 1rem;
    --item-col-gap: 1rem;
    --thumb-width: 100px;
    --thumb-height: 100px;
    position: absolute;
    top: 100%;
    left: 5rem;
    right: 5rem;
    color: #000;
    background: var(--mega-bg);
    z-index: 1000;
    z-index: var(--z-megamenu);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    line-height: 1.3;
}

.mega.is-active {
    display: block;
}

.mega-nav {
    display: flex;
    border-bottom: 1px solid #eee;
}

.mega-nav a {
    display: flex;
    padding: 1rem 2rem;
}

.mega-sect {
    position: relative;
    padding: 1rem 2rem;
    padding-right: .5rem;
}

.mega-sect-inner {
    padding-right: 1.5rem;
    position: relative;
    z-index: 1;
    height: 400px;
}

.mega-sect-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
}

.mega-sect-bg:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(ellipse at bottom right, transparent 30%, var(--mega-bg) 70%);
    z-index: 1;
}

.mega-sect-bg-image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    opacity: .1;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.mega-layout {
    margin-bottom: 2rem;
    font-size: .8em;
}

.mega-layout .btn {
    margin-right: 0.5rem;
}

.mega-list {
    display: flex;
    flex-wrap: wrap;
    margin: calc(var(--item-row-gap) * -1) calc(var(--item-col-gap) * -.5) 0;
}

.mega-list-item {
    width: 100%;
    width: var(--item-width);
    margin-bottom: var(--item-row-gap);
    padding: var(--item-row-gap) calc(var(--item-col-gap) * .5) 0;
}

.mega-list-item a {
    display: flex;
}

.mega-list-item-thumb {
    flex: 0 0 var(--thumb-width);
    margin-right: 1rem;
}

.mega-list-item-thumb img {
    display: block;
    width: 100%;
    height: var(--thumb-height);
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.mega-list-item-main {
    flex: 1;
}

.mega-list-item-title {
    font-weight: bold;
    color: #654631;
    color: var(--primary);
}

.mega-list-item-desc {
    margin-top: .5rem;
    font-size: 0.9em;
}

.mega-list-item-price {
    margin-top: .6rem;
}

.mega[data-layout=lg] {
    --thumb-width: 300px;
    --thumb-height: 300px;
}

.mega[data-layout=lg] .mega-list-item {
    margin-bottom: 2rem;
}

.mega[data-layout=lg] .mega-list-item a {
    align-items: flex-start;
}

.mega[data-layout=lg] .mega-list-item-thumb {
    margin-right: 2rem;
}

.mega[data-layout=lg] .mega-list-item-main {
    padding-top: 2rem;
}

.mega[data-layout=lg] .mega-list-item-title {
    font-size: 1.8em;
}

.mega[data-layout=lg] .mega-list-item-desc {
    font-size: 1.2em;
}

.mega[data-layout=lg] .mega-list-item-price {
    margin-top: 1rem;
    font-size: 1.4em;
}

.mega[data-layout=md] {
    --item-width: 50%;
    --thumb-width: 150px;
    --thumb-height: 150px;
}

.mega[data-layout=sm] {
    --item-width: 33.333%;
    --item-row-gap: .75rem;
    --thumb-width: 80px;
    --thumb-height: 80px;
}

.mega[data-layout=no-thumb] .mega-list-item-thumb {
    display: none;
}

.mega[data-layout=sm] .mega-list-item {
    font-size: .9em;
}

.footer {
    overflow: hidden;
    position: relative;
    color: #fdf5d4;
    color: var(--primary-fg);
    padding: 2rem 0 2rem;
    text-align: center;
    font-size: .9em;
}

.footer-bg,
.footer-bg-image,
.footer-bg:before,
.footer-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.footer-bg,
.footer-bg:before {
    background: #654631;
    background: var(--primary);
}

.footer-bg-image {
    background-repeat: repeat;
    background-size: 300px;
}

.footer-bg:before {
    background: #654631;
    background: var(--primary);
    opacity: .95;
    z-index: 2;
}

.footer-fg {
    position: relative;
    z-index: 2;
}

.footer-top-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: scaleY(-01);
    margin-top: -9px;
}

.footer-group {
    margin-bottom: 3rem;
}

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

.footer-about-logo img {
    display: block;
    max-width: 140px;
    margin: 0 auto;
}

.footer-about-text {
    text-align: left;
    margin-top: 0.5rem;
    line-height: 1.3;
    font-size: .9em;
    letter-spacing: 0.2px;
}

.footer-about-more {
    margin-top: .5rem;
    text-align: right;
}

.footer-contact {
    display: table;
    width: 100%;
    line-height: 1.2;
}

.footer-contact-item {
    display: table-row;
}

.footer-contact-item-label {
    display: table-cell;
    text-align: right;
    padding-right: 1rem;
    padding-bottom: 0.5rem;
}

.footer-contact-item-data {
    display: table-cell;
    text-align: left;
    padding-bottom: .5rem;
}

.footer-links {
    font-size: 1.3em;
}

.footer-links .btn {
    transition: transform .3s;
    transition: transform var(--trs);
}

.footer-links .btn:hover,
.footer-links .btn:focus {
    transform: scale(1.05);
}

.footer-bottom {
    margin-top: 3rem;
}

.footer-social {
    font-size: 1.1em;
}

.footer-bottom-end {
    font-size: .9em;
}

.footer-bottom-divider {
    opacity: .2;
}

.footer-bottom-divider .icon {
    width: 230px;
    height: 40px;
}

.footer-bottom-links {
    margin-top: 1rem;
}

.footer-bottom-links ul {
    display: flex;
    justify-content: center;
}

.footer-bottom-links li {
    margin: 0 .5rem;
}

@media (min-width: 1024px) {
    .footer-row {
        display: flex;
    }

    .footer-group {
        flex: 1;
        width: 25%;
    }

    .footer-group-divider {
        margin: 0 1rem;
        width: 1px;
        background: linear-gradient(to top, transparent, #fff);
        opacity: 0.1;
    }
}

@media (min-width: 1280px) {
    .footer-group-divider {
        margin: 0 2rem;
    }
}

.hero {
    position: relative;
    background: #654631;
    background: var(--primary);
}

.hero-slide {
    height: 100vh;
    min-height: 600px;
    position: relative;
}

.hero-top {
    padding-top: calc(42px - 20px);
    padding-top: calc(var(--header-height) - 20px);
}

.hero-top .hero-slide {
    height: 95vh;
}

.hero-bg {
    opacity: 0;
    transition: opacity 1.25s;
}

.hero-bg.in {
    opacity: 1;
}

.hero-bg,
.hero-bg:before,
.hero-bg:after,
.hero-bg-image {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.hero-bg-image {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.hero-bg:before {
    z-index: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") repeat;
    opacity: .5;
}

.hero-bg:after {
    z-index: 2;
    background: #000;
    opacity: .2;
}

.hero-fg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
}

.hero-content {
    width: 100%;
    position: relative;
    margin-top: -5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.hero-title {
    font-size: 5.4em;
}

.hero-title-large {
    font-size: 6.8em;
}

.hero-subtitle {
    font-size: 2.4em;
    margin-top: 0.5rem;
}

.hero-actions {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 5rem;
}

.hero-content-center {
    text-align: center;
}

.hero-graphic {
    position: absolute;
    bottom: -4rem;
    left: -3rem;
    z-index: 20;
    opacity: 0;
    transition: opacity .5s;
}

.hero-graphic img {
    display: block;
    -webkit-animation: rotate 40s infinite linear;
    animation: rotate 40s infinite linear;
    -webkit-animation: rotate var(--rotation-speed) infinite linear;
    animation: rotate var(--rotation-speed) infinite linear;
    opacity: .4;
    width: 350px;
}

.hero-graphic.in {
    opacity: 1;
}

@media (max-width: 1023.9px) {
    .hero-title {
        font-size: 2.6em;
    }

    .hero-title-large {
        font-size: 3em;
    }

    .hero-subtitle {
        font-size: 1.6em;
    }

    .hero-actions {
        font-size: .9em;
    }

    .hero-action {
        margin-bottom: 2.5rem;
    }

    .hero-action:last-child {
        margin-bottom: 0;
    }

    .hero-graphic {
        display: none;
    }
}

@media (min-width: 1024px) {
    .hero-top {
        padding-top: calc(48px + 42px - 20px);
        padding-top: calc(var(--topbar-height) + var(--header-height) - 20px);
    }

    .hero-actions {
        display: flex;
        justify-content: center;
        margin-left: -.5rem;
        margin-right: -.5rem;
        font-size: 1.1em;
    }

    .hero-action {
        margin: 0 .5rem;
    }
}

.page-wrapper {
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (max-width: 1023.99px) {
    .page-wrapper {
        padding-bottom: calc(42px - 2px);
        padding-bottom: calc(var(--mobile-nav-height) - 2px);
    }
}

.content {
    position: relative;
    padding: 2rem 0 4rem;
    overflow: hidden;
}

.content-bg {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.content-fg {
    position: relative;
    z-index: 300;
    z-index: var(--z-content-fg);
}

.content.with-top-padding {
    padding-top: 42px;
    padding-top: var(--header-height);
}

.content.content-large-vertical-padding {
    padding-top: 4rem;
    padding-bottom: 6rem;
}

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

.content .pagination {
    margin-top: 3rem;
}

@media (min-width: 1024px) {
    .content.with-top-padding {
        padding-top: calc(42px + 48px);
        padding-top: calc(var(--header-height) + var(--topbar-height));
    }
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .5;
    z-index: 5000;
    z-index: var(--z-overlay);
}

.overlay-light {
    background: #fff;
    opacity: .75;
}

.__contact {
    text-align: left;
}

.__contact-left {
    margin-bottom: 3rem;
}

.__contact-widget-head {
    margin-bottom: 1.5rem;
}

.__contact-widget-title {
    font-size: 1.7em;
    font-weight: bold;
}

.__contact-widget-desc {
    margin-bottom: 1.5rem;
    font-size: 1em;
    line-height: 1.4;
}

.__contact-info-sect {
    margin-bottom: 2rem;
}

.__contact-info-sect:last-child {
    margin-bottom: 0;
}

.__contact-info-sect-head {
    margin-bottom: 1rem;
}

.__contact-info-sect-title {
    font-size: 1.4em;
    font-weight: bold;
}

.__contact-info-item {
    margin-bottom: 1rem;
    font-size: 1.1em;
}

.__contact-info-item:last-child {
    margin-bottom: 0;
}

.__contact-form .form-submit {
    margin-top: 1rem;
}

@media (min-width: 1024px) {
    .__contact-row {
        display: flex;
    }

    .__contact-left {
        width: 50%;
        padding-right: 5rem;
        margin-bottom: 0;
    }

    .__contact-right {
        width: 50%;
        padding-left: 5rem;
    }
}

.__single-head {
    display: none;
    position: relative;
}

.__single-head-bg,
.__single-head-bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.__single-head-bg:before {
    background: #fff;
}

.__single-head-fg {
    position: relative;
    display: flex;
    z-index: 1;
    padding-bottom: 50%;
}

.__single-head-featured {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    width: 50%;
    order: 1;
    z-index: 0;
}

.__single-head-slider {
    color: #fff;
}

.__single-head-slider .swiper-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.__single-head-featured-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.__single-head-main {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    text-align: center;
    padding: 1rem 4rem;
    z-index: 1;
}

.__single-head-frame-wrapper,
.__single-head-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.__single-head-frame {
    color: #f1b187;
    color: var(--tertiary);
    opacity: .3;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.__single-head-main:hover .__single-head-frame {
    opacity: 1;
}

.__single-head-main-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: hidden;
}

.__single-head-cat a {
    display: inline-flex;
    padding: 0.4rem;
    border-radius: 10em;
    font-size: 1.3em;
    letter-spacing: 5px;
    text-transform: uppercase;
    color: #654631;
    color: var(--primary);
    opacity: 0.3;
    transition-property: opacity;
}

.__single-head-cat a:hover,
.__single-head-cat a:focus {
    opacity: .6;
}

.__single-head-div {
    display: block;
    opacity: 0.2;
    color: #654631;
    color: var(--primary);
}

.__single-head-top-div {
    margin-bottom: 1rem;
    height: 60px;
    width: 55%;
}

.__single-head-bottom-div {
    width: 30%;
    height: 30px;
}

.__single-head-title {
    font-size: 2.6em;
    font-weight: bold;
    color: #AD7C5C;
    color: var(--accent);
    letter-spacing: 2px;
}

.__single-head-desc {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1rem;
    color: #7d7d7d;
}

.__single-head-features {
    margin-top: 1rem;
    font-size: 1.6em;
}

.__single-head-features .menu-features {
    display: flex;
    justify-content: center;
}

.__single-head-features .menu-feature {
    margin: 0 0.5rem;
    filter: grayscale(1);
    opacity: 0.7;
    transition: opacity .3s, filter .3s;
    transition: opacity var(--trs), filter var(--trs);
}

.__single-head-features .menu-feature:hover,
.__single-head-features .menu-feature:focus {
    filter: grayscale(0);
    opacity: 1;
}

.__single-head-rating {
    margin-top: 2rem;
    font-size: 1.2em;
}

.__single-head-price {
    font-size: 2.8em;
    margin-top: 2rem;
    letter-spacing: 4px;
}

.__single-head-cart {
    margin-top: 3rem;
}

.__single-head-breadcrumb {
    position: absolute;
    bottom: .5rem;
    left: 50%;
    transform: translateX(-50%);
    font-size: .9em;
    color: #999;
}

.__single-head-breadcrumb a:hover,
.__single-head-breadcrumb a:focus {
    color: #000;
}

.__single-body {
    padding-top: 2rem;
    padding-bottom: 4rem;
    border-top: 6px solid #654631;
    border-top: 6px solid var(--primary);
}

.__single-body-content {
    font-size: 1.2em;
}

.__single-foot {
    margin-top: 3rem;
}

.__single-foot-divider {
    color: #AD7C5C;
    color: var(--accent);
    margin-bottom: 2rem;
}

.__single-foot-divider .icon {
    display: block;
    width: 100%;
    height: 1.8em;
    margin-bottom: -1em;
}

.__single-foot-divider:after {
    content: '';
    display: block;
    width: 100%;
    background: linear-gradient(to right, transparent, #AD7C5C 45%, #AD7C5C 55%, transparent);
    background: linear-gradient(to right, transparent, var(--accent) 45%, var(--accent) 55%, transparent);
    height: .2em;
}

.__single-foot-tags {
    font-size: .9em;
}

.__single-foot-share {
    font-size: .9em;
    color: rgba(0, 0, 0, .5);
    margin-top: 2rem;
}

.__single-foot-share .social {
    display: flex;
    justify-content: center;
}

@media (max-width: 1023.9px) {
    .__single-foot-divider .icon {
        display: none;
    }

    .__single-foot-divider:after {
        height: 2px;
    }
}

@media (min-width: 1024px) {
    .__single-head {
        display: block;
    }

    .__single-foot-divider {
        margin-bottom: 1rem;
    }

    .__single-foot-row {
        display: flex;
        align-items: center;
        padding-right: 1rem;
    }

    .__single-foot-tags {
        font-size: 1em;
    }

    .__single-foot-share {
        margin-top: 0;
        margin-left: auto;
        padding-left: 1rem;
    }

    .__single-foot-share .social {
        justify-content: flex-start;
    }
}

.post-single-nav {
    border-top: 1px solid #eee;
    border-top: 1px solid var(--divider);
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid var(--divider);
    margin-top: 2rem;
    display: flex;
}

.post-single-nav a {
    display: block;
    width: 50%;
    padding: .5rem;
}

.post-single-nav a.post-single-nav-prev {
    padding-right: 0;
}

.post-single-nav a.post-single-nav-next {
    float: left;
    text-align: left;
    padding-left: 0;
    margin-right: auto;
}

.post-single-nav-sup {
    color: #b9b9b9;
    color: var(--muted);
    margin-bottom: 1rem;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
}

.post-single-nav-sup .icon {
    font-size: .7em;
}

.post-single-nav-title {
    font-weight: bold;
    line-height: 1.5;
    font-size: .8em;
}

.post-single-comments {
    margin-top: 2rem;
    padding-top: 1rem;
}

@media (min-width: 414px) {
    .post-single-nav {
        font-size: 1.1em;
    }
}

@media (--xs) {
    .post-single-nav {
        position: relative;
        font-size: 1.2em;
    }

    .post-single-nav:before {
        content: '';
        position: absolute;
        left: 50%;
        top: 1rem;
        bottom: 1rem;
        width: 1px;
        background: #eee;
        background: var(--divider);
        z-index: 1;
    }

    .post-single-nav-sup {
        margin-bottom: 1.5rem;
    }
}

@media (min-width: 650px) {
    .post-single-nav a {
        padding: 1rem;
    }

    .post-single-nav a.post-single-nav-prev {
        padding-right: .5rem;
    }

    .post-single-nav a.post-single-nav-next {
        padding-left: .5rem;
    }

    .post-single-nav a.post-single-nav-prev .icon {
        margin-left: .25rem;
    }

    .post-single-nav a.post-single-nav-next .icon {
        margin-right: .25rem;
    }
}

@media (--md) {
    .post-single-nav {
        margin-top: 3rem;
    }

    .post-single-nav-title {
        transition: color .3s;
    }

    .post-single-nav a:hover .post-single-nav-title,
    .post-single-nav a:focus .post-single-nav-title {
        color: #654631;
        color: var(--primary);
    }
}


.comments a:hover,
.comments a:focus {
    color: #654631;
    color: var(--primary);
}

.comments a:active {
    filter: brightness(.9);
}

.comments input:not([type=checkbox]):not([type=radio]),
.comments textarea,
.comments select {
    display: block;
    padding: .5rem .75rem;
    width: 100%;
    border: 1px solid #d2d2d2;
    font-weight: normal;
    background: #ffffff50;
    resize: none;
    mix-blend-mode: difference;
}

.comment-respond {
    max-width: 700px;
}

.comment-reply-title {
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 1.5rem;
    display: block;
}

.comment-reply-title small {
    font-size: 0.8em;
    margin-left: 8px;
    font-weight: 300;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
    color: #654631;
    color: var(--primary);
}

.comment-form {
    font-size: .8em;
}

.comment-form p {
    margin-bottom: 1rem;
}

.comment-form p:last-child {
    margin-bottom: 0;
}

.comment-notes {
    line-height: 2;
    font-size: .8em;
}

#email-notes {
    display: block;
    margin-bottom: .5rem;
}

.comment-form label {
    display: block;
    font-size: unset;
    margin: 20px 0px 5px;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    padding: 1px;
    width: 40px;
    background: #ebe9eb;
    border: unset;
    border-radius: 50%;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #a08b71;
    text-decoration: none;
    background-image: none;
    color: #ebe9eb;
}

.woocommerce #review_form #respond textarea {
    backdrop-filter: blur(5px);
    background-color: #ffffff50;
    mix-blend-mode: difference;
}

.comment-form input[type=checkbox] + label,
.comment-form input[type=radio] + label {
    display: inline;
}

.comment-form input[type=checkbox],
.comment-form input[type=radio] {
    position: relative;
    top: 4px;
    margin-left: 4px;
}

.comment-form input.submit[type=submit] {
    background: #654631;
    background: var(--primary);
    color: #fff;
    border-color: transparent;
    padding-top: .7rem;
    padding-bottom: .7rem;
    transition-property: background;
    min-width: 100px;
    font-size: 1.3em;
    line-height: 1.2;
}

.comment-form input.submit[type=submit]:hover,
.comment-form input.submit[type=submit]:focus {
    background: #6e2837;
    background: var(--primary-dark);
}

.comment-form input.submit[type=submit]:active {
    transition: none;
    background: #654631;
    background: var(--primary);
}

.comment-form .form-submit {
    margin-top: 1.5rem;
}

.comments-list-wrap {
    /* margin-top: 3rem; */
    max-width: 700px;
}

.comments-list-title {
    /* margin-bottom: 2rem; */
    font-size: 1.2em;
    font-weight: bold;
}

.comment {
    font-size: 14px;
    margin-bottom: 1.5rem;
}

.comment:last-child {
    margin-bottom: 0;
}

.comment-author {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    font-size: .9em;
}

.comment-author .avatar {
    margin-right: 8px;
    border-radius: 50%;
}

.comment-author .says {
    display: none;
}

.comment-metadata {
    font-size: .8em;
}

.comment-metadata time {
    opacity: .8;
}

.comment-metadata .edit-link {
    margin-right: 4px;
}

.comment-content {
    margin-top: 1rem;
    font-size: 1em;
    padding: .7rem;
    background: #ffffff50;
    border-radius: 3px;
}

.comment-content .typo-inline {
    line-height: 2;
}

.comment .reply {
    margin-top: 1rem;
    text-align: right;
}

.comment-reply-link {
    background: transparent;
    color: #6b6b6b;
    border: 1px solid #eee;
    border: 1px solid var(--divider);
    line-height: 1.2;
    padding: 4px 12px;
    display: inline-block;
    font-size: .9em;
    transition-property: border, background;
    border-radius: 3px;
}

.comment-reply-link:hover,
.comment-reply-link:focus {
    border-color: #999;
}

.comment-reply-link:active {
    transition: none;
    background: #efefef;
}

.comment .comment-respond {
    margin-top: 1rem;
}

.comment .comment-reply-title {
    font-size: 1.2em;
}

.comment .children {
    margin-top: 1rem;
    margin-right: 1rem;
}

@media (--xs) {
    .comments-list-wrap {
        margin-top: 4rem;
    }

    .comment-author {
        font-size: 1em;
    }

    .comments-list-title {
        font-size: 1.3em;
        margin-bottom: 3rem;
    }

    .comment-content {
        padding: 1rem;
        font-size: .95em;
    }
}

@media (--sm) {
    .comment .children {
        margin-top: 1rem;
        margin-right: 2rem;
    }
}

@media (--md) {
    .comment {
        font-size: 15px;
    }
}

.contact-page-info .__contact-left {
    font-size: 1.1em;
}

.__booking {
    background: #fff;
    padding: 1.5rem 1rem;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.__booking .bookly-form {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.__booking .bookly-nav-steps {
    margin-bottom: 0;
    margin-top: auto;
    border-color: #eee !important;
    border-color: var(--divider) !important;
}

.__booking .bookly-box {
    line-height: 1.618;
}

.__booking .bookly-form .bookly-label-error {
    color: red !important;
    color: var(--error) !important;
    font-weight: normal !important;
    margin-top: 2px !important;
}

.__booking .bookly-form .picker__holder {
    border: none !important;
}

.__booking .bookly-form .picker__frame {
    background: #633F29 !important;
    background: var(--primary-dark) !important;
}

.__booking .bookly-form .picker__header {
    padding-bottom: 3px;
}

.__booking .bookly-btn, .__booking .bookly-btn > span {
    font-weight: normal !important;
}

.__booking .bookly-form input[type="text"],
.__booking .bookly-form input[type="number"],
.__booking .bookly-form input[type="password"],
.__booking .bookly-form select,
.__booking .bookly-form textarea {
    border-radius: 0 !important;
    padding: 8px 7px 7px !important;
}

.__booking .flag-box {
    display: none !important;
}

@media (min-width: 400px) {
    .__booking {
        padding: 1.5rem;
    }
}

@media (min-width: 480px) {
    .__booking {
        padding: 2rem;
    }
}

.excerpt-list-item {
    margin-bottom: 1.5rem;
}

.excerpt-list-item:last-child {
    margin-bottom: 0;
}

.excerpt {
    max-width: 720px;
    font-size: .9em;
    background: #fff;
    padding: 0.9rem 0.7rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    margin-left: auto;
    margin-right: auto;
}

.excerpt-inner {
    display: flex;
}

.excerpt-featured {
    flex: 68px 0 0;
}

.excerpt-featured a {
    display: block;
}

.excerpt-featured img {
    width: 100%;
    height: 68px;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.excerpt-main {
    flex: 1;
    padding-left: 0.8rem;
}

.excerpt-head {
    margin-bottom: .8rem;
}

.excerpt-title {
    font-weight: bold;
    font-size: 1.1em;
}

.excerpt-head-meta {
    font-size: .9em;
    margin-top: .7rem;
}

.excerpt-body {
    font-size: .9em;
    line-height: 1.2;
}

.excerpt-foot {
    margin-top: 1rem;
}

.excerpt-more {
    text-align: right;
    font-size: .8em;
}

@media (min-width: 480px) {
    .excerpt-featured {
        flex-basis: 100px;
    }

    .excerpt-featured img {
        height: 100px;
    }

    .excerpt-title {
        font-size: 1.2em;
    }
}

@media (min-width: 620px) {
    .excerpt-list-item {
        margin-bottom: 2rem;
    }

    .excerpt {
        padding: 1.5rem;
        font-size: 1em;
    }

    .excerpt-body {
        line-height: 1.4;
    }
}

@media (min-width: 768px) {
    .excerpt {
        padding: 2rem;
    }

    .excerpt-featured {
        flex-basis: 150px;
    }

    .excerpt-featured img {
        height: 150px;
    }

    .excerpt-main {
        padding-left: 1.5rem;
    }

    .excerpt-title {
        font-size: 1.4em;
    }

    .excerpt-foot {
        margin-top: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .excerpt {
        box-shadow: 0 2px 11px rgba(0, 0, 0, 0.15);
    }

    .excerpt-title {
        font-size: 1.6em;
    }
}

.hidden {
    visibility: hidden;
}

.will-change-transform {
    will-change: transform;
}

.sr,
.screen-reader-response,
.visually-hidden,
.screen-reader-text {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.ft-large {
    font-size: 1.1em !important;
}

.wc-rating {
    display: flex;
    position: relative;
    transform: translateX(-50%);
}

.woocommerce .woocommerce-product-rating .star-rating {
    margin: 0;
}

.woocommerce .star-rating {
    font-family: 'MSIcons';
    position: relative;
    display: inline-flex;
    letter-spacing: 0;
    white-space: nowrap;
    text-align: left;
    margin-right: -12px;
    font-size: 0.8em;
}

.woocommerce .star-rating:before {
    content: '\e900\e900\e900\e900\e900';
    color: #cecece;
    color: var(--star-color-muted);
}

.woocommerce .star-rating span {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}

.woocommerce .star-rating span::before {
    content: '\e900\e900\e900\e900\e900';
    color: #654631;
    color: var(--star-color);
}

.wc-rating-count {
    position: absolute;
    top: 50%;
    right: 100%;
    white-space: nowrap;
    margin-right: 0.9rem;
    font-size: 1.2em;
    color: #654631;
    color: var(--star-color);
    transform: translateY(-50%);
}

.wc-rating-reviews {
    position: absolute;
    top: 50%;
    left: 100%;
    white-space: nowrap;
    font-size: 10px;
    color: grey;
    color: #b9b9b9;
    transform: translateY(-50%);
    margin-left: 0.5rem;
}

@media (max-width: 480px) {
    .fancybox__slide {
        padding: 2rem;
    }
}

.__test {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 5rem;
    min-height: 500px;
    color: #484848;
}

.__test.no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.__test-bg,
.__test-bg:before,
.__test-bg:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
}

.__test-bg:before {
    background: #f1b187;
    background: var(--tertiary);
    opacity: .97;
}

.__test-graphic {
    position: absolute;
    z-index: 3;
}

.__test-graphic .icon {
    width: 200px;
    height: 200px;
    color: #000;
    opacity: 0.1;
}

.__test-graphic-top-left {
    top: 0;
    left: 0;
    transform: scaleX(-1);
}

.__test-graphic-bottom-right {
    bottom: 0;
    right: 0;
    transform: scaleY(-1);
}

.__test-fg {
    position: relative;
    z-index: 1;
}

.__test-content {
    text-align: center;
}

.__test-logo {
    margin: 0 auto 1.5rem;
    width: 120px;
}

.__test-title {
    font-size: 1.8em;
    font-weight: bold;
    color: #633F29;
    color: var(--primary-dark);
}

.__test-subtitle {
    font-size: 1.2em;
    margin-top: 1rem;
    color: #654631;
    color: var(--primary);
}

.__test-divider {
    margin: 1rem auto 0;
    width: 200px;
}

.__test-body {
    margin-top: 2rem;
}

.__test-desc {
    max-width: 900px;
    margin: 0 auto;
    font-size: 1.2em;
}

.__test-desc p {
    margin-bottom: 1.5rem;
}

.__test-actions {
    margin-top: 3rem;
    font-size: .8em;
}

.__test-action {
    margin-bottom: 2.5rem;
}

.__test-action:last-child {
    margin-bottom: 0;
}

.__test-opaque .__test-bg:before {
    opacity: 1;
}

.__test-primary {
    color: #fdf5d4;
    color: var(--primary-fg);
}

.__test-primary .__test-bg:before {
    background: #654631;
    background: var(--primary);
}

.__test-primary .__test-title {
    color: #fff;
    color: var(--primary-fg-bold);
}

.__test-primary .__test-subtitle {
    color: #fdf5d4;
    color: var(--primary-fg);
}

.__test-accent {
    color: #fff;
    color: var(--accent-fg);
}

.__test-accent .__test-bg:before {
    background: #AD7C5C;
    background: var(--accent);
}

.__test-tertiary {
    color: #333;
    color: var(--tertiary-fg-inverse);
}

.__test-tertiary .__test-bg:before {
    background: #f1b187;
    background: var(--tertiary);
}

.__test-tertiary .__test-title {
    color: #333;
    color: var(--tertiary-fg-inverse);
}

.__test-head-small {
    font-size: .85em;
}

.__test-head-small .__test-divider {
    width: 210px;
    margin-top: .5rem;
}

.__test.no-top-padding {
    padding-top: 0;
}

@media (min-width: 1024px) {
    .__test-logo {
        width: 160px;
    }

    .__test-title {
        font-size: 2.8em;
    }

    .__test-subtitle {
        font-size: 1.6em;
    }

    .__test-divider {
        width: 280px;
    }

    .__test-desc {
        font-size: 1.5em;
    }

    .__test-actions {
        display: flex;
        justify-content: center;
        margin-left: -1rem;
        margin-right: -1rem;
        font-size: 1em;
    }

    .__test-action {
        margin: 0 1rem;
    }
}

.__cta {
    position: relative;
    min-height: 500px;
    height: 50vh;
}

.__cta-bg,
.__cta-bg-image,
.__cta-bg:before,
.__cta-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-attachment: fixed;
}

.__cta-bg {
    background: #654631;
    background: var(--primary);
}

.__cta-bg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.__cta-bg:before {
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: repeat;
    opacity: .15;
}

.__cta-fg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
}

.__cta-box {
    position: absolute;
    padding: 1.5rem 2rem;
    font-size: 1.2em;
    max-width: 550px;
    line-height: 1.4;
}

.__cta-box-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f1b187;
    background: var(--tertiary);
    border: 6px solid #000;
    opacity: .95;
    z-index: 0;
}

.__cta-box-divider {
    display: none;
    position: absolute;
    transform-origin: left;
    transform: rotate(90deg);
    top: 50%;
    left: -18px;
    z-index: 10;
    width: 290px;
    margin-top: -170px;
    filter: brightness(0);
}

.__cta-box-btn {
    position: absolute;
    font-size: .8em;
    top: 100%;
}

.__cta-box-btn .btn {
    background: #000;
    color: #fff;
    padding: 0.3rem 1rem;
}

.__cta-box-fg {
    position: relative;
    z-index: 2;
    color: #000;
}

.__cta-graphic {
    display: none;
    position: absolute;
    z-index: 1;
    opacity: .5;
}

.__cta-graphic img {
    display: block;
    width: 350px;
    -webkit-animation: rotate 40s infinite linear;
    animation: rotate 40s infinite linear;
    -webkit-animation: rotate var(--rotation-speed) infinite linear;
    animation: rotate var(--rotation-speed) infinite linear;
}

@media (max-width: 1023.99px) {
    .__cta-box {
        top: 2rem;
        left: 1rem;
        right: 1rem;
        padding: 1.5rem 1.5rem;
    }
}

@media (min-width: 1024px) {
    .__cta {
        min-height: 700px;
        height: 92vh;
    }

    .__cta-box {
        font-size: 1.7em;
    }

    .__cta-box-divider {
        display: block;
    }

    .__cta-box-top-left {
        top: 7rem;
        left: 5rem;
    }

    .__cta-box-bottom-left {
        bottom: 7rem;
        left: 5rem;
    }

    .__cta-box-top-right {
        top: 7rem;
        right: 5rem;
    }

    .__cta-box-bottom-right {
        bottom: 7rem;
        right: 5rem;
    }

    .__cta-box-top-left .__cta-box-btn,
    .__cta-box-bottom-left .__cta-box-btn {
        right: 0;
    }

    .__cta-box-top-right,
    .__cta-box-bottom-right {
        text-align: right;
    }

    .__cta-box-top-right .__cta-box-btn,
    .__cta-box-bottom-right .__cta-box-btn {
        left: 0;
    }

    .__cta-box-top-right .__cta-box-divider,
    .__cta-box-bottom-right .__cta-box-divider {
        margin-left: 17px;
        left: 100%;
        transform: rotate(90deg) scaleY(-1);
    }

    .__cta-graphic-top-right {
        top: -6rem;
        right: -5rem;
    }

    .__cta-graphic-top-left {
        top: -6rem;
        left: -5rem;
    }

    .__cta-graphic-bottom-left {
        bottom: -6rem;
        left: -5rem;
    }

    .__cta-graphic-bottom-right {
        bottom: -6rem;
        right: -5rem;
    }

    .__cta-graphic {
        display: block;
    }
}

.__i {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.__i-inner {
    position: relative;
}

.__i-featured {
}

.__i-featured a {
    position: relative;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    padding-bottom: 100%;
    border: 6px solid #654631;
    border: 6px solid var(--primary);
    box-shadow: 0 6px 4px rgba(0, 0, 0, 0.2);
}

.__i-featured-image,
.__i-featured-image img,
.__i-featured-image:before,
.__i-featured-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.__i-featured-image img {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    transition: transform .3s;
    transition: transform var(--trs);
}

.__i-featured-image:before {
    z-index: 1;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") repeat;
    opacity: .1;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.__i-featured-image:after {
    background: #000;
    opacity: 0;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.__i-featured-fg {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    color: #fff;
    transition: opacity .3s, visibility .3s;
    transition: opacity var(--trs), visibility var(--trs);
}

.__i-featured-content {
    width: 100%;
    padding: 1rem;
    line-height: 1.3;
}

.__i-featured-content p {
    margin-bottom: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateY(4px);
    transition: opacity .3s, visibility .3s, transform .3s;
}

.__i-featured-content p:nth-child(2) {
    transition-delay: .1s;
}

.__i-featured-content p:nth-child(3) {
    transition-delay: .2s;
}

.__i-featured-content p:nth-child(4) {
    transition-delay: .3s;
}

.__i-featured-content p:nth-child(5) {
    transition-delay: .3s;
}

.__i-featured-content p:last-child {
    margin-bottom: 0;
}

.__i-featured a:hover .__i-featured-image img {
    transform: scale(1.05);
}

.__i-featured a:hover .__i-featured-image:before {
    opacity: 1;
}

.__i-featured a:hover .__i-featured-image:after {
    opacity: .5;
}

.__i-featured a:hover .__i-featured-content p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.__i-head {
    position: relative;
    margin-top: -4rem;
    margin-bottom: .5rem;
    z-index: 2;
}

.__i-divider {
    display: block;
    width: 200px;
    margin: 0 auto;
}

.__i-divider-top {
    transform: scaleY(-1);
}

.__i-title a {
    display: block;
    padding: 0.5rem .5rem;
    width: 214px;
    font-size: 1.4em;
    font-weight: bold;
    background: #fff;
    margin: 0 auto;
    border: 3px solid #AD7C5C;
    border: 3px solid var(--accent);
    border-top: none;
    border-bottom: none;
    margin: -0.2rem auto;
    border-radius: 20px;
    transition-property: background, color;
}

.__i-title a:hover,
.__i-title a:focus {
    background: #AD7C5C;
    background: var(--accent);
    color: #fff;
    color: var(--accent-fg);
}

.__i-subtitle {
}

.__i-slider .swiper-container {
    padding: .5rem 1.25rem;
}

.__about {
    display: none;
    position: relative;
    background: #654631;
    background: var(--primary);
    color: #fdf5d4;
    color: var(--primary-fg);
    padding: 6rem 0;
    overflow: hidden;
}

.__about-fg {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 600px;
}

.__about-fg .container {
    width: 100%;
}

.__about-row {
    display: flex;
    align-items: center;
    margin: 0 -1rem;
}

.__about-left {
    width: 50%;
    padding: 0 1rem;
    position: relative;
    z-index: 0;
}

.__about-right {
    width: 50%;
    padding: 0 1rem;
    position: relative;
    z-index: 2;
}

.__about-featured-frame {
    position: absolute;
    -webkit-animation: rotate 150s infinite linear;
    animation: rotate 150s infinite linear;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.__about-featured-frame:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: url(../images/frame-1.png) no-repeat center center / contain;
    width: 900px;
    height: 900px;
    transform: translate(-50%, -50%);
    opacity: .25;
}

.__about-featured-image {
    display: block;
    text-align: center;
    position: relative;
    width: 452px;
    height: 452px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 8px solid rgba(0, 0, 0, 0.25098);
    transition: border-radius .5s, transform .5s, box-shadow .5s;
}

.__about-featured-image:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E") repeat;
    opacity: .15;
    z-index: 2;
    transition: opacity .5s;
}

.__about-featured-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.__about-featured-image-caption {
    bottom: 3rem;
    text-align: center;
    position: absolute;
    color: #fff;
    width: 264px;
    margin: 0 auto;
    left: 0;
    right: 0;
    font-size: 1.6em;
    text-shadow: 1px 1px 3px #000;
    z-index: 4;
    transition: transform .5s, opacity .5s;
    line-height: 1.2;
}

.__about-featured-image:not(.animated):hover,
.__about-featured-image:not(.animated):focus {
    border-radius: 0;
    transform: scale(1.1);
    box-shadow: 0 0 45px rgba(0, 0, 0, .2);
}

.__about-featured-image:not(.animated):hover:before,
.__about-featured-image:not(.animated):focus:before {
    opacity: 0;
}

.__about-featured-image:not(.animated):hover .__about-featured-image-caption,
.__about-featured-image:not(.animated):focus .__about-featured-image-caption {
    transform: translateY(10px);
    opacity: 0;
}

.__about-title {
    font-weight: bold;
    font-size: 3em;
    color: #fff;
    color: var(--primary-fg-bold);
}

.__about-subtitle {
    margin-top: 1rem;
    font-size: 1.6em;
    line-height: 1.2;
}

.__about-desc {
    margin-top: 2rem;
    line-height: 1.4;
    font-size: 1.2em;
    font-style: italic;
}

.__about-actions {
    margin-top: 1rem;
    text-align: center;
}

@media (min-width: 1024px) {
    .__about {
        display: block;
    }
}

.__e-slide {
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.__e-inner {
    position: relative;
}

.__e-head {
    margin-bottom: -4rem;
    position: relative;
    z-index: 10;
}

.__e-title {
    font-size: 1.1em;
    font-weight: bold;
    max-width: 220px;
    margin: 0 auto;
}

.__e-featured {
}

.__e-featured a {
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    padding-bottom: 100%;
    border: 6px solid #AD7C5C;
    border: 6px solid var(--accent);
    box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.18039);
    z-index: 0;
}

.__e-featured img,
.__e-featured a:before,
.__e-featured a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.__e-featured img {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
    z-index: 0;
    transition: transform .3s;
    transition: transform var(--trs);
}

.__e-featured a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Cpath fill='%23000000' fill-opacity='1' d='M1 3h1v1H1V3zm2-2h1v1H3V1z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: repeat;
    opacity: .2;
}

.__e-desc {
    margin-top: 0.5rem;
    line-height: 1.3;
}

.__e-featured a:hover img,
.__e-featured a:focus img {
    transform: scale(1.05);
}

.__e-more {
    margin-top: .5rem;
}

.__sect {
    position: relative;
    padding: 3rem 0;
    color: #ffd494;
}

.__sect-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(44, 40, 5, 0.92941);
}

.__sect-fg {
    position: relative;
    z-index: 1;
}

.__sect-head {
    margin-bottom: 2rem;
    text-align: center;
}

.__sect-title {
    font-size: 1.6em;
    font-weight: bold;
}

.__light-link:hover,
.__light-link:focus {
    color: #fff;
}

.__post {
    margin-bottom: 1rem;
    line-height: 1.2;
    text-align: left;
}

.__post:last-child {
    margin-bottom: 0;
}

.__post-inner {
    display: flex;
}

.__post-thumb {
    flex: 0 0 60px;
}

.__post-thumb a {
    display: flex;
    overflow: hidden;
    transition-property: box-shadow;
}

.__post-thumb a img {
    transform: scale(1.05);
    transition: transform .3s;
    transition: transform var(--trs);
}

.__post-thumb a:hover,
.__post-thumb a:focus {
    box-shadow: 0 0 0 3px var(--post-thumb-theme);
}

.__post-thumb a:hover img,
.__post-thumb a:focus img {
    transform: scale(1);
}

.__post-thumb-accent {
    --post-thumb-theme: var(--accent);
}

.__post-main {
    flex: 1;
    padding-left: .75rem;
}

.__post-head {
    margin-bottom: .5rem;
}

.__post-title {
    font-weight: bold;
}

.__post-title a {
    display: inline-flex;
}

.__post-body {
    font-size: .9em;
}

.__post-more {
    margin-top: .5rem;
}

.__post-excerpt-meta {
    font-size: .9em;
    margin-top: .5rem;
}

.__post-excerpt-time {
    display: inline-flex;
    border-bottom: 1px dotted rgba(255, 255, 255, .5);
}

.__frame {
    position: relative;
}

.__frame-graphic {
    color: var(--frame-color);
}

.__frame-inner {
    display: block;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    z-index: 0;
    padding-bottom: 100%;
}

.__frame-bg,
.__frame-bg:before,
.__frame-bg:after,
.__frame-bg img {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    border-radius: 50%;
    overflow: hidden;
}

.__frame-bg img {
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.__frame-bg:before {
    z-index: 1;
}

.__frame-1 {
    border-radius: 50%;
}

.__frame-1 .__frame-bg img {
    transition: transform .3s;
    transition: transform var(--trs);
}

.__frame-1 .__frame-inner:hover .__frame-bg img,
.__frame-1 .__frame-inner:focus .__frame-bg img {
    transform: scale(1.1);
}

.__frame-1 .__frame-graphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    opacity: .2;
}

.__frame-1 .__frame-bg {
    top: 10%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    width: auto;
    height: auto;
}

.__frame-primary {
    --frame-color: var(--primary);
}

.__frame-accent {
    --frame-color: var(--accent);
}

.__frame-tertiary {
    --frame-color: var(--tertiary);
}

.__title {
    font-weight: bold;
    position: absolute;
    top: 0.9rem;
    left: 15%;
    right: 15%;
    text-align: center;
    z-index: 5;
    color: #000;
    background: #fff;
    border-radius: 10rem;
    padding: 0.5rem;
    border: 2px solid #AD7C5C;
    border: 2px solid var(--accent);
    font-size: 1.1em;
}

.__desc {
    font-size: .9em;
}

.__menu-tabs {
    margin-bottom: 2.3rem;
}

.__menu-tab-scrollbar {
    padding-bottom: 0.8rem;
}

.__menu-tab-list {
    display: flex;
    justify-content: center;
}

.__menu-tab-item {
    margin-right: .5rem;
}

.__menu-tab-item:last-child {
    margin-right: 0;
}

.__menu-tab-link {
    display: flex;
    background: #fff;
    color: #000;
    padding: 1rem;
    transition-property: background, color;
}

.__menu-tab-item.active .__menu-tab-link {
    background: #000;
    color: #fff;
}

@media (max-width: 1023.99px) {
    .__menu-tabs {
        font-size: .8em;
    }

    .__menu-tab-list {
        justify-content: flex-start;
    }
}

.__cart .__cart-link {
    padding-left: 1em;
    padding-right: 1em;
}

.__cart-qty {
    /* margin-top: 1rem; */
}

.__tlarge .typo {
    font-size: 1.3em;
    line-height: 1.6;
}

.__tlarge h1,
.__tlarge h2 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
}

.__feat-main {
    margin-bottom: 1.5rem;
}

.__feat-reverse .__feat-main {
    margin-top: 1.5rem;
}

@media (min-width: 1024px) {
    .__feat {
        display: flex;
        align-items: center;
    }

    .__feat-main {
        width: 60%;
        font-size: 1em;
        line-height: 1.6;
        padding-right: 6rem;
        margin-bottom: 0;
    }

    .__feat-side {
        width: 40%;
    }

    .__feat-side img {
        height: 560px;
    }

    .__feat.__feat-reverse .__feat-main {
        padding-left: 6rem;
        padding-right: 0;
        margin-top: 0;
    }
}

.__ff {
    display: block;
    position: relative;
    box-shadow: 0 3px 30px rgba(0, 0, 0, 0.3);
    transition: transform .3s;
    transition: transform var(--trs);
}

.__ff img {
    display: block;
    width: 100%;
    -o-object-fit: cover;
    font-family: "object-fit:cover";
    object-fit: cover;
}

.__ff-corner {
    position: absolute;
    width: 140px;
    height: 140px;
    max-width: none;
    color: #AD7C5C;
    color: var(--accent);
    z-index: 5;
    opacity: 0.7;
    transition: opacity .3s;
    transition: opacity var(--trs);
}

.__ff-corner-top-left {
    top: 0;
    left: 0;
    transform: rotate(-90deg) translate(10%, -10%);
}

.__ff-corner-bottom-right {
    bottom: 0;
    right: 0;
    transform: rotate(90deg) translate(10%, -10%);
}

a.__ff:hover,
a.__ff:focus {
    transform: scale(1.05);
}

a.__ff:hover .__ff-corner,
a.__ff:focus .__ff-corner {
    opacity: 1;
}

.__ff.__ff-center {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.__intro-sect {
    --sect-bg: var(--tertiary);
    --sect-fg: var(--tertiary-fg-inverse);
    position: relative;
    padding: 2rem 0;
    font-size: 1.4em;
    line-height: 1.6;
    color: var(--sect-fg);
}

.__intro-bg,
.__intro-bg-image,
.__intro-bg:before,
.__intro-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.__intro-bg:before {
    background: url(../images/temp/pattern-1.jpg) repeat top left;
}

.__intro-bg:after {
    background: var(--sect-bg);
    opacity: .95;
    z-index: 1;
}

.__intro-fg {
    position: relative;
    z-index: 1;
}

.__intro-row {
    display: flex;
    align-items: center;
}

.__intro-main {
    position: relative;
    width: 60%;
    padding-right: 3rem;
    margin-right: 3rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.__intro-main:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-right: 2px solid;
    opacity: .1;
}

.__intro-side {
    width: 40%;
}

.__intro-features li {
    margin-bottom: 1rem;
}

.__intro-features li:last-child {
    margin-bottom: 0;
}

.__intro-sect-primary {
    --sect-bg: var(--primary);
    --sect-fg: var(--primary-fg);
}

.d-flex {
    display: flex;
}

.f-wrap {
    flex-wrap: wrap;
}

.text-center {
    text-align: center;
}

span.s404 {
    font-size: 120px;
    letter-spacing: 0.1em;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 3px;
    -webkit-text-stroke-color: white;
    text-shadow: 8px 8px #6c4b37, 16px 16px #000000;
}

.search-box {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    margin: 20px auto;
}

.input-search {
    height: 50px;
    width: 50px;
    border-style: none;
    padding: 10px;
    font-size: 18px;
    letter-spacing: 2px;
    outline: none;
    border-radius: 25px;
    transition: all .5s ease-in-out;
    background-color: #6c4b37;
    padding-right: 40px;
    color: #fff;
}

.input-search::placeholder {
    color: rgba(255, 255, 255, .5);
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 100;
}

.btn-search {
    width: 50px;
    height: 50px;
    border-style: none;
    font-size: 20px;
    font-weight: bold;
    outline: none;
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    color: #ffffff;
    background-color: transparent;
    pointer-events: painted;
}

.btn-search:focus ~ .input-search {
    width: 300px;
    border-radius: 5px;
    background-color: #757575;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}

.input-search:focus {
    width: 300px;
    border-radius: 0px;
    background-color: #545454ad;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}

hr {
    border: unset;
    border-bottom: 1px solid #6e2837;
    width: 80%;
}

.p404 {
    padding: 10px;
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
    margin-top: 50px !important;
}

.col-6.col-md-3.col-lg-3 > div img {
    height: auto;
    max-height: 264px;
    width: 100%;
}

.col-6.col-md-3.col-lg-3 > div > a small {
    margin-top: auto;
    font-size: smaller
}

.btn-graphical-smaller .btn-text {
    font-size: 14px;
}

.col-6.col-md-3.col-lg-3 > div > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.col-6.col-md-3.col-lg-3 > div {
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    text-align: center;
    height: 100%;
}

.col-6.col-md-3.col-lg-3 {
    flex: 0 0 25%;
    padding: 10px;
}

.text-center2 h1 {
    font-size: 3rem;
}

.text-center2 {
    text-align: center;
    margin: 20px;
    font-size: 1.5rem;
    font-family: monospace;
}

.cf-alert {
    color: red;
    border-radius: 5px;
    padding: 2px;
    background: #ff00001c;
}

.comments {
    display: flex;
    flex-wrap: wrap;
}

.comments > * {
    flex: 0 0 50%;
    padding: 5px;
}

.comments > * > * {
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    padding: 10px;
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    padding: 10px
}

li.header-nav-item.is-active {
    position: relative;
}

.service-single .thumb-side > img {
    width: 305px;
    height: 305px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.relative {
    position: relative !important;
}

.thumb-side {
    min-height: 550px;
    width: 50%;
    display: grid;
    flex: 0 0 50%;
    position: relative;
}

.thumb-side > img {
    opacity: 1;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    /* object-fit: cover; */
    max-height: 550px;
}

.content-side {
    width: 50%;
    flex: 0 0 50%;
}

.thumb-side > div > svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    fill: #ff9800;
}

.content-side {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.post-type-archive-services .__frm img,
.post-type-archive-services .__frm,
.post-type-archive-features .__frm img,
.post-type-archive-features .__frm {
    height: 100% !important;
}

.content-side.thumb-side > div {
    mix-blend-mode: inherit;
    z-index: 999;
}

.content-side.typo {
    background: white;
    padding: 15px;
}

li.has_mega:hover .mega {
    display: block;
}

.d-flex.f-wrap.feature-single {
    box-shadow: 0 0 5px #f90;
    border-radius: 5px;
    overflow: hidden;
}

.thumb-side > div:not(.relative) {
    mix-blend-mode: color-dodge;
    width: 100%;
    height: 100%;
    display: block;
    left: 0;
    opacity: 1;
    transition: opacity .5s;
    position: absolute;
    top: 0;
    z-index: 2;
    max-height: 550px;
}

.d-flex.f-wrap.service-single {
    flex-direction: column;
    padding: 15px;
}

.d-flex.f-wrap.service-single > div {
    width: 100%;
    margin: 15px 0 0;
    min-height: 200px;
}

.d-flex.f-wrap.service-single > .thumb-side {
    border-radius: 50%;
    /* overflow: hidden; */
    width: 440px;
    height: 550px;
    margin: auto;
    min-height: 350px;
}

.woocommerce-error {
    margin: 0
}

a.added_to_cart.wc-forward {
    flex: 0 0 30%;
    color: #a65263;
    font-family: sans-serif;
}

.results {
    position: absolute;
    bottom: 35px;
    right: 50px;
}

.size-20x20 {
    width: 20px;
    height: 20px;
}

.big-pad {
    padding: 25px;
}

.sdasd {
    display: flex !important;
    flex-direction: column;
    align-items: end;
    text-align: right !important;
}

.mega .mega-btns {
    border: unset;
    box-shadow: unset;
    padding: 10px;
    font-size: 14px;
    border-radius: 0;
    background: unset;
    color: black;
}

#add_payment_method #payment, .woocommerce-cart #payment,
.woocommerce-checkout #payment, .woocommerce table.shop_table {
    background: #ffffff73;
}

.select2-container--default .select2-selection--single {
    backdrop-filter: blur(5px);
    background-color: #ffffff50;
    mix-blend-mode: difference;
    border: 1px solid #d3ced2;
    padding: 5px;
    height: unset;
    border-radius: 0;
}

.checkout.woocommerce-checkout {
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
    /*padding: 10px;*/
    border: 1px solid #bbb0a5;
    font-size: 80%;
}

.checkout.woocommerce-checkout textarea,
.checkout.woocommerce-checkout select,
.checkout.woocommerce-checkout input,
.checkout_coupon.woocommerce-form-coupon input {
    backdrop-filter: blur(5px);
    background-color: #ffffff50;
    mix-blend-mode: difference;
    border: 1px solid #d3ced2;
    padding: 10px;
}

.checkout_coupon.woocommerce-form-coupon,
.woocommerce-cart .woocommerce .cart_totals table {
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
}

.woocommerce-thankyou-order-details {
    flex: 0 0 75%;
    padding: 10px;
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
    border: 1px solid #e7c9aa;
}

.orderSvg {
    margin: auto;
    display: block;
}

.woocommerce-thankyou-order-received {
    text-align: center;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message,
p.cart-empty.woocommerce-info, .woocommerce .woocommerce-notices-wrapper ul {
    margin-left: 0 !important;
    backdrop-filter: blur(5px);
    background-color: #ffffffb5;
    border-radius: 8px;
    font-size: 1rem;
}

.emp-icon {
    flex: 0 0 100%;
    text-align: center;
    margin: 25px 0;
}

p.cart-empty.woocommerce-info,
.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
    flex: 0 0 100%;
    margin: 15px 0;
}

.woocommerce-cart .woocommerce .coupon input {
    flex: 1;
    backdrop-filter: blur(5px);
    background-color: #ffffff50;
    mix-blend-mode: difference;
}

.woocommerce-cart .woocommerce .coupon {
    display: flex;
    width: 50%;
}

.woocommerce-cart .woocommerce input[type="number"] {
    background: transparent;
    border: 1px solid #a75264;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form table {
    height: 100%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form {
    flex: 0 0 75%;
    padding: 10px;
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}

.ptch {
    font-size: 14px;
    text-align: center;
    margin: 10px;
}

.ptch2 {
    font-size: 17px;
}

button.btn-text {
    background: transparent;
    border: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    overflow: hidden;
    color: currentColor;
    margin-bottom: 0 !important;
}

.ptch3 {
    margin-top: 20px;
}

.cp-btn {
    margin-left: 50px;
}

.rotate-center {
    -webkit-animation: rotate-center 8s linear infinite both;
    animation: rotate-center 8s linear infinite both;
}

button.update_cart {
    padding: 0.2rem 0.7rem;
    background: var(--btn-theme-color);
    color: var(--btn-text-color);
    border-radius: 10rem;
    border: 2px solid var(--btn-theme-color);
    border-left-width: 1px;
    border-right-width: 1px;
}

footer .__post-thumb a img {
    height: 60px;
    width: 100%;
}

.woocommerce-Reviews {
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 4px;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    background: #ffffff73;
}
.topbar-action-cart:hover .mini-cart.woocommerce{
    display: block;
}
.mini-cart.woocommerce {
    background: #ffffff;
    position: absolute;
    top: 25px;
    right: 0;
    color: #080604;
    border-radius: 3px;
    overflow: hidden;
    display: none;
    min-width: 260px;
    cursor: default;
}

.topbar-action.topbar-action-cart {
    position: relative;
    cursor: pointer;
}
.mini-cart.woocommerce ul{
    padding: 10px 10px 0;
    background: #fff1e8;
}
.mini-cart.woocommerce > p.total{
    padding: 20px 10px;
    background: #fff1e8;
    justify-content: space-between;
}
.add-to-cart > p{
    display: none;
}
.mini-cart.woocommerce>p{
    display:flex;
}
a.remove.remove_from_cart_button {
    position: absolute;
    right: -10px;
    width: 22px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
}
.mini-cart.woocommerce>p a{
    flex:0 0 50%;
    border-radius: 0;
    font-weight: 100;
    font-family: inherit;
    padding: 15px;
    text-align: center;
}
.mini_cart_item span.quantity {
    display: block;
    padding: 10px 0;
}
.mini-cart.woocommerce>p a:last-child{
    border-left: 1px solid #644533;
}
.woocommerce ul.cart_list li::after, .woocommerce ul.cart_list li::before,
.woocommerce ul.product_list_widget li::after, .woocommerce ul.product_list_widget li::before,
.woocommerce-page ul.cart_list li::after, .woocommerce-page ul.cart_list li::before,
.woocommerce-page ul.product_list_widget li::after, .woocommerce-page ul.product_list_widget li::before {
    content: " ";
    display: table
}

.woocommerce ul.cart_list li::after, .woocommerce ul.product_list_widget li::after,
.woocommerce-page ul.cart_list li::after, .woocommerce-page ul.product_list_widget li::after {
    clear: both
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img,
.woocommerce-page ul.cart_list li img, .woocommerce-page ul.product_list_widget li img {
    float: right;
    height: auto
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li{
    position: relative;
}
.woocommerce-cart .woocommerce {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.woocommerce-cart .woocommerce .cart-collaterals {
    flex: 0 0 25%;
    padding: 10px;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form table {
    height: 100%;
}

.woocommerce-cart .woocommerce .woocommerce-cart-form {
    flex: 0 0 75%;
    padding: 10px;
    backdrop-filter: blur(5px);
    background-color: #ffffff30;
    border-radius: 8px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: right;
    width: 100%;
}

.ptch {
    font-size: 14px;
    text-align: center;
    margin: 10px;
}

.ptch2 {
    font-size: 17px;
}

.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    margin-right: 15px;
    width: 45px;
}form.checkout.woocommerce-checkout {
     padding: 10px;
 }
.woocommerce-Reviews {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-Reviews #review_form_wrapper {
    flex: 0 0 40%;
    padding: 10px;
}

.woocommerce-Reviews #comments {
    flex: 0 0 60%;
    padding: 10px;
}

.woocommerce #reviews #comments h2 {
    margin: 0 0 30px;
    font-weight: 900;
}

@media (max-width: 1023.99px) {
    .__intro-sect {
        display: none;
    }

    .woocommerce-cart .woocommerce {
        font-size: 80%;
    }
}


@media (min-width: 1024px) {
    .__intro-sect {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

    .woocommerce-cart .woocommerce {
        font-size: 80%;
    }
}

@media (max-width: 1023.99px) {
    .__single-head-frame-wrapper, .__intro-sect {
        display: none;
    }

    .col-6.col-md-3.col-lg-3 {
        flex: 0 0 33.3333333%;
    }

    .__single-head {
        display: block;
    }

    .__single-head-main-inner {
        padding: 10px;
    }

    .__single-head-fg {
        padding-bottom: 0;
        flex-direction: column;
    }

    .__single-head-slider .swiper-container,
    .__single-head-featured, .__single-head-main {
        position: static;
        padding: 0;
        width: 100%;
    }

    .__single-head-featured-image,
    .__single-head-breadcrumb {
        position: static;
        padding: 10px;
        width: 100%;
    }
}


@media (max-width: 767.99px) {
    .woocommerce-cart .woocommerce .woocommerce-cart-form {
        flex: 0 0 100%;
    }

    .col-6.col-md-3.col-lg-3 {
        flex: 0 0 50%;
    }

    .breadcrumb-list {
        overflow-x: unset;
    }

    .checkout_coupon p {
        width: 100% !important;
    }

    .checkout_coupon {
        display: flex;
        flex-direction: column;
    }

    .cp-btn {
        margin-left: 0;
    }

    .woocommerce-Reviews #comments,
    .woocommerce-Reviews #review_form_wrapper {
        flex: 0 0 100%;
        padding: 10px;
    }

    .woocommerce-cart .woocommerce .cart-collaterals {
        flex: 1;
        padding: 0;
    }

    .woocommerce-cart .woocommerce {
        font-size: 80%;
    }

    .woocommerce-cart .woocommerce .coupon .input-text {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    .woocommerce-cart .woocommerce .coupon {
        width: 100%;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
}