@import "https://use.typekit.net/lsw3mnm.css";
@charset "UTF-8".slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color:transparent
}

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

.slick-list:focus {
    outline:0
}

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

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

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

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

.slick-track:after {
    clear:both
}

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

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

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

.slick-slide img {
    display:block
}

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

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

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

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

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

@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color:transparent
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

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

body {
    overflow-x: hidden;
    overflow-anchor:none
}

[class^=section] {
    position:relative
}

a {
    text-decoration:none
}

a:hover {
    cursor:pointer
}

a, a:active, a:focus, a:hover {
    outline:0
}

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

.site-content select {
    background: url(/images/select.svg) no-repeat;
    background-position:94% 50%
}

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

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin:0
}

input:focus, textarea:focus {
    outline:0
}

input[type=number] {
    -moz-appearance:textfield
}

a, button {
    cursor:pointer
}

::-moz-selection {
    background: var(--c-red);
    color:var(--c-white)
}

::selection {
    background: var(--c-red);
    color:var(--c-white)
}

::-moz-selection {
    background: var(--c-red);
    color:var(--c-white)
}

#main {
    opacity: 1;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear;
    margin-top:calc(var(--header) + var(--topbar))
}

#main.is-loading {
    opacity:0
}

body.home #main {
    margin-top:0
}

mark {
    background: var(--c-red);
    color:var(--c-white)
}

.no-scr::-webkit-scrollbar {
    display:none
}

@media (min-width: 768px) {
    html.sticky {
        overflow:visible
    }
}

.z-0 {
    z-index:0
}

.z-1 {
    z-index:1
}

.z-10 {
    z-index:10
}

.z-100 {
    z-index:100
}

.z-1000 {
    z-index:1000
}

.z-10000 {
    z-index:10000
}

.admin-bar {
    --admin-bar:46px
}

@media (min-width: 768px) {
    .admin-bar {
        --admin-bar:32px
    }
}

.admin-bar header.header {
    top:var(--admin-bar)
}

.admin-bar header.header ul#menu-desktop .sub-menu-wrapper.show {
    top:calc(var(--header) + var(--topbar) + var(--admin-bar) + 1px)
}

.admin-bar #widget-cart {
    top: var(--admin-bar);
    height:calc(100vh - var(--admin-bar))
}

.admin-bar header.header:not(.slide-down) .site-nav-r {
    height: calc(100vh -(var(--header) + var(--topbar) + var(--admin-bar)));
    top:calc(var(--header) + var(--topbar) + var(--admin-bar))
}

.admin-bar .st-atc.show-d {
    top:calc(var(--header) + var(--topbar) + var(--admin-bar) + 1px)
}

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

@font-face {
    font-display: swap;
    font-family: rs;
    src: url(../fonts/raisonne-demibold.eot);
    src: url(../fonts/raisonne-demibold.eot#iefix) format("embedded-opentype"), url(../fonts/raisonne-demibold.woff2) format("woff2"), url(../fonts/raisonne-demibold.woff) format("woff"), url(../fonts/raisonne-demibold.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-display: swap;
    font-family: br;
    src: url(../fonts/BreveText-Book.woff2) format("woff2"), url(../fonts/BreveText-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-display: swap;
    font-family: br;
    src: url(../fonts/BreveText-Bold.woff2) format("woff2"), url(../fonts/BreveText-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display:swap
}

.tk-futura-pt {
    font-family:futura-pt, sans-serif
}

.tk-futura-pt-bold {
    font-family:futura-pt-bold, sans-serif
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJLax8s3JimW3w.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: italic;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwTs572Xtc6ZYQws9YVwnNDTJzax8s3Jik.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 100;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 200;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNIfJ7QwOk1Fig.woff2) format("woff2");
    unicode-range:U + 0100-024F, U + 0259, U + 1E00-1EFF, U + 2020, U + 20A0-20AB, U + 20AD-20CF, U + 2113, U + 2C60-2C7F, U + A720-A7FF
}

@font-face {
    font-display: swap;
    font-family: public sans;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/publicsans/v7/ijwRs572Xtc6ZYQws9YVwnNGfJ7QwOk1.woff2) format("woff2");
    unicode-range:U + 0000-00FF, U + 0131, U + 0152-0153, U + 02BB-02BC, U + 02C6, U + 02DA, U + 02DC, U + 2000-206F, U + 2074, U + 20AC, U + 2122, U + 2191, U + 2193, U + 2212, U + 2215, U + FEFF, U + FFFD
}

:root {
    --c-red: #e42825;
    --c-d-red: #DA1E1B;
    --c-burgundy: #602531;
    --c-black: #000000;
    --c-white: #ffffff;
    --c-light: #efefef;
    --c-border: #E3E5E9;
    --c-base: #555555;
    --c-gold: #E2B673;
    --c-green: #5ec98f;
    --c-blue: #42aaf5;
    --c-blueberry: #505A92;
    --c-dark-l: #2c2c2c;
    --c-dark-s: #252525;
    --c-d-grey-back: #f5f5f5;
    --c-grey-back: #f2f2f2;
    --c-l-grey-back: #fafafa;
    --c-pr-grey: #757575;
    --c-text-grey: #a3a3a3;
    --g-base: linear-gradient(90deg, #f8ead4 0%, #e2b673 25%, red 50%, #e2b673 75%, #f8ead4 100%);
    --shadow: 0 1px 3px rgba(179, 188, 197, 0.25);
    --font-size: 1em;
    --line-height: 1.45;
    --font: futura-pt, Arial, Helvetica, sans-serif;
    --font-h: rs, Arial, Helvetica, sans-serif;
    --font-a: br, Arial, Helvetica, sans-serif;
    --font-icons: royal-icons;
    --header: 80px;
    --topbar: 45px;
    --content-width: 1240px;
    --transition-duration: 0.3s;
    --transition: all 700ms cubic-bezier(0.19, 1, 0.22, 1);
    --transition-ease: all 700ms cubic-bezier(1, 0.395, 0.675, 0.755);
    --admin-bar:0px
}

@media (min-width: 1024px) {
    :root {
        --f-size: 1.15625em;
        --line-height: 1.27;
        --header:75px
    }
}

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

[class * =" icon-"], [class^=icon-] {
    font-family: var(--font-icons) !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.icon-arrow-left:before {
    content: "\e911"
}

.icon-arrow-up:before {
    content: "\e912"
}

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

.icon-empty-star:before {
    content: "\e907";
    color:#e63b39
}

.icon-half-star:before {
    content: "\e90f";
    color:#e63b39
}

.icon-star:before {
    content: "\e910";
    color:#e63b39
}

.icon-login:before {
    content: "\e900"
}

.icon-shopping-cart:before {
    content: "\e901"
}

.icon-minus-bold:before {
    content: "\e902"
}

.icon-plus-thin:before {
    content: "\e903"
}

.icon-minus-thin:before {
    content: "\e904"
}

.icon-plus-bold:before {
    content: "\e905"
}

.icon-arrow-down:before {
    content: "\e906"
}

.icon-verified:before {
    content: "\e908"
}

.icon-check-down:before {
    content: "\e909"
}

.icon-close:before {
    content: "\e90a"
}

.icon-check-right:before {
    content: "\e90b"
}

.icon-arrow-right:before {
    content: "\e90c"
}

.icon-trashcan:before {
    content: "\e90d"
}

.icon-arrow-right-thin:before {
    content: "\e90e"
}

html {
    font-size:100%
}

body {
    font-size: var(--font-size);
    line-height: var(--line-height);
    font-family: var(--font);
    color:var(--c-base)
}

p {
    margin-bottom:1.25em
}

a {
    color: var(--c-d-red);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

a:hover {
    color:var(--c-burgundy)
}

h1, h2, h3, h4, h5, h6 {
    width: 100%;
    font-family: var(--font-h);
    color: var(--c-dark-l);
    margin: 1.2em 0 .7em;
    line-height: 1.2;
    font-weight:400
}

h1 {
    font-size:2.375em
}

@media (min-width: 1024px) {
    h1 {
        font-size:4em
    }
}

h1.single-title {
    font-size:1.9375em
}

@media (min-width: 1024px) {
    h1.single-title {
        font-size:3.5em
    }
}

h2 {
    font-size:2.074em
}

@media (min-width: 1024px) {
    h2 {
        font-size:2.6875em
    }
}

h3 {
    font-size:1.728em
}

@media (min-width: 640px) {
    h3 {
        font-size:1.652em
    }
}

h4 {
    font-size:1.65em
}

@media (min-width: 640px) {
    h4 {
        font-size:1.5em
    }
}

h5 {
    font-size:1.2em
}

@media (min-width: 640px) {
    h5 {
        font-size:1.45em
    }
}

h6 {
    font-size:1.05em
}

@media (min-width: 640px) {
    h6 {
        font-size:1.1em
    }
}

.text_small, small {
    font-size:.833em
}

.is-block {
    display:block
}

.is-flex {
    display:flex
}

.is-inline {
    display:inline
}

.is-inline-block {
    display:inline-block
}

.is-inline-flex {
    display:inline-flex
}

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

.z-0 {
    position: relative;
    z-index:0
}

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

.z-10 {
    position: relative;
    z-index:10
}

.z-11 {
    position: relative;
    z-index:11
}

.z-50 {
    position: relative;
    z-index:50
}

.z-99 {
    position: relative;
    z-index:99
}

.z-100 {
    position: relative;
    z-index:100
}

.z-101 {
    position: relative;
    z-index:101
}

.z-999 {
    position: relative;
    z-index:999
}

.z-1000 {
    position: relative;
    z-index:1000
}

.z-9999 {
    position: relative;
    z-index:9999
}

.z-10000 {
    position: relative;
    z-index:10000
}

.is-hidden {
    display:none
}
/*!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust:100%
}

html * {
    -webkit-tap-highlight-color:transparent
}

body {
    margin:0
}

main {
    display:block
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow:visible
}

pre {
    font-family: monospace, monospace;
    font-size:1em
}

a {
    background-color:transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration:underline dotted
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size:1em
}

small {
    font-size:80%
}

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

sub {
    bottom:-.25em
}

sup {
    top:-.5em
}

img {
    border-style:none
}

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

button, input {
    overflow:visible
}

button, select {
    text-transform:none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance:button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding:0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline:1px dotted ButtonText
}

fieldset {
    padding:.35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space:normal
}

progress {
    vertical-align:baseline
}

textarea {
    overflow:auto
}

[type=checkbox], [type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding:0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height:auto
}

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

[type=search]::-webkit-search-decoration {
    -webkit-appearance:none
}

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

details {
    display:block
}

summary {
    display:list-item
}

template {
    display:none
}

[hidden] {
    display:none
}

input {
    border-radius:0
}

input, select, textarea {
    -webkit-appearance:none
}

input:focus, select:focus, textarea:focus {
    outline:0
}

.wp-block-button .wp-block-button__link {
    padding: 10px 20px;
    display:inline-block
}

.wp-block-button .wp-block-button__link {
    font-size: inherit;
    line-height:inherit
}

.using-mouse :focus {
    outline:0
}

.using-mouse ::-moz-focus-inner {
    border:0
}

.alignleft, .alignleft img {
    float: left;
    margin-right:1.5em
}

.alignright, .alignright img {
    float: right;
    margin-left:1.5em
}

.aligncenter, .aligncenter img {
    clear: both;
    display: block;
    margin:0 auto
}

.has-small-font-size {
    font-size:.8125em
}

.has-normal-font-size, .has-regular-font-size {
    font-size:1em
}

.has-medium-font-size {
    font-size:1.25em
}

.has-large-font-size {
    font-size:2.25em
}

.has-huge-font-size, .has-larger-font-size {
    font-size:2.625em
}

.has-text-align-center {
    text-align:center
}

.has-text-align-left {
    text-align:left
}

.has-text-align-right {
    text-align:right
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height:auto
}

figure:not(.woocommerce-product-gallery__wrapper) {
    width: 100% !important;
    margin-left: 0;
    margin-right:0
}

figcaption {
    font-family: var(--font);
    font-size: .75rem;
    color: var(--c-base);
    margin-top:.5em
}

mark {
    background: var(--c-red);
    color: var(--c-white);
    padding: .25rem .5rem;
    white-space: nowrap;
    margin: 2px 0;
    display: inline-block;
    line-height:1.2
}

.row {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

.row.reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction:row-reverse
}

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction:column-reverse
}

.col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-offset-0, .col-xs-offset-1, .col-xs-offset-10, .col-xs-offset-11, .col-xs-offset-12, .col-xs-offset-2, .col-xs-offset-3, .col-xs-offset-4, .col-xs-offset-5, .col-xs-offset-6, .col-xs-offset-7, .col-xs-offset-8, .col-xs-offset-9 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: .5rem;
    padding-left:.5rem
}

.col-xs {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0%;
    max-width:100%
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width:8.33333333%
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width:16.66666667%
}

.col-xs-2_5 {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    max-width:20%
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width:25%
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width:33.33333333%
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width:41.66666667%
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width:50%
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width:58.33333333%
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width:66.66666667%
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width:75%
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width:83.33333333%
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width:91.66666667%
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width:100%
}

.col-xs-offset-0 {
    margin-left:0
}

.col-xs-offset-1 {
    margin-left:8.33333333%
}

.col-xs-offset-2 {
    margin-left:16.66666667%
}

.col-xs-offset-3 {
    margin-left:25%
}

.col-xs-offset-4 {
    margin-left:33.33333333%
}

.col-xs-offset-5 {
    margin-left:41.66666667%
}

.col-xs-offset-6 {
    margin-left:50%
}

.col-xs-offset-7 {
    margin-left:58.33333333%
}

.col-xs-offset-8 {
    margin-left:66.66666667%
}

.col-xs-offset-9 {
    margin-left:75%
}

.col-xs-offset-10 {
    margin-left:83.33333333%
}

.col-xs-offset-11 {
    margin-left:91.66666667%
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-box-pack: start;
    justify-content: flex-start;
    text-align:start
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-box-pack: center;
    justify-content: center;
    text-align:center
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-box-pack: end;
    justify-content: flex-end;
    text-align:end
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-box-align: start;
    align-items:flex-start
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-box-align: center;
    align-items:center
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-box-align: end;
    align-items:flex-end
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content:space-around
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-box-pack: justify;
    justify-content:space-between
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -moz-box-ordinal-group: 0;
    order:-1
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -moz-box-ordinal-group: 2;
    order:1
}

@media only screen and (min-width: 48em) {
    .container {
        width:49rem
    }

    .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left:.5rem
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        max-width:100%
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width:8.33333333%
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width:16.66666667%
    }

    .col-sm-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width:20%
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width:33.33333333%
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width:41.66666667%
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width:58.33333333%
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width:66.66666667%
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width:83.33333333%
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width:91.66666667%
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }

    .col-sm-offset-0 {
        margin-left:0
    }

    .col-sm-offset-1 {
        margin-left:8.33333333%
    }

    .col-sm-offset-2 {
        margin-left:16.66666667%
    }

    .col-sm-offset-3 {
        margin-left:25%
    }

    .col-sm-offset-4 {
        margin-left:33.33333333%
    }

    .col-sm-offset-5 {
        margin-left:41.66666667%
    }

    .col-sm-offset-6 {
        margin-left:50%
    }

    .col-sm-offset-7 {
        margin-left:58.33333333%
    }

    .col-sm-offset-8 {
        margin-left:66.66666667%
    }

    .col-sm-offset-9 {
        margin-left:75%
    }

    .col-sm-offset-10 {
        margin-left:83.33333333%
    }

    .col-sm-offset-11 {
        margin-left:91.66666667%
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align:start
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        justify-content: center;
        text-align:center
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-box-pack: end;
        justify-content: flex-end;
        text-align:end
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-box-align: start;
        align-items:flex-start
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        align-items:center
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-box-align: end;
        align-items:flex-end
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        justify-content:space-between
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -moz-box-ordinal-group: 0;
        order:-1
    }

    .initial-sm {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -moz-box-ordinal-group: 1;
        order:0
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -moz-box-ordinal-group: 2;
        order:1
    }

    .wd-sm-4 {
        width:41%
    }

    .wd-sm-5 {
        width:45%
    }

    .wd-sm-6 {
        width:50%
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width:65rem
    }

    .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-offset-0, .col-md-offset-1, .col-md-offset-10, .col-md-offset-11, .col-md-offset-12, .col-md-offset-2, .col-md-offset-3, .col-md-offset-4, .col-md-offset-5, .col-md-offset-6, .col-md-offset-7, .col-md-offset-8, .col-md-offset-9 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left:.5rem
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        max-width:100%
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width:8.33333333%
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width:16.66666667%
    }

    .col-md-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width:20%
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width:33.33333333%
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width:41.66666667%
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width:58.33333333%
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width:66.66666667%
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width:83.33333333%
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width:91.66666667%
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }

    .col-md-offset-0 {
        margin-left:0
    }

    .col-md-offset-1 {
        margin-left:8.33333333%
    }

    .col-md-offset-2 {
        margin-left:16.66666667%
    }

    .col-md-offset-3 {
        margin-left:25%
    }

    .col-md-offset-4 {
        margin-left:33.33333333%
    }

    .col-md-offset-5 {
        margin-left:41.66666667%
    }

    .col-md-offset-6 {
        margin-left:50%
    }

    .col-md-offset-7 {
        margin-left:58.33333333%
    }

    .col-md-offset-8 {
        margin-left:66.66666667%
    }

    .col-md-offset-9 {
        margin-left:75%
    }

    .col-md-offset-10 {
        margin-left:83.33333333%
    }

    .col-md-offset-11 {
        margin-left:91.66666667%
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align:start
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        justify-content: center;
        text-align:center
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-box-pack: end;
        justify-content: flex-end;
        text-align:end
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-box-align: start;
        align-items:flex-start
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        align-items:center
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-box-align: end;
        align-items:flex-end
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        justify-content:space-between
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -moz-box-ordinal-group: 0;
        order:-1
    }

    .initial-md {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -moz-box-ordinal-group: 1;
        order:0
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -moz-box-ordinal-group: 2;
        order:1
    }

    .wd-md-5 {
        max-width:45%
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width:76rem
    }

    .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-offset-0, .col-lg-offset-1, .col-lg-offset-10, .col-lg-offset-11, .col-lg-offset-12, .col-lg-offset-2, .col-lg-offset-3, .col-lg-offset-4, .col-lg-offset-5, .col-lg-offset-6, .col-lg-offset-7, .col-lg-offset-8, .col-lg-offset-9 {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        -moz-box-flex: 0;
        flex: 0 0 auto;
        padding-right: .5rem;
        padding-left:.5rem
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        -moz-box-flex: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        max-width:100%
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width:8.33333333%
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width:16.66666667%
    }

    .col-lg-2_5 {
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        max-width:20%
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width:25%
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width:33.33333333%
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width:41.66666667%
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width:58.33333333%
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width:66.66666667%
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width:75%
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width:83.33333333%
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width:91.66666667%
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width:100%
    }

    .col-lg-offset-0 {
        margin-left:0
    }

    .col-lg-offset-1 {
        margin-left:8.33333333%
    }

    .col-lg-offset-2 {
        margin-left:16.66666667%
    }

    .col-lg-offset-3 {
        margin-left:25%
    }

    .col-lg-offset-4 {
        margin-left:33.33333333%
    }

    .col-lg-offset-5 {
        margin-left:41.66666667%
    }

    .col-lg-offset-6 {
        margin-left:50%
    }

    .col-lg-offset-7 {
        margin-left:58.33333333%
    }

    .col-lg-offset-8 {
        margin-left:66.66666667%
    }

    .col-lg-offset-9 {
        margin-left:75%
    }

    .col-lg-offset-10 {
        margin-left:83.33333333%
    }

    .col-lg-offset-11 {
        margin-left:91.66666667%
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-box-pack: start;
        justify-content: flex-start;
        text-align:start
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-box-pack: center;
        justify-content: center;
        text-align:center
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        -moz-box-pack: end;
        justify-content: flex-end;
        text-align:end
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -moz-box-align: start;
        align-items:flex-start
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        align-items:center
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        -moz-box-align: end;
        align-items:flex-end
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content:space-around
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-box-pack: justify;
        justify-content:space-between
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        -moz-box-ordinal-group: 0;
        order:-1
    }

    .initial-lg {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        -moz-box-ordinal-group: 1;
        order:0
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -moz-box-ordinal-group: 2;
        order:1
    }

    .wd-lg-5 {
        width:45%
    }
}

.col-0 {
    padding-left: 0;
    padding-right:0
}

.container {
    max-width: calc(var(--content-width) + 15px * 2);
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width:100%
}

.container--menu {
    max-width:calc(1100px + 15px * 2)
}

.container--wide {
    max-width:calc(100% + 15px * 2)
}

.container--f {
    max-width:calc(1360px + 15px * 2)
}

.container--nr {
    max-width:calc(850px + 15px * 2)
}

.container--sg {
    max-width:calc(650px + 15px * 2)
}

.container--ma {
    margin-left:0
}

.container--cart, .container--checkout {
    max-width:calc(990px + 15px * 2)
}

.site-topbar {
    height: var(--topbar);
    color: var(--c-base);
    border-bottom: 1px solid var(--c-border);
    font-size: .925rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.site-topbar .topbar {
    height: 100%;
    position:relative
}

.site-topbar .topbar p {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
    width: auto;
    max-width: 85%;
    text-align:center
}

.site-topbar .topbar a {
    display: none;
    margin-left: auto;
    color: var(--c-base);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.site-topbar .topbar a:hover {
    color:var(--c-red)
}

header.header {
    z-index: 9999;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-transition: background 250ms cubic-bezier(.19, 1, .22, 1), border-bottom 250ms cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: background 250ms cubic-bezier(.19, 1, .22, 1), border-bottom 250ms cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), background 250ms cubic-bezier(.19, 1, .22, 1), border-bottom 250ms cubic-bezier(.19, 1, .22, 1);
    transition: transform .7s cubic-bezier(.19, 1, .22, 1), background 250ms cubic-bezier(.19, 1, .22, 1), border-bottom 250ms cubic-bezier(.19, 1, .22, 1), -webkit-transform .7s cubic-bezier(.19, 1, .22, 1);
    border-bottom: 1px solid var(--c-border);
    background-color:var(--c-white)
}
/* 
header.header.slide-up {
    -webkit-transform: translateY(calc(-1 *(96px + 35px)));
    transform:translateY(calc(-1 *(96px + 35px)))
} */

header.header.slide-down {
    -webkit-transform: none;
    transform:none
}

header.header .h {
    position: relative;
    height:var(--header)
}

header.header .h--menu-r {
    font-size:1.05rem
}

header.header .h--menu-r #menu-toggle {
    color: var(--c-dark-l);
    cursor:pointer
}

header.header .h--menu-r a, header.header .h--menu-r a span {
    color:var(--c-dark-l)
}

header.header .h--logo a {
    display:block
}

header.header .h--logo img, header.header .h--logo svg {
    -webkit-transition: fill .3s ease;
    transition: fill .3s ease;
    display: block;
    width: auto;
    height:51px;
    /* height: 35px; */
    position:relative
}

header.header .h--logo svg * {
    -webkit-transition: fill .3s ease;
    transition:fill .3s ease
}

header.header .h--woo-ic a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:flex
}

header.header .h--woo-ic a span {
    color:var(--c-dark-l)
}

header.header .h--woo-ic a span.icon-login, header.header .h--woo-ic a span.icon-search {
    font-size: 1.8rem;
    margin-right:1.2rem
}

header.header .h--woo-ic a span.icon-shopping-cart {
    position: relative;
    font-size:2rem
}

header.header .h--woo-ic .w-cart .shopping_bag_items_number {
    top: 75%;
    left: 50%;
    -webkit-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
    font-size: 10px;
    font-family: var(--font);
    font-weight: 600;
    position:absolute
}

header.header .h--woo-ic .w-cart .cart-not-empty {
    padding: 3px;
    position: absolute;
    background: var(--c-red);
    border-radius: 100%;
    right: 10px;
    display:none
}

header.header .h--woo-ic .w-cart .cart-not-empty.active {
    display:initial
}

header.header .h--search {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--c-white);
    border-top:1px solid var(--c-border)
}

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

header.header #menu-desktop {
    display:none
}

.open header.header {
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    background-color:var(--c-white)
}

.open header.header .h {
    border-bottom:1px solid var(--c-border)
}

.open header.header .h--logo svg * {
    fill:var(--c-gold) !important
}

.open header.header .h a, .open header.header .h a span {
    color:var(--c-dark-l)
}

.open header.header .nav-r--ch, .open header.header .site-nav-r {
    left:0
}

.royal-home .site-topbar {
    color: var(--c-white);
    border-bottom-color: rgba(var(--c-border), .3);
    background-color:transparent !important
}

.royal-home .site-topbar a {
    color:var(--c-white)
}

.royal-home header {
    border-bottom: none;
    background:0 0
}

.royal-home header .h--logo svg * {
    fill:var(--c-white) !important
}

.royal-home header .h--menu-r:not(.nav-r--ft) #menu-toggle, .royal-home header .h--menu-r:not(.nav-r--ft) a, .royal-home header .h--menu-r:not(.nav-r--ft) a span {
    color:var(--c-white)
}

.royal-home header .h--woo-ic a span {
    color:var(--c-white)
}

/* .royal-home header.s-active, .royal-home header.slide-down, .royal-home header:hover, .royal-home.open header {
    border-bottom: 1px solid var(--c-border);
    background-color:var(--c-white) !important
} */

.royal-home header.s-active .site-topbar, .royal-home header.slide-down .site-topbar, .royal-home header:hover .site-topbar, .royal-home.open header .site-topbar {
    color: var(--c-base);
    border-bottom-color: var(--c-border);
    background-color:initial
}

.royal-home header.s-active .site-topbar a, .royal-home header.slide-down .site-topbar a, .royal-home header:hover .site-topbar a, .royal-home.open header .site-topbar a {
    color:var(--c-base)
}

.royal-home header.s-active .site-topbar a:hover, .royal-home header.slide-down .site-topbar a:hover, .royal-home header:hover .site-topbar a:hover, .royal-home.open header .site-topbar a:hover {
    color:var(--c-red)
}

.royal-home header.s-active .h--logo svg *, .royal-home header.slide-down .h--logo svg *, .royal-home header:hover .h--logo svg *, .royal-home.open header .h--logo svg * {
    fill:var(--c-gold) !important
}

.royal-home header.s-active .h--menu-r #menu-toggle, .royal-home header.slide-down .h--menu-r #menu-toggle, .royal-home header:hover .h--menu-r #menu-toggle, .royal-home.open header .h--menu-r #menu-toggle {
    color:var(--c-dark-l)
}

.royal-home header.s-active .h--menu-r a, .royal-home header.s-active .h--menu-r a span, .royal-home header.slide-down .h--menu-r a, .royal-home header.slide-down .h--menu-r a span, .royal-home header:hover .h--menu-r a, .royal-home header:hover .h--menu-r a span, .royal-home.open header .h--menu-r a, .royal-home.open header .h--menu-r a span {
    color:var(--c-dark-l)
}

.royal-home header.s-active .h a, .royal-home header.s-active .h a span, .royal-home header.slide-down .h a, .royal-home header.slide-down .h a span, .royal-home header:hover .h a, .royal-home header:hover .h a span, .royal-home.open header .h a, .royal-home.open header .h a span {
    color:var(--c-dark-l)
}

.site-nav-r {
    background-color: var(--c-white);
    height: calc(100vh -(var(--header) + var(--topbar) + var(--admin-bar)));
    position: fixed;
    left: -101%;
    top: calc(var(--header) + var(--topbar) + var(--admin-bar));
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    width: 100%;
    overflow-y:auto
}

.site-nav-r .nav-r--ch {
    display: none;
    position: fixed;
    width: 100%;
    padding: 0 1.2rem;
    left: -101%;
    bottom: 0;
    border-top: 1px solid var(--c-border);
    background: var(--c-white);
    z-index: 999;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.site-nav-r .nav-r--ch.active {
    display:initial
}

.site-nav-r .nav-r--ch [class * =icon] {
    background: url(/images/lock.svg) 100%/12px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 0;
    margin-right:.5rem
}

.site-nav-r .nav-r--menu ul {
    margin-top:1rem
}

.site-nav-r .nav-r--menu ul li {
    position: relative;
    font-size: 1.25rem;
    line-height:50px
}

.site-nav-r .nav-r--menu ul li a {
    display: inline-block;
    width: 100%;
    color:var(--c-dark-l)
}

.site-nav-r .nav-r--menu ul li span[class * =icon] {
    -webkit-transition: var(--transition);
    transition: var(--transition);
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    font-size:.9rem
}

.site-nav-r .nav-r--menu > ul {
    margin-top:1rem
}

.site-nav-r .nav-r--menu .sub-menu-wrapper {
    background: var(--c-white);
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: calc(var(--header) + var(--topbar) + var(--admin-bar));
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    left: -101%;
    width: 100%;
    height: calc(100vh -(var(--header) + var(--topbar) + var(--admin-bar)));
    z-index: 1;
    padding-left: 0;
    padding-right:0
}

.site-nav-r .nav-r--menu .sub-menu-wrapper.active {
    left:0
}

.site-nav-r .nav-r--menu .sub-menu-wrapper .sub-menu, .site-nav-r .nav-r--menu .sub-menu-wrapper .sub-menu-footer, .site-nav-r .nav-r--menu .sub-menu-wrapper .sub-menu-header {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: calc(.5rem + 15px);
    padding-right:calc(.5rem + 15px)
}

.site-nav-r .nav-r--menu .sub-menu-wrapper .sub-menu {
    overflow-y: scroll;
    max-height:calc(100% - 170px)
}

.site-nav-r .nav-r--menu .sub-menu-header {
    border-bottom: 1px solid var(--c-border);
    height:var(--header)
}

.site-nav-r .nav-r--menu .sub-menu-header .sub-menu-back {
    position: relative;
    cursor:pointer
}

.site-nav-r .nav-r--menu .sub-menu-header span.icon-arrow-right {
    left: 0;
    right: auto;
    top: 50%;
    -webkit-transform: scaleX(-1) translateY(-50%);
    transform:scaleX(-1) translateY(-50%)
}

.site-nav-r .nav-r--menu .sub-menu-header span.icon-arrow-right::before {
    color:var(--c-dark-l)
}

.site-nav-r .nav-r--menu .sub-menu-header .sub-menu-title {
    color: var(--c-dark-l);
    font-size: 1.2em;
    text-align:center
}

.site-nav-r .nav-r--menu .sub-menu-footer {
    border-top: 1px solid var(--c-border);
    position: fixed;
    bottom: 0;
    padding: .5rem 20px;
    width:100%
}

@media (max-width: 440px) {
    header.header .h--woo-ic a span.icon-login, header.header .h--woo-ic a span.icon-search {
        font-size: 1.4rem;
        margin-right:.8rem
    }

    header.header .h--woo-ic a span.icon-shopping-cart {
        font-size:1.6rem
    }
}

@media (max-width: 350px) {
    .site-topbar {
        font-size:.85rem
    }

    header.header .h--woo-ic a span.icon-login, header.header .h--woo-ic a span.icon-search {
        font-size: 1.2rem;
        margin-right:.65rem
    }

    header.header .h--woo-ic a span.icon-shopping-cart {
        font-size:1.4rem
    }

    .site-nav-r .nav-r--menu ul li {
        font-size: 1rem;
        line-height:40px
    }
}

@media (min-width: 700px) {
    .site-nav-r, .site-nav-r .nav-r--ch, .sub-menu-footer, .sub-menu-wrapper {
        max-width:50vw
    }
}

@media (max-width: 1024px) and(min-width: 640px) {
    header.header .btn {
        max-width:100%
    }
}

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

    header.header .h--logo svg {
        height:45px 
    }

    header.header .h--woo-ic a span.icon-login {
        display:none
    }

    header.header #menu-toggle {
        display:none
    }

    header.header ul#menu-desktop {
        margin-top: 0;
        margin-bottom: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    header.header ul#menu-desktop > li {
        font-weight: 400;
        -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
        transition:all .7s cubic-bezier(.19, 1, .22, 1)
    }

    header.header ul#menu-desktop > li > a {
        line-height: 40px;
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: 1.05rem;
        height: 75px;
        padding-right:3rem
    }

    header.header ul#menu-desktop > li > a:after {
        bottom: -1px;
        content: "";
        left: -1.5rem;
        position: absolute;
        right: 0;
        top: auto;
        z-index: -1;
        height: 3px;
        width: 100%;
        -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
        transition:all .7s cubic-bezier(.19, 1, .22, 1)
    }

    header.header ul#menu-desktop > li > a:hover:after {
        background:var(--c-red)
    }

    header.header ul#menu-desktop > li.active a:after {
        background:rgba(var(--c-black), .05)
    }

    header.header ul#menu-desktop > li ul > li {
        line-height:var(--line-height)
    }

    header.header ul#menu-desktop > li ul > li a:hover {
        color:var(--c-red) !important
    }

    header.header ul#menu-desktop .sub-menu-wrapper {
        padding-top: 3rem;
        padding-bottom: 3rem;
        position: fixed;
        background: var(--c-white);
        max-width: 100vw;
        width: 100%;
        left: 0;
        top: -9999px;
        z-index: 9999;
        visibility: hidden;
        -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
        transition: all .7s cubic-bezier(.19, 1, .22, 1);
        -webkit-transition-duration: .5s;
        transition-duration: .5s;
        border-bottom:1px solid var(--c-border)
    }

    header.header ul#menu-desktop .sub-menu-wrapper.show {
        top: calc(var(--header) + var(--topbar) + 1px);
        visibility:visible
    }

    header.header ul#menu-desktop .sub-menu-wrapper ul.sub-menu {
        font-size:1.38rem
    }

    header.header ul#menu-desktop .sub-menu-wrapper ul.sub-menu li {
        padding-bottom:.7rem
    }

    header.header ul#menu-desktop .sub-menu-wrapper ul.sub-menu li > a {
        color:var(--c-dark-l)
    }

    header.header ul#menu-desktop .sub-menu-wrapper ul.sub-menu li > a::after {
        bottom: -5px;
        left:0
    }

    header.header ul#menu-desktop .sub-menu-wrapper ul.sub-menu li > a:hover:after {
        width:130%
    }
}

footer.site-footer {
    background: var(--c-white);
    margin-bottom: 2rem;
    color:rgba(var(--c-base), .8)
}

footer.site-footer .f {
    padding-top: 1rem;
    position:relative
}

footer.site-footer .f .f--first {
    padding-top: 1rem;
    padding-bottom:1rem
}

footer.site-footer .f .accordion {
    padding-top: .7rem;
    padding-bottom:.7rem
}

footer.site-footer .f .accordion:before {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    border-top:1px solid var(--c-border)
}

footer.site-footer .f .f--title h5 {
    position: relative;
    font-size: 1.5em;
    font-family: var(--font);
    font-weight: 400;
    color: var(--c-black);
    margin:.5rem 0
}

footer.site-footer .f .f--title h5 span[class * =icon] {
    right:0
}

footer.site-footer .f:before {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    border-top:1px solid var(--c-border)
}

footer.site-footer .f .f--excerpt {
  /*  font-size: .95rem;*/
    margin-top: 1.5em;
    margin-bottom:.5em
}

footer.site-footer .f ul {
    list-style-type: none;
    margin-top: 1.5rem;
    margin-bottom: 0;
    padding-left:0
}

footer.site-footer .f ul li {
    padding-bottom:.5rem
}

footer.site-footer .f a {
    font-size: 1.08rem;
    color:var(--c-base)
}

footer.site-footer .f a:hover {
    text-decoration:underline
}

footer.site-footer .f .f--logo {
    margin-top:.5rem
}

/*footer.site-footer .f .f--logo img {
    max-width: 75px;
    height: auto;
    margin-left:auto
}*/

footer.site-footer .f .f--link {
    margin-top:1.5rem
}

footer.site-footer .f .f--link a {
    margin: .5rem 0;
    color: rgba(var(--c-base), .8);
    font-size: .9rem;
    display:block
}

footer.site-footer .f .f--link a:hover {
    text-decoration:underline
}

footer.site-footer .f .f--copyright {
    margin: 1.5rem 0;
    font-size: .9rem;
    line-height:1.4
}

footer.site-footer .f .f--fda {
    letter-spacing: .02em;
    font-size:.75rem
}

footer.site-footer form[class * =klaviyo-form] {
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 1px solid var(--c-border) !important;
    margin:0 !important
}

footer.site-footer form[class * =klaviyo-form] input[type=email] {
    border:none !important
}

footer.site-footer form.footer-sub {
    font-size: 1.1rem;
    position: relative;
    width: 100%;
    max-width: 430px;
    height: 55px;
    line-height: 55px;
    margin-top: 1rem;
    border-bottom: 1px solid var(--c-border);
    padding:0
}

footer.site-footer form.footer-sub input.sub-input {
    width: 65%;
    height: 100%;
    border: none;
    background: 0 0;
    color: var(--c-base);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    border-radius: 0;
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input::-webkit-input-placeholder {
    color: var(--c-pr-grey);
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input::-moz-placeholder {
    color: var(--c-pr-grey);
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input:-ms-input-placeholder {
    color: var(--c-pr-grey);
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input::-ms-input-placeholder {
    color: var(--c-pr-grey);
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input::placeholder {
    color: var(--c-pr-grey);
    font-size:1.05rem
}

footer.site-footer form.footer-sub input.sub-input:focus {
    color:var(--c-black)
}

footer.site-footer form.footer-sub button.sub-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    background: 0 0;
    width: 35%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--c-red);
    font-size: 1.1rem;
    text-align: right;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition:all 1s cubic-bezier(.19, 1, .22, 1)
}

footer.site-footer form.footer-sub button.sub-button:active, footer.site-footer form.footer-sub button.sub-button:hover {
    color:var(--c-burgundy)
}

@media (max-width: calc(768px - 1px)) {
    body.sticky-atc footer.site-footer {
        margin-bottom:5rem
    }
}

@media (min-width: 1200px) {
    footer.site-footer {
        margin-bottom:0
    }

    footer.site-footer .f {
        padding-top: 3rem;

    }

    footer.site-footer .f:before {
        content:none
    }

    footer.site-footer .f .f--title h5 {
        margin-bottom:.8rem
    }

    footer.site-footer .f .f--excerpt {
        max-width:70%
    }

    footer.site-footer .f ul li {
        padding-bottom:.7rem
    }

    footer.site-footer .f .f--logo {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order:3
    }

    /*footer.site-footer .f .f--logo img {
        max-width: 80px;
        margin-right:auto
    }*/

    footer.site-footer .f .f--link {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        font-size:1em
    }

    footer.site-footer .f .f--link a {
        display: inline-block;
        margin-left:1rem
    }

    footer.site-footer .f .f--copyright {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        font-size:.9rem
    }

    footer.site-footer .f .f--fda {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        max-width: 70%;
        margin:1rem 0 3rem
    }

    footer.site-footer .f .accordion .a--title {
        cursor:initial
    }

    footer.site-footer .f .accordion .a--title span[class * =icon] {
        display:none
    }

    footer.site-footer .f .accordion .a--content {
        visibility: visible;
        opacity: 1;
        height:auto
    }

    footer.site-footer .f .accordion:before {
        content: none;
        border:none
    }

    footer.site-footer form.footer-sub input.sub-input {
        width:70%
    }

    footer.site-footer form.footer-sub button.sub-button {
        width:30%
    }
}

.s {
    position: relative;
    padding:2rem 0
}

.s.s--minh .container {
    min-height:50vh
}

.s.s--gr {
    background-color:var(--c-l-grey-back)
}

.s.s--icons {
    background:var(--c-l-grey-back)
}

.s.s--pr-tr {
    padding: 2rem 0 0;
    border-top:1px solid var(--c-border)
}

.s.s--bn {
    padding:3rem 0 20rem
}

.royal-product .s.s--bn {
    margin-top:-2rem
}

.s.s--hr {
    height: 85vh;
    padding-top: 7rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.s.s--tr {
    border-bottom:1px solid var(--c-border)
}

.s.s--ic.bd {
    border-bottom:1px solid var(--c-border)
}

.s.s--icc.bd {
    border-bottom: 1px solid var(--c-border);
    margin-bottom:2rem
}

.s.s--pg-h, .s.s--sh-h {
    background-color:var(--c-burgundy)
}

body:not(.royal-shop):not(.royal-product) .s.s--pl {
    border-top: 1px solid var(--c-border);
    border-bottom:1px solid var(--c-border)
}

body.royal-product .s.s--pl {
    border-top:1px solid var(--c-border)
}

.s.s--sh-bf {
    padding-bottom:1rem
}

.s.s--my-account-f {
    background-color: var(--c-burgundy);
    background-position: 30% 50%;
    background-size: cover;
    background-repeat:no-repeat
}

.s.s--cnt {
    padding: 3rem 0;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat:no-repeat
}

.s.s--is {
    padding-bottom:0
}

.s.s--sdb {
    background:var(--c-d-grey-back)
}

.s.s--bl-ct {
    padding-bottom:0
}

.s.s--sg-meta {
    background-color:var(--c-burgundy)
}

.s.s--sg-content {
    padding-top:1rem
}

.s.s--sg-related {
    background: var(--c-l-grey-back);
    padding-bottom:3rem
}

.s.s--pg {
    background-color:var(--c-l-grey-back)
}

.s.s--upstroke {
    padding-top:0
}

@media (min-width: 600px) {
    .s.s--bn {
        background-size:170%
    }
}

@media (min-width: 768px) {
    .s.s--bn {
        padding:2rem 0
    }

    .s.s--hr {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .s.s--in {
        padding-bottom:4rem
    }

    .s.s--is {
        padding-top: 3rem;
        padding-bottom:3rem
    }
}

@media (min-width: 1024px) {
    .s.s--hr {
        padding-top: 0;
        height:90vh
    }

    .s.s--pl#royal-filters {
        margin-bottom:5rem
    }

    .s.s--ic.bd {
        margin-bottom:2rem
    }

    .s.s--icc.bd {
        padding-bottom:5rem
    }

    .s.s--pr-tr {
        padding: 3rem 0 2rem;
        border-top:1px solid var(--c-border)
    }

    .s.s--my-account {
        background-position-x:50%
    }

    .s.s--cnt {
        padding:5rem 0
    }

    .s.s--bl-ct {
        padding-bottom:2rem
    }

    .s.s--sg-content {
        padding-top:2rem
    }
}

.no-mg {
    margin:0 !important
}

.no-pd {
    padding:0 !important
}

.m-auto {
    margin:auto
}

.mt-auto {
    margin-top:auto
}

.mr-auto {
    margin-right:auto
}

.mb-auto {
    margin-bottom:auto
}

.ml-auto {
    margin-left:auto
}

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

.my-auto {
    margin-top: auto;
    margin-bottom:auto
}

.m-xs-auto {
    margin:auto
}

.mt-xs-auto {
    margin-top:auto
}

.mr-xs-auto {
    margin-right:auto
}

.mb-xs-auto {
    margin-bottom:auto
}

.ml-xs-auto {
    margin-left:auto
}

.mx-xs-auto {
    margin-left: auto;
    margin-right:auto
}

.my-xs-auto {
    margin-top: auto;
    margin-bottom:auto
}

@media (min-width: 768px) {
    .m-sm-auto {
        margin:auto
    }

    .mt-sm-auto {
        margin-top:auto
    }

    .mr-sm-auto {
        margin-right:auto
    }

    .mb-sm-auto {
        margin-bottom:auto
    }

    .ml-sm-auto {
        margin-left:auto
    }

    .mx-sm-auto {
        margin-left: auto;
        margin-right:auto
    }

    .my-sm-auto {
        margin-top: auto;
        margin-bottom:auto
    }
}

@media (min-width: 1024px) {
    .m-md-auto {
        margin:auto
    }

    .mt-md-auto {
        margin-top:auto
    }

    .mr-md-auto {
        margin-right:auto
    }

    .mb-md-auto {
        margin-bottom:auto
    }

    .ml-md-auto {
        margin-left:auto
    }

    .mx-md-auto {
        margin-left: auto;
        margin-right:auto
    }

    .my-md-auto {
        margin-top: auto;
        margin-bottom:auto
    }
}

@media (min-width: 1200px) {
    .m-lg-auto {
        margin:auto
    }

    .mt-lg-auto {
        margin-top:auto
    }

    .mr-lg-auto {
        margin-right:auto
    }

    .mb-lg-auto {
        margin-bottom:auto
    }

    .ml-lg-auto {
        margin-left:auto
    }

    .mx-lg-auto {
        margin-left: auto;
        margin-right:auto
    }

    .my-lg-auto {
        margin-top: auto;
        margin-bottom:auto
    }
}

.m-0 {
    margin:0
}

.mt-0 {
    margin-top:0
}

.mr-0 {
    margin-right:0
}

.mb-0 {
    margin-bottom:0
}

.ml-0 {
    margin-left:0
}

.mx-0 {
    margin-left: 0;
    margin-right:0
}

.my-0 {
    margin-top: 0;
    margin-bottom:0
}

.m-xs-0 {
    margin:0
}

.mt-xs-0 {
    margin-top:0
}

.mr-xs-0 {
    margin-right:0
}

.mb-xs-0 {
    margin-bottom:0
}

.ml-xs-0 {
    margin-left:0
}

.mx-xs-0 {
    margin-left: 0;
    margin-right:0
}

.my-xs-0 {
    margin-top: 0;
    margin-bottom:0
}

@media (min-width: 768px) {
    .m-sm-0 {
        margin:0
    }

    .mt-sm-0 {
        margin-top:0
    }

    .mr-sm-0 {
        margin-right:0
    }

    .mb-sm-0 {
        margin-bottom:0
    }

    .ml-sm-0 {
        margin-left:0
    }

    .mx-sm-0 {
        margin-left: 0;
        margin-right:0
    }

    .my-sm-0 {
        margin-top: 0;
        margin-bottom:0
    }
}

@media (min-width: 1024px) {
    .m-md-0 {
        margin:0
    }

    .mt-md-0 {
        margin-top:0
    }

    .mr-md-0 {
        margin-right:0
    }

    .mb-md-0 {
        margin-bottom:0
    }

    .ml-md-0 {
        margin-left:0
    }

    .mx-md-0 {
        margin-left: 0;
        margin-right:0
    }

    .my-md-0 {
        margin-top: 0;
        margin-bottom:0
    }
}

@media (min-width: 1200px) {
    .m-lg-0 {
        margin:0
    }

    .mt-lg-0 {
        margin-top:0
    }

    .mr-lg-0 {
        margin-right:0
    }

    .mb-lg-0 {
        margin-bottom:0
    }

    .ml-lg-0 {
        margin-left:0
    }

    .mx-lg-0 {
        margin-left: 0;
        margin-right:0
    }

    .my-lg-0 {
        margin-top: 0;
        margin-bottom:0
    }
}

.m-1 {
    margin:.25rem
}

.mt-1 {
    margin-top:.25rem
}

.mr-1 {
    margin-right:.25rem
}

.mb-1 {
    margin-bottom:.25rem
}

.ml-1 {
    margin-left:.25rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right:.25rem
}

.my-1 {
    margin-top: .25rem;
    margin-bottom:.25rem
}

.m-xs-1 {
    margin:.25rem
}

.mt-xs-1 {
    margin-top:.25rem
}

.mr-xs-1 {
    margin-right:.25rem
}

.mb-xs-1 {
    margin-bottom:.25rem
}

.ml-xs-1 {
    margin-left:.25rem
}

.mx-xs-1 {
    margin-left: .25rem;
    margin-right:.25rem
}

.my-xs-1 {
    margin-top: .25rem;
    margin-bottom:.25rem
}

@media (min-width: 768px) {
    .m-sm-1 {
        margin:.25rem
    }

    .mt-sm-1 {
        margin-top:.25rem
    }

    .mr-sm-1 {
        margin-right:.25rem
    }

    .mb-sm-1 {
        margin-bottom:.25rem
    }

    .ml-sm-1 {
        margin-left:.25rem
    }

    .mx-sm-1 {
        margin-left: .25rem;
        margin-right:.25rem
    }

    .my-sm-1 {
        margin-top: .25rem;
        margin-bottom:.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-1 {
        margin:.25rem
    }

    .mt-md-1 {
        margin-top:.25rem
    }

    .mr-md-1 {
        margin-right:.25rem
    }

    .mb-md-1 {
        margin-bottom:.25rem
    }

    .ml-md-1 {
        margin-left:.25rem
    }

    .mx-md-1 {
        margin-left: .25rem;
        margin-right:.25rem
    }

    .my-md-1 {
        margin-top: .25rem;
        margin-bottom:.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-1 {
        margin:.25rem
    }

    .mt-lg-1 {
        margin-top:.25rem
    }

    .mr-lg-1 {
        margin-right:.25rem
    }

    .mb-lg-1 {
        margin-bottom:.25rem
    }

    .ml-lg-1 {
        margin-left:.25rem
    }

    .mx-lg-1 {
        margin-left: .25rem;
        margin-right:.25rem
    }

    .my-lg-1 {
        margin-top: .25rem;
        margin-bottom:.25rem
    }
}

.m-2 {
    margin:.5rem
}

.mt-2 {
    margin-top:.5rem
}

.mr-2 {
    margin-right:.5rem
}

.mb-2 {
    margin-bottom:.5rem
}

.ml-2 {
    margin-left:.5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right:.5rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom:.5rem
}

.m-xs-2 {
    margin:.5rem
}

.mt-xs-2 {
    margin-top:.5rem
}

.mr-xs-2 {
    margin-right:.5rem
}

.mb-xs-2 {
    margin-bottom:.5rem
}

.ml-xs-2 {
    margin-left:.5rem
}

.mx-xs-2 {
    margin-left: .5rem;
    margin-right:.5rem
}

.my-xs-2 {
    margin-top: .5rem;
    margin-bottom:.5rem
}

@media (min-width: 768px) {
    .m-sm-2 {
        margin:.5rem
    }

    .mt-sm-2 {
        margin-top:.5rem
    }

    .mr-sm-2 {
        margin-right:.5rem
    }

    .mb-sm-2 {
        margin-bottom:.5rem
    }

    .ml-sm-2 {
        margin-left:.5rem
    }

    .mx-sm-2 {
        margin-left: .5rem;
        margin-right:.5rem
    }

    .my-sm-2 {
        margin-top: .5rem;
        margin-bottom:.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-2 {
        margin:.5rem
    }

    .mt-md-2 {
        margin-top:.5rem
    }

    .mr-md-2 {
        margin-right:.5rem
    }

    .mb-md-2 {
        margin-bottom:.5rem
    }

    .ml-md-2 {
        margin-left:.5rem
    }

    .mx-md-2 {
        margin-left: .5rem;
        margin-right:.5rem
    }

    .my-md-2 {
        margin-top: .5rem;
        margin-bottom:.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-2 {
        margin:.5rem
    }

    .mt-lg-2 {
        margin-top:.5rem
    }

    .mr-lg-2 {
        margin-right:.5rem
    }

    .mb-lg-2 {
        margin-bottom:.5rem
    }

    .ml-lg-2 {
        margin-left:.5rem
    }

    .mx-lg-2 {
        margin-left: .5rem;
        margin-right:.5rem
    }

    .my-lg-2 {
        margin-top: .5rem;
        margin-bottom:.5rem
    }
}

.m-3 {
    margin:.75rem
}

.mt-3 {
    margin-top:.75rem
}

.mr-3 {
    margin-right:.75rem
}

.mb-3 {
    margin-bottom:.75rem
}

.ml-3 {
    margin-left:.75rem
}

.mx-3 {
    margin-left: .75rem;
    margin-right:.75rem
}

.my-3 {
    margin-top: .75rem;
    margin-bottom:.75rem
}

.m-xs-3 {
    margin:.75rem
}

.mt-xs-3 {
    margin-top:.75rem
}

.mr-xs-3 {
    margin-right:.75rem
}

.mb-xs-3 {
    margin-bottom:.75rem
}

.ml-xs-3 {
    margin-left:.75rem
}

.mx-xs-3 {
    margin-left: .75rem;
    margin-right:.75rem
}

.my-xs-3 {
    margin-top: .75rem;
    margin-bottom:.75rem
}

@media (min-width: 768px) {
    .m-sm-3 {
        margin:.75rem
    }

    .mt-sm-3 {
        margin-top:.75rem
    }

    .mr-sm-3 {
        margin-right:.75rem
    }

    .mb-sm-3 {
        margin-bottom:.75rem
    }

    .ml-sm-3 {
        margin-left:.75rem
    }

    .mx-sm-3 {
        margin-left: .75rem;
        margin-right:.75rem
    }

    .my-sm-3 {
        margin-top: .75rem;
        margin-bottom:.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-3 {
        margin:.75rem
    }

    .mt-md-3 {
        margin-top:.75rem
    }

    .mr-md-3 {
        margin-right:.75rem
    }

    .mb-md-3 {
        margin-bottom:.75rem
    }

    .ml-md-3 {
        margin-left:.75rem
    }

    .mx-md-3 {
        margin-left: .75rem;
        margin-right:.75rem
    }

    .my-md-3 {
        margin-top: .75rem;
        margin-bottom:.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-3 {
        margin:.75rem
    }

    .mt-lg-3 {
        margin-top:.75rem
    }

    .mr-lg-3 {
        margin-right:.75rem
    }

    .mb-lg-3 {
        margin-bottom:.75rem
    }

    .ml-lg-3 {
        margin-left:.75rem
    }

    .mx-lg-3 {
        margin-left: .75rem;
        margin-right:.75rem
    }

    .my-lg-3 {
        margin-top: .75rem;
        margin-bottom:.75rem
    }
}

.m-4 {
    margin:1rem
}

.mt-4 {
    margin-top:1rem
}

.mr-4 {
    margin-right:1rem
}

.mb-4 {
    margin-bottom:1rem
}

.ml-4 {
    margin-left:1rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right:1rem
}

.my-4 {
    margin-top: 1rem;
    margin-bottom:1rem
}

.m-xs-4 {
    margin:1rem
}

.mt-xs-4 {
    margin-top:1rem
}

.mr-xs-4 {
    margin-right:1rem
}

.mb-xs-4 {
    margin-bottom:1rem
}

.ml-xs-4 {
    margin-left:1rem
}

.mx-xs-4 {
    margin-left: 1rem;
    margin-right:1rem
}

.my-xs-4 {
    margin-top: 1rem;
    margin-bottom:1rem
}

@media (min-width: 768px) {
    .m-sm-4 {
        margin:1rem
    }

    .mt-sm-4 {
        margin-top:1rem
    }

    .mr-sm-4 {
        margin-right:1rem
    }

    .mb-sm-4 {
        margin-bottom:1rem
    }

    .ml-sm-4 {
        margin-left:1rem
    }

    .mx-sm-4 {
        margin-left: 1rem;
        margin-right:1rem
    }

    .my-sm-4 {
        margin-top: 1rem;
        margin-bottom:1rem
    }
}

@media (min-width: 1024px) {
    .m-md-4 {
        margin:1rem
    }

    .mt-md-4 {
        margin-top:1rem
    }

    .mr-md-4 {
        margin-right:1rem
    }

    .mb-md-4 {
        margin-bottom:1rem
    }

    .ml-md-4 {
        margin-left:1rem
    }

    .mx-md-4 {
        margin-left: 1rem;
        margin-right:1rem
    }

    .my-md-4 {
        margin-top: 1rem;
        margin-bottom:1rem
    }
}

@media (min-width: 1200px) {
    .m-lg-4 {
        margin:1rem
    }

    .mt-lg-4 {
        margin-top:1rem
    }

    .mr-lg-4 {
        margin-right:1rem
    }

    .mb-lg-4 {
        margin-bottom:1rem
    }

    .ml-lg-4 {
        margin-left:1rem
    }

    .mx-lg-4 {
        margin-left: 1rem;
        margin-right:1rem
    }

    .my-lg-4 {
        margin-top: 1rem;
        margin-bottom:1rem
    }
}

.m-5 {
    margin:1.25rem
}

.mt-5 {
    margin-top:1.25rem
}

.mr-5 {
    margin-right:1.25rem
}

.mb-5 {
    margin-bottom:1.25rem
}

.ml-5 {
    margin-left:1.25rem
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right:1.25rem
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom:1.25rem
}

.m-xs-5 {
    margin:1.25rem
}

.mt-xs-5 {
    margin-top:1.25rem
}

.mr-xs-5 {
    margin-right:1.25rem
}

.mb-xs-5 {
    margin-bottom:1.25rem
}

.ml-xs-5 {
    margin-left:1.25rem
}

.mx-xs-5 {
    margin-left: 1.25rem;
    margin-right:1.25rem
}

.my-xs-5 {
    margin-top: 1.25rem;
    margin-bottom:1.25rem
}

@media (min-width: 768px) {
    .m-sm-5 {
        margin:1.25rem
    }

    .mt-sm-5 {
        margin-top:1.25rem
    }

    .mr-sm-5 {
        margin-right:1.25rem
    }

    .mb-sm-5 {
        margin-bottom:1.25rem
    }

    .ml-sm-5 {
        margin-left:1.25rem
    }

    .mx-sm-5 {
        margin-left: 1.25rem;
        margin-right:1.25rem
    }

    .my-sm-5 {
        margin-top: 1.25rem;
        margin-bottom:1.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-5 {
        margin:1.25rem
    }

    .mt-md-5 {
        margin-top:1.25rem
    }

    .mr-md-5 {
        margin-right:1.25rem
    }

    .mb-md-5 {
        margin-bottom:1.25rem
    }

    .ml-md-5 {
        margin-left:1.25rem
    }

    .mx-md-5 {
        margin-left: 1.25rem;
        margin-right:1.25rem
    }

    .my-md-5 {
        margin-top: 1.25rem;
        margin-bottom:1.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-5 {
        margin:1.25rem
    }

    .mt-lg-5 {
        margin-top:1.25rem
    }

    .mr-lg-5 {
        margin-right:1.25rem
    }

    .mb-lg-5 {
        margin-bottom:1.25rem
    }

    .ml-lg-5 {
        margin-left:1.25rem
    }

    .mx-lg-5 {
        margin-left: 1.25rem;
        margin-right:1.25rem
    }

    .my-lg-5 {
        margin-top: 1.25rem;
        margin-bottom:1.25rem
    }
}

.m-6 {
    margin:1.5rem
}

.mt-6 {
    margin-top:1.5rem
}

.mr-6 {
    margin-right:1.5rem
}

.mb-6 {
    margin-bottom:1.5rem
}

.ml-6 {
    margin-left:1.5rem
}

.mx-6 {
    margin-left: 1.5rem;
    margin-right:1.5rem
}

.my-6 {
    margin-top: 1.5rem;
    margin-bottom:1.5rem
}

.m-xs-6 {
    margin:1.5rem
}

.mt-xs-6 {
    margin-top:1.5rem
}

.mr-xs-6 {
    margin-right:1.5rem
}

.mb-xs-6 {
    margin-bottom:1.5rem
}

.ml-xs-6 {
    margin-left:1.5rem
}

.mx-xs-6 {
    margin-left: 1.5rem;
    margin-right:1.5rem
}

.my-xs-6 {
    margin-top: 1.5rem;
    margin-bottom:1.5rem
}

@media (min-width: 768px) {
    .m-sm-6 {
        margin:1.5rem
    }

    .mt-sm-6 {
        margin-top:1.5rem
    }

    .mr-sm-6 {
        margin-right:1.5rem
    }

    .mb-sm-6 {
        margin-bottom:1.5rem
    }

    .ml-sm-6 {
        margin-left:1.5rem
    }

    .mx-sm-6 {
        margin-left: 1.5rem;
        margin-right:1.5rem
    }

    .my-sm-6 {
        margin-top: 1.5rem;
        margin-bottom:1.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-6 {
        margin:1.5rem
    }

    .mt-md-6 {
        margin-top:1.5rem
    }

    .mr-md-6 {
        margin-right:1.5rem
    }

    .mb-md-6 {
        margin-bottom:1.5rem
    }

    .ml-md-6 {
        margin-left:1.5rem
    }

    .mx-md-6 {
        margin-left: 1.5rem;
        margin-right:1.5rem
    }

    .my-md-6 {
        margin-top: 1.5rem;
        margin-bottom:1.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-6 {
        margin:1.5rem
    }

    .mt-lg-6 {
        margin-top:1.5rem
    }

    .mr-lg-6 {
        margin-right:1.5rem
    }

    .mb-lg-6 {
        margin-bottom:1.5rem
    }

    .ml-lg-6 {
        margin-left:1.5rem
    }

    .mx-lg-6 {
        margin-left: 1.5rem;
        margin-right:1.5rem
    }

    .my-lg-6 {
        margin-top: 1.5rem;
        margin-bottom:1.5rem
    }
}

.m-7 {
    margin:1.75rem
}

.mt-7 {
    margin-top:1.75rem
}

.mr-7 {
    margin-right:1.75rem
}

.mb-7 {
    margin-bottom:1.75rem
}

.ml-7 {
    margin-left:1.75rem
}

.mx-7 {
    margin-left: 1.75rem;
    margin-right:1.75rem
}

.my-7 {
    margin-top: 1.75rem;
    margin-bottom:1.75rem
}

.m-xs-7 {
    margin:1.75rem
}

.mt-xs-7 {
    margin-top:1.75rem
}

.mr-xs-7 {
    margin-right:1.75rem
}

.mb-xs-7 {
    margin-bottom:1.75rem
}

.ml-xs-7 {
    margin-left:1.75rem
}

.mx-xs-7 {
    margin-left: 1.75rem;
    margin-right:1.75rem
}

.my-xs-7 {
    margin-top: 1.75rem;
    margin-bottom:1.75rem
}

@media (min-width: 768px) {
    .m-sm-7 {
        margin:1.75rem
    }

    .mt-sm-7 {
        margin-top:1.75rem
    }

    .mr-sm-7 {
        margin-right:1.75rem
    }

    .mb-sm-7 {
        margin-bottom:1.75rem
    }

    .ml-sm-7 {
        margin-left:1.75rem
    }

    .mx-sm-7 {
        margin-left: 1.75rem;
        margin-right:1.75rem
    }

    .my-sm-7 {
        margin-top: 1.75rem;
        margin-bottom:1.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-7 {
        margin:1.75rem
    }

    .mt-md-7 {
        margin-top:1.75rem
    }

    .mr-md-7 {
        margin-right:1.75rem
    }

    .mb-md-7 {
        margin-bottom:1.75rem
    }

    .ml-md-7 {
        margin-left:1.75rem
    }

    .mx-md-7 {
        margin-left: 1.75rem;
        margin-right:1.75rem
    }

    .my-md-7 {
        margin-top: 1.75rem;
        margin-bottom:1.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-7 {
        margin:1.75rem
    }

    .mt-lg-7 {
        margin-top:1.75rem
    }

    .mr-lg-7 {
        margin-right:1.75rem
    }

    .mb-lg-7 {
        margin-bottom:1.75rem
    }

    .ml-lg-7 {
        margin-left:1.75rem
    }

    .mx-lg-7 {
        margin-left: 1.75rem;
        margin-right:1.75rem
    }

    .my-lg-7 {
        margin-top: 1.75rem;
        margin-bottom:1.75rem
    }
}

.m-8 {
    margin:2rem
}

.mt-8 {
    margin-top:2rem
}

.mr-8 {
    margin-right:2rem
}

.mb-8 {
    margin-bottom:2rem
}

.ml-8 {
    margin-left:2rem
}

.mx-8 {
    margin-left: 2rem;
    margin-right:2rem
}

.my-8 {
    margin-top: 2rem;
    margin-bottom:2rem
}

.m-xs-8 {
    margin:2rem
}

.mt-xs-8 {
    margin-top:2rem
}

.mr-xs-8 {
    margin-right:2rem
}

.mb-xs-8 {
    margin-bottom:2rem
}

.ml-xs-8 {
    margin-left:2rem
}

.mx-xs-8 {
    margin-left: 2rem;
    margin-right:2rem
}

.my-xs-8 {
    margin-top: 2rem;
    margin-bottom:2rem
}

@media (min-width: 768px) {
    .m-sm-8 {
        margin:2rem
    }

    .mt-sm-8 {
        margin-top:2rem
    }

    .mr-sm-8 {
        margin-right:2rem
    }

    .mb-sm-8 {
        margin-bottom:2rem
    }

    .ml-sm-8 {
        margin-left:2rem
    }

    .mx-sm-8 {
        margin-left: 2rem;
        margin-right:2rem
    }

    .my-sm-8 {
        margin-top: 2rem;
        margin-bottom:2rem
    }
}

@media (min-width: 1024px) {
    .m-md-8 {
        margin:2rem
    }

    .mt-md-8 {
        margin-top:2rem
    }

    .mr-md-8 {
        margin-right:2rem
    }

    .mb-md-8 {
        margin-bottom:2rem
    }

    .ml-md-8 {
        margin-left:2rem
    }

    .mx-md-8 {
        margin-left: 2rem;
        margin-right:2rem
    }

    .my-md-8 {
        margin-top: 2rem;
        margin-bottom:2rem
    }
}

@media (min-width: 1200px) {
    .m-lg-8 {
        margin:2rem
    }

    .mt-lg-8 {
        margin-top:2rem
    }

    .mr-lg-8 {
        margin-right:2rem
    }

    .mb-lg-8 {
        margin-bottom:2rem
    }

    .ml-lg-8 {
        margin-left:2rem
    }

    .mx-lg-8 {
        margin-left: 2rem;
        margin-right:2rem
    }

    .my-lg-8 {
        margin-top: 2rem;
        margin-bottom:2rem
    }
}

.m-9 {
    margin:2.25rem
}

.mt-9 {
    margin-top:2.25rem
}

.mr-9 {
    margin-right:2.25rem
}

.mb-9 {
    margin-bottom:2.25rem
}

.ml-9 {
    margin-left:2.25rem
}

.mx-9 {
    margin-left: 2.25rem;
    margin-right:2.25rem
}

.my-9 {
    margin-top: 2.25rem;
    margin-bottom:2.25rem
}

.m-xs-9 {
    margin:2.25rem
}

.mt-xs-9 {
    margin-top:2.25rem
}

.mr-xs-9 {
    margin-right:2.25rem
}

.mb-xs-9 {
    margin-bottom:2.25rem
}

.ml-xs-9 {
    margin-left:2.25rem
}

.mx-xs-9 {
    margin-left: 2.25rem;
    margin-right:2.25rem
}

.my-xs-9 {
    margin-top: 2.25rem;
    margin-bottom:2.25rem
}

@media (min-width: 768px) {
    .m-sm-9 {
        margin:2.25rem
    }

    .mt-sm-9 {
        margin-top:2.25rem
    }

    .mr-sm-9 {
        margin-right:2.25rem
    }

    .mb-sm-9 {
        margin-bottom:2.25rem
    }

    .ml-sm-9 {
        margin-left:2.25rem
    }

    .mx-sm-9 {
        margin-left: 2.25rem;
        margin-right:2.25rem
    }

    .my-sm-9 {
        margin-top: 2.25rem;
        margin-bottom:2.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-9 {
        margin:2.25rem
    }

    .mt-md-9 {
        margin-top:2.25rem
    }

    .mr-md-9 {
        margin-right:2.25rem
    }

    .mb-md-9 {
        margin-bottom:2.25rem
    }

    .ml-md-9 {
        margin-left:2.25rem
    }

    .mx-md-9 {
        margin-left: 2.25rem;
        margin-right:2.25rem
    }

    .my-md-9 {
        margin-top: 2.25rem;
        margin-bottom:2.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-9 {
        margin:2.25rem
    }

    .mt-lg-9 {
        margin-top:2.25rem
    }

    .mr-lg-9 {
        margin-right:2.25rem
    }

    .mb-lg-9 {
        margin-bottom:2.25rem
    }

    .ml-lg-9 {
        margin-left:2.25rem
    }

    .mx-lg-9 {
        margin-left: 2.25rem;
        margin-right:2.25rem
    }

    .my-lg-9 {
        margin-top: 2.25rem;
        margin-bottom:2.25rem
    }
}

.m-10 {
    margin:2.5rem
}

.mt-10 {
    margin-top:2.5rem
}

.mr-10 {
    margin-right:2.5rem
}

.mb-10 {
    margin-bottom:2.5rem
}

.ml-10 {
    margin-left:2.5rem
}

.mx-10 {
    margin-left: 2.5rem;
    margin-right:2.5rem
}

.my-10 {
    margin-top: 2.5rem;
    margin-bottom:2.5rem
}

.m-xs-10 {
    margin:2.5rem
}

.mt-xs-10 {
    margin-top:2.5rem
}

.mr-xs-10 {
    margin-right:2.5rem
}

.mb-xs-10 {
    margin-bottom:2.5rem
}

.ml-xs-10 {
    margin-left:2.5rem
}

.mx-xs-10 {
    margin-left: 2.5rem;
    margin-right:2.5rem
}

.my-xs-10 {
    margin-top: 2.5rem;
    margin-bottom:2.5rem
}

@media (min-width: 768px) {
    .m-sm-10 {
        margin:2.5rem
    }

    .mt-sm-10 {
        margin-top:2.5rem
    }

    .mr-sm-10 {
        margin-right:2.5rem
    }

    .mb-sm-10 {
        margin-bottom:2.5rem
    }

    .ml-sm-10 {
        margin-left:2.5rem
    }

    .mx-sm-10 {
        margin-left: 2.5rem;
        margin-right:2.5rem
    }

    .my-sm-10 {
        margin-top: 2.5rem;
        margin-bottom:2.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-10 {
        margin:2.5rem
    }

    .mt-md-10 {
        margin-top:2.5rem
    }

    .mr-md-10 {
        margin-right:2.5rem
    }

    .mb-md-10 {
        margin-bottom:2.5rem
    }

    .ml-md-10 {
        margin-left:2.5rem
    }

    .mx-md-10 {
        margin-left: 2.5rem;
        margin-right:2.5rem
    }

    .my-md-10 {
        margin-top: 2.5rem;
        margin-bottom:2.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-10 {
        margin:2.5rem
    }

    .mt-lg-10 {
        margin-top:2.5rem
    }

    .mr-lg-10 {
        margin-right:2.5rem
    }

    .mb-lg-10 {
        margin-bottom:2.5rem
    }

    .ml-lg-10 {
        margin-left:2.5rem
    }

    .mx-lg-10 {
        margin-left: 2.5rem;
        margin-right:2.5rem
    }

    .my-lg-10 {
        margin-top: 2.5rem;
        margin-bottom:2.5rem
    }
}

.m-11 {
    margin:2.75rem
}

.mt-11 {
    margin-top:2.75rem
}

.mr-11 {
    margin-right:2.75rem
}

.mb-11 {
    margin-bottom:2.75rem
}

.ml-11 {
    margin-left:2.75rem
}

.mx-11 {
    margin-left: 2.75rem;
    margin-right:2.75rem
}

.my-11 {
    margin-top: 2.75rem;
    margin-bottom:2.75rem
}

.m-xs-11 {
    margin:2.75rem
}

.mt-xs-11 {
    margin-top:2.75rem
}

.mr-xs-11 {
    margin-right:2.75rem
}

.mb-xs-11 {
    margin-bottom:2.75rem
}

.ml-xs-11 {
    margin-left:2.75rem
}

.mx-xs-11 {
    margin-left: 2.75rem;
    margin-right:2.75rem
}

.my-xs-11 {
    margin-top: 2.75rem;
    margin-bottom:2.75rem
}

@media (min-width: 768px) {
    .m-sm-11 {
        margin:2.75rem
    }

    .mt-sm-11 {
        margin-top:2.75rem
    }

    .mr-sm-11 {
        margin-right:2.75rem
    }

    .mb-sm-11 {
        margin-bottom:2.75rem
    }

    .ml-sm-11 {
        margin-left:2.75rem
    }

    .mx-sm-11 {
        margin-left: 2.75rem;
        margin-right:2.75rem
    }

    .my-sm-11 {
        margin-top: 2.75rem;
        margin-bottom:2.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-11 {
        margin:2.75rem
    }

    .mt-md-11 {
        margin-top:2.75rem
    }

    .mr-md-11 {
        margin-right:2.75rem
    }

    .mb-md-11 {
        margin-bottom:2.75rem
    }

    .ml-md-11 {
        margin-left:2.75rem
    }

    .mx-md-11 {
        margin-left: 2.75rem;
        margin-right:2.75rem
    }

    .my-md-11 {
        margin-top: 2.75rem;
        margin-bottom:2.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-11 {
        margin:2.75rem
    }

    .mt-lg-11 {
        margin-top:2.75rem
    }

    .mr-lg-11 {
        margin-right:2.75rem
    }

    .mb-lg-11 {
        margin-bottom:2.75rem
    }

    .ml-lg-11 {
        margin-left:2.75rem
    }

    .mx-lg-11 {
        margin-left: 2.75rem;
        margin-right:2.75rem
    }

    .my-lg-11 {
        margin-top: 2.75rem;
        margin-bottom:2.75rem
    }
}

.m-12 {
    margin:3rem
}

.mt-12 {
    margin-top:3rem
}

.mr-12 {
    margin-right:3rem
}

.mb-12 {
    margin-bottom:3rem
}

.ml-12 {
    margin-left:3rem
}

.mx-12 {
    margin-left: 3rem;
    margin-right:3rem
}

.my-12 {
    margin-top: 3rem;
    margin-bottom:3rem
}

.m-xs-12 {
    margin:3rem
}

.mt-xs-12 {
    margin-top:3rem
}

.mr-xs-12 {
    margin-right:3rem
}

.mb-xs-12 {
    margin-bottom:3rem
}

.ml-xs-12 {
    margin-left:3rem
}

.mx-xs-12 {
    margin-left: 3rem;
    margin-right:3rem
}

.my-xs-12 {
    margin-top: 3rem;
    margin-bottom:3rem
}

@media (min-width: 768px) {
    .m-sm-12 {
        margin:3rem
    }

    .mt-sm-12 {
        margin-top:3rem
    }

    .mr-sm-12 {
        margin-right:3rem
    }

    .mb-sm-12 {
        margin-bottom:3rem
    }

    .ml-sm-12 {
        margin-left:3rem
    }

    .mx-sm-12 {
        margin-left: 3rem;
        margin-right:3rem
    }

    .my-sm-12 {
        margin-top: 3rem;
        margin-bottom:3rem
    }
}

@media (min-width: 1024px) {
    .m-md-12 {
        margin:3rem
    }

    .mt-md-12 {
        margin-top:3rem
    }

    .mr-md-12 {
        margin-right:3rem
    }

    .mb-md-12 {
        margin-bottom:3rem
    }

    .ml-md-12 {
        margin-left:3rem
    }

    .mx-md-12 {
        margin-left: 3rem;
        margin-right:3rem
    }

    .my-md-12 {
        margin-top: 3rem;
        margin-bottom:3rem
    }
}

@media (min-width: 1200px) {
    .m-lg-12 {
        margin:3rem
    }

    .mt-lg-12 {
        margin-top:3rem
    }

    .mr-lg-12 {
        margin-right:3rem
    }

    .mb-lg-12 {
        margin-bottom:3rem
    }

    .ml-lg-12 {
        margin-left:3rem
    }

    .mx-lg-12 {
        margin-left: 3rem;
        margin-right:3rem
    }

    .my-lg-12 {
        margin-top: 3rem;
        margin-bottom:3rem
    }
}

.m-13 {
    margin:3.25rem
}

.mt-13 {
    margin-top:3.25rem
}

.mr-13 {
    margin-right:3.25rem
}

.mb-13 {
    margin-bottom:3.25rem
}

.ml-13 {
    margin-left:3.25rem
}

.mx-13 {
    margin-left: 3.25rem;
    margin-right:3.25rem
}

.my-13 {
    margin-top: 3.25rem;
    margin-bottom:3.25rem
}

.m-xs-13 {
    margin:3.25rem
}

.mt-xs-13 {
    margin-top:3.25rem
}

.mr-xs-13 {
    margin-right:3.25rem
}

.mb-xs-13 {
    margin-bottom:3.25rem
}

.ml-xs-13 {
    margin-left:3.25rem
}

.mx-xs-13 {
    margin-left: 3.25rem;
    margin-right:3.25rem
}

.my-xs-13 {
    margin-top: 3.25rem;
    margin-bottom:3.25rem
}

@media (min-width: 768px) {
    .m-sm-13 {
        margin:3.25rem
    }

    .mt-sm-13 {
        margin-top:3.25rem
    }

    .mr-sm-13 {
        margin-right:3.25rem
    }

    .mb-sm-13 {
        margin-bottom:3.25rem
    }

    .ml-sm-13 {
        margin-left:3.25rem
    }

    .mx-sm-13 {
        margin-left: 3.25rem;
        margin-right:3.25rem
    }

    .my-sm-13 {
        margin-top: 3.25rem;
        margin-bottom:3.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-13 {
        margin:3.25rem
    }

    .mt-md-13 {
        margin-top:3.25rem
    }

    .mr-md-13 {
        margin-right:3.25rem
    }

    .mb-md-13 {
        margin-bottom:3.25rem
    }

    .ml-md-13 {
        margin-left:3.25rem
    }

    .mx-md-13 {
        margin-left: 3.25rem;
        margin-right:3.25rem
    }

    .my-md-13 {
        margin-top: 3.25rem;
        margin-bottom:3.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-13 {
        margin:3.25rem
    }

    .mt-lg-13 {
        margin-top:3.25rem
    }

    .mr-lg-13 {
        margin-right:3.25rem
    }

    .mb-lg-13 {
        margin-bottom:3.25rem
    }

    .ml-lg-13 {
        margin-left:3.25rem
    }

    .mx-lg-13 {
        margin-left: 3.25rem;
        margin-right:3.25rem
    }

    .my-lg-13 {
        margin-top: 3.25rem;
        margin-bottom:3.25rem
    }
}

.m-14 {
    margin:3.5rem
}

.mt-14 {
    margin-top:3.5rem
}

.mr-14 {
    margin-right:3.5rem
}

.mb-14 {
    margin-bottom:3.5rem
}

.ml-14 {
    margin-left:3.5rem
}

.mx-14 {
    margin-left: 3.5rem;
    margin-right:3.5rem
}

.my-14 {
    margin-top: 3.5rem;
    margin-bottom:3.5rem
}

.m-xs-14 {
    margin:3.5rem
}

.mt-xs-14 {
    margin-top:3.5rem
}

.mr-xs-14 {
    margin-right:3.5rem
}

.mb-xs-14 {
    margin-bottom:3.5rem
}

.ml-xs-14 {
    margin-left:3.5rem
}

.mx-xs-14 {
    margin-left: 3.5rem;
    margin-right:3.5rem
}

.my-xs-14 {
    margin-top: 3.5rem;
    margin-bottom:3.5rem
}

@media (min-width: 768px) {
    .m-sm-14 {
        margin:3.5rem
    }

    .mt-sm-14 {
        margin-top:3.5rem
    }

    .mr-sm-14 {
        margin-right:3.5rem
    }

    .mb-sm-14 {
        margin-bottom:3.5rem
    }

    .ml-sm-14 {
        margin-left:3.5rem
    }

    .mx-sm-14 {
        margin-left: 3.5rem;
        margin-right:3.5rem
    }

    .my-sm-14 {
        margin-top: 3.5rem;
        margin-bottom:3.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-14 {
        margin:3.5rem
    }

    .mt-md-14 {
        margin-top:3.5rem
    }

    .mr-md-14 {
        margin-right:3.5rem
    }

    .mb-md-14 {
        margin-bottom:3.5rem
    }

    .ml-md-14 {
        margin-left:3.5rem
    }

    .mx-md-14 {
        margin-left: 3.5rem;
        margin-right:3.5rem
    }

    .my-md-14 {
        margin-top: 3.5rem;
        margin-bottom:3.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-14 {
        margin:3.5rem
    }

    .mt-lg-14 {
        margin-top:3.5rem
    }

    .mr-lg-14 {
        margin-right:3.5rem
    }

    .mb-lg-14 {
        margin-bottom:3.5rem
    }

    .ml-lg-14 {
        margin-left:3.5rem
    }

    .mx-lg-14 {
        margin-left: 3.5rem;
        margin-right:3.5rem
    }

    .my-lg-14 {
        margin-top: 3.5rem;
        margin-bottom:3.5rem
    }
}

.m-15 {
    margin:3.75rem
}

.mt-15 {
    margin-top:3.75rem
}

.mr-15 {
    margin-right:3.75rem
}

.mb-15 {
    margin-bottom:3.75rem
}

.ml-15 {
    margin-left:3.75rem
}

.mx-15 {
    margin-left: 3.75rem;
    margin-right:3.75rem
}

.my-15 {
    margin-top: 3.75rem;
    margin-bottom:3.75rem
}

.m-xs-15 {
    margin:3.75rem
}

.mt-xs-15 {
    margin-top:3.75rem
}

.mr-xs-15 {
    margin-right:3.75rem
}

.mb-xs-15 {
    margin-bottom:3.75rem
}

.ml-xs-15 {
    margin-left:3.75rem
}

.mx-xs-15 {
    margin-left: 3.75rem;
    margin-right:3.75rem
}

.my-xs-15 {
    margin-top: 3.75rem;
    margin-bottom:3.75rem
}

@media (min-width: 768px) {
    .m-sm-15 {
        margin:3.75rem
    }

    .mt-sm-15 {
        margin-top:3.75rem
    }

    .mr-sm-15 {
        margin-right:3.75rem
    }

    .mb-sm-15 {
        margin-bottom:3.75rem
    }

    .ml-sm-15 {
        margin-left:3.75rem
    }

    .mx-sm-15 {
        margin-left: 3.75rem;
        margin-right:3.75rem
    }

    .my-sm-15 {
        margin-top: 3.75rem;
        margin-bottom:3.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-15 {
        margin:3.75rem
    }

    .mt-md-15 {
        margin-top:3.75rem
    }

    .mr-md-15 {
        margin-right:3.75rem
    }

    .mb-md-15 {
        margin-bottom:3.75rem
    }

    .ml-md-15 {
        margin-left:3.75rem
    }

    .mx-md-15 {
        margin-left: 3.75rem;
        margin-right:3.75rem
    }

    .my-md-15 {
        margin-top: 3.75rem;
        margin-bottom:3.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-15 {
        margin:3.75rem
    }

    .mt-lg-15 {
        margin-top:3.75rem
    }

    .mr-lg-15 {
        margin-right:3.75rem
    }

    .mb-lg-15 {
        margin-bottom:3.75rem
    }

    .ml-lg-15 {
        margin-left:3.75rem
    }

    .mx-lg-15 {
        margin-left: 3.75rem;
        margin-right:3.75rem
    }

    .my-lg-15 {
        margin-top: 3.75rem;
        margin-bottom:3.75rem
    }
}

.m-16 {
    margin:4rem
}

.mt-16 {
    margin-top:4rem
}

.mr-16 {
    margin-right:4rem
}

.mb-16 {
    margin-bottom:4rem
}

.ml-16 {
    margin-left:4rem
}

.mx-16 {
    margin-left: 4rem;
    margin-right:4rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom:4rem
}

.m-xs-16 {
    margin:4rem
}

.mt-xs-16 {
    margin-top:4rem
}

.mr-xs-16 {
    margin-right:4rem
}

.mb-xs-16 {
    margin-bottom:4rem
}

.ml-xs-16 {
    margin-left:4rem
}

.mx-xs-16 {
    margin-left: 4rem;
    margin-right:4rem
}

.my-xs-16 {
    margin-top: 4rem;
    margin-bottom:4rem
}

@media (min-width: 768px) {
    .m-sm-16 {
        margin:4rem
    }

    .mt-sm-16 {
        margin-top:4rem
    }

    .mr-sm-16 {
        margin-right:4rem
    }

    .mb-sm-16 {
        margin-bottom:4rem
    }

    .ml-sm-16 {
        margin-left:4rem
    }

    .mx-sm-16 {
        margin-left: 4rem;
        margin-right:4rem
    }

    .my-sm-16 {
        margin-top: 4rem;
        margin-bottom:4rem
    }
}

@media (min-width: 1024px) {
    .m-md-16 {
        margin:4rem
    }

    .mt-md-16 {
        margin-top:4rem
    }

    .mr-md-16 {
        margin-right:4rem
    }

    .mb-md-16 {
        margin-bottom:4rem
    }

    .ml-md-16 {
        margin-left:4rem
    }

    .mx-md-16 {
        margin-left: 4rem;
        margin-right:4rem
    }

    .my-md-16 {
        margin-top: 4rem;
        margin-bottom:4rem
    }
}

@media (min-width: 1200px) {
    .m-lg-16 {
        margin:4rem
    }

    .mt-lg-16 {
        margin-top:4rem
    }

    .mr-lg-16 {
        margin-right:4rem
    }

    .mb-lg-16 {
        margin-bottom:4rem
    }

    .ml-lg-16 {
        margin-left:4rem
    }

    .mx-lg-16 {
        margin-left: 4rem;
        margin-right:4rem
    }

    .my-lg-16 {
        margin-top: 4rem;
        margin-bottom:4rem
    }
}

.m-17 {
    margin:4.25rem
}

.mt-17 {
    margin-top:4.25rem
}

.mr-17 {
    margin-right:4.25rem
}

.mb-17 {
    margin-bottom:4.25rem
}

.ml-17 {
    margin-left:4.25rem
}

.mx-17 {
    margin-left: 4.25rem;
    margin-right:4.25rem
}

.my-17 {
    margin-top: 4.25rem;
    margin-bottom:4.25rem
}

.m-xs-17 {
    margin:4.25rem
}

.mt-xs-17 {
    margin-top:4.25rem
}

.mr-xs-17 {
    margin-right:4.25rem
}

.mb-xs-17 {
    margin-bottom:4.25rem
}

.ml-xs-17 {
    margin-left:4.25rem
}

.mx-xs-17 {
    margin-left: 4.25rem;
    margin-right:4.25rem
}

.my-xs-17 {
    margin-top: 4.25rem;
    margin-bottom:4.25rem
}

@media (min-width: 768px) {
    .m-sm-17 {
        margin:4.25rem
    }

    .mt-sm-17 {
        margin-top:4.25rem
    }

    .mr-sm-17 {
        margin-right:4.25rem
    }

    .mb-sm-17 {
        margin-bottom:4.25rem
    }

    .ml-sm-17 {
        margin-left:4.25rem
    }

    .mx-sm-17 {
        margin-left: 4.25rem;
        margin-right:4.25rem
    }

    .my-sm-17 {
        margin-top: 4.25rem;
        margin-bottom:4.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-17 {
        margin:4.25rem
    }

    .mt-md-17 {
        margin-top:4.25rem
    }

    .mr-md-17 {
        margin-right:4.25rem
    }

    .mb-md-17 {
        margin-bottom:4.25rem
    }

    .ml-md-17 {
        margin-left:4.25rem
    }

    .mx-md-17 {
        margin-left: 4.25rem;
        margin-right:4.25rem
    }

    .my-md-17 {
        margin-top: 4.25rem;
        margin-bottom:4.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-17 {
        margin:4.25rem
    }

    .mt-lg-17 {
        margin-top:4.25rem
    }

    .mr-lg-17 {
        margin-right:4.25rem
    }

    .mb-lg-17 {
        margin-bottom:4.25rem
    }

    .ml-lg-17 {
        margin-left:4.25rem
    }

    .mx-lg-17 {
        margin-left: 4.25rem;
        margin-right:4.25rem
    }

    .my-lg-17 {
        margin-top: 4.25rem;
        margin-bottom:4.25rem
    }
}

.m-18 {
    margin:4.5rem
}

.mt-18 {
    margin-top:4.5rem
}

.mr-18 {
    margin-right:4.5rem
}

.mb-18 {
    margin-bottom:4.5rem
}

.ml-18 {
    margin-left:4.5rem
}

.mx-18 {
    margin-left: 4.5rem;
    margin-right:4.5rem
}

.my-18 {
    margin-top: 4.5rem;
    margin-bottom:4.5rem
}

.m-xs-18 {
    margin:4.5rem
}

.mt-xs-18 {
    margin-top:4.5rem
}

.mr-xs-18 {
    margin-right:4.5rem
}

.mb-xs-18 {
    margin-bottom:4.5rem
}

.ml-xs-18 {
    margin-left:4.5rem
}

.mx-xs-18 {
    margin-left: 4.5rem;
    margin-right:4.5rem
}

.my-xs-18 {
    margin-top: 4.5rem;
    margin-bottom:4.5rem
}

@media (min-width: 768px) {
    .m-sm-18 {
        margin:4.5rem
    }

    .mt-sm-18 {
        margin-top:4.5rem
    }

    .mr-sm-18 {
        margin-right:4.5rem
    }

    .mb-sm-18 {
        margin-bottom:4.5rem
    }

    .ml-sm-18 {
        margin-left:4.5rem
    }

    .mx-sm-18 {
        margin-left: 4.5rem;
        margin-right:4.5rem
    }

    .my-sm-18 {
        margin-top: 4.5rem;
        margin-bottom:4.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-18 {
        margin:4.5rem
    }

    .mt-md-18 {
        margin-top:4.5rem
    }

    .mr-md-18 {
        margin-right:4.5rem
    }

    .mb-md-18 {
        margin-bottom:4.5rem
    }

    .ml-md-18 {
        margin-left:4.5rem
    }

    .mx-md-18 {
        margin-left: 4.5rem;
        margin-right:4.5rem
    }

    .my-md-18 {
        margin-top: 4.5rem;
        margin-bottom:4.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-18 {
        margin:4.5rem
    }

    .mt-lg-18 {
        margin-top:4.5rem
    }

    .mr-lg-18 {
        margin-right:4.5rem
    }

    .mb-lg-18 {
        margin-bottom:4.5rem
    }

    .ml-lg-18 {
        margin-left:4.5rem
    }

    .mx-lg-18 {
        margin-left: 4.5rem;
        margin-right:4.5rem
    }

    .my-lg-18 {
        margin-top: 4.5rem;
        margin-bottom:4.5rem
    }
}

.m-19 {
    margin:4.75rem
}

.mt-19 {
    margin-top:4.75rem
}

.mr-19 {
    margin-right:4.75rem
}

.mb-19 {
    margin-bottom:4.75rem
}

.ml-19 {
    margin-left:4.75rem
}

.mx-19 {
    margin-left: 4.75rem;
    margin-right:4.75rem
}

.my-19 {
    margin-top: 4.75rem;
    margin-bottom:4.75rem
}

.m-xs-19 {
    margin:4.75rem
}

.mt-xs-19 {
    margin-top:4.75rem
}

.mr-xs-19 {
    margin-right:4.75rem
}

.mb-xs-19 {
    margin-bottom:4.75rem
}

.ml-xs-19 {
    margin-left:4.75rem
}

.mx-xs-19 {
    margin-left: 4.75rem;
    margin-right:4.75rem
}

.my-xs-19 {
    margin-top: 4.75rem;
    margin-bottom:4.75rem
}

@media (min-width: 768px) {
    .m-sm-19 {
        margin:4.75rem
    }

    .mt-sm-19 {
        margin-top:4.75rem
    }

    .mr-sm-19 {
        margin-right:4.75rem
    }

    .mb-sm-19 {
        margin-bottom:4.75rem
    }

    .ml-sm-19 {
        margin-left:4.75rem
    }

    .mx-sm-19 {
        margin-left: 4.75rem;
        margin-right:4.75rem
    }

    .my-sm-19 {
        margin-top: 4.75rem;
        margin-bottom:4.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-19 {
        margin:4.75rem
    }

    .mt-md-19 {
        margin-top:4.75rem
    }

    .mr-md-19 {
        margin-right:4.75rem
    }

    .mb-md-19 {
        margin-bottom:4.75rem
    }

    .ml-md-19 {
        margin-left:4.75rem
    }

    .mx-md-19 {
        margin-left: 4.75rem;
        margin-right:4.75rem
    }

    .my-md-19 {
        margin-top: 4.75rem;
        margin-bottom:4.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-19 {
        margin:4.75rem
    }

    .mt-lg-19 {
        margin-top:4.75rem
    }

    .mr-lg-19 {
        margin-right:4.75rem
    }

    .mb-lg-19 {
        margin-bottom:4.75rem
    }

    .ml-lg-19 {
        margin-left:4.75rem
    }

    .mx-lg-19 {
        margin-left: 4.75rem;
        margin-right:4.75rem
    }

    .my-lg-19 {
        margin-top: 4.75rem;
        margin-bottom:4.75rem
    }
}

.m-20 {
    margin:5rem
}

.mt-20 {
    margin-top:5rem
}

.mr-20 {
    margin-right:5rem
}

.mb-20 {
    margin-bottom:5rem
}

.ml-20 {
    margin-left:5rem
}

.mx-20 {
    margin-left: 5rem;
    margin-right:5rem
}

.my-20 {
    margin-top: 5rem;
    margin-bottom:5rem
}

.m-xs-20 {
    margin:5rem
}

.mt-xs-20 {
    margin-top:5rem
}

.mr-xs-20 {
    margin-right:5rem
}

.mb-xs-20 {
    margin-bottom:5rem
}

.ml-xs-20 {
    margin-left:5rem
}

.mx-xs-20 {
    margin-left: 5rem;
    margin-right:5rem
}

.my-xs-20 {
    margin-top: 5rem;
    margin-bottom:5rem
}

@media (min-width: 768px) {
    .m-sm-20 {
        margin:5rem
    }

    .mt-sm-20 {
        margin-top:5rem
    }

    .mr-sm-20 {
        margin-right:5rem
    }

    .mb-sm-20 {
        margin-bottom:5rem
    }

    .ml-sm-20 {
        margin-left:5rem
    }

    .mx-sm-20 {
        margin-left: 5rem;
        margin-right:5rem
    }

    .my-sm-20 {
        margin-top: 5rem;
        margin-bottom:5rem
    }
}

@media (min-width: 1024px) {
    .m-md-20 {
        margin:5rem
    }

    .mt-md-20 {
        margin-top:5rem
    }

    .mr-md-20 {
        margin-right:5rem
    }

    .mb-md-20 {
        margin-bottom:5rem
    }

    .ml-md-20 {
        margin-left:5rem
    }

    .mx-md-20 {
        margin-left: 5rem;
        margin-right:5rem
    }

    .my-md-20 {
        margin-top: 5rem;
        margin-bottom:5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-20 {
        margin:5rem
    }

    .mt-lg-20 {
        margin-top:5rem
    }

    .mr-lg-20 {
        margin-right:5rem
    }

    .mb-lg-20 {
        margin-bottom:5rem
    }

    .ml-lg-20 {
        margin-left:5rem
    }

    .mx-lg-20 {
        margin-left: 5rem;
        margin-right:5rem
    }

    .my-lg-20 {
        margin-top: 5rem;
        margin-bottom:5rem
    }
}

.m-21 {
    margin:5.25rem
}

.mt-21 {
    margin-top:5.25rem
}

.mr-21 {
    margin-right:5.25rem
}

.mb-21 {
    margin-bottom:5.25rem
}

.ml-21 {
    margin-left:5.25rem
}

.mx-21 {
    margin-left: 5.25rem;
    margin-right:5.25rem
}

.my-21 {
    margin-top: 5.25rem;
    margin-bottom:5.25rem
}

.m-xs-21 {
    margin:5.25rem
}

.mt-xs-21 {
    margin-top:5.25rem
}

.mr-xs-21 {
    margin-right:5.25rem
}

.mb-xs-21 {
    margin-bottom:5.25rem
}

.ml-xs-21 {
    margin-left:5.25rem
}

.mx-xs-21 {
    margin-left: 5.25rem;
    margin-right:5.25rem
}

.my-xs-21 {
    margin-top: 5.25rem;
    margin-bottom:5.25rem
}

@media (min-width: 768px) {
    .m-sm-21 {
        margin:5.25rem
    }

    .mt-sm-21 {
        margin-top:5.25rem
    }

    .mr-sm-21 {
        margin-right:5.25rem
    }

    .mb-sm-21 {
        margin-bottom:5.25rem
    }

    .ml-sm-21 {
        margin-left:5.25rem
    }

    .mx-sm-21 {
        margin-left: 5.25rem;
        margin-right:5.25rem
    }

    .my-sm-21 {
        margin-top: 5.25rem;
        margin-bottom:5.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-21 {
        margin:5.25rem
    }

    .mt-md-21 {
        margin-top:5.25rem
    }

    .mr-md-21 {
        margin-right:5.25rem
    }

    .mb-md-21 {
        margin-bottom:5.25rem
    }

    .ml-md-21 {
        margin-left:5.25rem
    }

    .mx-md-21 {
        margin-left: 5.25rem;
        margin-right:5.25rem
    }

    .my-md-21 {
        margin-top: 5.25rem;
        margin-bottom:5.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-21 {
        margin:5.25rem
    }

    .mt-lg-21 {
        margin-top:5.25rem
    }

    .mr-lg-21 {
        margin-right:5.25rem
    }

    .mb-lg-21 {
        margin-bottom:5.25rem
    }

    .ml-lg-21 {
        margin-left:5.25rem
    }

    .mx-lg-21 {
        margin-left: 5.25rem;
        margin-right:5.25rem
    }

    .my-lg-21 {
        margin-top: 5.25rem;
        margin-bottom:5.25rem
    }
}

.m-22 {
    margin:5.5rem
}

.mt-22 {
    margin-top:5.5rem
}

.mr-22 {
    margin-right:5.5rem
}

.mb-22 {
    margin-bottom:5.5rem
}

.ml-22 {
    margin-left:5.5rem
}

.mx-22 {
    margin-left: 5.5rem;
    margin-right:5.5rem
}

.my-22 {
    margin-top: 5.5rem;
    margin-bottom:5.5rem
}

.m-xs-22 {
    margin:5.5rem
}

.mt-xs-22 {
    margin-top:5.5rem
}

.mr-xs-22 {
    margin-right:5.5rem
}

.mb-xs-22 {
    margin-bottom:5.5rem
}

.ml-xs-22 {
    margin-left:5.5rem
}

.mx-xs-22 {
    margin-left: 5.5rem;
    margin-right:5.5rem
}

.my-xs-22 {
    margin-top: 5.5rem;
    margin-bottom:5.5rem
}

@media (min-width: 768px) {
    .m-sm-22 {
        margin:5.5rem
    }

    .mt-sm-22 {
        margin-top:5.5rem
    }

    .mr-sm-22 {
        margin-right:5.5rem
    }

    .mb-sm-22 {
        margin-bottom:5.5rem
    }

    .ml-sm-22 {
        margin-left:5.5rem
    }

    .mx-sm-22 {
        margin-left: 5.5rem;
        margin-right:5.5rem
    }

    .my-sm-22 {
        margin-top: 5.5rem;
        margin-bottom:5.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-22 {
        margin:5.5rem
    }

    .mt-md-22 {
        margin-top:5.5rem
    }

    .mr-md-22 {
        margin-right:5.5rem
    }

    .mb-md-22 {
        margin-bottom:5.5rem
    }

    .ml-md-22 {
        margin-left:5.5rem
    }

    .mx-md-22 {
        margin-left: 5.5rem;
        margin-right:5.5rem
    }

    .my-md-22 {
        margin-top: 5.5rem;
        margin-bottom:5.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-22 {
        margin:5.5rem
    }

    .mt-lg-22 {
        margin-top:5.5rem
    }

    .mr-lg-22 {
        margin-right:5.5rem
    }

    .mb-lg-22 {
        margin-bottom:5.5rem
    }

    .ml-lg-22 {
        margin-left:5.5rem
    }

    .mx-lg-22 {
        margin-left: 5.5rem;
        margin-right:5.5rem
    }

    .my-lg-22 {
        margin-top: 5.5rem;
        margin-bottom:5.5rem
    }
}

.m-23 {
    margin:5.75rem
}

.mt-23 {
    margin-top:5.75rem
}

.mr-23 {
    margin-right:5.75rem
}

.mb-23 {
    margin-bottom:5.75rem
}

.ml-23 {
    margin-left:5.75rem
}

.mx-23 {
    margin-left: 5.75rem;
    margin-right:5.75rem
}

.my-23 {
    margin-top: 5.75rem;
    margin-bottom:5.75rem
}

.m-xs-23 {
    margin:5.75rem
}

.mt-xs-23 {
    margin-top:5.75rem
}

.mr-xs-23 {
    margin-right:5.75rem
}

.mb-xs-23 {
    margin-bottom:5.75rem
}

.ml-xs-23 {
    margin-left:5.75rem
}

.mx-xs-23 {
    margin-left: 5.75rem;
    margin-right:5.75rem
}

.my-xs-23 {
    margin-top: 5.75rem;
    margin-bottom:5.75rem
}

@media (min-width: 768px) {
    .m-sm-23 {
        margin:5.75rem
    }

    .mt-sm-23 {
        margin-top:5.75rem
    }

    .mr-sm-23 {
        margin-right:5.75rem
    }

    .mb-sm-23 {
        margin-bottom:5.75rem
    }

    .ml-sm-23 {
        margin-left:5.75rem
    }

    .mx-sm-23 {
        margin-left: 5.75rem;
        margin-right:5.75rem
    }

    .my-sm-23 {
        margin-top: 5.75rem;
        margin-bottom:5.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-23 {
        margin:5.75rem
    }

    .mt-md-23 {
        margin-top:5.75rem
    }

    .mr-md-23 {
        margin-right:5.75rem
    }

    .mb-md-23 {
        margin-bottom:5.75rem
    }

    .ml-md-23 {
        margin-left:5.75rem
    }

    .mx-md-23 {
        margin-left: 5.75rem;
        margin-right:5.75rem
    }

    .my-md-23 {
        margin-top: 5.75rem;
        margin-bottom:5.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-23 {
        margin:5.75rem
    }

    .mt-lg-23 {
        margin-top:5.75rem
    }

    .mr-lg-23 {
        margin-right:5.75rem
    }

    .mb-lg-23 {
        margin-bottom:5.75rem
    }

    .ml-lg-23 {
        margin-left:5.75rem
    }

    .mx-lg-23 {
        margin-left: 5.75rem;
        margin-right:5.75rem
    }

    .my-lg-23 {
        margin-top: 5.75rem;
        margin-bottom:5.75rem
    }
}

.m-24 {
    margin:6rem
}

.mt-24 {
    margin-top:6rem
}

.mr-24 {
    margin-right:6rem
}

.mb-24 {
    margin-bottom:6rem
}

.ml-24 {
    margin-left:6rem
}

.mx-24 {
    margin-left: 6rem;
    margin-right:6rem
}

.my-24 {
    margin-top: 6rem;
    margin-bottom:6rem
}

.m-xs-24 {
    margin:6rem
}

.mt-xs-24 {
    margin-top:6rem
}

.mr-xs-24 {
    margin-right:6rem
}

.mb-xs-24 {
    margin-bottom:6rem
}

.ml-xs-24 {
    margin-left:6rem
}

.mx-xs-24 {
    margin-left: 6rem;
    margin-right:6rem
}

.my-xs-24 {
    margin-top: 6rem;
    margin-bottom:6rem
}

@media (min-width: 768px) {
    .m-sm-24 {
        margin:6rem
    }

    .mt-sm-24 {
        margin-top:6rem
    }

    .mr-sm-24 {
        margin-right:6rem
    }

    .mb-sm-24 {
        margin-bottom:6rem
    }

    .ml-sm-24 {
        margin-left:6rem
    }

    .mx-sm-24 {
        margin-left: 6rem;
        margin-right:6rem
    }

    .my-sm-24 {
        margin-top: 6rem;
        margin-bottom:6rem
    }
}

@media (min-width: 1024px) {
    .m-md-24 {
        margin:6rem
    }

    .mt-md-24 {
        margin-top:6rem
    }

    .mr-md-24 {
        margin-right:6rem
    }

    .mb-md-24 {
        margin-bottom:6rem
    }

    .ml-md-24 {
        margin-left:6rem
    }

    .mx-md-24 {
        margin-left: 6rem;
        margin-right:6rem
    }

    .my-md-24 {
        margin-top: 6rem;
        margin-bottom:6rem
    }
}

@media (min-width: 1200px) {
    .m-lg-24 {
        margin:6rem
    }

    .mt-lg-24 {
        margin-top:6rem
    }

    .mr-lg-24 {
        margin-right:6rem
    }

    .mb-lg-24 {
        margin-bottom:6rem
    }

    .ml-lg-24 {
        margin-left:6rem
    }

    .mx-lg-24 {
        margin-left: 6rem;
        margin-right:6rem
    }

    .my-lg-24 {
        margin-top: 6rem;
        margin-bottom:6rem
    }
}

.m-25 {
    margin:6.25rem
}

.mt-25 {
    margin-top:6.25rem
}

.mr-25 {
    margin-right:6.25rem
}

.mb-25 {
    margin-bottom:6.25rem
}

.ml-25 {
    margin-left:6.25rem
}

.mx-25 {
    margin-left: 6.25rem;
    margin-right:6.25rem
}

.my-25 {
    margin-top: 6.25rem;
    margin-bottom:6.25rem
}

.m-xs-25 {
    margin:6.25rem
}

.mt-xs-25 {
    margin-top:6.25rem
}

.mr-xs-25 {
    margin-right:6.25rem
}

.mb-xs-25 {
    margin-bottom:6.25rem
}

.ml-xs-25 {
    margin-left:6.25rem
}

.mx-xs-25 {
    margin-left: 6.25rem;
    margin-right:6.25rem
}

.my-xs-25 {
    margin-top: 6.25rem;
    margin-bottom:6.25rem
}

@media (min-width: 768px) {
    .m-sm-25 {
        margin:6.25rem
    }

    .mt-sm-25 {
        margin-top:6.25rem
    }

    .mr-sm-25 {
        margin-right:6.25rem
    }

    .mb-sm-25 {
        margin-bottom:6.25rem
    }

    .ml-sm-25 {
        margin-left:6.25rem
    }

    .mx-sm-25 {
        margin-left: 6.25rem;
        margin-right:6.25rem
    }

    .my-sm-25 {
        margin-top: 6.25rem;
        margin-bottom:6.25rem
    }
}

@media (min-width: 1024px) {
    .m-md-25 {
        margin:6.25rem
    }

    .mt-md-25 {
        margin-top:6.25rem
    }

    .mr-md-25 {
        margin-right:6.25rem
    }

    .mb-md-25 {
        margin-bottom:6.25rem
    }

    .ml-md-25 {
        margin-left:6.25rem
    }

    .mx-md-25 {
        margin-left: 6.25rem;
        margin-right:6.25rem
    }

    .my-md-25 {
        margin-top: 6.25rem;
        margin-bottom:6.25rem
    }
}

@media (min-width: 1200px) {
    .m-lg-25 {
        margin:6.25rem
    }

    .mt-lg-25 {
        margin-top:6.25rem
    }

    .mr-lg-25 {
        margin-right:6.25rem
    }

    .mb-lg-25 {
        margin-bottom:6.25rem
    }

    .ml-lg-25 {
        margin-left:6.25rem
    }

    .mx-lg-25 {
        margin-left: 6.25rem;
        margin-right:6.25rem
    }

    .my-lg-25 {
        margin-top: 6.25rem;
        margin-bottom:6.25rem
    }
}

.m-26 {
    margin:6.5rem
}

.mt-26 {
    margin-top:6.5rem
}

.mr-26 {
    margin-right:6.5rem
}

.mb-26 {
    margin-bottom:6.5rem
}

.ml-26 {
    margin-left:6.5rem
}

.mx-26 {
    margin-left: 6.5rem;
    margin-right:6.5rem
}

.my-26 {
    margin-top: 6.5rem;
    margin-bottom:6.5rem
}

.m-xs-26 {
    margin:6.5rem
}

.mt-xs-26 {
    margin-top:6.5rem
}

.mr-xs-26 {
    margin-right:6.5rem
}

.mb-xs-26 {
    margin-bottom:6.5rem
}

.ml-xs-26 {
    margin-left:6.5rem
}

.mx-xs-26 {
    margin-left: 6.5rem;
    margin-right:6.5rem
}

.my-xs-26 {
    margin-top: 6.5rem;
    margin-bottom:6.5rem
}

@media (min-width: 768px) {
    .m-sm-26 {
        margin:6.5rem
    }

    .mt-sm-26 {
        margin-top:6.5rem
    }

    .mr-sm-26 {
        margin-right:6.5rem
    }

    .mb-sm-26 {
        margin-bottom:6.5rem
    }

    .ml-sm-26 {
        margin-left:6.5rem
    }

    .mx-sm-26 {
        margin-left: 6.5rem;
        margin-right:6.5rem
    }

    .my-sm-26 {
        margin-top: 6.5rem;
        margin-bottom:6.5rem
    }
}

@media (min-width: 1024px) {
    .m-md-26 {
        margin:6.5rem
    }

    .mt-md-26 {
        margin-top:6.5rem
    }

    .mr-md-26 {
        margin-right:6.5rem
    }

    .mb-md-26 {
        margin-bottom:6.5rem
    }

    .ml-md-26 {
        margin-left:6.5rem
    }

    .mx-md-26 {
        margin-left: 6.5rem;
        margin-right:6.5rem
    }

    .my-md-26 {
        margin-top: 6.5rem;
        margin-bottom:6.5rem
    }
}

@media (min-width: 1200px) {
    .m-lg-26 {
        margin:6.5rem
    }

    .mt-lg-26 {
        margin-top:6.5rem
    }

    .mr-lg-26 {
        margin-right:6.5rem
    }

    .mb-lg-26 {
        margin-bottom:6.5rem
    }

    .ml-lg-26 {
        margin-left:6.5rem
    }

    .mx-lg-26 {
        margin-left: 6.5rem;
        margin-right:6.5rem
    }

    .my-lg-26 {
        margin-top: 6.5rem;
        margin-bottom:6.5rem
    }
}

.m-27 {
    margin:6.75rem
}

.mt-27 {
    margin-top:6.75rem
}

.mr-27 {
    margin-right:6.75rem
}

.mb-27 {
    margin-bottom:6.75rem
}

.ml-27 {
    margin-left:6.75rem
}

.mx-27 {
    margin-left: 6.75rem;
    margin-right:6.75rem
}

.my-27 {
    margin-top: 6.75rem;
    margin-bottom:6.75rem
}

.m-xs-27 {
    margin:6.75rem
}

.mt-xs-27 {
    margin-top:6.75rem
}

.mr-xs-27 {
    margin-right:6.75rem
}

.mb-xs-27 {
    margin-bottom:6.75rem
}

.ml-xs-27 {
    margin-left:6.75rem
}

.mx-xs-27 {
    margin-left: 6.75rem;
    margin-right:6.75rem
}

.my-xs-27 {
    margin-top: 6.75rem;
    margin-bottom:6.75rem
}

@media (min-width: 768px) {
    .m-sm-27 {
        margin:6.75rem
    }

    .mt-sm-27 {
        margin-top:6.75rem
    }

    .mr-sm-27 {
        margin-right:6.75rem
    }

    .mb-sm-27 {
        margin-bottom:6.75rem
    }

    .ml-sm-27 {
        margin-left:6.75rem
    }

    .mx-sm-27 {
        margin-left: 6.75rem;
        margin-right:6.75rem
    }

    .my-sm-27 {
        margin-top: 6.75rem;
        margin-bottom:6.75rem
    }
}

@media (min-width: 1024px) {
    .m-md-27 {
        margin:6.75rem
    }

    .mt-md-27 {
        margin-top:6.75rem
    }

    .mr-md-27 {
        margin-right:6.75rem
    }

    .mb-md-27 {
        margin-bottom:6.75rem
    }

    .ml-md-27 {
        margin-left:6.75rem
    }

    .mx-md-27 {
        margin-left: 6.75rem;
        margin-right:6.75rem
    }

    .my-md-27 {
        margin-top: 6.75rem;
        margin-bottom:6.75rem
    }
}

@media (min-width: 1200px) {
    .m-lg-27 {
        margin:6.75rem
    }

    .mt-lg-27 {
        margin-top:6.75rem
    }

    .mr-lg-27 {
        margin-right:6.75rem
    }

    .mb-lg-27 {
        margin-bottom:6.75rem
    }

    .ml-lg-27 {
        margin-left:6.75rem
    }

    .mx-lg-27 {
        margin-left: 6.75rem;
        margin-right:6.75rem
    }

    .my-lg-27 {
        margin-top: 6.75rem;
        margin-bottom:6.75rem
    }
}

.m-28 {
    margin:7rem
}

.mt-28 {
    margin-top:7rem
}

.mr-28 {
    margin-right:7rem
}

.mb-28 {
    margin-bottom:7rem
}

.ml-28 {
    margin-left:7rem
}

.mx-28 {
    margin-left: 7rem;
    margin-right:7rem
}

.my-28 {
    margin-top: 7rem;
    margin-bottom:7rem
}

.m-xs-28 {
    margin:7rem
}

.mt-xs-28 {
    margin-top:7rem
}

.mr-xs-28 {
    margin-right:7rem
}

.mb-xs-28 {
    margin-bottom:7rem
}

.ml-xs-28 {
    margin-left:7rem
}

.mx-xs-28 {
    margin-left: 7rem;
    margin-right:7rem
}

.my-xs-28 {
    margin-top: 7rem;
    margin-bottom:7rem
}

@media (min-width: 768px) {
    .m-sm-28 {
        margin:7rem
    }

    .mt-sm-28 {
        margin-top:7rem
    }

    .mr-sm-28 {
        margin-right:7rem
    }

    .mb-sm-28 {
        margin-bottom:7rem
    }

    .ml-sm-28 {
        margin-left:7rem
    }

    .mx-sm-28 {
        margin-left: 7rem;
        margin-right:7rem
    }

    .my-sm-28 {
        margin-top: 7rem;
        margin-bottom:7rem
    }
}

@media (min-width: 1024px) {
    .m-md-28 {
        margin:7rem
    }

    .mt-md-28 {
        margin-top:7rem
    }

    .mr-md-28 {
        margin-right:7rem
    }

    .mb-md-28 {
        margin-bottom:7rem
    }

    .ml-md-28 {
        margin-left:7rem
    }

    .mx-md-28 {
        margin-left: 7rem;
        margin-right:7rem
    }

    .my-md-28 {
        margin-top: 7rem;
        margin-bottom:7rem
    }
}

@media (min-width: 1200px) {
    .m-lg-28 {
        margin:7rem
    }

    .mt-lg-28 {
        margin-top:7rem
    }

    .mr-lg-28 {
        margin-right:7rem
    }

    .mb-lg-28 {
        margin-bottom:7rem
    }

    .ml-lg-28 {
        margin-left:7rem
    }

    .mx-lg-28 {
        margin-left: 7rem;
        margin-right:7rem
    }

    .my-lg-28 {
        margin-top: 7rem;
        margin-bottom:7rem
    }
}

.p-auto {
    padding:auto
}

.pt-auto {
    padding-top:auto
}

.pr-auto {
    padding-right:auto
}

.pb-auto {
    padding-bottom:auto
}

.pl-auto {
    padding-left:auto
}

.px-auto {
    padding-left: auto;
    padding-right:auto
}

.py-auto {
    padding-top: auto;
    padding-bottom:auto
}

.p-xs-auto {
    padding:auto
}

.pt-xs-auto {
    padding-top:auto
}

.pr-xs-auto {
    padding-right:auto
}

.pb-xs-auto {
    padding-bottom:auto
}

.pl-xs-auto {
    padding-left:auto
}

.px-xs-auto {
    padding-left: auto;
    padding-right:auto
}

.py-xs-auto {
    padding-top: auto;
    padding-bottom:auto
}

@media (min-width: 768px) {
    .p-sm-auto {
        padding:auto
    }

    .pt-sm-auto {
        padding-top:auto
    }

    .pr-sm-auto {
        padding-right:auto
    }

    .pb-sm-auto {
        padding-bottom:auto
    }

    .pl-sm-auto {
        padding-left:auto
    }

    .px-sm-auto {
        padding-left: auto;
        padding-right:auto
    }

    .py-sm-auto {
        padding-top: auto;
        padding-bottom:auto
    }
}

@media (min-width: 1024px) {
    .p-md-auto {
        padding:auto
    }

    .pt-md-auto {
        padding-top:auto
    }

    .pr-md-auto {
        padding-right:auto
    }

    .pb-md-auto {
        padding-bottom:auto
    }

    .pl-md-auto {
        padding-left:auto
    }

    .px-md-auto {
        padding-left: auto;
        padding-right:auto
    }

    .py-md-auto {
        padding-top: auto;
        padding-bottom:auto
    }
}

@media (min-width: 1200px) {
    .p-lg-auto {
        padding:auto
    }

    .pt-lg-auto {
        padding-top:auto
    }

    .pr-lg-auto {
        padding-right:auto
    }

    .pb-lg-auto {
        padding-bottom:auto
    }

    .pl-lg-auto {
        padding-left:auto
    }

    .px-lg-auto {
        padding-left: auto;
        padding-right:auto
    }

    .py-lg-auto {
        padding-top: auto;
        padding-bottom:auto
    }
}

.p-0 {
    padding:0
}

.pt-0 {
    padding-top:0
}

.pr-0 {
    padding-right:0
}

.pb-0 {
    padding-bottom:0
}

.pl-0 {
    padding-left:0
}

.px-0 {
    padding-left: 0;
    padding-right:0
}

.py-0 {
    padding-top: 0;
    padding-bottom:0
}

.p-xs-0 {
    padding:0
}

.pt-xs-0 {
    padding-top:0
}

.pr-xs-0 {
    padding-right:0
}

.pb-xs-0 {
    padding-bottom:0
}

.pl-xs-0 {
    padding-left:0
}

.px-xs-0 {
    padding-left: 0;
    padding-right:0
}

.py-xs-0 {
    padding-top: 0;
    padding-bottom:0
}

@media (min-width: 768px) {
    .p-sm-0 {
        padding:0
    }

    .pt-sm-0 {
        padding-top:0
    }

    .pr-sm-0 {
        padding-right:0
    }

    .pb-sm-0 {
        padding-bottom:0
    }

    .pl-sm-0 {
        padding-left:0
    }

    .px-sm-0 {
        padding-left: 0;
        padding-right:0
    }

    .py-sm-0 {
        padding-top: 0;
        padding-bottom:0
    }
}

@media (min-width: 1024px) {
    .p-md-0 {
        padding:0
    }

    .pt-md-0 {
        padding-top:0
    }

    .pr-md-0 {
        padding-right:0
    }

    .pb-md-0 {
        padding-bottom:0
    }

    .pl-md-0 {
        padding-left:0
    }

    .px-md-0 {
        padding-left: 0;
        padding-right:0
    }

    .py-md-0 {
        padding-top: 0;
        padding-bottom:0
    }
}

@media (min-width: 1200px) {
    .p-lg-0 {
        padding:0
    }

    .pt-lg-0 {
        padding-top:0
    }

    .pr-lg-0 {
        padding-right:0
    }

    .pb-lg-0 {
        padding-bottom:0
    }

    .pl-lg-0 {
        padding-left:0
    }

    .px-lg-0 {
        padding-left: 0;
        padding-right:0
    }

    .py-lg-0 {
        padding-top: 0;
        padding-bottom:0
    }
}

.p-1 {
    padding:.25rem
}

.pt-1 {
    padding-top:.25rem
}

.pr-1 {
    padding-right:.25rem
}

.pb-1 {
    padding-bottom:.25rem
}

.pl-1 {
    padding-left:.25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right:.25rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom:.25rem
}

.p-xs-1 {
    padding:.25rem
}

.pt-xs-1 {
    padding-top:.25rem
}

.pr-xs-1 {
    padding-right:.25rem
}

.pb-xs-1 {
    padding-bottom:.25rem
}

.pl-xs-1 {
    padding-left:.25rem
}

.px-xs-1 {
    padding-left: .25rem;
    padding-right:.25rem
}

.py-xs-1 {
    padding-top: .25rem;
    padding-bottom:.25rem
}

@media (min-width: 768px) {
    .p-sm-1 {
        padding:.25rem
    }

    .pt-sm-1 {
        padding-top:.25rem
    }

    .pr-sm-1 {
        padding-right:.25rem
    }

    .pb-sm-1 {
        padding-bottom:.25rem
    }

    .pl-sm-1 {
        padding-left:.25rem
    }

    .px-sm-1 {
        padding-left: .25rem;
        padding-right:.25rem
    }

    .py-sm-1 {
        padding-top: .25rem;
        padding-bottom:.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-1 {
        padding:.25rem
    }

    .pt-md-1 {
        padding-top:.25rem
    }

    .pr-md-1 {
        padding-right:.25rem
    }

    .pb-md-1 {
        padding-bottom:.25rem
    }

    .pl-md-1 {
        padding-left:.25rem
    }

    .px-md-1 {
        padding-left: .25rem;
        padding-right:.25rem
    }

    .py-md-1 {
        padding-top: .25rem;
        padding-bottom:.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-1 {
        padding:.25rem
    }

    .pt-lg-1 {
        padding-top:.25rem
    }

    .pr-lg-1 {
        padding-right:.25rem
    }

    .pb-lg-1 {
        padding-bottom:.25rem
    }

    .pl-lg-1 {
        padding-left:.25rem
    }

    .px-lg-1 {
        padding-left: .25rem;
        padding-right:.25rem
    }

    .py-lg-1 {
        padding-top: .25rem;
        padding-bottom:.25rem
    }
}

.p-2 {
    padding:.5rem
}

.pt-2 {
    padding-top:.5rem
}

.pr-2 {
    padding-right:.5rem
}

.pb-2 {
    padding-bottom:.5rem
}

.pl-2 {
    padding-left:.5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right:.5rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom:.5rem
}

.p-xs-2 {
    padding:.5rem
}

.pt-xs-2 {
    padding-top:.5rem
}

.pr-xs-2 {
    padding-right:.5rem
}

.pb-xs-2 {
    padding-bottom:.5rem
}

.pl-xs-2 {
    padding-left:.5rem
}

.px-xs-2 {
    padding-left: .5rem;
    padding-right:.5rem
}

.py-xs-2 {
    padding-top: .5rem;
    padding-bottom:.5rem
}

@media (min-width: 768px) {
    .p-sm-2 {
        padding:.5rem
    }

    .pt-sm-2 {
        padding-top:.5rem
    }

    .pr-sm-2 {
        padding-right:.5rem
    }

    .pb-sm-2 {
        padding-bottom:.5rem
    }

    .pl-sm-2 {
        padding-left:.5rem
    }

    .px-sm-2 {
        padding-left: .5rem;
        padding-right:.5rem
    }

    .py-sm-2 {
        padding-top: .5rem;
        padding-bottom:.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-2 {
        padding:.5rem
    }

    .pt-md-2 {
        padding-top:.5rem
    }

    .pr-md-2 {
        padding-right:.5rem
    }

    .pb-md-2 {
        padding-bottom:.5rem
    }

    .pl-md-2 {
        padding-left:.5rem
    }

    .px-md-2 {
        padding-left: .5rem;
        padding-right:.5rem
    }

    .py-md-2 {
        padding-top: .5rem;
        padding-bottom:.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-2 {
        padding:.5rem
    }

    .pt-lg-2 {
        padding-top:.5rem
    }

    .pr-lg-2 {
        padding-right:.5rem
    }

    .pb-lg-2 {
        padding-bottom:.5rem
    }

    .pl-lg-2 {
        padding-left:.5rem
    }

    .px-lg-2 {
        padding-left: .5rem;
        padding-right:.5rem
    }

    .py-lg-2 {
        padding-top: .5rem;
        padding-bottom:.5rem
    }
}

.p-3 {
    padding:.75rem
}

.pt-3 {
    padding-top:.75rem
}

.pr-3 {
    padding-right:.75rem
}

.pb-3 {
    padding-bottom:.75rem
}

.pl-3 {
    padding-left:.75rem
}

.px-3 {
    padding-left: .75rem;
    padding-right:.75rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom:.75rem
}

.p-xs-3 {
    padding:.75rem
}

.pt-xs-3 {
    padding-top:.75rem
}

.pr-xs-3 {
    padding-right:.75rem
}

.pb-xs-3 {
    padding-bottom:.75rem
}

.pl-xs-3 {
    padding-left:.75rem
}

.px-xs-3 {
    padding-left: .75rem;
    padding-right:.75rem
}

.py-xs-3 {
    padding-top: .75rem;
    padding-bottom:.75rem
}

@media (min-width: 768px) {
    .p-sm-3 {
        padding:.75rem
    }

    .pt-sm-3 {
        padding-top:.75rem
    }

    .pr-sm-3 {
        padding-right:.75rem
    }

    .pb-sm-3 {
        padding-bottom:.75rem
    }

    .pl-sm-3 {
        padding-left:.75rem
    }

    .px-sm-3 {
        padding-left: .75rem;
        padding-right:.75rem
    }

    .py-sm-3 {
        padding-top: .75rem;
        padding-bottom:.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-3 {
        padding:.75rem
    }

    .pt-md-3 {
        padding-top:.75rem
    }

    .pr-md-3 {
        padding-right:.75rem
    }

    .pb-md-3 {
        padding-bottom:.75rem
    }

    .pl-md-3 {
        padding-left:.75rem
    }

    .px-md-3 {
        padding-left: .75rem;
        padding-right:.75rem
    }

    .py-md-3 {
        padding-top: .75rem;
        padding-bottom:.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-3 {
        padding:.75rem
    }

    .pt-lg-3 {
        padding-top:.75rem
    }

    .pr-lg-3 {
        padding-right:.75rem
    }

    .pb-lg-3 {
        padding-bottom:.75rem
    }

    .pl-lg-3 {
        padding-left:.75rem
    }

    .px-lg-3 {
        padding-left: .75rem;
        padding-right:.75rem
    }

    .py-lg-3 {
        padding-top: .75rem;
        padding-bottom:.75rem
    }
}

.p-4 {
    padding:1rem
}

.pt-4 {
    padding-top:1rem
}

.pr-4 {
    padding-right:1rem
}

.pb-4 {
    padding-bottom:1rem
}

.pl-4 {
    padding-left:1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right:1rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom:1rem
}

.p-xs-4 {
    padding:1rem
}

.pt-xs-4 {
    padding-top:1rem
}

.pr-xs-4 {
    padding-right:1rem
}

.pb-xs-4 {
    padding-bottom:1rem
}

.pl-xs-4 {
    padding-left:1rem
}

.px-xs-4 {
    padding-left: 1rem;
    padding-right:1rem
}

.py-xs-4 {
    padding-top: 1rem;
    padding-bottom:1rem
}

@media (min-width: 768px) {
    .p-sm-4 {
        padding:1rem
    }

    .pt-sm-4 {
        padding-top:1rem
    }

    .pr-sm-4 {
        padding-right:1rem
    }

    .pb-sm-4 {
        padding-bottom:1rem
    }

    .pl-sm-4 {
        padding-left:1rem
    }

    .px-sm-4 {
        padding-left: 1rem;
        padding-right:1rem
    }

    .py-sm-4 {
        padding-top: 1rem;
        padding-bottom:1rem
    }
}

@media (min-width: 1024px) {
    .p-md-4 {
        padding:1rem
    }

    .pt-md-4 {
        padding-top:1rem
    }

    .pr-md-4 {
        padding-right:1rem
    }

    .pb-md-4 {
        padding-bottom:1rem
    }

    .pl-md-4 {
        padding-left:1rem
    }

    .px-md-4 {
        padding-left: 1rem;
        padding-right:1rem
    }

    .py-md-4 {
        padding-top: 1rem;
        padding-bottom:1rem
    }
}

@media (min-width: 1200px) {
    .p-lg-4 {
        padding:1rem
    }

    .pt-lg-4 {
        padding-top:1rem
    }

    .pr-lg-4 {
        padding-right:1rem
    }

    .pb-lg-4 {
        padding-bottom:1rem
    }

    .pl-lg-4 {
        padding-left:1rem
    }

    .px-lg-4 {
        padding-left: 1rem;
        padding-right:1rem
    }

    .py-lg-4 {
        padding-top: 1rem;
        padding-bottom:1rem
    }
}

.p-5 {
    padding:1.25rem
}

.pt-5 {
    padding-top:1.25rem
}

.pr-5 {
    padding-right:1.25rem
}

.pb-5 {
    padding-bottom:1.25rem
}

.pl-5 {
    padding-left:1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right:1.25rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

.p-xs-5 {
    padding:1.25rem
}

.pt-xs-5 {
    padding-top:1.25rem
}

.pr-xs-5 {
    padding-right:1.25rem
}

.pb-xs-5 {
    padding-bottom:1.25rem
}

.pl-xs-5 {
    padding-left:1.25rem
}

.px-xs-5 {
    padding-left: 1.25rem;
    padding-right:1.25rem
}

.py-xs-5 {
    padding-top: 1.25rem;
    padding-bottom:1.25rem
}

@media (min-width: 768px) {
    .p-sm-5 {
        padding:1.25rem
    }

    .pt-sm-5 {
        padding-top:1.25rem
    }

    .pr-sm-5 {
        padding-right:1.25rem
    }

    .pb-sm-5 {
        padding-bottom:1.25rem
    }

    .pl-sm-5 {
        padding-left:1.25rem
    }

    .px-sm-5 {
        padding-left: 1.25rem;
        padding-right:1.25rem
    }

    .py-sm-5 {
        padding-top: 1.25rem;
        padding-bottom:1.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-5 {
        padding:1.25rem
    }

    .pt-md-5 {
        padding-top:1.25rem
    }

    .pr-md-5 {
        padding-right:1.25rem
    }

    .pb-md-5 {
        padding-bottom:1.25rem
    }

    .pl-md-5 {
        padding-left:1.25rem
    }

    .px-md-5 {
        padding-left: 1.25rem;
        padding-right:1.25rem
    }

    .py-md-5 {
        padding-top: 1.25rem;
        padding-bottom:1.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-5 {
        padding:1.25rem
    }

    .pt-lg-5 {
        padding-top:1.25rem
    }

    .pr-lg-5 {
        padding-right:1.25rem
    }

    .pb-lg-5 {
        padding-bottom:1.25rem
    }

    .pl-lg-5 {
        padding-left:1.25rem
    }

    .px-lg-5 {
        padding-left: 1.25rem;
        padding-right:1.25rem
    }

    .py-lg-5 {
        padding-top: 1.25rem;
        padding-bottom:1.25rem
    }
}

.p-6 {
    padding:1.5rem
}

.pt-6 {
    padding-top:1.5rem
}

.pr-6 {
    padding-right:1.5rem
}

.pb-6 {
    padding-bottom:1.5rem
}

.pl-6 {
    padding-left:1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right:1.5rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom:1.5rem
}

.p-xs-6 {
    padding:1.5rem
}

.pt-xs-6 {
    padding-top:1.5rem
}

.pr-xs-6 {
    padding-right:1.5rem
}

.pb-xs-6 {
    padding-bottom:1.5rem
}

.pl-xs-6 {
    padding-left:1.5rem
}

.px-xs-6 {
    padding-left: 1.5rem;
    padding-right:1.5rem
}

.py-xs-6 {
    padding-top: 1.5rem;
    padding-bottom:1.5rem
}

@media (min-width: 768px) {
    .p-sm-6 {
        padding:1.5rem
    }

    .pt-sm-6 {
        padding-top:1.5rem
    }

    .pr-sm-6 {
        padding-right:1.5rem
    }

    .pb-sm-6 {
        padding-bottom:1.5rem
    }

    .pl-sm-6 {
        padding-left:1.5rem
    }

    .px-sm-6 {
        padding-left: 1.5rem;
        padding-right:1.5rem
    }

    .py-sm-6 {
        padding-top: 1.5rem;
        padding-bottom:1.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-6 {
        padding:1.5rem
    }

    .pt-md-6 {
        padding-top:1.5rem
    }

    .pr-md-6 {
        padding-right:1.5rem
    }

    .pb-md-6 {
        padding-bottom:1.5rem
    }

    .pl-md-6 {
        padding-left:1.5rem
    }

    .px-md-6 {
        padding-left: 1.5rem;
        padding-right:1.5rem
    }

    .py-md-6 {
        padding-top: 1.5rem;
        padding-bottom:1.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-6 {
        padding:1.5rem
    }

    .pt-lg-6 {
        padding-top:1.5rem
    }

    .pr-lg-6 {
        padding-right:1.5rem
    }

    .pb-lg-6 {
        padding-bottom:1.5rem
    }

    .pl-lg-6 {
        padding-left:1.5rem
    }

    .px-lg-6 {
        padding-left: 1.5rem;
        padding-right:1.5rem
    }

    .py-lg-6 {
        padding-top: 1.5rem;
        padding-bottom:1.5rem
    }
}

.p-7 {
    padding:1.75rem
}

.pt-7 {
    padding-top:1.75rem
}

.pr-7 {
    padding-right:1.75rem
}

.pb-7 {
    padding-bottom:1.75rem
}

.pl-7 {
    padding-left:1.75rem
}

.px-7 {
    padding-left: 1.75rem;
    padding-right:1.75rem
}

.py-7 {
    padding-top: 1.75rem;
    padding-bottom:1.75rem
}

.p-xs-7 {
    padding:1.75rem
}

.pt-xs-7 {
    padding-top:1.75rem
}

.pr-xs-7 {
    padding-right:1.75rem
}

.pb-xs-7 {
    padding-bottom:1.75rem
}

.pl-xs-7 {
    padding-left:1.75rem
}

.px-xs-7 {
    padding-left: 1.75rem;
    padding-right:1.75rem
}

.py-xs-7 {
    padding-top: 1.75rem;
    padding-bottom:1.75rem
}

@media (min-width: 768px) {
    .p-sm-7 {
        padding:1.75rem
    }

    .pt-sm-7 {
        padding-top:1.75rem
    }

    .pr-sm-7 {
        padding-right:1.75rem
    }

    .pb-sm-7 {
        padding-bottom:1.75rem
    }

    .pl-sm-7 {
        padding-left:1.75rem
    }

    .px-sm-7 {
        padding-left: 1.75rem;
        padding-right:1.75rem
    }

    .py-sm-7 {
        padding-top: 1.75rem;
        padding-bottom:1.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-7 {
        padding:1.75rem
    }

    .pt-md-7 {
        padding-top:1.75rem
    }

    .pr-md-7 {
        padding-right:1.75rem
    }

    .pb-md-7 {
        padding-bottom:1.75rem
    }

    .pl-md-7 {
        padding-left:1.75rem
    }

    .px-md-7 {
        padding-left: 1.75rem;
        padding-right:1.75rem
    }

    .py-md-7 {
        padding-top: 1.75rem;
        padding-bottom:1.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-7 {
        padding:1.75rem
    }

    .pt-lg-7 {
        padding-top:1.75rem
    }

    .pr-lg-7 {
        padding-right:1.75rem
    }

    .pb-lg-7 {
        padding-bottom:1.75rem
    }

    .pl-lg-7 {
        padding-left:1.75rem
    }

    .px-lg-7 {
        padding-left: 1.75rem;
        padding-right:1.75rem
    }

    .py-lg-7 {
        padding-top: 1.75rem;
        padding-bottom:1.75rem
    }
}

.p-8 {
    padding:2rem
}

.pt-8 {
    padding-top:2rem
}

.pr-8 {
    padding-right:2rem
}

.pb-8 {
    padding-bottom:2rem
}

.pl-8 {
    padding-left:2rem
}

.px-8 {
    padding-left: 2rem;
    padding-right:2rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom:2rem
}

.p-xs-8 {
    padding:2rem
}

.pt-xs-8 {
    padding-top:2rem
}

.pr-xs-8 {
    padding-right:2rem
}

.pb-xs-8 {
    padding-bottom:2rem
}

.pl-xs-8 {
    padding-left:2rem
}

.px-xs-8 {
    padding-left: 2rem;
    padding-right:2rem
}

.py-xs-8 {
    padding-top: 2rem;
    padding-bottom:2rem
}

@media (min-width: 768px) {
    .p-sm-8 {
        padding:2rem
    }

    .pt-sm-8 {
        padding-top:2rem
    }

    .pr-sm-8 {
        padding-right:2rem
    }

    .pb-sm-8 {
        padding-bottom:2rem
    }

    .pl-sm-8 {
        padding-left:2rem
    }

    .px-sm-8 {
        padding-left: 2rem;
        padding-right:2rem
    }

    .py-sm-8 {
        padding-top: 2rem;
        padding-bottom:2rem
    }
}

@media (min-width: 1024px) {
    .p-md-8 {
        padding:2rem
    }

    .pt-md-8 {
        padding-top:2rem
    }

    .pr-md-8 {
        padding-right:2rem
    }

    .pb-md-8 {
        padding-bottom:2rem
    }

    .pl-md-8 {
        padding-left:2rem
    }

    .px-md-8 {
        padding-left: 2rem;
        padding-right:2rem
    }

    .py-md-8 {
        padding-top: 2rem;
        padding-bottom:2rem
    }
}

@media (min-width: 1200px) {
    .p-lg-8 {
        padding:2rem
    }

    .pt-lg-8 {
        padding-top:2rem
    }

    .pr-lg-8 {
        padding-right:2rem
    }

    .pb-lg-8 {
        padding-bottom:2rem
    }

    .pl-lg-8 {
        padding-left:2rem
    }

    .px-lg-8 {
        padding-left: 2rem;
        padding-right:2rem
    }

    .py-lg-8 {
        padding-top: 2rem;
        padding-bottom:2rem
    }
}

.p-9 {
    padding:2.25rem
}

.pt-9 {
    padding-top:2.25rem
}

.pr-9 {
    padding-right:2.25rem
}

.pb-9 {
    padding-bottom:2.25rem
}

.pl-9 {
    padding-left:2.25rem
}

.px-9 {
    padding-left: 2.25rem;
    padding-right:2.25rem
}

.py-9 {
    padding-top: 2.25rem;
    padding-bottom:2.25rem
}

.p-xs-9 {
    padding:2.25rem
}

.pt-xs-9 {
    padding-top:2.25rem
}

.pr-xs-9 {
    padding-right:2.25rem
}

.pb-xs-9 {
    padding-bottom:2.25rem
}

.pl-xs-9 {
    padding-left:2.25rem
}

.px-xs-9 {
    padding-left: 2.25rem;
    padding-right:2.25rem
}

.py-xs-9 {
    padding-top: 2.25rem;
    padding-bottom:2.25rem
}

@media (min-width: 768px) {
    .p-sm-9 {
        padding:2.25rem
    }

    .pt-sm-9 {
        padding-top:2.25rem
    }

    .pr-sm-9 {
        padding-right:2.25rem
    }

    .pb-sm-9 {
        padding-bottom:2.25rem
    }

    .pl-sm-9 {
        padding-left:2.25rem
    }

    .px-sm-9 {
        padding-left: 2.25rem;
        padding-right:2.25rem
    }

    .py-sm-9 {
        padding-top: 2.25rem;
        padding-bottom:2.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-9 {
        padding:2.25rem
    }

    .pt-md-9 {
        padding-top:2.25rem
    }

    .pr-md-9 {
        padding-right:2.25rem
    }

    .pb-md-9 {
        padding-bottom:2.25rem
    }

    .pl-md-9 {
        padding-left:2.25rem
    }

    .px-md-9 {
        padding-left: 2.25rem;
        padding-right:2.25rem
    }

    .py-md-9 {
        padding-top: 2.25rem;
        padding-bottom:2.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-9 {
        padding:2.25rem
    }

    .pt-lg-9 {
        padding-top:2.25rem
    }

    .pr-lg-9 {
        padding-right:2.25rem
    }

    .pb-lg-9 {
        padding-bottom:2.25rem
    }

    .pl-lg-9 {
        padding-left:2.25rem
    }

    .px-lg-9 {
        padding-left: 2.25rem;
        padding-right:2.25rem
    }

    .py-lg-9 {
        padding-top: 2.25rem;
        padding-bottom:2.25rem
    }
}

.p-10 {
    padding:2.5rem
}

.pt-10 {
    padding-top:2.5rem
}

.pr-10 {
    padding-right:2.5rem
}

.pb-10 {
    padding-bottom:2.5rem
}

.pl-10 {
    padding-left:2.5rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right:2.5rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom:2.5rem
}

.p-xs-10 {
    padding:2.5rem
}

.pt-xs-10 {
    padding-top:2.5rem
}

.pr-xs-10 {
    padding-right:2.5rem
}

.pb-xs-10 {
    padding-bottom:2.5rem
}

.pl-xs-10 {
    padding-left:2.5rem
}

.px-xs-10 {
    padding-left: 2.5rem;
    padding-right:2.5rem
}

.py-xs-10 {
    padding-top: 2.5rem;
    padding-bottom:2.5rem
}

@media (min-width: 768px) {
    .p-sm-10 {
        padding:2.5rem
    }

    .pt-sm-10 {
        padding-top:2.5rem
    }

    .pr-sm-10 {
        padding-right:2.5rem
    }

    .pb-sm-10 {
        padding-bottom:2.5rem
    }

    .pl-sm-10 {
        padding-left:2.5rem
    }

    .px-sm-10 {
        padding-left: 2.5rem;
        padding-right:2.5rem
    }

    .py-sm-10 {
        padding-top: 2.5rem;
        padding-bottom:2.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-10 {
        padding:2.5rem
    }

    .pt-md-10 {
        padding-top:2.5rem
    }

    .pr-md-10 {
        padding-right:2.5rem
    }

    .pb-md-10 {
        padding-bottom:2.5rem
    }

    .pl-md-10 {
        padding-left:2.5rem
    }

    .px-md-10 {
        padding-left: 2.5rem;
        padding-right:2.5rem
    }

    .py-md-10 {
        padding-top: 2.5rem;
        padding-bottom:2.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-10 {
        padding:2.5rem
    }

    .pt-lg-10 {
        padding-top:2.5rem
    }

    .pr-lg-10 {
        padding-right:2.5rem
    }

    .pb-lg-10 {
        padding-bottom:2.5rem
    }

    .pl-lg-10 {
        padding-left:2.5rem
    }

    .px-lg-10 {
        padding-left: 2.5rem;
        padding-right:2.5rem
    }

    .py-lg-10 {
        padding-top: 2.5rem;
        padding-bottom:2.5rem
    }
}

.p-11 {
    padding:2.75rem
}

.pt-11 {
    padding-top:2.75rem
}

.pr-11 {
    padding-right:2.75rem
}

.pb-11 {
    padding-bottom:2.75rem
}

.pl-11 {
    padding-left:2.75rem
}

.px-11 {
    padding-left: 2.75rem;
    padding-right:2.75rem
}

.py-11 {
    padding-top: 2.75rem;
    padding-bottom:2.75rem
}

.p-xs-11 {
    padding:2.75rem
}

.pt-xs-11 {
    padding-top:2.75rem
}

.pr-xs-11 {
    padding-right:2.75rem
}

.pb-xs-11 {
    padding-bottom:2.75rem
}

.pl-xs-11 {
    padding-left:2.75rem
}

.px-xs-11 {
    padding-left: 2.75rem;
    padding-right:2.75rem
}

.py-xs-11 {
    padding-top: 2.75rem;
    padding-bottom:2.75rem
}

@media (min-width: 768px) {
    .p-sm-11 {
        padding:2.75rem
    }

    .pt-sm-11 {
        padding-top:2.75rem
    }

    .pr-sm-11 {
        padding-right:2.75rem
    }

    .pb-sm-11 {
        padding-bottom:2.75rem
    }

    .pl-sm-11 {
        padding-left:2.75rem
    }

    .px-sm-11 {
        padding-left: 2.75rem;
        padding-right:2.75rem
    }

    .py-sm-11 {
        padding-top: 2.75rem;
        padding-bottom:2.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-11 {
        padding:2.75rem
    }

    .pt-md-11 {
        padding-top:2.75rem
    }

    .pr-md-11 {
        padding-right:2.75rem
    }

    .pb-md-11 {
        padding-bottom:2.75rem
    }

    .pl-md-11 {
        padding-left:2.75rem
    }

    .px-md-11 {
        padding-left: 2.75rem;
        padding-right:2.75rem
    }

    .py-md-11 {
        padding-top: 2.75rem;
        padding-bottom:2.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-11 {
        padding:2.75rem
    }

    .pt-lg-11 {
        padding-top:2.75rem
    }

    .pr-lg-11 {
        padding-right:2.75rem
    }

    .pb-lg-11 {
        padding-bottom:2.75rem
    }

    .pl-lg-11 {
        padding-left:2.75rem
    }

    .px-lg-11 {
        padding-left: 2.75rem;
        padding-right:2.75rem
    }

    .py-lg-11 {
        padding-top: 2.75rem;
        padding-bottom:2.75rem
    }
}

.p-12 {
    padding:3rem
}

.pt-12 {
    padding-top:3rem
}

.pr-12 {
    padding-right:3rem
}

.pb-12 {
    padding-bottom:3rem
}

.pl-12 {
    padding-left:3rem
}

.px-12 {
    padding-left: 3rem;
    padding-right:3rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom:3rem
}

.p-xs-12 {
    padding:3rem
}

.pt-xs-12 {
    padding-top:3rem
}

.pr-xs-12 {
    padding-right:3rem
}

.pb-xs-12 {
    padding-bottom:3rem
}

.pl-xs-12 {
    padding-left:3rem
}

.px-xs-12 {
    padding-left: 3rem;
    padding-right:3rem
}

.py-xs-12 {
    padding-top: 3rem;
    padding-bottom:3rem
}

@media (min-width: 768px) {
    .p-sm-12 {
        padding:3rem
    }

    .pt-sm-12 {
        padding-top:3rem
    }

    .pr-sm-12 {
        padding-right:3rem
    }

    .pb-sm-12 {
        padding-bottom:3rem
    }

    .pl-sm-12 {
        padding-left:3rem
    }

    .px-sm-12 {
        padding-left: 3rem;
        padding-right:3rem
    }

    .py-sm-12 {
        padding-top: 3rem;
        padding-bottom:3rem
    }
}

@media (min-width: 1024px) {
    .p-md-12 {
        padding:3rem
    }

    .pt-md-12 {
        padding-top:3rem
    }

    .pr-md-12 {
        padding-right:3rem
    }

    .pb-md-12 {
        padding-bottom:3rem
    }

    .pl-md-12 {
        padding-left:3rem
    }

    .px-md-12 {
        padding-left: 3rem;
        padding-right:3rem
    }

    .py-md-12 {
        padding-top: 3rem;
        padding-bottom:3rem
    }
}

@media (min-width: 1200px) {
    .p-lg-12 {
        padding:3rem
    }

    .pt-lg-12 {
        padding-top:3rem
    }

    .pr-lg-12 {
        padding-right:3rem
    }

    .pb-lg-12 {
        padding-bottom:3rem
    }

    .pl-lg-12 {
        padding-left:3rem
    }

    .px-lg-12 {
        padding-left: 3rem;
        padding-right:3rem
    }

    .py-lg-12 {
        padding-top: 3rem;
        padding-bottom:3rem
    }
}

.p-13 {
    padding:3.25rem
}

.pt-13 {
    padding-top:3.25rem
}

.pr-13 {
    padding-right:3.25rem
}

.pb-13 {
    padding-bottom:3.25rem
}

.pl-13 {
    padding-left:3.25rem
}

.px-13 {
    padding-left: 3.25rem;
    padding-right:3.25rem
}

.py-13 {
    padding-top: 3.25rem;
    padding-bottom:3.25rem
}

.p-xs-13 {
    padding:3.25rem
}

.pt-xs-13 {
    padding-top:3.25rem
}

.pr-xs-13 {
    padding-right:3.25rem
}

.pb-xs-13 {
    padding-bottom:3.25rem
}

.pl-xs-13 {
    padding-left:3.25rem
}

.px-xs-13 {
    padding-left: 3.25rem;
    padding-right:3.25rem
}

.py-xs-13 {
    padding-top: 3.25rem;
    padding-bottom:3.25rem
}

@media (min-width: 768px) {
    .p-sm-13 {
        padding:3.25rem
    }

    .pt-sm-13 {
        padding-top:3.25rem
    }

    .pr-sm-13 {
        padding-right:3.25rem
    }

    .pb-sm-13 {
        padding-bottom:3.25rem
    }

    .pl-sm-13 {
        padding-left:3.25rem
    }

    .px-sm-13 {
        padding-left: 3.25rem;
        padding-right:3.25rem
    }

    .py-sm-13 {
        padding-top: 3.25rem;
        padding-bottom:3.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-13 {
        padding:3.25rem
    }

    .pt-md-13 {
        padding-top:3.25rem
    }

    .pr-md-13 {
        padding-right:3.25rem
    }

    .pb-md-13 {
        padding-bottom:3.25rem
    }

    .pl-md-13 {
        padding-left:3.25rem
    }

    .px-md-13 {
        padding-left: 3.25rem;
        padding-right:3.25rem
    }

    .py-md-13 {
        padding-top: 3.25rem;
        padding-bottom:3.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-13 {
        padding:3.25rem
    }

    .pt-lg-13 {
        padding-top:3.25rem
    }

    .pr-lg-13 {
        padding-right:3.25rem
    }

    .pb-lg-13 {
        padding-bottom:3.25rem
    }

    .pl-lg-13 {
        padding-left:3.25rem
    }

    .px-lg-13 {
        padding-left: 3.25rem;
        padding-right:3.25rem
    }

    .py-lg-13 {
        padding-top: 3.25rem;
        padding-bottom:3.25rem
    }
}

.p-14 {
    padding:3.5rem
}

.pt-14 {
    padding-top:3.5rem
}

.pr-14 {
    padding-right:3.5rem
}

.pb-14 {
    padding-bottom:3.5rem
}

.pl-14 {
    padding-left:3.5rem
}

.px-14 {
    padding-left: 3.5rem;
    padding-right:3.5rem
}

.py-14 {
    padding-top: 3.5rem;
    padding-bottom:3.5rem
}

.p-xs-14 {
    padding:3.5rem
}

.pt-xs-14 {
    padding-top:3.5rem
}

.pr-xs-14 {
    padding-right:3.5rem
}

.pb-xs-14 {
    padding-bottom:3.5rem
}

.pl-xs-14 {
    padding-left:3.5rem
}

.px-xs-14 {
    padding-left: 3.5rem;
    padding-right:3.5rem
}

.py-xs-14 {
    padding-top: 3.5rem;
    padding-bottom:3.5rem
}

@media (min-width: 768px) {
    .p-sm-14 {
        padding:3.5rem
    }

    .pt-sm-14 {
        padding-top:3.5rem
    }

    .pr-sm-14 {
        padding-right:3.5rem
    }

    .pb-sm-14 {
        padding-bottom:3.5rem
    }

    .pl-sm-14 {
        padding-left:3.5rem
    }

    .px-sm-14 {
        padding-left: 3.5rem;
        padding-right:3.5rem
    }

    .py-sm-14 {
        padding-top: 3.5rem;
        padding-bottom:3.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-14 {
        padding:3.5rem
    }

    .pt-md-14 {
        padding-top:3.5rem
    }

    .pr-md-14 {
        padding-right:3.5rem
    }

    .pb-md-14 {
        padding-bottom:3.5rem
    }

    .pl-md-14 {
        padding-left:3.5rem
    }

    .px-md-14 {
        padding-left: 3.5rem;
        padding-right:3.5rem
    }

    .py-md-14 {
        padding-top: 3.5rem;
        padding-bottom:3.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-14 {
        padding:3.5rem
    }

    .pt-lg-14 {
        padding-top:3.5rem
    }

    .pr-lg-14 {
        padding-right:3.5rem
    }

    .pb-lg-14 {
        padding-bottom:3.5rem
    }

    .pl-lg-14 {
        padding-left:3.5rem
    }

    .px-lg-14 {
        padding-left: 3.5rem;
        padding-right:3.5rem
    }

    .py-lg-14 {
        padding-top: 3.5rem;
        padding-bottom:3.5rem
    }
}

.p-15 {
    padding:3.75rem
}

.pt-15 {
    padding-top:3.75rem
}

.pr-15 {
    padding-right:3.75rem
}

.pb-15 {
    padding-bottom:3.75rem
}

.pl-15 {
    padding-left:3.75rem
}

.px-15 {
    padding-left: 3.75rem;
    padding-right:3.75rem
}

.py-15 {
    padding-top: 3.75rem;
    padding-bottom:3.75rem
}

.p-xs-15 {
    padding:3.75rem
}

.pt-xs-15 {
    padding-top:3.75rem
}

.pr-xs-15 {
    padding-right:3.75rem
}

.pb-xs-15 {
    padding-bottom:3.75rem
}

.pl-xs-15 {
    padding-left:3.75rem
}

.px-xs-15 {
    padding-left: 3.75rem;
    padding-right:3.75rem
}

.py-xs-15 {
    padding-top: 3.75rem;
    padding-bottom:3.75rem
}

@media (min-width: 768px) {
    .p-sm-15 {
        padding:3.75rem
    }

    .pt-sm-15 {
        padding-top:3.75rem
    }

    .pr-sm-15 {
        padding-right:3.75rem
    }

    .pb-sm-15 {
        padding-bottom:3.75rem
    }

    .pl-sm-15 {
        padding-left:3.75rem
    }

    .px-sm-15 {
        padding-left: 3.75rem;
        padding-right:3.75rem
    }

    .py-sm-15 {
        padding-top: 3.75rem;
        padding-bottom:3.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-15 {
        padding:3.75rem
    }

    .pt-md-15 {
        padding-top:3.75rem
    }

    .pr-md-15 {
        padding-right:3.75rem
    }

    .pb-md-15 {
        padding-bottom:3.75rem
    }

    .pl-md-15 {
        padding-left:3.75rem
    }

    .px-md-15 {
        padding-left: 3.75rem;
        padding-right:3.75rem
    }

    .py-md-15 {
        padding-top: 3.75rem;
        padding-bottom:3.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-15 {
        padding:3.75rem
    }

    .pt-lg-15 {
        padding-top:3.75rem
    }

    .pr-lg-15 {
        padding-right:3.75rem
    }

    .pb-lg-15 {
        padding-bottom:3.75rem
    }

    .pl-lg-15 {
        padding-left:3.75rem
    }

    .px-lg-15 {
        padding-left: 3.75rem;
        padding-right:3.75rem
    }

    .py-lg-15 {
        padding-top: 3.75rem;
        padding-bottom:3.75rem
    }
}

.p-16 {
    padding:4rem
}

.pt-16 {
    padding-top:4rem
}

.pr-16 {
    padding-right:4rem
}

.pb-16 {
    padding-bottom:4rem
}

.pl-16 {
    padding-left:4rem
}

.px-16 {
    padding-left: 4rem;
    padding-right:4rem
}

.py-16 {
    padding-top: 4rem;
    padding-bottom:4rem
}

.p-xs-16 {
    padding:4rem
}

.pt-xs-16 {
    padding-top:4rem
}

.pr-xs-16 {
    padding-right:4rem
}

.pb-xs-16 {
    padding-bottom:4rem
}

.pl-xs-16 {
    padding-left:4rem
}

.px-xs-16 {
    padding-left: 4rem;
    padding-right:4rem
}

.py-xs-16 {
    padding-top: 4rem;
    padding-bottom:4rem
}

@media (min-width: 768px) {
    .p-sm-16 {
        padding:4rem
    }

    .pt-sm-16 {
        padding-top:4rem
    }

    .pr-sm-16 {
        padding-right:4rem
    }

    .pb-sm-16 {
        padding-bottom:4rem
    }

    .pl-sm-16 {
        padding-left:4rem
    }

    .px-sm-16 {
        padding-left: 4rem;
        padding-right:4rem
    }

    .py-sm-16 {
        padding-top: 4rem;
        padding-bottom:4rem
    }
}

@media (min-width: 1024px) {
    .p-md-16 {
        padding:4rem
    }

    .pt-md-16 {
        padding-top:4rem
    }

    .pr-md-16 {
        padding-right:4rem
    }

    .pb-md-16 {
        padding-bottom:4rem
    }

    .pl-md-16 {
        padding-left:4rem
    }

    .px-md-16 {
        padding-left: 4rem;
        padding-right:4rem
    }

    .py-md-16 {
        padding-top: 4rem;
        padding-bottom:4rem
    }
}

@media (min-width: 1200px) {
    .p-lg-16 {
        padding:4rem
    }

    .pt-lg-16 {
        padding-top:4rem
    }

    .pr-lg-16 {
        padding-right:4rem
    }

    .pb-lg-16 {
        padding-bottom:4rem
    }

    .pl-lg-16 {
        padding-left:4rem
    }

    .px-lg-16 {
        padding-left: 4rem;
        padding-right:4rem
    }

    .py-lg-16 {
        padding-top: 4rem;
        padding-bottom:4rem
    }
}

.p-17 {
    padding:4.25rem
}

.pt-17 {
    padding-top:4.25rem
}

.pr-17 {
    padding-right:4.25rem
}

.pb-17 {
    padding-bottom:4.25rem
}

.pl-17 {
    padding-left:4.25rem
}

.px-17 {
    padding-left: 4.25rem;
    padding-right:4.25rem
}

.py-17 {
    padding-top: 4.25rem;
    padding-bottom:4.25rem
}

.p-xs-17 {
    padding:4.25rem
}

.pt-xs-17 {
    padding-top:4.25rem
}

.pr-xs-17 {
    padding-right:4.25rem
}

.pb-xs-17 {
    padding-bottom:4.25rem
}

.pl-xs-17 {
    padding-left:4.25rem
}

.px-xs-17 {
    padding-left: 4.25rem;
    padding-right:4.25rem
}

.py-xs-17 {
    padding-top: 4.25rem;
    padding-bottom:4.25rem
}

@media (min-width: 768px) {
    .p-sm-17 {
        padding:4.25rem
    }

    .pt-sm-17 {
        padding-top:4.25rem
    }

    .pr-sm-17 {
        padding-right:4.25rem
    }

    .pb-sm-17 {
        padding-bottom:4.25rem
    }

    .pl-sm-17 {
        padding-left:4.25rem
    }

    .px-sm-17 {
        padding-left: 4.25rem;
        padding-right:4.25rem
    }

    .py-sm-17 {
        padding-top: 4.25rem;
        padding-bottom:4.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-17 {
        padding:4.25rem
    }

    .pt-md-17 {
        padding-top:4.25rem
    }

    .pr-md-17 {
        padding-right:4.25rem
    }

    .pb-md-17 {
        padding-bottom:4.25rem
    }

    .pl-md-17 {
        padding-left:4.25rem
    }

    .px-md-17 {
        padding-left: 4.25rem;
        padding-right:4.25rem
    }

    .py-md-17 {
        padding-top: 4.25rem;
        padding-bottom:4.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-17 {
        padding:4.25rem
    }

    .pt-lg-17 {
        padding-top:4.25rem
    }

    .pr-lg-17 {
        padding-right:4.25rem
    }

    .pb-lg-17 {
        padding-bottom:4.25rem
    }

    .pl-lg-17 {
        padding-left:4.25rem
    }

    .px-lg-17 {
        padding-left: 4.25rem;
        padding-right:4.25rem
    }

    .py-lg-17 {
        padding-top: 4.25rem;
        padding-bottom:4.25rem
    }
}

.p-18 {
    padding:4.5rem
}

.pt-18 {
    padding-top:4.5rem
}

.pr-18 {
    padding-right:4.5rem
}

.pb-18 {
    padding-bottom:4.5rem
}

.pl-18 {
    padding-left:4.5rem
}

.px-18 {
    padding-left: 4.5rem;
    padding-right:4.5rem
}

.py-18 {
    padding-top: 4.5rem;
    padding-bottom:4.5rem
}

.p-xs-18 {
    padding:4.5rem
}

.pt-xs-18 {
    padding-top:4.5rem
}

.pr-xs-18 {
    padding-right:4.5rem
}

.pb-xs-18 {
    padding-bottom:4.5rem
}

.pl-xs-18 {
    padding-left:4.5rem
}

.px-xs-18 {
    padding-left: 4.5rem;
    padding-right:4.5rem
}

.py-xs-18 {
    padding-top: 4.5rem;
    padding-bottom:4.5rem
}

@media (min-width: 768px) {
    .p-sm-18 {
        padding:4.5rem
    }

    .pt-sm-18 {
        padding-top:4.5rem
    }

    .pr-sm-18 {
        padding-right:4.5rem
    }

    .pb-sm-18 {
        padding-bottom:4.5rem
    }

    .pl-sm-18 {
        padding-left:4.5rem
    }

    .px-sm-18 {
        padding-left: 4.5rem;
        padding-right:4.5rem
    }

    .py-sm-18 {
        padding-top: 4.5rem;
        padding-bottom:4.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-18 {
        padding:4.5rem
    }

    .pt-md-18 {
        padding-top:4.5rem
    }

    .pr-md-18 {
        padding-right:4.5rem
    }

    .pb-md-18 {
        padding-bottom:4.5rem
    }

    .pl-md-18 {
        padding-left:4.5rem
    }

    .px-md-18 {
        padding-left: 4.5rem;
        padding-right:4.5rem
    }

    .py-md-18 {
        padding-top: 4.5rem;
        padding-bottom:4.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-18 {
        padding:4.5rem
    }

    .pt-lg-18 {
        padding-top:4.5rem
    }

    .pr-lg-18 {
        padding-right:4.5rem
    }

    .pb-lg-18 {
        padding-bottom:4.5rem
    }

    .pl-lg-18 {
        padding-left:4.5rem
    }

    .px-lg-18 {
        padding-left: 4.5rem;
        padding-right:4.5rem
    }

    .py-lg-18 {
        padding-top: 4.5rem;
        padding-bottom:4.5rem
    }
}

.p-19 {
    padding:4.75rem
}

.pt-19 {
    padding-top:4.75rem
}

.pr-19 {
    padding-right:4.75rem
}

.pb-19 {
    padding-bottom:4.75rem
}

.pl-19 {
    padding-left:4.75rem
}

.px-19 {
    padding-left: 4.75rem;
    padding-right:4.75rem
}

.py-19 {
    padding-top: 4.75rem;
    padding-bottom:4.75rem
}

.p-xs-19 {
    padding:4.75rem
}

.pt-xs-19 {
    padding-top:4.75rem
}

.pr-xs-19 {
    padding-right:4.75rem
}

.pb-xs-19 {
    padding-bottom:4.75rem
}

.pl-xs-19 {
    padding-left:4.75rem
}

.px-xs-19 {
    padding-left: 4.75rem;
    padding-right:4.75rem
}

.py-xs-19 {
    padding-top: 4.75rem;
    padding-bottom:4.75rem
}

@media (min-width: 768px) {
    .p-sm-19 {
        padding:4.75rem
    }

    .pt-sm-19 {
        padding-top:4.75rem
    }

    .pr-sm-19 {
        padding-right:4.75rem
    }

    .pb-sm-19 {
        padding-bottom:4.75rem
    }

    .pl-sm-19 {
        padding-left:4.75rem
    }

    .px-sm-19 {
        padding-left: 4.75rem;
        padding-right:4.75rem
    }

    .py-sm-19 {
        padding-top: 4.75rem;
        padding-bottom:4.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-19 {
        padding:4.75rem
    }

    .pt-md-19 {
        padding-top:4.75rem
    }

    .pr-md-19 {
        padding-right:4.75rem
    }

    .pb-md-19 {
        padding-bottom:4.75rem
    }

    .pl-md-19 {
        padding-left:4.75rem
    }

    .px-md-19 {
        padding-left: 4.75rem;
        padding-right:4.75rem
    }

    .py-md-19 {
        padding-top: 4.75rem;
        padding-bottom:4.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-19 {
        padding:4.75rem
    }

    .pt-lg-19 {
        padding-top:4.75rem
    }

    .pr-lg-19 {
        padding-right:4.75rem
    }

    .pb-lg-19 {
        padding-bottom:4.75rem
    }

    .pl-lg-19 {
        padding-left:4.75rem
    }

    .px-lg-19 {
        padding-left: 4.75rem;
        padding-right:4.75rem
    }

    .py-lg-19 {
        padding-top: 4.75rem;
        padding-bottom:4.75rem
    }
}

.p-20 {
    padding:5rem
}

.pt-20 {
    padding-top:5rem
}

.pr-20 {
    padding-right:5rem
}

.pb-20 {
    padding-bottom:5rem
}

.pl-20 {
    padding-left:5rem
}

.px-20 {
    padding-left: 5rem;
    padding-right:5rem
}

.py-20 {
    padding-top: 5rem;
    padding-bottom:5rem
}

.p-xs-20 {
    padding:5rem
}

.pt-xs-20 {
    padding-top:5rem
}

.pr-xs-20 {
    padding-right:5rem
}

.pb-xs-20 {
    padding-bottom:5rem
}

.pl-xs-20 {
    padding-left:5rem
}

.px-xs-20 {
    padding-left: 5rem;
    padding-right:5rem
}

.py-xs-20 {
    padding-top: 5rem;
    padding-bottom:5rem
}

@media (min-width: 768px) {
    .p-sm-20 {
        padding:5rem
    }

    .pt-sm-20 {
        padding-top:5rem
    }

    .pr-sm-20 {
        padding-right:5rem
    }

    .pb-sm-20 {
        padding-bottom:5rem
    }

    .pl-sm-20 {
        padding-left:5rem
    }

    .px-sm-20 {
        padding-left: 5rem;
        padding-right:5rem
    }

    .py-sm-20 {
        padding-top: 5rem;
        padding-bottom:5rem
    }
}

@media (min-width: 1024px) {
    .p-md-20 {
        padding:5rem
    }

    .pt-md-20 {
        padding-top:5rem
    }

    .pr-md-20 {
        padding-right:5rem
    }

    .pb-md-20 {
        padding-bottom:5rem
    }

    .pl-md-20 {
        padding-left:5rem
    }

    .px-md-20 {
        padding-left: 5rem;
        padding-right:5rem
    }

    .py-md-20 {
        padding-top: 5rem;
        padding-bottom:5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-20 {
        padding:5rem
    }

    .pt-lg-20 {
        padding-top:5rem
    }

    .pr-lg-20 {
        padding-right:5rem
    }

    .pb-lg-20 {
        padding-bottom:5rem
    }

    .pl-lg-20 {
        padding-left:5rem
    }

    .px-lg-20 {
        padding-left: 5rem;
        padding-right:5rem
    }

    .py-lg-20 {
        padding-top: 5rem;
        padding-bottom:5rem
    }
}

.p-21 {
    padding:5.25rem
}

.pt-21 {
    padding-top:5.25rem
}

.pr-21 {
    padding-right:5.25rem
}

.pb-21 {
    padding-bottom:5.25rem
}

.pl-21 {
    padding-left:5.25rem
}

.px-21 {
    padding-left: 5.25rem;
    padding-right:5.25rem
}

.py-21 {
    padding-top: 5.25rem;
    padding-bottom:5.25rem
}

.p-xs-21 {
    padding:5.25rem
}

.pt-xs-21 {
    padding-top:5.25rem
}

.pr-xs-21 {
    padding-right:5.25rem
}

.pb-xs-21 {
    padding-bottom:5.25rem
}

.pl-xs-21 {
    padding-left:5.25rem
}

.px-xs-21 {
    padding-left: 5.25rem;
    padding-right:5.25rem
}

.py-xs-21 {
    padding-top: 5.25rem;
    padding-bottom:5.25rem
}

@media (min-width: 768px) {
    .p-sm-21 {
        padding:5.25rem
    }

    .pt-sm-21 {
        padding-top:5.25rem
    }

    .pr-sm-21 {
        padding-right:5.25rem
    }

    .pb-sm-21 {
        padding-bottom:5.25rem
    }

    .pl-sm-21 {
        padding-left:5.25rem
    }

    .px-sm-21 {
        padding-left: 5.25rem;
        padding-right:5.25rem
    }

    .py-sm-21 {
        padding-top: 5.25rem;
        padding-bottom:5.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-21 {
        padding:5.25rem
    }

    .pt-md-21 {
        padding-top:5.25rem
    }

    .pr-md-21 {
        padding-right:5.25rem
    }

    .pb-md-21 {
        padding-bottom:5.25rem
    }

    .pl-md-21 {
        padding-left:5.25rem
    }

    .px-md-21 {
        padding-left: 5.25rem;
        padding-right:5.25rem
    }

    .py-md-21 {
        padding-top: 5.25rem;
        padding-bottom:5.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-21 {
        padding:5.25rem
    }

    .pt-lg-21 {
        padding-top:5.25rem
    }

    .pr-lg-21 {
        padding-right:5.25rem
    }

    .pb-lg-21 {
        padding-bottom:5.25rem
    }

    .pl-lg-21 {
        padding-left:5.25rem
    }

    .px-lg-21 {
        padding-left: 5.25rem;
        padding-right:5.25rem
    }

    .py-lg-21 {
        padding-top: 5.25rem;
        padding-bottom:5.25rem
    }
}

.p-22 {
    padding:5.5rem
}

.pt-22 {
    padding-top:5.5rem
}

.pr-22 {
    padding-right:5.5rem
}

.pb-22 {
    padding-bottom:5.5rem
}

.pl-22 {
    padding-left:5.5rem
}

.px-22 {
    padding-left: 5.5rem;
    padding-right:5.5rem
}

.py-22 {
    padding-top: 5.5rem;
    padding-bottom:5.5rem
}

.p-xs-22 {
    padding:5.5rem
}

.pt-xs-22 {
    padding-top:5.5rem
}

.pr-xs-22 {
    padding-right:5.5rem
}

.pb-xs-22 {
    padding-bottom:5.5rem
}

.pl-xs-22 {
    padding-left:5.5rem
}

.px-xs-22 {
    padding-left: 5.5rem;
    padding-right:5.5rem
}

.py-xs-22 {
    padding-top: 5.5rem;
    padding-bottom:5.5rem
}

@media (min-width: 768px) {
    .p-sm-22 {
        padding:5.5rem
    }

    .pt-sm-22 {
        padding-top:5.5rem
    }

    .pr-sm-22 {
        padding-right:5.5rem
    }

    .pb-sm-22 {
        padding-bottom:5.5rem
    }

    .pl-sm-22 {
        padding-left:5.5rem
    }

    .px-sm-22 {
        padding-left: 5.5rem;
        padding-right:5.5rem
    }

    .py-sm-22 {
        padding-top: 5.5rem;
        padding-bottom:5.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-22 {
        padding:5.5rem
    }

    .pt-md-22 {
        padding-top:5.5rem
    }

    .pr-md-22 {
        padding-right:5.5rem
    }

    .pb-md-22 {
        padding-bottom:5.5rem
    }

    .pl-md-22 {
        padding-left:5.5rem
    }

    .px-md-22 {
        padding-left: 5.5rem;
        padding-right:5.5rem
    }

    .py-md-22 {
        padding-top: 5.5rem;
        padding-bottom:5.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-22 {
        padding:5.5rem
    }

    .pt-lg-22 {
        padding-top:5.5rem
    }

    .pr-lg-22 {
        padding-right:5.5rem
    }

    .pb-lg-22 {
        padding-bottom:5.5rem
    }

    .pl-lg-22 {
        padding-left:5.5rem
    }

    .px-lg-22 {
        padding-left: 5.5rem;
        padding-right:5.5rem
    }

    .py-lg-22 {
        padding-top: 5.5rem;
        padding-bottom:5.5rem
    }
}

.p-23 {
    padding:5.75rem
}

.pt-23 {
    padding-top:5.75rem
}

.pr-23 {
    padding-right:5.75rem
}

.pb-23 {
    padding-bottom:5.75rem
}

.pl-23 {
    padding-left:5.75rem
}

.px-23 {
    padding-left: 5.75rem;
    padding-right:5.75rem
}

.py-23 {
    padding-top: 5.75rem;
    padding-bottom:5.75rem
}

.p-xs-23 {
    padding:5.75rem
}

.pt-xs-23 {
    padding-top:5.75rem
}

.pr-xs-23 {
    padding-right:5.75rem
}

.pb-xs-23 {
    padding-bottom:5.75rem
}

.pl-xs-23 {
    padding-left:5.75rem
}

.px-xs-23 {
    padding-left: 5.75rem;
    padding-right:5.75rem
}

.py-xs-23 {
    padding-top: 5.75rem;
    padding-bottom:5.75rem
}

@media (min-width: 768px) {
    .p-sm-23 {
        padding:5.75rem
    }

    .pt-sm-23 {
        padding-top:5.75rem
    }

    .pr-sm-23 {
        padding-right:5.75rem
    }

    .pb-sm-23 {
        padding-bottom:5.75rem
    }

    .pl-sm-23 {
        padding-left:5.75rem
    }

    .px-sm-23 {
        padding-left: 5.75rem;
        padding-right:5.75rem
    }

    .py-sm-23 {
        padding-top: 5.75rem;
        padding-bottom:5.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-23 {
        padding:5.75rem
    }

    .pt-md-23 {
        padding-top:5.75rem
    }

    .pr-md-23 {
        padding-right:5.75rem
    }

    .pb-md-23 {
        padding-bottom:5.75rem
    }

    .pl-md-23 {
        padding-left:5.75rem
    }

    .px-md-23 {
        padding-left: 5.75rem;
        padding-right:5.75rem
    }

    .py-md-23 {
        padding-top: 5.75rem;
        padding-bottom:5.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-23 {
        padding:5.75rem
    }

    .pt-lg-23 {
        padding-top:5.75rem
    }

    .pr-lg-23 {
        padding-right:5.75rem
    }

    .pb-lg-23 {
        padding-bottom:5.75rem
    }

    .pl-lg-23 {
        padding-left:5.75rem
    }

    .px-lg-23 {
        padding-left: 5.75rem;
        padding-right:5.75rem
    }

    .py-lg-23 {
        padding-top: 5.75rem;
        padding-bottom:5.75rem
    }
}

.p-24 {
    padding:6rem
}

.pt-24 {
    padding-top:6rem
}

.pr-24 {
    padding-right:6rem
}

.pb-24 {
    padding-bottom:6rem
}

.pl-24 {
    padding-left:6rem
}

.px-24 {
    padding-left: 6rem;
    padding-right:6rem
}

.py-24 {
    padding-top: 6rem;
    padding-bottom:6rem
}

.p-xs-24 {
    padding:6rem
}

.pt-xs-24 {
    padding-top:6rem
}

.pr-xs-24 {
    padding-right:6rem
}

.pb-xs-24 {
    padding-bottom:6rem
}

.pl-xs-24 {
    padding-left:6rem
}

.px-xs-24 {
    padding-left: 6rem;
    padding-right:6rem
}

.py-xs-24 {
    padding-top: 6rem;
    padding-bottom:6rem
}

@media (min-width: 768px) {
    .p-sm-24 {
        padding:6rem
    }

    .pt-sm-24 {
        padding-top:6rem
    }

    .pr-sm-24 {
        padding-right:6rem
    }

    .pb-sm-24 {
        padding-bottom:6rem
    }

    .pl-sm-24 {
        padding-left:6rem
    }

    .px-sm-24 {
        padding-left: 6rem;
        padding-right:6rem
    }

    .py-sm-24 {
        padding-top: 6rem;
        padding-bottom:6rem
    }
}

@media (min-width: 1024px) {
    .p-md-24 {
        padding:6rem
    }

    .pt-md-24 {
        padding-top:6rem
    }

    .pr-md-24 {
        padding-right:6rem
    }

    .pb-md-24 {
        padding-bottom:6rem
    }

    .pl-md-24 {
        padding-left:6rem
    }

    .px-md-24 {
        padding-left: 6rem;
        padding-right:6rem
    }

    .py-md-24 {
        padding-top: 6rem;
        padding-bottom:6rem
    }
}

@media (min-width: 1200px) {
    .p-lg-24 {
        padding:6rem
    }

    .pt-lg-24 {
        padding-top:6rem
    }

    .pr-lg-24 {
        padding-right:6rem
    }

    .pb-lg-24 {
        padding-bottom:6rem
    }

    .pl-lg-24 {
        padding-left:6rem
    }

    .px-lg-24 {
        padding-left: 6rem;
        padding-right:6rem
    }

    .py-lg-24 {
        padding-top: 6rem;
        padding-bottom:6rem
    }
}

.p-25 {
    padding:6.25rem
}

.pt-25 {
    padding-top:6.25rem
}

.pr-25 {
    padding-right:6.25rem
}

.pb-25 {
    padding-bottom:6.25rem
}

.pl-25 {
    padding-left:6.25rem
}

.px-25 {
    padding-left: 6.25rem;
    padding-right:6.25rem
}

.py-25 {
    padding-top: 6.25rem;
    padding-bottom:6.25rem
}

.p-xs-25 {
    padding:6.25rem
}

.pt-xs-25 {
    padding-top:6.25rem
}

.pr-xs-25 {
    padding-right:6.25rem
}

.pb-xs-25 {
    padding-bottom:6.25rem
}

.pl-xs-25 {
    padding-left:6.25rem
}

.px-xs-25 {
    padding-left: 6.25rem;
    padding-right:6.25rem
}

.py-xs-25 {
    padding-top: 6.25rem;
    padding-bottom:6.25rem
}

@media (min-width: 768px) {
    .p-sm-25 {
        padding:6.25rem
    }

    .pt-sm-25 {
        padding-top:6.25rem
    }

    .pr-sm-25 {
        padding-right:6.25rem
    }

    .pb-sm-25 {
        padding-bottom:6.25rem
    }

    .pl-sm-25 {
        padding-left:6.25rem
    }

    .px-sm-25 {
        padding-left: 6.25rem;
        padding-right:6.25rem
    }

    .py-sm-25 {
        padding-top: 6.25rem;
        padding-bottom:6.25rem
    }
}

@media (min-width: 1024px) {
    .p-md-25 {
        padding:6.25rem
    }

    .pt-md-25 {
        padding-top:6.25rem
    }

    .pr-md-25 {
        padding-right:6.25rem
    }

    .pb-md-25 {
        padding-bottom:6.25rem
    }

    .pl-md-25 {
        padding-left:6.25rem
    }

    .px-md-25 {
        padding-left: 6.25rem;
        padding-right:6.25rem
    }

    .py-md-25 {
        padding-top: 6.25rem;
        padding-bottom:6.25rem
    }
}

@media (min-width: 1200px) {
    .p-lg-25 {
        padding:6.25rem
    }

    .pt-lg-25 {
        padding-top:6.25rem
    }

    .pr-lg-25 {
        padding-right:6.25rem
    }

    .pb-lg-25 {
        padding-bottom:6.25rem
    }

    .pl-lg-25 {
        padding-left:6.25rem
    }

    .px-lg-25 {
        padding-left: 6.25rem;
        padding-right:6.25rem
    }

    .py-lg-25 {
        padding-top: 6.25rem;
        padding-bottom:6.25rem
    }
}

.p-26 {
    padding:6.5rem
}

.pt-26 {
    padding-top:6.5rem
}

.pr-26 {
    padding-right:6.5rem
}

.pb-26 {
    padding-bottom:6.5rem
}

.pl-26 {
    padding-left:6.5rem
}

.px-26 {
    padding-left: 6.5rem;
    padding-right:6.5rem
}

.py-26 {
    padding-top: 6.5rem;
    padding-bottom:6.5rem
}

.p-xs-26 {
    padding:6.5rem
}

.pt-xs-26 {
    padding-top:6.5rem
}

.pr-xs-26 {
    padding-right:6.5rem
}

.pb-xs-26 {
    padding-bottom:6.5rem
}

.pl-xs-26 {
    padding-left:6.5rem
}

.px-xs-26 {
    padding-left: 6.5rem;
    padding-right:6.5rem
}

.py-xs-26 {
    padding-top: 6.5rem;
    padding-bottom:6.5rem
}

@media (min-width: 768px) {
    .p-sm-26 {
        padding:6.5rem
    }

    .pt-sm-26 {
        padding-top:6.5rem
    }

    .pr-sm-26 {
        padding-right:6.5rem
    }

    .pb-sm-26 {
        padding-bottom:6.5rem
    }

    .pl-sm-26 {
        padding-left:6.5rem
    }

    .px-sm-26 {
        padding-left: 6.5rem;
        padding-right:6.5rem
    }

    .py-sm-26 {
        padding-top: 6.5rem;
        padding-bottom:6.5rem
    }
}

@media (min-width: 1024px) {
    .p-md-26 {
        padding:6.5rem
    }

    .pt-md-26 {
        padding-top:6.5rem
    }

    .pr-md-26 {
        padding-right:6.5rem
    }

    .pb-md-26 {
        padding-bottom:6.5rem
    }

    .pl-md-26 {
        padding-left:6.5rem
    }

    .px-md-26 {
        padding-left: 6.5rem;
        padding-right:6.5rem
    }

    .py-md-26 {
        padding-top: 6.5rem;
        padding-bottom:6.5rem
    }
}

@media (min-width: 1200px) {
    .p-lg-26 {
        padding:6.5rem
    }

    .pt-lg-26 {
        padding-top:6.5rem
    }

    .pr-lg-26 {
        padding-right:6.5rem
    }

    .pb-lg-26 {
        padding-bottom:6.5rem
    }

    .pl-lg-26 {
        padding-left:6.5rem
    }

    .px-lg-26 {
        padding-left: 6.5rem;
        padding-right:6.5rem
    }

    .py-lg-26 {
        padding-top: 6.5rem;
        padding-bottom:6.5rem
    }
}

.p-27 {
    padding:6.75rem
}

.pt-27 {
    padding-top:6.75rem
}

.pr-27 {
    padding-right:6.75rem
}

.pb-27 {
    padding-bottom:6.75rem
}

.pl-27 {
    padding-left:6.75rem
}

.px-27 {
    padding-left: 6.75rem;
    padding-right:6.75rem
}

.py-27 {
    padding-top: 6.75rem;
    padding-bottom:6.75rem
}

.p-xs-27 {
    padding:6.75rem
}

.pt-xs-27 {
    padding-top:6.75rem
}

.pr-xs-27 {
    padding-right:6.75rem
}

.pb-xs-27 {
    padding-bottom:6.75rem
}

.pl-xs-27 {
    padding-left:6.75rem
}

.px-xs-27 {
    padding-left: 6.75rem;
    padding-right:6.75rem
}

.py-xs-27 {
    padding-top: 6.75rem;
    padding-bottom:6.75rem
}

@media (min-width: 768px) {
    .p-sm-27 {
        padding:6.75rem
    }

    .pt-sm-27 {
        padding-top:6.75rem
    }

    .pr-sm-27 {
        padding-right:6.75rem
    }

    .pb-sm-27 {
        padding-bottom:6.75rem
    }

    .pl-sm-27 {
        padding-left:6.75rem
    }

    .px-sm-27 {
        padding-left: 6.75rem;
        padding-right:6.75rem
    }

    .py-sm-27 {
        padding-top: 6.75rem;
        padding-bottom:6.75rem
    }
}

@media (min-width: 1024px) {
    .p-md-27 {
        padding:6.75rem
    }

    .pt-md-27 {
        padding-top:6.75rem
    }

    .pr-md-27 {
        padding-right:6.75rem
    }

    .pb-md-27 {
        padding-bottom:6.75rem
    }

    .pl-md-27 {
        padding-left:6.75rem
    }

    .px-md-27 {
        padding-left: 6.75rem;
        padding-right:6.75rem
    }

    .py-md-27 {
        padding-top: 6.75rem;
        padding-bottom:6.75rem
    }
}

@media (min-width: 1200px) {
    .p-lg-27 {
        padding:6.75rem
    }

    .pt-lg-27 {
        padding-top:6.75rem
    }

    .pr-lg-27 {
        padding-right:6.75rem
    }

    .pb-lg-27 {
        padding-bottom:6.75rem
    }

    .pl-lg-27 {
        padding-left:6.75rem
    }

    .px-lg-27 {
        padding-left: 6.75rem;
        padding-right:6.75rem
    }

    .py-lg-27 {
        padding-top: 6.75rem;
        padding-bottom:6.75rem
    }
}

.p-28 {
    padding:7rem
}

.pt-28 {
    padding-top:7rem
}

.pr-28 {
    padding-right:7rem
}

.pb-28 {
    padding-bottom:7rem
}

.pl-28 {
    padding-left:7rem
}

.px-28 {
    padding-left: 7rem;
    padding-right:7rem
}

.py-28 {
    padding-top: 7rem;
    padding-bottom:7rem
}

.p-xs-28 {
    padding:7rem
}

.pt-xs-28 {
    padding-top:7rem
}

.pr-xs-28 {
    padding-right:7rem
}

.pb-xs-28 {
    padding-bottom:7rem
}

.pl-xs-28 {
    padding-left:7rem
}

.px-xs-28 {
    padding-left: 7rem;
    padding-right:7rem
}

.py-xs-28 {
    padding-top: 7rem;
    padding-bottom:7rem
}

@media (min-width: 768px) {
    .p-sm-28 {
        padding:7rem
    }

    .pt-sm-28 {
        padding-top:7rem
    }

    .pr-sm-28 {
        padding-right:7rem
    }

    .pb-sm-28 {
        padding-bottom:7rem
    }

    .pl-sm-28 {
        padding-left:7rem
    }

    .px-sm-28 {
        padding-left: 7rem;
        padding-right:7rem
    }

    .py-sm-28 {
        padding-top: 7rem;
        padding-bottom:7rem
    }
}

@media (min-width: 1024px) {
    .p-md-28 {
        padding:7rem
    }

    .pt-md-28 {
        padding-top:7rem
    }

    .pr-md-28 {
        padding-right:7rem
    }

    .pb-md-28 {
        padding-bottom:7rem
    }

    .pl-md-28 {
        padding-left:7rem
    }

    .px-md-28 {
        padding-left: 7rem;
        padding-right:7rem
    }

    .py-md-28 {
        padding-top: 7rem;
        padding-bottom:7rem
    }
}

@media (min-width: 1200px) {
    .p-lg-28 {
        padding:7rem
    }

    .pt-lg-28 {
        padding-top:7rem
    }

    .pr-lg-28 {
        padding-right:7rem
    }

    .pb-lg-28 {
        padding-bottom:7rem
    }

    .pl-lg-28 {
        padding-left:7rem
    }

    .px-lg-28 {
        padding-left: 7rem;
        padding-right:7rem
    }

    .py-lg-28 {
        padding-top: 7rem;
        padding-bottom:7rem
    }
}

.accordion {
    position:relative
}

.accordion .a--title {
    position: relative;
    cursor:pointer
}

.accordion .a--title span[class * =icon] {
    position: absolute;
    width: 18px;
    right: .5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform:translateY(-50%)
}

.accordion .a--title span[class * =icon]:after, .accordion .a--title span[class * =icon]:before {
    background: var(--c-red);
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.accordion .a--title span[class * =icon]:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center;
    transform-origin:center
}

.accordion .a--title span[class * =icon]:before {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.accordion .a--content {
    visibility: hidden;
    overflow: hidden;
    opacity: 0;
    height: 0;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.accordion.active .a--content {
    visibility: visible;
    opacity: 1;
    height: auto;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.accordion.active .a--title span[class * =icon]:after {
    -webkit-transform: rotate(180deg);
    transform:rotate(180deg)
}

.btn, .button {
    cursor: pointer;
    display: inline-block;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    line-height: 57px;
    width: 100%;
    font-weight: 500;
    font-size: 1.15rem;
    text-align: center;
    margin: .5em auto;
    border:none
}

.btn [class * =icon], .button [class * =icon] {
    font-size: 1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin-left:1rem
}

.btn:hover [class * =icon], .button:hover [class * =icon] {
    margin-left:2rem
}

.btn--red, .button--red {
    background-color: var(--c-red);
    color:var(--c-white) !important
}

.btn--red:active, .btn--red:focus, .btn--red:hover, .button--red:active, .button--red:focus, .button--red:hover {
    background-color: var(--c-burgundy);
    color:var(--c-white)
}

.btn--bl, .button--bl {
    background-color: var(--c-black);
    color:var(--c-white) !important
}

.btn--bl:active, .btn--bl:focus, .btn--bl:hover, .button--bl:active, .button--bl:focus, .button--bl:hover {
    background-color:var(--c-burgundy)
}

.btn--gr, .button--gr {
    background-color: var(--c-light);
    color:var(--c-black) !important
}

.btn--gr:active, .btn--gr:focus, .btn--gr:hover, .button--gr:active, .button--gr:focus, .button--gr:hover {
    background-color: var(--c-red);
    color:var(--c-white) !important
}

.btn--wh, .button--wh {
    background-color: var(--c-white);
    color: var(--c-red) !important;
    border:1px solid var(--c-red)
}

.btn--wh:active, .btn--wh:focus, .btn--wh:hover, .button--wh:active, .button--wh:focus, .button--wh:hover {
    background-color: var(--c-red);
    color:var(--c-white) !important
}

.btn--st-atc, .button--st-atc {
    border-radius: 0;
    line-height: 60px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right:-15px
}

.btn--ch, .button--ch {
    font-weight:500
}

.btn--atc, .btn--wl, .button--atc, .button--wl {
    border-radius: 6px;
    margin-top:1.5rem
}

.btn--hr:active, .btn--hr:focus, .btn--hr:hover, .button--hr:active, .button--hr:focus, .button--hr:hover {
    background: var(--c-light);
    color:var(--c-red) !important
}

.btn--h-ch, .button--h-ch {
    margin: 0;
    line-height: 40px;
    font-size: 1rem;
    border-radius:6px
}

.btn--h-ch [class * =icon], .button--h-ch [class * =icon] {
    font-size:.9rem
}

@media (min-width: 768px) {
    .btn, .button {
        max-width:265px
    }

    .btn--atc, .btn--lg, .btn--wl, .button--atc, .button--lg, .button--wl {
        max-width:none
    }
}

@media (min-width: 1024px) {
    .btn, .button {
        border-radius:0
    }

    .btn.btn--l-r, .button.btn--l-r {
        border-radius:6px
    }

    .btn--st-atc, .button--st-atc {
        margin-right: 0;
        line-height:55px
    }
}

table:not(.variations) {
    border-collapse: collapse;
    background: var(--c-white);
    width: 100%;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

table:not(.variations):hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

table:not(.variations) thead {
    color: var(--c-dark-l);
    background:var(--c-d-grey-back)
}

table:not(.variations) thead th {
    padding:1.2rem .2rem
}

table:not(.variations) > tbody tr:first-child td {
    padding-top:2rem
}

table:not(.variations) tr {
    position: relative;
    text-align:left
}

table:not(.variations) tr td:first-child, table:not(.variations) tr th:first-child {
    padding-left:1rem
}

table:not(.variations) tr td:last-child, table:not(.variations) tr th:last-child {
    padding-right:1rem
}

table:not(.variations) td, table:not(.variations) th {
    min-height: 32px;
    color: var(--c-dark-l);
    font-size: .95rem;
    padding:.7rem .2rem
}

table:not(.variations) tbody tr:last-child td, table:not(.variations) tbody tr:last-child th {
    padding-bottom:2rem
}

@media (min-width: 768px) {
    table:not(.variations) thead tr:after {
        width:calc(100% - 4rem)
    }

    table:not(.variations) thead th {
        font-size:1.05rem
    }

    table:not(.variations) tr td:first-child, table:not(.variations) tr th:first-child {
        padding-left:2rem
    }

    table:not(.variations) tr td:last-child, table:not(.variations) tr th:last-child {
        padding-right:2rem
    }
}

label {
    cursor: pointer;
    font-size: .95rem;
    color: var(--c-base);
    margin-bottom:.5rem
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]), select:not(.sort-select) {
    width: 100%;
    border: 1px solid var(--c-border);
    height: 41px;
    line-height: 39px;
    padding-left: .7rem;
    font-size: 1rem;
    color: var(--c-base);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit])::-webkit-input-placeholder, select:not(.sort-select)::-webkit-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, select:not(.sort-select)::-moz-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):-ms-input-placeholder, select:not(.sort-select):-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit])::-ms-input-placeholder, select:not(.sort-select)::-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder, select:not(.sort-select)::placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

input:not([type=checkbox]):not([type=radio]):not([type=submit]):active, input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, input:not([type=checkbox]):not([type=radio]):not([type=submit]):hover, select:not(.sort-select):active, select:not(.sort-select):focus, select:not(.sort-select):hover {
    border-color:var(--c-red)
}

select:not(.sort-select) {
    cursor: pointer;
    background-image: url(../images/select.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position:95% 50%
}

input[type=checkbox] + label {
    cursor: pointer;
    color: var(--c-text-grey);
    font-size: .9rem;
    margin-bottom:0
}

button[type=submit]:not([class * =add_to_cart]), input[type=submit]:not([class * =add_to_cart]) {
    font-size: .9rem;
    line-height: 40px;
    height:43px
}

input[type=radio] {
    cursor: pointer;
    width: 17px;
    height: 17px;
    border: 0 solid rgba(var(--c-red), .3);
    border-radius: 100%;
    background: var(--c-light);
    position: relative;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

input[type=radio]:before {
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    content: '';
    width: 10px;
    height: 10px;
    background: var(--c-red);
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    -webkit-transform-origin: left top;
    transform-origin:left top
}

input[type=radio]:checked {
    border: 1.5px solid var(--c-light);
    background:var(--c-white)
}

input[type=radio]:checked:before {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform:scale(1) translate(-50%, -50%)
}

textarea {
    width: 100%;
    border: 1px solid var(--c-border);
    padding: 1rem .7rem;
    font-size: 1rem;
    color: var(--c-base);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

textarea::-webkit-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

textarea::-moz-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

textarea:-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

textarea::-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

textarea::placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

textarea:active, textarea:focus, textarea:hover {
    border-color:var(--c-red)
}

fieldset {
    border:none
}

form:not([class * =cart]):not(.yith-wfbt-form):not(.sorting):not(.age-gate-form):not(.footer-sub):not(.wc_points_rewards_apply_discount):not(.checkout):not(.search-form) {
    padding: 1.5rem;
    position: relative;
    background:var(--c-white)
}

form.search-form {
    position: relative;
    border-bottom:1px solid var(--c-border)
}

form.search-form:before {
    position: absolute;
    font-family: var(--font-icons);
    content: "\e913";
    left: 1.5rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.2rem;
    color:var(--c-base)
}

form.search-form input[type=search].input-search {
    border: none;
    padding: 0 1rem 0 3.5rem;
    width: 100%;
    font-size:1.2rem
}

form.search-form input[type=search].input-search::-webkit-input-placeholder {
    color:var(--c-text-grey)
}

form.search-form input[type=search].input-search::-moz-placeholder {
    color:var(--c-text-grey)
}

form.search-form input[type=search].input-search:-ms-input-placeholder {
    color:var(--c-text-grey)
}

form.search-form input[type=search].input-search::-ms-input-placeholder {
    color:var(--c-text-grey)
}

form.search-form input[type=search].input-search::placeholder {
    color:var(--c-text-grey)
}

form.search-form button[type=submit] {
    visibility: hidden;
    height: 0;
    position: absolute;
    top: -9999px;
    left:-9999px
}

@media (min-width: 768px) {
    input:not([type=checkbox]):not([type=radio]), select:not(.sort-select) {
        height: 53px;
        line-height: 51px;
        font-size:1.1rem
    }

    input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder, select:not(.sort-select)::-webkit-input-placeholder {
        font-size:1.05rem
    }

    input:not([type=checkbox]):not([type=radio])::-moz-placeholder, select:not(.sort-select)::-moz-placeholder {
        font-size:1.05rem
    }

    input:not([type=checkbox]):not([type=radio]):-ms-input-placeholder, select:not(.sort-select):-ms-input-placeholder {
        font-size:1.05rem
    }

    input:not([type=checkbox]):not([type=radio])::-ms-input-placeholder, select:not(.sort-select)::-ms-input-placeholder {
        font-size:1.05rem
    }

    input:not([type=checkbox]):not([type=radio])::placeholder, select:not(.sort-select)::placeholder {
        font-size:1.05rem
    }

    input[type=checkbox] + label {
        font-size:1.03rem
    }

    button[type=submit]:not([class * =add_to_cart]), input[type=submit]:not([class * =add_to_cart]) {
        max-width: none;
        font-size: 1.05rem;
        line-height: 55px;
        height:55px
    }
}

@media (min-width: 1024px) {
    form.search-form {
        width:100%
    }

    form.search-form:before {
        font-size:1.5rem
    }

    form.search-form input[type=search].input-search {
        font-size: 1.5rem;
        height: 60px;
        line-height:59px
    }

    form.search-form input[type=search].input-search::-webkit-input-placeholder {
        font-size:1.5rem
    }

    form.search-form input[type=search].input-search::-moz-placeholder {
        font-size:1.5rem
    }

    form.search-form input[type=search].input-search:-ms-input-placeholder {
        font-size:1.5rem
    }

    form.search-form input[type=search].input-search::-ms-input-placeholder {
        font-size:1.5rem
    }

    form.search-form input[type=search].input-search::placeholder {
        font-size:1.5rem
    }
}

div.klaviyo-form button[class * =DismissButton] {
    right: 2.5rem;
    top:.5rem
}

div.klaviyo-form form[class * =klaviyo-form] {
    padding: 0 !important;
    margin: 0 auto;
    max-width:90%
}

div.klaviyo-form strong.ql-font-rs {
    font-weight:400 !important
}

div.klaviyo-form div[class * =Row__FormRow] button[class * =Button__FormStyled] {
    height: 50px;
    padding: 0 !important;
    line-height: 50px;
    margin-top:-1px
}

.wpcf7 form {
    margin-left: auto;
    margin-right:auto
}

.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border:0
}

.wpcf7 form .wpcf7-response-output {
    width: 100%;
    text-align: center;
    font-size: .9rem;
    margin: .5rem .5rem 1rem;
    padding: 1rem 1.5rem;
    font-family: var(--font);
    line-height: 1.2;
    font-weight:400
}

.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {
    display:none
}

.wpcf7 form.sent .wpcf7-response-output {
    background:var(--c-l-grey-back)
}

.wpcf7 form.aborted .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output {
    background:rgba(228, 40, 37, .2)
}

.wpcf7 form.spam .wpcf7-response-output {
    background:rgba(66, 170, 245, .3)
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background:rgba(228, 40, 37, .2)
}

.wpcf7-form-control-wrap {
    position:relative
}

.wpcf7, .wpcf7-form-control-wrap {
    width:100%
}

.wpcf7-not-valid-tip {
    font-size: .85rem;
    margin-top: .2rem;
    color:var(--c-red)
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
    position: relative;
    top: -2ex;
    left: 1em;
    z-index: 100;
    border: 1px solid #dc3232;
    background: #fff;
    padding: .2em .8em;
    width:24em
}

.wpcf7-checkbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom:1rem
}

.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

.wpcf7-list-item-label::after, .wpcf7-list-item-label::before {
    content: " "
}

.wpcf7 .ajax-loader {
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-animation: 750ms form-loader 0s infinite ease-in-out;
    animation: 750ms form-loader 0s infinite ease-in-out;
    background-color: var(--c-accent);
    visibility: hidden;
    opacity:0
}

.wpcf7 form.submitting {
    opacity:.5
}

.wpcf7 form.submitting .ajax-loader {
    visibility: visible;
    margin: 1rem auto;
    opacity:1
}

@-webkit-keyframes form-loader {
    0% {
        width: 0;
        height: 0;
        opacity:1
    }

    100% {
        width: 50px;
        height: 50px;
        opacity:0
    }
}

@keyframes form-loader {
    0% {
        width: 0;
        height: 0;
        opacity:1
    }

    100% {
        width: 50px;
        height: 50px;
        opacity:0
    }
}

.wpcf7 input[type=file] {
    cursor:pointer
}

.wpcf7 input[type=file]:disabled {
    cursor:default
}

.wpcf7 .wpcf7-submit:disabled {
    cursor:not-allowed
}

.wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 input[type=url] {
    direction:ltr
}

@media (min-width: 1024px) {
    .wpcf7-list-item {
        -ms-flex-preferred-size: calc(50% - 1em);
        flex-basis:calc(50% - 1em)
    }
}

form#contact-form {
    max-width: none;
    padding: 0;
    background:0 0
}

form#contact-form label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:1rem
}

form#contact-form label > span.label-text {
    visibility: hidden;
    width: 0;
    height:0
}

form#wholesale-form {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding:1.5rem 0
}

form#wholesale-form label {
    margin-bottom:.5rem
}

form#wholesale-form .label-text {
    display: inline-block;
    margin-bottom: .5rem;
    font-size:.95rem
}

form#wholesale-form .label-text small {
    display:inline-block
}

form#wholesale-form select {
    height: 45px;
    line-height: 43px;
    font-size:.9rem
}

form#wholesale-form .form-subtitle {
    font-family: var(--font-h);
    margin: 1.2em 0 .7em;
    font-weight: 400;
    font-size:1.2em
}

.slick-dotted.slick-slider {
    margin-bottom:30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: left;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width:100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 4px;
    max-width: 49px;
    width: 100%;
    margin: 0 4px;
    padding: 0;
    cursor:pointer
}

.slick-dots li button {
    border: 0;
    display: block;
    height: 3px;
    max-width: 52px;
    width: 100%;
    outline: 0;
    line-height: 0;
    font-size: 0;
    padding: 0;
    cursor: pointer;
    background-color:var(--c-border)
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline:0
}

.slick-dots li.slick-active button {
    background:var(--c-red)
}

.f--wrapper.royal-sl {
    width:100%
}

input[type=checkbox] + label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

input[type=checkbox] {
    --checkbox-size: .9rem;
    cursor: pointer;
    position: relative !important;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    margin-right: .5rem;
    overflow: hidden;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: var(--checkbox-size);
    height:var(--checkbox-size)
}

input[type=checkbox]:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border: 1.2px solid var(--c-base);
    -webkit-transition: .2s border-color ease;
    transition:.2s border-color ease
}

input[type=checkbox]:hover:before {
    border-color:var(--c-red)
}

input[type=checkbox]:checked:before {
    border-color: var(--c-red);
    -webkit-transition: .5s border-color ease;
    transition:.5s border-color ease
}

input[type=checkbox]:disabled:before {
    border-color:var(--c-light)
}

input[type=checkbox]:after {
    content: '';
    display: block;
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    border-radius: 0;
    width: 7px;
    height: 10px;
    -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
    transform: translate(-50%, -85%) scale(0) rotate(45deg);
    background-color: transparent;
    -webkit-box-shadow: 2.5px 2.5px 0 var(--c-red);
    box-shadow:2.5px 2.5px 0 var(--c-red)
}

input[type=checkbox]:checked:after {
    -webkit-animation: checkbox .2s ease forwards;
    animation:checkbox .2s ease forwards
}

@-webkit-keyframes checkbox {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
        transform:translate(-50%, -85%) scale(0) rotate(45deg)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate(-50%, -85%) scale(.9) rotate(45deg);
        transform:translate(-50%, -85%) scale(.9) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(-50%, -85%) scale(.8) rotate(45deg);
        transform:translate(-50%, -85%) scale(.8) rotate(45deg)
    }
}

@keyframes checkbox {
    0% {
        opacity: 0;
        -webkit-transform: translate(-50%, -85%) scale(0) rotate(45deg);
        transform:translate(-50%, -85%) scale(0) rotate(45deg)
    }

    70% {
        opacity: 1;
        -webkit-transform: translate(-50%, -85%) scale(.9) rotate(45deg);
        transform:translate(-50%, -85%) scale(.9) rotate(45deg)
    }

    100% {
        -webkit-transform: translate(-50%, -85%) scale(.8) rotate(45deg);
        transform:translate(-50%, -85%) scale(.8) rotate(45deg)
    }
}

.rating {
    list-style-type: none;
    display: inline-block;
    padding-left:0
}

.rating li {
    display:inline-block
}

.rating li span[class * =star] {
    background: url(/images/star.svg) 100%/22px no-repeat;
    padding:11px
}

.rating li span[class * =star].icon-h-star {
    background-image:url(/images/half-star.svg)
}

.rating li span[class * =star].icon-f-star {
    background-image:url(/images/full-star.svg)
}

.loader-wrapper {
    background-color: rgba(255, 255, 255, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    z-index: 99999;
    -webkit-transition: opacity .3s ease-in-out, visibility .3s ease-in-out;
    transition:opacity .3s ease-in-out, visibility .3s ease-in-out
}

.loader-wrapper .loader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform:translateX(-50%) translateY(-50%)
}

#royal-loader path {
    opacity: 0;
    -webkit-animation-name: spinner_animation;
    animation-name: spinner_animation;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count:infinite
}

#royal-loader path:nth-of-type(1) {
    -webkit-animation-delay: .15s;
    animation-delay:.15s
}

#royal-loader path:nth-of-type(2) {
    -webkit-animation-delay: .3s;
    animation-delay:.3s
}

#royal-loader path:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay:.45s
}

#royal-loader path:nth-of-type(4) {
    -webkit-animation-delay: .6s;
    animation-delay:.6s
}

#royal-loader path:nth-of-type(5) {
    -webkit-animation-delay: .75s;
    animation-delay:.75s
}

#royal-loader path:nth-of-type(6) {
    -webkit-animation-delay: .9s;
    animation-delay:.9s
}

#royal-loader path:nth-of-type(7) {
    -webkit-animation-delay: 1.05s;
    animation-delay:1.05s
}

#royal-loader path:nth-of-type(8) {
    -webkit-animation-delay: 1.2s;
    animation-delay:1.2s
}

#royal-loader path:nth-of-type(9) {
    -webkit-animation-delay: 1.35s;
    animation-delay:1.35s
}

#royal-loader path:nth-of-type(10) {
    -webkit-animation-delay: 1.5s;
    animation-delay:1.5s
}

#royal-loader path:nth-of-type(11) {
    -webkit-animation-delay: 1.65s;
    animation-delay:1.65s
}

#royal-loader path:nth-of-type(12) {
    -webkit-animation-delay: 1.8s;
    animation-delay:1.8s
}

#royal-loader path:nth-of-type(13) {
    -webkit-animation-delay: 1.95s;
    animation-delay:1.95s
}

#royal-loader path:nth-of-type(14) {
    -webkit-animation-delay: 2.1s;
    animation-delay:2.1s
}

@-webkit-keyframes spinner_animation {
    0%, 100% {
        opacity:0
    }

    50% {
        opacity:1
    }
}

@keyframes spinner_animation {
    0%, 100% {
        opacity:0
    }

    50% {
        opacity:1
    }
}

@keyframes spinner_animation {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

body.loading .loader-wrapper {
    visibility: visible;
    opacity: 1
}

[class * =" ts-star-"], [class * =" ts-stars-"] i, [class * =ts-stars-] span, [class^=ts-star-], [class^=ts-stars-] i, [class^=ts-stars-] span {
    font-family: var(--font-icons);
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale
}

.ts-star-block:before {
    content: "\e910";
    color:inherit
}

.ts-star-regular:before {
    content: "\e910";
    color:inherit
}

.ts-stars-1 i::before, .ts-stars-1 span::before {
    content: "\e910"
}

.ts-stars-0 i::before, .ts-stars-0 span::before {
    content: "\e910"
}

[class^=ts-stars-] {
    color: var(--c-red) !important
}

[class * =" ts-stars-"] .disabled, [class^=ts-stars-] .disabled {
    color:var(--c-border)
}

.ts-star-disabled {
    color:var(--c-border)
}

.trustspot-main-widget {
    width:100%
}

.ts-reviews-rating a {
    text-decoration: none;
    font-size: .9rem;
    margin-right: 10px;
    color: var(--c-base);
    white-space:nowrap
}

.ts-reviews-rating .ts-reviews-rating-options {
    display: inline-block;
    position:relative
}

.ts-reviews-rating .ts-reviews-rating-container a {
    margin-left: 5px;
    margin-right:5px
}

.ts-reviews-rating .ts-rating-stars {
    display: inline-block;
    color: var(--c-gold);
    font-size: 0;
    margin-bottom:5px
}

.trustspot-inline-rating .ts-star, .ts-reviews-rating .ts-reviews-rating-options, .ts-reviews-rating a {
    vertical-align:middle
}

.ts-reviews-rating-options a {
    line-height:normal
}

.trustspot-inline-rating a {
    text-decoration: none;
    vertical-align: middle;
    color: var(--c-base);
    font-size: .8rem;
    font-weight:600
}

.trustspot-inline-rating a:before {
    content: "("
}

.trustspot-inline-rating a:after {
    content: ")"
}

.trustspot-inline-rating .ts-star {
    font-size:15.58px
}

.ts-reviews-rating {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.ts-reviews-rating .trustspot-inline-star {
    margin-right: 2px;
    font-size:0
}

.ts-reviews-rating .trustspot-inline-star .ts-star {
    margin-right:2px
}

.ts-reviews-rating .ts-reviews-rating-options {
    line-height:1
}

.ts-stars-0, .ts-stars-1 {
    margin-right: 2px;
    font-size:0
}

.ts-stars-0 [class * =star], .ts-stars-1 [class * =star] {
    margin-right:2px
}

.ts-reviews-rating .ts-rating-stars * {
    margin-right:3px
}

.ts-rating-stars > * {
    position: relative;
    top:1px
}

.ts-reviews-count {
    margin-left:2px
}

.ts-rating-average {
    border: 1px solid var(--c-border);
    border-radius: 2px;
    padding: 1px 5px;
    font-size: 12px;
    color: var(--c-base);
    margin:0
}

.ts-reviews-rating .ts-rating-stars * {
    vertical-align: top;
    margin:0
}

.trustspot-inline-star {
    display:inline-block
}

#trustspot-tab-modal *, #trustspot-widget-wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding:0
}

#trustspot-tab-modal, #trustspot-widget-wrapper, .trustspot-inline-rating {
    color:var(--c-base)
}

.trustspot-inline-rating img {
    display: inline-block;
    height: 18px;
    width: 18px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    image-rendering:-webkit-optimize-contrast
}

#trustspot-widget-wrapper {
    margin: 0 auto;
    clear: both;
    max-width: 1200px;
    text-align:left
}

#trustspot-widget-wrapper .trustspot_widget_loading {
    padding-left: 50%;
    padding-top:5%
}

#trustspot-widget-wrapper img {
    display: inline-block;
    height: initial;
    width: initial;
    padding:0
}

#trustspot-widget-wrapper .hide {
    display:none
}

#trustspot-widget-wrapper .comment img {
    max-width: 80px;
    max-height:80px
}

#trustspot-widget-wrapper a {
    text-decoration: none;
    cursor:pointer
}

#trustspot-widget-wrapper .btn-primary-border {
    border: none;
    text-transform: uppercase;
    font-size: .8rem;
    font-weight: 600;
    border-radius: 3px;
    color: var(--c-red);
    padding: 0;
    display: inline-block;
    text-align: center;
    vertical-align:middle
}

#trustspot-widget-wrapper .btn-primary-border i {
    margin-right:5px
}

#trustspot-widget-wrapper .btn-primary-border:hover {
    color:var(--c-burgundy)
}

#trustspot-widget-wrapper .btn-primary {
    background: var(--c-red);
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 600;
    height: 35px;
    line-height: 35px;
    max-width: 150px;
    width: 100%;
    border-radius: 5px;
    color: var(--c-white);
    display: inline-block;
    text-align:center
}

#trustspot-widget-wrapper .btn-large {
    width: 200px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 45px;
    height:45px
}

#trustspot-widget-wrapper .btn-block {
    width:100%
}

#trustspot-widget-wrapper .btn-primary:hover {
    background: var(--c-burgundy);
    color:var(--c-white)
}

#trustspot-widget-wrapper .btn-primary {
    cursor:pointer
}

#trustspot-widget-wrapper .input-control {
    color: var(--c-base);
    width:100%
}

#trustspot-widget-wrapper .clearfix {
    clear: both;
    height: initial;
    display:inline
}

#trustspot-widget-wrapper .description-block {
    font-size:1.1rem
}

#trustspot-widget-wrapper .inline-block {
    display:inline-block
}

#trustspot-widget-wrapper .pull-left {
    float:left
}

#trustspot-widget-wrapper .pull-right {
    float:right
}

#trustspot-widget-wrapper .primary-color {
    color:var(--c-red)
}

#trustspot-widget-wrapper .gray-text {
    color:var(--c-text-grey)
}

#trustspot-widget-wrapper .six-column {
    width: calc(50% - 3px);
    display:inline-block
}

#trustspot-widget-wrapper .four-column {
    width: 40.5%;
    display:inline-block
}

#trustspot-widget-wrapper .two-column {
    width: 18%;
    display:inline-block
}

#trustspot-widget-wrapper .left-six-offset {
    margin-left:49%
}

#trustspot-widget-wrapper header {
    background: var(--c-white);
    font-size: 16px;
    color: var(--c-dark-l);
    line-height: 50px;
    height: 50px;
    padding: 0 .5rem;
    position:relative
}

#trustspot-widget-wrapper header p {
    color: var(--c-dark-l);
    margin: 0;
    font-size: 16px;
    text-align:left
}

#trustspot-widget-wrapper header .review img {
    position: relative;
    top: 5px;
    left: 0;
    margin: 0;
    mix-blend-mode: luminosity;
    width:80px
}

#trustspot-widget-wrapper .widget-overall-rating {
    padding: 1rem 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

#trustspot-widget-wrapper .widget-review {
    float: left;
    width: auto;
    height: 150px;
    padding:1rem 2.5rem 0 0
}

#trustspot-widget-wrapper .review-score {
    color: var(--c-dark-l);
    font-size: 1.15rem;
    padding: 1rem .5rem;
    display: block;
    text-align:right
}

#trustspot-widget-wrapper .rating-block {
    margin-bottom:1rem
}

#trustspot-widget-wrapper .widget-star-rating {
    line-height: 14px;
    float: left;
    font-size: 1rem;
    padding: 1rem 0 0 2.5rem;
    border-left:1px solid var(--c-border)
}

#trustspot-widget-wrapper .widget-star-rating .star-label {
    text-transform: capitalize;
    float: left;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .widget-star-rating.label-custom .star-label {
    width: 70px;
    text-align: right;
    padding-right:5px
}

#trustspot-widget-wrapper .widget-star-rating .progress-bar-widget {
    background: var(--c-grey-back);
    width: 140px;
    height: 9px;
    position: relative;
    display: inline-block;
    border-radius: 0;
    margin:0 .7rem
}

#trustspot-widget-wrapper .widget-star-rating .score {
    color:var(--c-text-grey)
}

#trustspot-widget-wrapper .widget-star-rating .score .rated {
    color: var(--c-dark-l);
    font-weight:600
}

#trustspot-widget-wrapper .widget-star-rating .widget-bar {
    position: absolute;
    background: var(--c-red);
    height: 9px;
    border-radius:0
}

#trustspot-widget-wrapper .customer-recomend {
    font-size: 14px;
    font-weight:600
}

#trustspot-widget-wrapper .customer-recomend i {
    font-size: 18px;
    padding-right: 5px;
    position: relative;
    top:2px
}

#trustspot-widget-wrapper div#trustspot-widget-review-block {
    border-top: 1px solid var(--c-border);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 3rem 0 2rem;
    width:100%
}

#trustspot-widget-wrapper div#trustspot-widget-review-block:first-child {
    border-top:none
}

#trustspot-widget-wrapper #trustspot-widget-review-block img.emoji {
    max-width:20px
}

#trustspot-widget-wrapper div#trustspot-widget-review-block .result-box {
    width: 100%;
    margin-bottom: 1.2rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

#trustspot-widget-wrapper div#trustspot-widget-review-block .result-box > * {
    margin-right:5px
}

#trustspot-widget-wrapper .trustspot-review-footer {
    margin-top:1.5rem
}

#trustspot-widget-wrapper div#trustspot-widget-review-block .stars img {
    width: 25px;
    vertical-align: middle;
    image-rendering:-webkit-optimize-contrast
}

#trustspot-widget-wrapper .user-name {
    font-size: 1rem;
    margin-left: 1rem;
    padding: 0 .2rem;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .ts-widget-icon-verify-check {
    font-family: var(--font-icons) !important;
    color: var(--c-blue);
    font-size: .85rem;
    margin-right:.2rem
}

#trustspot-widget-wrapper .ts-widget-icon-verify-check:before {
    content: "\e908"
}

#trustspot-widget-wrapper .buyer {
    color: var(--c-blue);
    font-size:1rem
}

#trustspot-widget-wrapper .buyer img {
    width: 1rem;
    position: relative;
    top:2.5px
}

#trustspot-widget-wrapper .date {
    color: rgba(85, 85, 85, .55);
    font-size: 1rem;
    float: right;
    margin-left:auto
}

#trustspot-widget-wrapper .description-block h4 {
    border: none;
    font-size: 1rem;
    margin-bottom: 10px;
    color: var(--c-dark-l);
    font-style:italic
}

#trustspot-widget-wrapper .description-block h4 a {
    font-size: 1rem;
    margin-bottom: 10px;
    color: var(--c-dark-l);
    font-style:italic
}

#trustspot-widget-wrapper .description-block p {
    margin:0
}

#trustspot-widget-wrapper .description-block .label-custom {
    border: none;
    display: block;
    float: none;
    padding: 0;
    padding-bottom:10px
}

#trustspot-widget-wrapper .feedback {
    font-size: 1rem;
    color: var(--c-text-grey);
    text-align: right;
    white-space:nowrap
}

#trustspot-widget-wrapper .feedback span {
    padding-right: 10px;
    font-size:14px
}

#trustspot-widget-wrapper .feedback .like {
    background: 0 0;
    padding: .5rem;
    color: var(--c-red);
    cursor: pointer;
    font-size:.8rem
}

#trustspot-widget-wrapper .feedback .dislike {
    background: 0 0;
    padding: .5rem;
    color: rgba(228, 40, 37, .3);
    cursor: pointer;
    font-size:.8rem
}

#trustspot-widget-wrapper .pagination-controls {
    padding: 10px 1rem;
    margin-bottom: 20px;
    margin-top:10px
}

#trustspot-widget-wrapper .pagination-controls ul {
    padding: 0;
    margin-top:0
}

#trustspot-widget-wrapper .pagination-controls ul li {
    list-style: none;
    display:inline-block
}

#trustspot-widget-wrapper .pagination-controls ul li a {
    color: var(--c-dark-l);
    font-size: 12px;
    margin: 0 10px;
    vertical-align:middle
}

#trustspot-widget-wrapper .pagination-controls ul li.active a {
    color: var(--c-red);
    font-size:13px
}

#trustspot-widget-wrapper .pagination-controls ul li a.next-page {
    background: var(--c-red);
    color: var(--c-white);
    padding: 10px 35px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 600;
    display:inline-block
}

#trustspot-tab-modal .pagination-controls ul li a.next-page {
    padding-left: 12px;
    padding-right:12px
}

#trustspot-widget-wrapper #product-widget-review-result {
    padding:1rem .5rem
}

#trustspot-widget-wrapper .review-result-header {
    float: left;
    width: 100%;
    color: var(--c-dark-l);
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top:2rem
}

#trustspot-widget-wrapper .tab-navigation a.active {
    border-bottom: 3px solid var(--c-red);
    padding-bottom:7px
}

#trustspot-widget-wrapper .review-result-header span.pull-right {
    font-size: 1rem;
    float: right;
    text-transform: capitalize;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .select-list {
    width: auto;
    border: none;
    color: var(--c-base);
    line-height: 1;
    height: auto;
    display: inline-block;
    margin-bottom: 0;
    padding: 5px 10px;
    font-family:var(--font)
}

#trustspot-widget-wrapper ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float:left
}

#trustspot-widget-wrapper ul.tab li {
    float: left;
    clear:none
}

#trustspot-widget-wrapper ul.tab li a {
    display: inline-block;
    text-align: center;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin-right: 1rem;
    font-size: 1.2rem;
    padding-bottom: .3rem;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper ul.tab li a.active {
    border-bottom:1px solid var(--c-red)
}

#trustspot-widget-wrapper .trustspot-tabcontent {
    display: none;
    border-top:none
}

#trustspot-widget-wrapper .author-detail {
    color: var(--c-red);
    font-size: 14px;
    margin-bottom:20px
}

#trustspot-widget-wrapper .author-detail .author-name {
    font-weight: 600;
    margin-right:1rem
}

#trustspot-widget-wrapper .answer {
    color: var(--c-dark-l);
    font-size: .8rem;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 3rem !important;
    position:relative
}

#trustspot-widget-wrapper .answer-button {
    display:inline-block
}

#trustspot-widget-wrapper .six-column a.share-btn {
    margin-right:1rem
}

#trustspot-widget-wrapper .answer span {
    font-weight: 100;
    color:var(--c-red)
}

#trustspot-widget-wrapper button.trustspot-accordion {
    background-color: var(--c-white);
    cursor: pointer;
    padding: 0 .5rem;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    font-weight: 600;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin: 1rem 0;
    top:0
}

#trustspot-widget-wrapper button.trustspot-accordion:after {
    font-size: 13px;
    color: var(--c-text-grey);
    float: right;
    margin-left:5px
}

#trustspot-widget-wrapper div.trust-panel {
    padding: 0;
    background-color: var(--c-white);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: height .6s ease-in-out;
    transition: height .6s ease-in-out;
    opacity:0
}

#trustspot-widget-wrapper div.trust-panel.show {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    padding:0 .5rem
}

#trustspot-widget-wrapper div.trust-panel.show::after {
    content:none
}

#trustspot-widget-wrapper .trustspot-accordion.answer {
    margin-right:0
}

#trustspot-widget-wrapper .trust-panel #trustspot-widget-review-block {
    background: var(--c-white);
    border: none;
    margin-bottom:7px
}

#trustspot-widget-wrapper .trust-panel #trustspot-widget-review-block:last-child {
    margin-bottom:0
}

#trustspot-widget-wrapper .trust-panel #trustspot-widget-review-block .user-name {
    padding-left: 0;
    font-size: 18px;
    font-weight:700
}

#trustspot-widget-wrapper div.panel {
    padding: 1rem;
    background-color: var(--c-white);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: .6s ease-in-out;
    transition: .6s ease-in-out;
    opacity:0
}

#trustspot-widget-wrapper div.panel.show {
    opacity: 1;
    max-height:700px
}

#trustspot-widget-wrapper .panel #trustspot-widget-review-block {
    background: var(--c-white);
    border: none;
    margin-bottom:7px
}

#trustspot-widget-wrapper .panel #trustspot-widget-review-block:last-child {
    margin-bottom:0
}

#trustspot-widget-wrapper .panel #trustspot-widget-review-block .user-name {
    padding-left: 0;
    font-size: 18px;
    font-weight:700
}

#trustspot-widget-wrapper .field-set {
    margin-bottom: 10px;
    vertical-align:top
}

#trustspot-widget-wrapper .answer-block {
    position:relative
}

#trustspot-widget-wrapper .answer-detail-block textarea {
    width: 100%;
    height: 150px;
    font-family:inherit
}

#trustspot-widget-wrapper .answer-detail-block p {
    color: var(--c-red);
    font-size: 14px;
    margin-bottom:0
}

#trustspot-widget-wrapper .close-answer {
    position: absolute;
    right: .5rem;
    top: 1rem;
    z-index: 99;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .no-content:after, #trustspot-widget-wrapper .no-content:before {
    content: ''
}

#trustspot-widget-wrapper .logo-client.inline-block {
    width: 86px;
    text-align: center;
    border-radius: 100%;
    display: table-cell;
    vertical-align: middle;
    margin-right: 20px;
    float:left
}

#trustspot-widget-wrapper .comment-block {
    margin-top:10px
}

#trustspot-widget-wrapper .comment-desc h4 {
    margin-bottom: 5px;
    margin-top: 5px;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .comment-desc p {
    margin-bottom:0
}

#trustspot-widget-wrapper .ask-question-block {
    margin: 10px;
    padding-bottom: 1rem;
    position:relative
}

#trustspot-widget-wrapper .write-review-block {
    padding-bottom: 1rem;
    position:relative
}

#trustspot-widget-wrapper .ask-question {
    display: inline-block;
    color:var(--c-dark-l)
}

#trustspot-widget-wrapper .image-list ul {
    margin: 10px 0;
    padding:0
}

#trustspot-widget-wrapper .image-list ul li {
    list-style: none;
    display: inline;
    margin-right: 5px;
    margin-left:0
}

#trustspot-widget-wrapper .image-list ul li a img {
    width: 80px;
    padding:5px
}

.trustspot-photo-box {
    display: inline-block;
    width: 160px;
    margin: 0 2px;
    position: relative;
    margin-top:4px
}

.trustspot-photo-box div {
    width: 100%;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: var(--c-black);
    border-radius: 3px;
    cursor:pointer
}

.trustspot-photo-box .overlay {
    background-color: var(--c-black);
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    text-align:center
}

.trustspot-photo-box:not(.is-instagram-photo) .overlay:before {
    content: "\2605 \2605 \2605 \2605 \2605 ";
    color: #fff;
    font-size: 28px;
    line-height: 175px;
    position: absolute;
    top: -7px;
    width: 100%;
    left:0
}

.trustspot-photo-box .overlay:hover {
    opacity: .8;
    position:relative
}

.trustspot-photo-box.is-instagram-photo .overlay {
    background-image: url(https://s3.amazonaws.com/trustspot-downloads/insta-hover.png);
    background-size: 80% 80%;
    background-position:center
}

#trustspot-widget-wrapper .radio-inline {
    margin: 0 10px;
    display: inline-block;
    vertical-align:unset
}

@media screen and (max-width: 767px) {
    body #trustspot-widget-wrapper div.trust-panel {
        padding:0 !important
    }

    body #trustspot-widget-wrapper div.trust-panel .field-set.six-column {
        width:100%
    }

    #trustspot_review_form .rating .title-filter {
        width: 100%;
        display: block;
        margin-bottom:1rem
    }

    body #trustspot-widget-wrapper .answer {
        padding: 0 !important;
        margin-bottom:1rem !important
    }

    body #trustspot-widget-wrapper .date {
        font-size:.9rem
    }

    #trustspot-widget-wrapper .radio-inline {
        width: 100%;
        margin:0 0 .2rem
    }

    #trustspot_review_form .rating .css-label {
        width:92%
    }

    body #trustspot-widget-wrapper header {
        height:auto !important
    }

    body #trustspot-widget-wrapper header {
        padding:0
    }

    body #trustspot-widget-wrapper #product-widget-review-result {
        padding:5px 0 !important
    }

    body #trustspot-widget-wrapper {
        width:100% !important
    }

    #trustspot-widget-wrapper header a.ask-question-modal, #trustspot-widget-wrapper header a.write-review-modal {
        margin: .5rem 0;
        width:100%
    }

    #trustspot-widget-wrapper .widget-review, body #trustspot-widget-wrapper .review-score, body #trustspot-widget-wrapper .widget-overall-rating, body #trustspot-widget-wrapper .widget-star-rating {
        width: 100%;
        display: block;
        float:none
    }

    #trustspot-widget-wrapper .widget-star-rating {
        padding: 0;
        border:none !important
    }

    #trustspot-widget-wrapper .stars {
        margin-top: .5rem;
        margin-left: .5rem;
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order:3
    }

    #trustspot-widget-wrapper .date {
        margin-top: .5rem;
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order:4
    }

    #trustspot-widget-wrapper .user-name {
        margin-left:0
    }

    #trustspot-widget-wrapper .feedback .like {
        padding:0 .5rem 0 0
    }

    #trustspot-widget-wrapper .feedback .dislike {
        padding:0
    }

    #trustspot-widget-wrapper ul.tab li a {
        font-size:1rem
    }

    body #trustspot-widget-wrapper .review-score {
        text-align: left;
        padding-left:0
    }

    body #trustspot-widget-wrapper .review-result-header ul.tab li a {
        margin-right:10px !important
    }

    body #trustspot-widget-wrapper div#trustspot-widget-review-block:last-child {
        border:none !important
    }

    body #trustspot-widget-wrapper .left-six-offset {
        margin:0 !important
    }

    body #trustspot-widget-wrapper .widget-overall-rating {
        padding:1rem 0
    }

    body #trustspot-widget-wrapper .review-result-header {
        padding:0
    }

    body #trustspot-widget-wrapper .widget-review {
        height: 100px;
        padding-top: 0;
        float:none !important
    }

    body #trustspot-widget-wrapper div#trustspot-widget-review-block {
        padding:2rem 0 1rem
    }

    body #trustspot-widget-wrapper .panel #trustspot-widget-review-block, body #widget-myModal .modal-content h2 {
        padding:10px !important
    }

    body #trustspot-widget-wrapper .four-column, body #trustspot-widget-wrapper .two-column {
        display: block;
        width:100% !important
    }

    body #trustspot-widget-wrapper .six-column {
        width:auto
    }

    body #trustspot-widget-wrapper .description-block p {
        font-size: 1rem;
        line-height:1.35
    }

    body #trustspot-widget-wrapper .review-result-header span.pull-right {
        font-size: .8rem;
        padding-right: 0;
        float: right;
        text-transform:uppercase
    }

    body #trustspot-widget-wrapper .select-list {
        padding:0 .5rem 0 0
    }

    body #widget-myModal #trustspot-widget-wrapper {
        width:100% !important
    }

    body #widget-myModal #widget-pagination ul li:first-child a, body #widget-myModal #widget-pagination ul li:last-child a {
        width:initial !important
    }

    body #widget-myModal #widget-pagination ul li {
        display: inline-block;
        margin:0 2px !important
    }
}

@media screen and (max-width: 360px) {
    #trustspot-widget-wrapper .widget-star-rating {
        border-left:none
    }

    body #trustspot-widget-wrapper .user-name {
        padding:0 !important
    }

    body #trustspot-widget-wrapper .date {
        float:none !important
    }
}

#trustspot-tab-anchor {
    z-index: 9999;
    background: var(--c-l-grey-back);
    color: var(--c-dark-l);
    font-size: 13px;
    border-radius: 0;
    position: fixed;
    top: 50%;
    border-radius: 0 0 2px 2px;
    margin-top:50px
}

#trustspot-tab-anchor.left {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(-270deg);
    transform: rotate(270deg);
    left:0
}

#trustspot-tab-anchor.right {
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: rotate(-90deg);
    transform: rotate(90deg);
    right:0
}

#trustspot-tab-anchor a {
    line-height: normal;
    padding: 12px 18px 14px;
    text-decoration: none;
    vertical-align: middle;
    font-weight: 600;
    letter-spacing: .5px;
    display:inline-block
}

#trustspot-tab-anchor span.text {
    padding: 0;
    background:0 0
}

#trustspot-tab-anchor img {
    -webkit-transform: none;
    transform: none;
    -ms-transform: none;
    vertical-align:middle
}

#trustspot-tab-anchor .ts-star-regular {
    position: relative;
    top:-2px
}

#trustspot-tab-modal.modal {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    margin-top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    -ms-flex-line-pack: center;
    align-content: center;
    opacity: 1;
    visibility: visible;
    -webkit-transform: none;
    transform: none;
    max-width: none;
    max-height:none
}

#trustspot-tab-modal .modal-content {
    margin: auto;
    width: 600px;
    max-width: 100%;
    padding: 1rem;
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

#trustspot-tab-modal .modal-content .popup-description-block {
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
    padding: 5px 0 0;
    background: var(--c-white);
    min-height: 525px;
    height: 575px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

#trustspot-tab-modal #trustspot-widget-wrapper {
    height: 100%;
    overflow:hidden
}

#trustspot-tab-modal .modal-content .review p {
    color: var(--c-white);
    font-size:1rem
}

#trustspot-tab-modal .modal-content .review p img {
    height: 22px;
    margin-left: 10px;
    vertical-align: middle;
    position: relative;
    top:-1px
}

#trustspot-tab-modal .modal-content .review {
    margin-bottom: 10px;
    position:relative
}

#trustspot-tab-modal .modal-content h2 {
    font-size: 24px;
    text-align: center;
    color: var(--c-dark-l);
    background-color: var(--c-white);
    border-bottom: 1px solid var(--c-border);
    margin-bottom: 25px;
    padding:25px 20px
}

#trustspot-tab-modal .social-share {
    position: relative;
    top: 10px;
    padding:10px 0
}

#trustspot-tab-modal .trustspot-close {
    color: var(--c-white);
    font-size: 26px;
    position: absolute;
    right: 5px;
    top: 2px;
    line-height:20px
}

#trustspot-tab-modal .trustspot-close:focus, #trustspot-tab-modal .trustspot-close:hover {
    text-decoration: none;
    cursor:pointer
}

#trustspot-tab-modal .modal-content .popup-description-block header {
    background: var(--c-white);
    padding: 5px 1rem;
    margin-bottom:1rem
}

#trustspot-tab-modal .modal-content .popup-description-block header .widget-review img {
    display:inline-block
}

#trustspot-tab-modal .modal-content .popup-description-block header .widget-review .ts-stars {
    display:inline-block
}

#trustspot-tab-modal .modal-content .popup-description-block header .widget-review span .star-images {
    float:left
}

#trustspot-tab-modal .modal-content .popup-description-block header .widget-review span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    color: var(--c-dark-l);
    font-size:16px
}

#trustspot-tab-modal .feedback {
    margin-top:5px
}

#trustspot-tab-modal .pagination-controls {
    margin-bottom: 0;
    padding: 12px 0 22px;
    text-align:center
}

#trustspot-tab-modal span.primary-color {
    font-weight: 600;
    color: var(--c-base);
    padding-left:5px
}

#trustspot-tab-modal #modal-review-wrapper {
    background: var(--c-white);
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height:100%
}

#trustspot-tab-modal #trustspot-widget-wrapper div.review-result-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    padding:5px 1rem 0
}

#trustspot-tab-modal #trustspot-widget-wrapper #widget-review-result, #trustspot-tab-modal #trustspot-widget-wrapper .review-result-header {
    margin: 0;
    padding:0
}

#trustspot-tab-modal #trustspot-widget-wrapper ul.tab li a {
    margin:0 20px 0 0
}

#trustspot-tab-modal #trustspot-widget-wrapper div#trustspot-widget-review-block {
    padding:1rem 0
}

#trustspot-tab-modal #trustspot-widget-wrapper #widget-review-result {
    overflow: auto;
    padding: 0 1rem;
    scrollbar-width:thin
}

#trustspot-tab-modal #trustspot-widget-wrapper .date {
    font-size: 12px;
    color: var(--c-text-grey);
    margin-left:auto
}

#trustspot-tab-modal .btn-controls a {
    font-size: 12px;
    color: var(--c-text-grey);
    font-weight: 600;
    text-transform:uppercase
}

#trustspot-tab-modal #trustspot-widget-wrapper .description-block p {
    font-size: 14px;
    color:inherit
}

#trustspot-tab-modal #trustspot-widget-wrapper .feedback .dislike, #trustspot-tab-modal #trustspot-widget-wrapper .feedback .like {
    padding: 7px 9px;
    display:inline-block
}

#trustspot-tab-modal .arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid var(--c-border);
    position: absolute;
    top: -7px;
    left:28px
}

#trustspot-tab-modal #trustspot-widget-wrapper #commnet.comment {
    background: #fff;
    padding: 10px 10px 0;
    margin-top: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position:relative
}

#trustspot-tab-modal #trustspot-widget-wrapper #commnet img {
    width:50px
}

#trustspot-tab-modal #trustspot-widget-wrapper .logo-client.inline-block {
    margin-right:10px
}

#trustspot-tab-modal #trustspot-widget-wrapper #commnet h4 {
    color: var(--c-dark-l);
    font-size: 14px;
    font-weight: 600;
    margin:0
}

#trustspot-tab-modal #trustspot-widget-wrapper #commnet p {
    line-height:10px
}

#trustspot-tab-modal #widget-pagination {
    display: block;
    text-align: center;
    margin:20px 0
}

#trustspot-tab-modal #widget-pagination ul li {
    display: inline-block;
    margin:0 10px
}

#trustspot-tab-modal #widget-pagination ul li a {
    color: var(--c-dark-l);
    font-size: .8rem;
    font-weight: 600;
    padding:3px
}

#trustspot-tab-modal #widget-pagination ul li.active a {
    color: var(--c-red);
    font-size: 14px;
    font-weight:600
}

#trustspot-tab-modal #widget-pagination ul li a.next, #trustspot-tab-modal #widget-pagination ul li a.prev {
    background: #dbe2eb;
    text-align: center;
    padding: 10px;
    width: 160px;
    border-radius: 3px;
    text-transform: uppercase;
    color: var(--c-dark-l);
    font-size: .8rem;
    font-weight:600
}

#trustspot-tab-modal #widget-pagination ul li:first-child a {
    width: 135px;
    display:block
}

#trustspot-tab-modal #widget-pagination ul li:last-child a {
    width: 135px;
    display:block
}

#trustspot-tab-modal .hide {
    display:none
}

#trustspot-loading {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding-top:1em
}

#trustspot-widget-photo-modal.modal {
    display: none;
    position: fixed;
    padding-top: 10vh;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8);
    overflow: hidden;
    z-index: 99999999;
    visibility: visible;
    max-width: none;
    max-height: none;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    margin:0
}

#trustspot-widget-photo-modal.modal {
    padding-top:0
}

div#trustspot-widget-photo-modal.modal:before {
    content:none
}

#trustspot-widget-photo-modal.modal .popup-description-block header {
    position:unset
}

#trustspot-widget-photo-modal .modal-content {
    margin: auto;
    max-width: none;
    padding: 5px;
    position: relative;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow:none
}

#trustspot-widget-photo-modal .widget-review {
    text-align:center
}

#trustspot-widget-photo-modal img {
    max-width: 100%;
    max-height:100%
}

.trustspot-photo-modal {
    line-height: normal;
    overflow:hidden
}

.trustspot-photo-modal .trustspot-modal-slide {
    max-height: 640px;
    margin: calc((100vh - 500px) /2) auto;
    height: 500px;
    max-width: 1082px;
    position:relative
}

.trustspot-photo-modal .close-slider:before {
    content: '+'
}

.trustspot-photo-modal .modal-slide-popup {
    margin: 75px auto;
    height: 100%;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    position:relative
}

.trustspot-photo-modal .modal-slide-cover {
    width: 58%;
    height: 100%;
    float: left;
    text-align: center;
    background: var(--c-dark-l);
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position:relative
}

.trustspot-photo-modal .modal-slide-cover img {
    margin: 0 auto;
    -o-object-fit: contain;
    object-fit:contain
}

.trustspot-photo-modal .modal-slide-content {
    width: 42%;
    float: right;
    height: 100%;
    background: var(--c-white);
    overflow-y:auto
}

.trustspot-photo-modal .close-slider {
    position: absolute;
    right: 20px;
    z-index: 9;
    top: 10px;
    cursor: pointer;
    color: var(--c-dark-l);
    font-size: 32px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 999;
    font-style:normal
}

.block {
    display:block
}

.slide-head-right-wrapper {
    display: inline-block;
    float: right;
    margin-left: auto;
    padding-right:10px
}

.slide-content-wrapper {
    position:relative
}

.slide-like-item {
    margin: 0;
    padding: 0;
    position: relative;
    float: right;
    line-height:25px
}

.slide-like-item .ts-total-likes {
    font-size: 18pt;
    color: var(--c-base);
    vertical-align:middle
}

.slide-like-item .ts-heart {
    color: var(--c-red);
    height: 18px;
    width: 18px;
    cursor: pointer;
    vertical-align:middle
}

.ts-heart-invisible {
    display:none
}

.slide-like-item.vm-item .ts-heart {
    cursor:unset
}

.trustspot-photo-modal .modal-slide-header img {
    width: 24px;
    height: auto;
    float: left;
    margin-right:1px
}

.trustspot-photo-modal #instagram-profile-pic {
    border-radius:100%
}

.trustspot-photo-modal-products-tabs {
    padding: 20px 20px 10px;
    border-bottom:1px solid var(--c-border)
}

.trustspot-photo-modal-products-tab-left {
    display: inline-block;
    margin-right: 1rem;
    width:100px
}

.trustspot-photo-modal-products-tab-left img {
    border: 1px solid var(--c-border);
    border-radius: 5px;
    height: 100px;
    width: 100px;
    -o-object-fit: cover;
    object-fit:cover
}

.trustspot-photo-modal-products-tab-right {
    display: inline-block;
    vertical-align: top;
    margin-top: 1rem;
    color: var(--c-text-grey);
    width:calc(100% - 130px)
}

.trustspot-photo-modal-buy-btn {
    display: block;
    background: var(--c-red);
    border-radius: 2px;
    border: none;
    color: var(--c-white);
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1rem;
    width: 150px;
    cursor: pointer;
    text-transform: capitalize;
    text-align: center;
    text-decoration:none
}

.trustspot-photo-modal .content-wrap {
    padding: 30px;
    overflow:hidden
}

.trustspot-photo-modal .modal-slide-header {
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom:10px
}

.trustspot-photo-modal .modal-slide-header label {
    padding-left: 14px;
    color: var(--c-red);
    overflow: hidden;
    text-transform: none;
    margin:0
}

#trustspot-modal-customer-name {
    display:inline-block
}

.trustspot-modal-date {
    float: right;
    font-size: 1rem;
    color:var(--c-text-grey)
}

.trustspot-photo-modal .rating {
    float: left;
    padding-left: 1rem;
    margin-top:2px
}

.trustspot-photo-modal .modal-slide-box-content {
    color: var(--c-dark-l);
    font-size:1rem
}

.trustspot-photo-modal-slide-footer {
    margin-top:10px
}

.trustspot-photo-modal-slide-footer a {
    color: var(--c-base);
    cursor: pointer;
    text-decoration: none;
    font-size:14px
}

.trustspot-photo-modal-slide-footer a img {
    width: 20px;
    vertical-align:middle
}

.trustspot-photo-modal-slide-footer-left {
    float:left
}

.trustspot-photo-modal-slide-footer-right {
    float:right
}

.modal-display-inline-block {
    display:inline-block
}

.modal-display-block {
    display:block
}

.modal-display-none {
    display:none
}

.trustspot-modal-verified-buyer {
    color: var(--c-blue);
    font-weight: 400;
    font-size: 14px;
    vertical-align: top;
    position: relative;
    top:1px
}

.trustspot-modal-verified-buyer .ts-widget-icon-verify-check {
    position: relative;
    top:1px
}

#trustspotModalCloseSliderFooter {
    position: relative;
    float: right;
    margin-top: 10px;
    margin-bottom: 0;
    color: #fff;
    margin-right: 5px;
    text-decoration:none
}

#trustspotModalCloseSliderFooter span {
    vertical-align: top;
    font-size:14px
}

#trustspotModalCloseSliderFooter > img {
    height:17px
}

#trustspot-widget-photo-modal .modal-content .popup-description-block {
    margin: auto;
    max-width: 570px;
    border-radius:2px
}

#trustspot-widget-photo-modal .trustspot-close {
    color: var(--c-white);
    font-size: 26px;
    position: absolute;
    right: 1rem;
    top:calc(-10vh + 20px)
}

#trustspot-widget-photo-modal .trustspot-close:focus, #trustspot-widget-photo-modal .trustspot-close:hover {
    color: var(--c-dark-l);
    text-decoration: none;
    cursor:pointer
}

#trustspot-widget-wrapper div.trust-panel.show {
    max-height:none
}

.ts-product-widget-reviews-detail {
    display: inline-block;
    vertical-align: top;
    width: 28%;
    padding: 10px 11px;
    border-left: 1px solid var(--c-border);
    border-right: 1px solid var(--c-border);
    min-width: 310px;
    font-size:inherit
}

.ts-show-custom-reviews .ts-product-widget-reviews-details-row:not(.ts-active) {
    opacity:.6
}

.ts-product-widget-reviews-details-row {
    margin-bottom: 7px;
    cursor:pointer
}

.ts-product-widget-reviews-detail.range-boxes {
    border-right:none
}

.ts-product-widget-reviews-detail.range-boxes .ts-product-widget-reviews-details-col.left {
    width: 130px;
    color: var(--c-dark-l);
    float: left;
    font-size:1rem
}

.ts-product-widget-reviews-detail.range-boxes .ts-product-widget-reviews-details-col.right {
    margin-top: 0;
    width: 150px;
    display:inline-block
}

#trustspot-widget-wrapper div.range-box {
    width: 160px;
    margin: 5px 0;
    font-size:0
}

#trustspot-widget-wrapper span.range-box {
    width: 17%;
    display: inline-block;
    height: 8px;
    background: var(--c-l-grey-back);
    margin:0 2px
}

#trustspot-widget-wrapper div.range-box-sm {
    width: 100%;
    max-width: 170px;
    font-size:0
}

#trustspot-widget-wrapper div.range-box-sm span.range-box {
    height:8px
}

#trustspot-widget-wrapper span.range-box.red {
    background:var(--c-red)
}

#trustspot-widget-wrapper span.range-box.green {
    background:var(--c-green)
}

#trustspot-widget-wrapper span.range-box.blue {
    background:var(--c-blue)
}

#trustspot-widget-wrapper .custom-desc-box {
    margin:0 !important
}

#trustspot-widget-wrapper .custom-desc-box label {
    margin-right:10px
}

#trustspot-widget-wrapper .custom-desc-box p {
    display:block
}

#trustspot-widget-wrapper .custom-desc-box > * {
    display:inline-block
}

.ts-form-group {
    margin-top: 10px;
    margin-bottom:25px
}

.ts-form-check {
    position: relative;
    display: block;
    padding-left: 20px;
    margin:10px
}

.ts-inline-inputs .ts-form-check {
    display:inline-block
}

.ts-label-desc {
    color: var(--c-text-grey);
    margin-right: 20px;
    margin-bottom: 10px;
    display:inline-block
}

.ts-checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    left: -1px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    top: 0;
    -webkit-transition: all .2s ease;
    transition:all .2s ease
}

.ts-checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 19px;
    height: 19px;
    left: 1px;
    top: 0;
    padding-left: 3px;
    font-size: 14px;
    color:var(--c-base)
}

.ts-checkbox input[type=checkbox] {
    opacity: 0;
    display:none
}

.ts-checkbox input[type=checkbox]:checked + label::after {
    content: "\2714 "
}

.ts-checkbox-primary input[type=checkbox]:checked + label::before {
    background-color: var(--c-blue);
    border-color:var(--c-blue)
}

.ts-checkbox-primary input[type=checkbox]:checked + label::after {
    color:#fff
}

.ts-form-check.ts-checkbox {
    padding-left: 30px;
    margin-right: 10px;
    margin-left:20px
}

.ts-form-check [type=radio]:checked, .ts-form-check [type=radio]:not(:checked) {
    position: absolute;
    left:-9999px
}

.ts-form-check [type=radio]:checked + label, .ts-form-check [type=radio]:not(:checked) + label {
    padding-left: 10px;
    cursor: pointer;
    line-height: 20px;
    display:inline-block
}

.ts-form-check [type=radio]:checked + label:before, .ts-form-check [type=radio]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid var(--c-border);
    border-radius: 100%;
    background:#fff
}

.ts-form-check [type=radio]:checked + label:after, .ts-form-check [type=radio]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: var(--c-blue);
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all .2s ease;
    transition:all .2s ease
}

.ts-form-check [type=radio]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform:scale(0)
}

.ts-form-check [type=radio]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform:scale(1)
}

.ts-range-row {
    width:400px
}

.ts-range-left {
    width: 50%;
    display: inline-block;
    float:left
}

.ts-range-right {
    width: 50%;
    display:inline-block
}

.ts-widget-review-star {
    font-size:20px
}

.ts-widget-avg-star {
    font-size:30px
}

.ts-carousel-avg-star {
    font-size:1.3rem
}

.trustspot-main-widget * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

#trustspot-widget-wrapper button.trustspot-accordion.active {
    padding:18px 20px
}

#trustspot_review_form .ts-stars-0, #trustspot_review_form .ts-stars-1 {
    display:inline-block
}

#trustspot_review_form .rating .title-filter {
    color: var(--c-dark-l);
    display: inline-block;
    line-height: 1.2;
    vertical-align:top
}

#trustspot-widget-wrapper header .ask-question-modal, #trustspot-widget-wrapper header .write-review-modal {
    background-color: var(--c-l-grey-back);
    color: var(--c-dark-l);
    display: inline-block;
    width: 130px;
    text-align: center;
    font-size: .95rem;
    font-weight: 500;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 5px 0 0 5px;
    height: 40px;
    line-height:40px
}

.ts-product-widget-header-left {
    display:inline-block
}

.ts-mobile-menu {
    display: none;
    float: right;
    font-size:24px
}

.ts-product-widget-header-right {
    float: right;
    display:block
}

#trustspot-widget-wrapper .write-review-block .answer-detail-block > .field-set.clearfix {
    float:right
}

#trustspot-widget-wrapper .write-review-block .answer-detail-block > .clearfix:not(.field-set) {
    display:none
}

#trustspot-widget-wrapper .write-review-block .answer-detail-block > p.text-center {
    text-align: left;
    float: left;
    margin-top:1rem
}

#trustspot_review_form .rating .css-label {
    float: right;
    margin-bottom: 0;
    line-height: 0;
    margin-left: .2rem;
    color:var(--c-red)
}

#trustspot_review_form .rating .css-label i {
    font-size: 1rem
}

iframe[src^="https://trustspot.io/merchant/TrustModule/carousel/"] {
    min-height:210px
}

iframe[src * =trustspot] {
    min-width: 100%;
    width: 100px;
    * width:100%
}

iframe[src * ="TrustModule/tab"] {
    width:unset
}

.trustspot-share-types {
    position: relative;
    top: 10px;
    white-space: nowrap;
    padding-bottom:5px
}

.trustspot-share-types img {
    max-width:32px
}

.ts-share-wrapper .trustspot-share-types:not(.hide) {
    display:block
}

#trustspot-widget-wrapper .trustspot-review-footer > .six-column:last-child {
    float:right
}

@media (max-width: 700px) {
    .ts-product-widget-header-right {
        display: block;
        float:none
    }

    .ts-product-widget-header-right.ts-menu-show {
        display:block
    }

    .ts-product-widget-header-right a {
        width: 100%;
        position: unset;
        margin: 5px 0;
        padding:0
    }

    .write-review-modal {
        margin-bottom:1rem
    }

    .ts-product-widget-reviews-detail {
        border: none;
        padding-left: 0;
        margin-bottom: 10px;
        margin-top:5px
    }

    .ts-product-widget-header-right {
        padding-bottom:12px
    }
}

@media (max-width: 600px) {
    #trustspot-widget-wrapper .pagination-controls ul {
        text-align: center;
        padding:0
    }

    #trustspot-widget-wrapper .pagination-controls ul li a.next-page span {
        display:none
    }

    #trustspot-widget-wrapper .pagination-controls ul li a.next-page {
        min-width: auto;
        padding:10px
    }
}

@media (max-width: 600px) {
    .trustspot-photo-modal .trustspot-modal-slide {
        height: 100%;
        margin: 0;
        max-height:none
    }

    .trustspot-photo-modal .modal-slide-content, .trustspot-photo-modal .modal-slide-cover {
        width:100%
    }

    .trustspot-photo-modal .modal-slide-popup {
        height: 100%;
        margin-top: 0;
        margin-bottom: 10px;
        overflow:hidden
    }

    .trustspot-photo-modal .modal-slide-cover {
        height: 245px;
        display:inline-block
    }

    .trustspot-photo-modal .close-slider {
        color:#fff
    }

    .trustspot-photo-modal .modal-slide-content {
        overflow-y: auto;
        height:calc(100vh - 245px)
    }
}

.trustspot-experience-answer-head {
    color: var(--c-dark-l);
    font-size: 14px;
    margin-top:10px
}

.trustspot-inline-write-a-review {
    display: none
}

.trustspot-inline-write-a-review[data-reviews-count="0"] {
    display:inline-block
}

.trustspot-extended-widget .ts-reviews-rating .ts-reviews-rating-options {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:flex
}

.trustspot-extended-widget #trustspot-widget-wrapper div#trustspot-widget-review-block .result-box {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 15px !important;
    position:relative
}

.trustspot-extended-widget #trustspot-widget-wrapper .buyer {
    position:relative !important
}

:root {
    --star-size: 34px;
    --star-color: var(--c-orange);
    --star-background:transparent
}

.trustspot-extended-widget div.stars-container {
    --percent: calc(var(--rating) / 5 * 100%);
    display: inline-block;
    font-size: var(--star-size);
    line-height:1
}

.trustspot-extended-widget div.stars-container::before {
    content: '\f005 \f005 \f005 \f005 \f005';
    letter-spacing: 3px;
    background: -webkit-gradient(linear, left top, right top, from(#fc0), to(#ddd));
    background: linear-gradient(90deg, #fc0 var(--percent), #ddd var(--percent));
    background: -webkit-gradient(linear, left top, right top, from(var(--star-background)), to(var(--star-color)));
    background: linear-gradient(90deg, var(--star-background) var(--percent), var(--star-color) var(--percent));
    -webkit-background-clip: text;
    -webkit-text-fill-color:transparent
}

.trustspot-extended-widget .ts-reviews-rating {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.product-review-read-more {
    display: inline-block;
    margin-top: 1rem;
    color:var(--c-red)
}

.product-review-read-more:hover .trustspot-reviews-tooltip {
    display:block
}

.product-review-read-more span {
    cursor:pointer
}

.read-more {
    color: var(--c-red);
    font-size: .9rem;
    display:inline-block
}

.trustspot-reviews-tooltip {
    position: absolute;
    width: 300px;
    background: 0 0;
    padding: 0;
    z-index: 99999;
    display:none
}

.trustspot-reviews-tooltip-wrapper {
    background: var(--c-white);
    border: 1px solid var(--c-border);
    padding: 20px;
    overflow-y:auto
}

.tooltip-right-arrow .trustspot-reviews-tooltip-wrapper {
    margin-right:10px
}

.tooltip-left-arrow .trustspot-reviews-tooltip-wrapper {
    margin-left:10px
}

.trustspot-tooltip-header {
    font-size: 17px;
    color: var(--c-dark-l);
    margin-bottom:10px
}

.trustspot-tooltip-content {
    font-size: 14px;
    color:var(--c-base)
}

.trustspot-product-carousel {
    width:100%
}

.trustspot-carousel-reviews-container {
    position:relative
}

.trustspot-carousel-reviews-header {
    border-bottom: 1px solid var(--c-border);
    width: 100%;
    margin: auto;
    margin-bottom: 1rem;
    padding-bottom: 1.3rem;
    overflow:hidden
}

.trustspot-carousel-reviews-header h2 {
    border: none;
    color: var(--c-dark-l);
    margin: 0 0 5px;
    font-size: 18px;
    float: left;
    font-weight: 600;
    padding-bottom:0
}

.trustspot-carousel-reviews-header-right {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    float:right
}

.trustspot-carousel-reviews-header-right .ts-stars-1 {
    padding:0
}

.products-reviews-count {
    display: inline-block;
    color: var(--c-base) !important;
    margin-left: 10px;
    font-size:1.15rem
}

.trustspot-carousel-reviews-header h2 a {
    text-decoration: none;
    color: var(--c-red);
    font-size: 18px;
    margin-left:10px
}

.trustspot-carousel-reviews-widget {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    margin-top: 2rem;
    scroll-behavior: smooth;
    overflow:hidden
}

.trustspot-carousel-reviews-widget ul {
    width: 100% !important;
    list-style: none !important;
    -webkit-transition: margin-left 250ms !important;
    transition: margin-left 250ms !important;
    padding:0
}

.product-review-wrapper {
    padding:0 .5rem
}

.trustspot-review-col-content {
    padding-right:1rem
}

.trustspot-carousel-reviews-widget .trustspot-review-col {
    width: 33.33%;
    display: inline-block;
    margin: 0;
    white-space: normal;
    vertical-align:top
}

.trustspot-carousel-reviews-widget h3.reviewer-name {
    font-family: var(--font);
    font-size: 1.05rem;
    color:var(--c-dark-l)
}

#trustspot-carousel-reviews-left-arrow {
    float: left;
    margin-left:-60px
}

#trustspot-carousel-reviews-left-arrow i {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin-left: 5px;
    display: inline-block;
    padding: 5px;
    position: relative;
    top: 48%;
    margin-top: -1rem;
    border: solid rgba(85, 85, 85, .55);
    border-width: 0 1.5px 1.5px 0;
    cursor:pointer
}

#trustspot-carousel-reviews-right-arrow {
    float: right;
    margin-right:-60px
}

#trustspot-carousel-reviews-right-arrow i {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-right: 5px;
    display: inline-block;
    padding: 5px;
    position: relative;
    top: 48%;
    margin-top: -1rem;
    border: solid rgba(85, 85, 85, .55);
    border-width: 0 1.5px 1.5px 0;
    cursor:pointer
}

#trustspot-carousel-reviews-left-arrow:hover i, #trustspot-carousel-reviews-right-arrow:hover i {
    border-color: var(--c-red);
    cursor:pointer
}

.trustspot-review-col-head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow:hidden
}

.product-review-rating {
    display:inline-block
}

.product-review-rating .ts-carousel-avg-star {
    font-size:1.1rem
}

.product-review-rating img {
    width: 27px;
    display:inline
}

.product-review-date {
    vertical-align: top;
    margin-top: 5px;
    display: inline-block;
    color: var(--c-base);
    margin-left: 20px;
    font-size:.9rem
}

.review-product-image {
    width: 110px;
    display:inline-block
}

.review-product-image > div {
    width: 100%;
    height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border-radius: 0;
    background-color: var(--c-d-grey-back);
    background-blend-mode:darken
}

.review-product-image-caption {
    display: block;
    line-height: 1.2;
    margin-top:1rem
}

.review-product-image-caption, .review-product-image-caption span {
    font-size: .85rem;
    color: var(--c-base);
    text-decoration:none
}

.trustspot-review-content {
    width: calc(100% - 130px);
    float: right;
    color:var(--c-dark-l)
}

.trustspot-review-content p {
    margin: 0;
    overflow: hidden;
    font-size:1.05rem
}

.trustspot-carousel-reviews-footer {
    text-align: right;
    margin-top:2rem
}

.trustspot-carousel-reviews-footer a {
    text-decoration: none;
    color: var(--c-base);
    font-size: .9rem;
    display: block;
    background:var(--c-white)
}

.trustspot-carousel-reviews-footer span {
    vertical-align:top
}

.trustspot-carousel-reviews-footer img {
    height: 20px;
    display: inline-block;
    mix-blend-mode:luminosity
}

@media (min-width: 800px) {
    .tooltip-left-arrow:before {
        content: "";
        position: absolute;
        top: 70px;
        left: -10px;
        border-width: 10px;
        border-style: solid;
        border-color:transparent var(--c-border) transparent transparent
    }

    .tooltip-left-arrow:after {
        content: "";
        position: absolute;
        top: 70px;
        left: -9px;
        border-width: 10px;
        border-style: solid;
        border-color:transparent var(--c-border) transparent transparent
    }

    .tooltip-right-arrow:before {
        content: "";
        position: absolute;
        left: 100%;
        top: 70px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent transparent var(--c-border);
        margin-left:-10px
    }

    .tooltip-right-arrow:after {
        content: "";
        position: absolute;
        left: 100%;
        top: 70px;
        border-width: 10px;
        border-style: solid;
        border-color: transparent transparent transparent #f8f8f8;
        margin-left: -11px;
        z-index:999999
    }
}

@media (max-width: 1380px) {
    .trustspot-carousel-reviews-widget {
        width: calc(100% - 32px);
        margin-left: auto;
        margin-right:auto
    }

    #trustspot-carousel-reviews-left-arrow {
        margin-left:-1rem
    }

    #trustspot-carousel-reviews-right-arrow {
        margin-right:-1rem
    }
}

@media (max-width: 900px) {
    .trustspot-carousel-reviews-header h2, .trustspot-carousel-reviews-header h2 a {
        font-size: 16px;
        margin-left:0
    }

    .trustspot-carousel-reviews-widget .trustspot-review-col {
        width:50%
    }
}

@media (max-width: 600px) {
    .trustspot-carousel-reviews-widget .trustspot-review-col {
        width: 100%;
        vertical-align:middle
    }

    .product-review-wrapper {
        padding:0
    }

    .trustspot-carousel-reviews-footer {
        margin-top:20px
    }

    .trustspot-review-col-head {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content:center
    }

    .trustspot-review-col-content {
        padding-right: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align:center
    }

    .review-product-image {
        width: 100%;
        margin-top:1rem
    }

    .review-product-image > div {
        margin: auto;
        width: 90px;
        height:120px
    }

    .review-product-image-caption {
        margin-bottom:1rem
    }

    .trustspot-review-content {
        width:calc(100% - 105px)
    }

    .trustspot-reviews-tooltip {
        width:220px
    }
}

.trustspot-photo-carousel {
    line-height: normal;
    overflow:hidden
}

.trustspot-photo-carousel, .trustspot-photo-gallery {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    clear:both
}

.trustspot-photo-carousel img {
    max-width: 100%;
    max-height:100%
}

.trustspot-carousel-verified-buyer {
    color: var(--c-blue);
    font-size: 14px;
    display: inline-block;
    vertical-align:top
}

.trustspot-carousel-verified-buyer-icon {
    display: inline-block;
    margin-left:10px
}

.trustspot-carousel-verified-buyer svg {
    display: inline-block;
    margin-left: 0;
    width: 14px;
    fill: var(--c-blue);
    vertical-align:-2px
}

.trustspot-photo-carousel-products-tabs > div {
    padding: 20px 20px 10px;
    border-bottom: 1px solid var(--c-border);
    margin-top:0
}

.trustspot-photo-carousel-products-links a {
    display: inline-block;
    border: 1px solid var(--c-border);
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 5px;
    overflow:hidden
}

.trustspot-photo-carousel-products-links a.active {
    border:1px solid var(--c-burgundy)
}

.trustspot-photo-carousel-products-links a img {
    border-radius: 3px;
    border: 1px solid var(--c-border);
    height: 40px;
    width: 40px;
    -o-object-fit: cover;
    object-fit:cover
}

.trustspot-photo-carousel-products-tab {
    display:none
}

.trustspot-photo-carousel-products-tab-left {
    display: inline-block;
    margin-right: 1rem;
    width:100px
}

.trustspot-photo-carousel-products-tab-right {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    color: var(--c-base);
    width: calc(100% - 130px);
    text-align:left
}

.trustspot-photo-carousel-products-tab-left img {
    border: 1px solid #ddd;
    border-radius: 5px;
    height: 100px;
    width: 100px;
    -o-object-fit: contain;
    object-fit:contain
}

.royal_toc {
    padding: 0;
    max-width: 95%;
    overflow: scroll;
    height: 100%;
    margin-top: 0;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.royal_toc, .royal_toc ul {
    list-style-type:none
}

.royal_toc li {
    padding: .5rem 0;
    line-height:1.2
}

.royal_toc li a {
    color: var(--c-base);
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    margin-left: .5rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.royal_toc li a [class * =icon] {
    display: inline-block;
    font-size: .8rem;
    opacity: 0;
    height: 0;
    width: 0;
    visibility: hidden;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin-right: .5rem;
    -webkit-transform: translateY(25%);
    transform:translateY(25%)
}

.royal_toc li:hover a {
    color: var(--c-red);
    margin-left:.9rem
}

.royal_toc li:hover a [class * =icon] {
    opacity: 1;
    height: auto;
    visibility: visible;
    width:auto
}

.royal_toc li ul {
    padding-left: .5rem;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    -webkit-transition: opacity .4s, visibility .4s, padding .4s;
    transition:opacity .4s, visibility .4s, padding .4s
}

.royal_toc li ul li ul li {
    padding:.2rem 0
}

.royal_toc li.toc-active > a {
    color:var(--c-text-grey)
}

.royal_toc li.toc-active > a [class * =icon] {
    opacity: 1;
    height: auto;
    visibility: visible;
    width:auto
}

.royal_toc li.toc-active ul {
    opacity: 1;
    visibility: visible;
    max-height: 999px;
    padding-top:8px
}

@media (min-width: 768px) {
    .royal_toc {
        max-width: 80%;
        margin-left:-1.5rem
    }

    .royal_toc li a {
        font-size: 1.1rem;
        margin-left:1rem
    }

    .royal_toc li:hover a {
        margin-left:1.4rem
    }
}

.benefits, .categories {
    list-style-type: none;
    background: var(--c-grey-back);
    padding: .5rem .7rem;
    margin-bottom: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    max-width: none;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.benefits .benefit, .benefits .category, .categories .benefit, .categories .category {
    cursor: pointer;
    text-align: center;
    height: 37px;
    line-height: 37px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin: 0 5px;
    padding: 0 1rem;
    border-radius: 4px;
    -ms-flex-preferred-size: auto;
    flex-basis:auto
}

.benefits .benefit.active a, .benefits .benefit:hover a, .benefits .category.active a, .benefits .category:hover a, .categories .benefit.active a, .categories .benefit:hover a, .categories .category.active a, .categories .category:hover a {
    color:var(--c-red)
}

.benefits .benefit.active, .benefits .category.active, .categories .benefit.active, .categories .category.active {
    -webkit-box-shadow: 0 1px 3px rgba(179, 188, 197, .25);
    box-shadow: 0 1px 3px rgba(179, 188, 197, .25);
    background:var(--c-white)
}

.benefits .benefit a, .benefits .category a, .categories .benefit a, .categories .category a {
    color: var(--c-dark-l);
    display: inline-block;
    height: 100%;
    width: 100%;
    font-size:.95rem
}

.benefits .last, .categories .last {
    height: 100%;
    display: inline-block;
    min-width:15px
}

@media (min-width: 1024px) {
    .benefits, .categories {
        border-radius: 9px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .7rem;
        max-width: 100%;
        overflow-x:auto
    }

    .benefits .benefit, .benefits .category, .categories .benefit, .categories .category {
        height: 45px;
        line-height: 45px;
        padding:0 10px
    }

    .benefits .benefit a, .benefits .category a, .categories .benefit a, .categories .category a {
        font-size:1rem
    }

    .benefits .last, .categories .last {
        width: 0;
        min-width:0
    }
}

.f-p, .p, .r-p, .s-p {
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.f-p--thumb img, .p--thumb img, .r-p--thumb img, .s-p--thumb img {
    -o-object-fit: cover;
    object-fit: cover;
    width:100%
}

.f-p--category h6, .p--category h6, .r-p--category h6, .s-p--category h6 {
    font-size: .925rem;
    margin-bottom:.5em
}

.f-p--title a, .p--title a, .r-p--title a, .s-p--title a {
    color:var(--c-dark-l)
}

.f-p--excerpt, .p--excerpt, .r-p--excerpt, .s-p--excerpt {
    font-family: var(--font-a);
    font-size: 1.05rem;
    line-height:1.45
}

.f-p--excerpt a, .p--excerpt a, .r-p--excerpt a, .s-p--excerpt a {
    color:var(--c-dark-s)
}

.f-p:active, .f-p:focus, .f-p:hover, .p:active, .p:focus, .p:hover, .r-p:active, .r-p:focus, .r-p:hover, .s-p:active, .s-p:focus, .s-p:hover {
    opacity: .5;
    cursor:pointer
}

.f-p {
    padding:0
}

.f-p--thumb {
    max-width: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: calc(100% + 3rem);
    margin-left:-1.5rem
}

.f-p--thumb img {
    height:250px
}

.f-p--category {
    padding-top:1rem
}

.f-p--title h2 {
    margin-top: .5em;
    margin-bottom:.3em
}

.f-p--meta {
    padding: 0;
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order:2
}

.s-p {
    padding:0
}

.s-p--thumb img {
    height:200px
}

.s-p--category {
    padding-top:1.5rem
}

.s-p--title {
    padding-top: .5rem;
    max-width:90%
}

.s-p--title h3 {
    margin-top: 0;
    margin-bottom:.5em
}

.s-p--excerpt {
    max-width: 90%;
    font-size: .95rem;
    padding-top:.5rem
}

.r-p {
    position: relative;
    margin-bottom: 1.5rem;
    background: var(--c-burgundy);
    padding:0
}

.r-p--meta {
    bottom: 1.5rem;
    left: 2rem;
    position: absolute;
    max-width:75%
}

.r-p--category a, .r-p--title a {
    color:var(--c-white)
}

.r-p--title h3 {
    font-size: 1.45rem;
    margin-bottom:0
}

.r-p--thumb {
    background-color: var(--c-burgundy);
    padding:0
}

.r-p--thumb img {
    opacity: .6;
    height:230px
}

@media (min-width: 640px) {
    .f-p--thumb img {
        height:300px
    }
}

@media (min-width: 768px) {
    .f-p--meta {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .f-p--thumb {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: auto;
        margin-left:0
    }

    .f-p--thumb img {
        height:350px
    }

    .f-p--title {
        padding-bottom:1rem
    }

    .s-p {
        margin-bottom:3rem
    }

    .s-p--thumb img {
        height:250px
    }

    .r-p {
        max-width: calc(50% - 1rem);
        margin:0 .5rem
    }

    .r-p--thumb img {
        height:300px
    }

    .r-p--meta {
        max-width: 70%;
        bottom: 2.5rem;
        left:3rem
    }

    .r-p--title h3 {
        font-size:1.7243rem
    }
}

@media (min-width: 1024px) {
    .f-p--thumb img {
        max-height:400px
    }

    .f-p--category, .f-p--excerpt, .f-p--title {
        max-width:65%
    }

    .f-p--title h2 {
        font-size:2.2em
    }

    .s-p--title h3 {
        font-size:1.425em
    }

    .s-p--thumb img {
        height:290px
    }
}

.featured-wrapper {
    width:100%
}

.featured-wrapper h5 {
    font-size: 1.1em;
    font-weight: 400;
    margin-bottom:.7rem
}

.woocommerce-mini-cart-dark-back {
    display: none;
    background: rgba(0, 0, 0, .4);
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index:9999
}

.widget_shopping_cart {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    top: var(--admin-bar);
    left: 101%;
    width: 100%;
    height: calc(100vh - var(--admin-bar));
    position: fixed;
    background-color: var(--c-l-grey-back);
    z-index:10000
}

.widget_shopping_cart .widgettitle {
    display:none
}

.widget_shopping_cart #widget-cart-close span[class * =icon] {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    color: var(--c-black);
    font-size: 1.2em;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index:9999
}

.widget_shopping_cart #widget-cart-close span[class * =icon]:hover {
    color:var(--c-red)
}

.widget_shopping_cart_content {
    position: relative;
    height: 100%;
    overflow: auto;
    padding: 0 1.5rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    opacity: 1 !important;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.widget_shopping_cart_content::-webkit-scrollbar {
    display:none
}

.widget_shopping_cart_content--header {
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 101%;
    top: var(--admin-bar);
    padding: 1.25rem 1.5rem;
    background: var(--c-l-grey-back);
    border-bottom: 1px solid var(--c-border);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.widget_shopping_cart_content--header h4 {
    font-size: 1.4rem;
    margin: 0;
    line-height:1.2
}

.widget_shopping_cart_content--list {
    padding: 0;
    margin-top:calc(60px + 1.5rem)
}

.widget_shopping_cart_content--featured {
    margin-bottom:calc(175px + 2rem)
}

.widget_shopping_cart_content--featured h5 {
    margin-bottom:.7rem
}

.widget_shopping_cart_content--featured .mini-cart-upsells {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: calc(100% + 3rem);
    max-width: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: -1.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding: 0 1.5rem;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items:stretch
}

.widget_shopping_cart_content--featured .mini-cart-upsells::-webkit-scrollbar {
    display:none
}

.widget_shopping_cart_content--featured .last {
    height: 100%;
    display: inline-block;
    min-width:1.5rem
}

.widget_shopping_cart_content--footer {
    position: fixed;
    width: 100%;
    padding: .5rem 1.5rem;
    background: var(--c-l-grey-back);
    border-top: 1px solid var(--c-border);
    left: 101%;
    bottom: 0;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.widget_shopping_cart_content--footer .totals .totals--row {
    margin:.5rem 0
}

.widget_shopping_cart_content--footer .totals .totals--row .name, .widget_shopping_cart_content--footer .totals .totals--row .value {
    font-weight: 600;
    color:var(--c-dark-l)
}

.widget_shopping_cart_content--footer .totals .premium-shipping {
    margin: .5rem 0;
    padding:0
}

.widget_shopping_cart_content--footer .totals .premium-shipping .progress-container {
    margin: .5rem 0;
    padding: 0;
    width: 100%;
    height: 6.5px;
    background:var(--c-light)
}

.widget_shopping_cart_content--footer .totals .premium-shipping .progress {
    background: var(--g-base);
    height: 100%;
    background-size: 300%;
    -webkit-animation: gradient-flow 7s linear infinite forwards;
    animation:gradient-flow 7s linear infinite forwards
}

.widget_shopping_cart_content--footer .totals .premium-shipping .text {
    font-size:.9rem
}

.widget_shopping_cart_content--footer .buttons .btn {
    font-size: 1.2rem;
    margin:.3rem 0
}

.widget_shopping_cart_content--footer .buttons .btn [class * =icon] {
    background: url(/images/lock.svg) 100%/12px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 0;
    margin-right:.5rem
}

.widget_shopping_cart_content--footer .buttons .btn:hover [class * =icon] {
    margin-left:0
}

.widget_shopping_cart_content--footer .buttons .checkout-excerpt {
    font-size: .85rem;
    text-align: center;
    color: rgba(0, 0, 0, .4);
    margin:0 0 .2rem
}

.widget_shopping_cart_content--empty {
    margin-top: 100px;
    padding:0
}

.widget_shopping_cart_content--empty .woocommerce-mini-cart__empty-message {
    font-size: 1.5em;
    font-weight: 400;
    margin-bottom:.5rem
}

.widget_shopping_cart .widget_shopping_cart_content--empty + .widget_shopping_cart_content--featured {
    margin-top: 2.5rem;
    margin-bottom:1.5rem
}

.widget_shopping_cart.active {
    left:0
}

.widget_shopping_cart.active .widget_shopping_cart_content--footer, .widget_shopping_cart.active .widget_shopping_cart_content--header {
    left:0
}

.widget_shopping_cart.active + .woocommerce-mini-cart-dark-back {
    display:block
}

@media (min-width: 768px) {
    .widget_shopping_cart, .widget_shopping_cart .widget_shopping_cart_content--footer, .widget_shopping_cart .widget_shopping_cart_content--header {
        width:50vw
    }

    .widget_shopping_cart.active, .widget_shopping_cart.active .widget_shopping_cart_content--footer, .widget_shopping_cart.active .widget_shopping_cart_content--header {
        left:50%
    }
}

@media (min-width: 1140px) {
    .widget_shopping_cart, .widget_shopping_cart .widget_shopping_cart_content--footer, .widget_shopping_cart .widget_shopping_cart_content--header {
        width:35vw
    }

    .widget_shopping_cart.active, .widget_shopping_cart.active .widget_shopping_cart_content--footer, .widget_shopping_cart.active .widget_shopping_cart_content--header {
        left:65%
    }
}

.st-atc {
    position: fixed;
    bottom: -61px;
    width: 100%;
    background: var(--c-white);
    height: 60px;
    z-index: 999;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    border-top:1px solid var(--c-border)
}

.st-atc.show {
    bottom:0
}

.st-atc .st-atc--meta {
    font-size: 1.05em;
    color:var(--c-text-grey)
}

.st-atc .st-atc--meta .price .price-sale {
    margin-left: 5px;
    font-weight: 700;
    color:var(--c-dark-l)
}

.st-atc .st-atc--meta .period {
    font-size:.95em
}

.st-atc .st-atc--btn {
    text-align: right;
    padding-left: 0;
    padding-right:0
}

@media (min-width: 1024px) {
    .st-atc {
        bottom: auto;
        top: -150px;
        border-top: none;
        height: 75px;
        border-bottom:1px solid var(--c-border)
    }

    .st-atc .st-atc--btn {
        padding-right:.5rem
    }

    .st-atc.show {
        top:0
    }

    .st-atc.show-d {
        top:calc(var(--header) + var(--topbar))
    }
}

#woo-main {
    position:relative
}

#woo-main .woocommerce-breadcrumb {
    position: absolute;
    top: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
    font-size: .95rem;
    color: rgba(85, 85, 85, .55);
    width: 100%;
    text-align:center
}

#woo-main .woocommerce-breadcrumb a {
    color:rgba(85, 85, 85, .55)
}

@media (min-width: 768px) {
    #woo-main .woocommerce-breadcrumb {
        text-align:left
    }
}

.pr-sm {
    position:relative
}

.pr-sm--img {
    padding: 0;
    margin-bottom: 1rem;
    background: var(--c-d-grey-back);
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height:60vh
}

.pr-sm--img .woocommerce-product-gallery {
    margin-bottom: 2rem;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.pr-sm--img .woocommerce-product-gallery img {
    margin-left: auto;
    margin-right: auto;
    /* mix-blend-mode:darken */
}

.pr-sm--img .woocommerce-product-gallery .woocommerce-product-gallery__image img {
    height: 50vh;
    -o-object-fit: cover;
    object-fit: cover;
    max-width:90%;
    bottom:2em;
}

.pr-sm--img-badge {
    position: absolute;
    top: 1rem;
    left: 1.5rem;
    --badge-size: 70px;
    width: var(--badge-size);
    height: var(--badge-size);
    z-index:1
}

.pr-sm--img-badge img, .pr-sm--img-badge svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit:contain
}

.pr-sm--img-badge svg #text {
    -webkit-animation: rotate-360 20s linear infinite;
    animation: rotate-360 20s linear infinite;
    -webkit-transform-origin: center;
    transform-origin:center
}

.pr-sm--summary {
    padding-bottom:1rem
}

#yith-wfbt-modal, .pr-sm--summary {
    margin-top: 60vh;
    padding-top:2rem
}

#yith-wfbt-modal h1.product_title, .pr-sm--summary h1.product_title {
    font-size:1.5rem
}

#yith-wfbt-modal p.price, .pr-sm--summary p.price {
    display:none !important
}

#yith-wfbt-modal .woocommerce-variation-price .price, .pr-sm--summary .woocommerce-variation-price .price {
    display:none !important
}

#yith-wfbt-modal .woocommerce-product-details__short-description p, .pr-sm--summary .woocommerce-product-details__short-description p {
    margin-top:0
}

#yith-wfbt-modal p.points, .pr-sm--summary p.points {
    margin: 0;
    display:none !important
}

#yith-wfbt-modal .wc-points-rewards-product-message p.points, .pr-sm--summary .wc-points-rewards-product-message p.points {
    display: block !important;
    margin:0
}

#yith-wfbt-modal form.cart, .pr-sm--summary form.cart {
    width:100%
}

#yith-wfbt-modal .variations select, .pr-sm--summary .variations select {
    display:none !important
}

#yith-wfbt-modal .variations, #yith-wfbt-modal div[id * =quantity], .pr-sm--summary .variations, .pr-sm--summary div[id * =quantity] {
    width:100%
}

#yith-wfbt-modal .variations .label, #yith-wfbt-modal div[id * =quantity] .label, .pr-sm--summary .variations .label, .pr-sm--summary div[id * =quantity] .label {
    padding-left: 0;
    margin-bottom:.5rem
}

#yith-wfbt-modal .variations .label label, #yith-wfbt-modal div[id * =quantity] .label label, .pr-sm--summary .variations .label label, .pr-sm--summary div[id * =quantity] .label label {
    font-size: 1rem;
    text-transform: capitalize;
    margin-bottom:0
}

#yith-wfbt-modal .variations .label label .selected-value, #yith-wfbt-modal div[id * =quantity] .label label .selected-value, .pr-sm--summary .variations .label label .selected-value, .pr-sm--summary div[id * =quantity] .label label .selected-value {
    font-weight: 500;
    color:var(--c-dark-l)
}

#yith-wfbt-modal .variations td.value, #yith-wfbt-modal div[id * =quantity] td.value, .pr-sm--summary .variations td.value, .pr-sm--summary div[id * =quantity] td.value {
    padding:0
}

#yith-wfbt-modal .variations td.value .pr-sm--attr, #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr, .pr-sm--summary .variations td.value .pr-sm--attr, .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr {
    margin-bottom:1.5rem
}

#yith-wfbt-modal .variations td.value .pr-sm--attr label, #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr label, .pr-sm--summary .variations td.value .pr-sm--attr label, .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr label {
    position: relative;
    cursor:pointer
}

#yith-wfbt-modal .variations td.value .pr-sm--attr label.disabled, #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr label.disabled, .pr-sm--summary .variations td.value .pr-sm--attr label.disabled, .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr label.disabled {
    display:none !important
}

#yith-wfbt-modal .variations td.value .pr-sm--attr label.out-of-stock, #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr label.out-of-stock, .pr-sm--summary .variations td.value .pr-sm--attr label.out-of-stock, .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr label.out-of-stock {
    opacity:.35
}

#yith-wfbt-modal .variations td.value .pr-sm--attr input[type=radio], #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr input[type=radio], .pr-sm--summary .variations td.value .pr-sm--attr input[type=radio], .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr input[type=radio] {
    display:none !important
}

#yith-wfbt-modal .variations #pa_flavor label, #yith-wfbt-modal div[id * =quantity] #pa_flavor label, .pr-sm--summary .variations #pa_flavor label, .pr-sm--summary div[id * =quantity] #pa_flavor label {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    background:var(--c-gold)
}

#yith-wfbt-modal .variations #pa_flavor label:before, #yith-wfbt-modal div[id * =quantity] #pa_flavor label:before, .pr-sm--summary .variations #pa_flavor label:before, .pr-sm--summary div[id * =quantity] #pa_flavor label:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: var(--c-white);
    border-radius: 100%;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    -webkit-transform: scale(0) translate(-50%, -50%);
    transform: scale(0) translate(-50%, -50%);
    top: 50%;
    left:50%
}

#yith-wfbt-modal .variations #pa_flavor label[for * =berry], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =berry], .pr-sm--summary .variations #pa_flavor label[for * =berry], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =berry] {
    background:var(--c-red)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =blueberry], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =blueberry], .pr-sm--summary .variations #pa_flavor label[for * =blueberry], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =blueberry] {
    background:var(--c-blueberry)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =natural], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =natural], .pr-sm--summary .variations #pa_flavor label[for * =natural], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =natural] {
    background: var(--c-white);
    border:1.14px solid var(--c-text-grey)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =natural]:before, #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =natural]:before, .pr-sm--summary .variations #pa_flavor label[for * =natural]:before, .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =natural]:before {
    background:var(--c-red)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =vanilla], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =vanilla], .pr-sm--summary .variations #pa_flavor label[for * =vanilla], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =vanilla] {
    background:var(--c-gold)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =apple], #yith-wfbt-modal .variations #pa_flavor label[for * =mint], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =apple], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =mint], .pr-sm--summary .variations #pa_flavor label[for * =apple], .pr-sm--summary .variations #pa_flavor label[for * =mint], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =apple], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =mint] {
    background:var(--c-green)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =drops], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =drops], .pr-sm--summary .variations #pa_flavor label[for * =drops], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =drops] {
    background:var(--c-burgundy)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =active], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =active], .pr-sm--summary .variations #pa_flavor label[for * =active], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =active] {
    background:var(--c-blue)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =calming], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =calming], .pr-sm--summary .variations #pa_flavor label[for * =calming], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =calming] {
    background:var(--c-green)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =hearty], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =hearty], .pr-sm--summary .variations #pa_flavor label[for * =hearty], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =hearty] {
    background:var(--c-red)
}

#yith-wfbt-modal .variations #pa_flavor label[for * =bundle], #yith-wfbt-modal div[id * =quantity] #pa_flavor label[for * =bundle], .pr-sm--summary .variations #pa_flavor label[for * =bundle], .pr-sm--summary div[id * =quantity] #pa_flavor label[for * =bundle] {
    background-color: transparent;
    background-image:url(/images/bnd1.svg)
}

#yith-wfbt-modal .variations #pa_flavor label:not(:last-child), #yith-wfbt-modal div[id * =quantity] #pa_flavor label:not(:last-child), .pr-sm--summary .variations #pa_flavor label:not(:last-child), .pr-sm--summary div[id * =quantity] #pa_flavor label:not(:last-child) {
    margin-right:1rem
}

#yith-wfbt-modal .variations #pa_flavor input:checked + label, #yith-wfbt-modal div[id * =quantity] #pa_flavor input:checked + label, .pr-sm--summary .variations #pa_flavor input:checked + label, .pr-sm--summary div[id * =quantity] #pa_flavor input:checked + label {
    -webkit-animation-play-state: paused;
    animation-play-state:paused
}

#yith-wfbt-modal .variations #pa_flavor input:checked + label:before, #yith-wfbt-modal div[id * =quantity] #pa_flavor input:checked + label:before, .pr-sm--summary .variations #pa_flavor input:checked + label:before, .pr-sm--summary div[id * =quantity] #pa_flavor input:checked + label:before {
    -webkit-transform: scale(1) translate(-50%, -50%);
    transform: scale(1) translate(-50%, -50%);
    -webkit-transition: all .4s;
    transition:all .4s
}

#yith-wfbt-modal .variations #pa_potency, #yith-wfbt-modal .variations .pr-sm--quantity, #yith-wfbt-modal div[id * =quantity] #pa_potency, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity, .pr-sm--summary .variations #pa_potency, .pr-sm--summary .variations .pr-sm--quantity, .pr-sm--summary div[id * =quantity] #pa_potency, .pr-sm--summary div[id * =quantity] .pr-sm--quantity {
    background: var(--c-grey-back);
    width: calc(100% + 46px);
    margin-left: -23px;
    padding:.3rem
}

#yith-wfbt-modal .variations #pa_potency input, #yith-wfbt-modal .variations .pr-sm--quantity input, #yith-wfbt-modal div[id * =quantity] #pa_potency input, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity input, .pr-sm--summary .variations #pa_potency input, .pr-sm--summary .variations .pr-sm--quantity input, .pr-sm--summary div[id * =quantity] #pa_potency input, .pr-sm--summary div[id * =quantity] .pr-sm--quantity input {
    display:none !important
}

#yith-wfbt-modal .variations #pa_potency label, #yith-wfbt-modal .variations .pr-sm--quantity label, #yith-wfbt-modal div[id * =quantity] #pa_potency label, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label, .pr-sm--summary .variations #pa_potency label, .pr-sm--summary .variations .pr-sm--quantity label, .pr-sm--summary div[id * =quantity] #pa_potency label, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label {
    cursor: pointer;
    font-size: 1.05rem;
    color: var(--c-base);
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 70px;
    line-height: 1.5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom:0
}

#yith-wfbt-modal .variations #pa_potency label p, #yith-wfbt-modal .variations .pr-sm--quantity label p, #yith-wfbt-modal div[id * =quantity] #pa_potency label p, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p, .pr-sm--summary .variations #pa_potency label p, .pr-sm--summary .variations .pr-sm--quantity label p, .pr-sm--summary div[id * =quantity] #pa_potency label p, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p {
    margin:auto
}

#yith-wfbt-modal .variations #pa_potency label p .quantity-saving, #yith-wfbt-modal .variations #pa_potency label p .serving, #yith-wfbt-modal .variations .pr-sm--quantity label p .quantity-saving, #yith-wfbt-modal .variations .pr-sm--quantity label p .serving, #yith-wfbt-modal div[id * =quantity] #pa_potency label p .quantity-saving, #yith-wfbt-modal div[id * =quantity] #pa_potency label p .serving, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .quantity-saving, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .serving, .pr-sm--summary .variations #pa_potency label p .quantity-saving, .pr-sm--summary .variations #pa_potency label p .serving, .pr-sm--summary .variations .pr-sm--quantity label p .quantity-saving, .pr-sm--summary .variations .pr-sm--quantity label p .serving, .pr-sm--summary div[id * =quantity] #pa_potency label p .quantity-saving, .pr-sm--summary div[id * =quantity] #pa_potency label p .serving, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .quantity-saving, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .serving {
    display: inline-block;
    width: 100%;
    font-size:.85rem
}

#yith-wfbt-modal .variations #pa_potency label p .quantity-saving b, #yith-wfbt-modal .variations .pr-sm--quantity label p .quantity-saving b, #yith-wfbt-modal div[id * =quantity] #pa_potency label p .quantity-saving b, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .quantity-saving b, .pr-sm--summary .variations #pa_potency label p .quantity-saving b, .pr-sm--summary .variations .pr-sm--quantity label p .quantity-saving b, .pr-sm--summary div[id * =quantity] #pa_potency label p .quantity-saving b, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .quantity-saving b {
    font-weight: 700;
    color:var(--c-red)
}

#yith-wfbt-modal .variations #pa_potency label p .serving, #yith-wfbt-modal .variations .pr-sm--quantity label p .serving, #yith-wfbt-modal div[id * =quantity] #pa_potency label p .serving, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .serving, .pr-sm--summary .variations #pa_potency label p .serving, .pr-sm--summary .variations .pr-sm--quantity label p .serving, .pr-sm--summary div[id * =quantity] #pa_potency label p .serving, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .serving {
    color:var(--c-pr-grey)
}

#yith-wfbt-modal .variations #pa_potency input:checked + label, #yith-wfbt-modal .variations .pr-sm--quantity input:checked + label, #yith-wfbt-modal div[id * =quantity] #pa_potency input:checked + label, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity input:checked + label, .pr-sm--summary .variations #pa_potency input:checked + label, .pr-sm--summary .variations .pr-sm--quantity input:checked + label, .pr-sm--summary div[id * =quantity] #pa_potency input:checked + label, .pr-sm--summary div[id * =quantity] .pr-sm--quantity input:checked + label {
    background-color: var(--c-white);
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    border-radius: 6px;
    color: var(--c-red);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

#yith-wfbt-modal .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button, #yith-wfbt-modal .woocommerce-variation-add-to-cart-disabled .wcsatt-options-wrapper, #yith-wfbt-modal .woocommerce-variation-add-to-cart-disabled .woocommerce-variation-price, #yith-wfbt-modal .woocommerce-variation-add-to-cart-disabled [id * =quantity], .pr-sm--summary .woocommerce-variation-add-to-cart-disabled .single_add_to_cart_button, .pr-sm--summary .woocommerce-variation-add-to-cart-disabled .wcsatt-options-wrapper, .pr-sm--summary .woocommerce-variation-add-to-cart-disabled .woocommerce-variation-price, .pr-sm--summary .woocommerce-variation-add-to-cart-disabled [id * =quantity] {
    display:none !important
}

#yith-wfbt-modal p.stock, .pr-sm--summary p.stock {
    font-size: 1.5rem;
    color: var(--c-red);
    margin: .3rem 0;
    width:100%
}

#yith-wfbt-modal .pr-sm--waiting, .pr-sm--summary .pr-sm--waiting {
    width: 100%;
    font-size: 1rem;
    color:var(--c-dark-l)
}

#yith-wfbt-modal .pr-sm--waiting p.waiting-message, .pr-sm--summary .pr-sm--waiting p.waiting-message {
    font-size: 1.2rem;
    margin-top: .5em;
    margin-bottom:.2em
}

#yith-wfbt-modal .pr-sm--waiting label[for=yith-wcwtl-policy-check], .pr-sm--summary .pr-sm--waiting label[for=yith-wcwtl-policy-check] {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

#yith-wfbt-modal .pr-sm--waiting label[for=yith-wcwtl-policy-check] input, .pr-sm--summary .pr-sm--waiting label[for=yith-wcwtl-policy-check] input {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 1;
    flex:0 0 1
}

#yith-wfbt-modal .pr-sm--waiting label[for=yith-wcwtl-policy-check] span, .pr-sm--summary .pr-sm--waiting label[for=yith-wcwtl-policy-check] span {
    max-width: 90%;
    display:inline-block
}

#yith-wfbt-modal .pr-sm--waiting .email, .pr-sm--summary .pr-sm--waiting .email {
    margin-bottom: 1rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

#yith-wfbt-modal .pr-sm--waiting .email input, #yith-wfbt-modal .pr-sm--waiting .email label, .pr-sm--summary .pr-sm--waiting .email input, .pr-sm--summary .pr-sm--waiting .email label {
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

#yith-wfbt-modal .pr-sm--waiting .email label, .pr-sm--summary .pr-sm--waiting .email label {
    margin-bottom:.5rem
}

#yith-wfbt-modal .pr-sm--waiting .email input, .pr-sm--summary .pr-sm--waiting .email input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    line-height: 30px;
    height: 30px;
    font-size: 1rem;
    border: none;
    border-bottom:1.2px solid var(--c-base)
}

#yith-wfbt-modal .wc-points-rewards-product-message, .pr-sm--summary .wc-points-rewards-product-message {
    display: inline-block;
    color: var(--c-text-grey);
    font-size:1rem
}

#yith-wfbt-modal .tabs, .pr-sm--summary .tabs {
    padding: 0;
    font-size:1.05rem
}

#yith-wfbt-modal .tabs ul, .pr-sm--summary .tabs ul {
    list-style-type: none;
    padding: 1rem 0 .7rem;
    margin-bottom:.5rem
}

#yith-wfbt-modal .tabs ul li, .pr-sm--summary .tabs ul li {
    margin-right:1.5rem
}

#yith-wfbt-modal .tabs ul li a, .pr-sm--summary .tabs ul li a {
    color:var(--c-text-grey)
}

#yith-wfbt-modal .tabs ul li a.active, .pr-sm--summary .tabs ul li a.active {
    color:var(--c-black)
}

#yith-wfbt-modal .tabs .tab-description, .pr-sm--summary .tabs .tab-description {
    margin-bottom: 2rem;
    padding: 0;
    color:var(--c-base)
}

#yith-wfbt-modal .tabs .tab-description .content, .pr-sm--summary .tabs .tab-description .content {
    font-size:1rem
}

#yith-wfbt-modal .tabs .tab-description .content p, .pr-sm--summary .tabs .tab-description .content p {
    padding:0
}

#yith-wfbt-modal .tabs .tab-description .content img, .pr-sm--summary .tabs .tab-description .content img {
    width: 100%;
    padding-left:0
}

#yith-wfbt-modal a.added_to_cart.wc-forward, .pr-sm--summary a.added_to_cart.wc-forward {
    display:none
}

#yith-wfbt-modal {
    margin-top: 2rem;
    max-width: 700px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    padding:1.2rem 1rem
}

#yith-wfbt-modal h4 {
    margin-bottom:2rem
}

#yith-wfbt-modal .product-name {
    margin: 0;
    color: var(--c-black);
    font-weight: 500;
    font-size:1.05rem
}

#yith-wfbt-modal .product-image {
    margin:auto
}

#yith-wfbt-modal .product-image img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit:cover
}

#yith-wfbt-modal button {
    max-width:none
}

#yith-wfbt-modal button[disabled] {
    background: var(--c-text-grey);
    pointer-events: none;
    cursor:not-allowed
}

#yith-wfbt-modal .single_variation_wrap {
    display:none !important
}

.yith-wcwtl-ajax-message {
    width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: var(--c-white);
    color: var(--c-black);
    z-index: 999;
    padding: 1.5rem;
    text-align: center;
    font-size: 1.1rem;
    -webkit-animation: 3s linear noticehide forwards;
    animation:3s linear noticehide forwards
}

.yith-wcwtl-ajax-message:hover {
    -webkit-animation-play-state: paused;
    animation-play-state:paused
}

.yith-wcwtl-ajax-message ul {
    list-style-type: none;
    padding-left:0
}

@media (max-width: 550px) {
    .pr-sm--summary .tabs .tab-description img {
        max-width:none
    }

    .pr-sm--summary .tabs .tab-description p {
        width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis:100%
    }
}

@media (min-width: 768px) {
    #woo-main .woocommerce-breadcrumb {
        -webkit-transform: none;
        transform: none;
        left: 1rem;
        top: 2rem;
        width:50%
    }

    .pr-sm--img {
        position: fixed;
        height:100vh
    }

    .pr-sm--img-badge {
        top: calc(var(--admin-bar) + var(--topbar) + var(--header) + 2rem);
        left: auto;
        right: 3rem;
        --badge-size:90px
    }

    .pr-sm--img .woocommerce-product-gallery {
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    #yith-wfbt-modal, .pr-sm--summary {
        margin-top:0
    }

    #yith-wfbt-modal h1.product_title, .pr-sm--summary h1.product_title {
        font-size:1.5rem
    }

    #yith-wfbt-modal .variations .label label, #yith-wfbt-modal div[id * =quantity] .label label, .pr-sm--summary .variations .label label, .pr-sm--summary div[id * =quantity] .label label {
        font-size:1.05rem
    }

    #yith-wfbt-modal .variations td.value .pr-sm--attr, #yith-wfbt-modal div[id * =quantity] td.value .pr-sm--attr, .pr-sm--summary .variations td.value .pr-sm--attr, .pr-sm--summary div[id * =quantity] td.value .pr-sm--attr {
        margin-bottom:2rem
    }

    #yith-wfbt-modal .variations #pa_flavor label, #yith-wfbt-modal div[id * =quantity] #pa_flavor label, .pr-sm--summary .variations #pa_flavor label, .pr-sm--summary div[id * =quantity] #pa_flavor label {
        width: 28px;
        height:28px
    }

    #yith-wfbt-modal .variations #pa_flavor label:before, #yith-wfbt-modal div[id * =quantity] #pa_flavor label:before, .pr-sm--summary .variations #pa_flavor label:before, .pr-sm--summary div[id * =quantity] #pa_flavor label:before {
        width: 9px;
        height:9px
    }

    #yith-wfbt-modal .variations #pa_flavor label:hover, #yith-wfbt-modal div[id * =quantity] #pa_flavor label:hover, .pr-sm--summary .variations #pa_flavor label:hover, .pr-sm--summary div[id * =quantity] #pa_flavor label:hover {
        -webkit-transform: translateY(-2px);
        transform:translateY(-2px)
    }

    #yith-wfbt-modal .variations #pa_potency, #yith-wfbt-modal .variations .pr-sm--quantity, #yith-wfbt-modal div[id * =quantity] #pa_potency, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity, .pr-sm--summary .variations #pa_potency, .pr-sm--summary .variations .pr-sm--quantity, .pr-sm--summary div[id * =quantity] #pa_potency, .pr-sm--summary div[id * =quantity] .pr-sm--quantity {
        width: 100%;
        border-radius: 6px;
        margin-left: 0;
        padding:.3rem
    }

    #yith-wfbt-modal .variations #pa_potency label, #yith-wfbt-modal .variations .pr-sm--quantity label, #yith-wfbt-modal div[id * =quantity] #pa_potency label, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label, .pr-sm--summary .variations #pa_potency label, .pr-sm--summary .variations .pr-sm--quantity label, .pr-sm--summary div[id * =quantity] #pa_potency label, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label {
        font-size:1.1rem
    }

    #yith-wfbt-modal .variations .pr-sm--quantity label p .quantity-saving, #yith-wfbt-modal .variations .pr-sm--quantity label p .serving, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .quantity-saving, #yith-wfbt-modal div[id * =quantity] .pr-sm--quantity label p .serving, .pr-sm--summary .variations .pr-sm--quantity label p .quantity-saving, .pr-sm--summary .variations .pr-sm--quantity label p .serving, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .quantity-saving, .pr-sm--summary div[id * =quantity] .pr-sm--quantity label p .serving {
        font-size:.9rem
    }

    #yith-wfbt-modal .tabs .tab-description img, .pr-sm--summary .tabs .tab-description img {
        width: 100%;
        max-width: 500px;
        padding-left: 0;
        padding-right:1rem
    }

    .yith-wcwtl-ajax-message {
        width:70%
    }
}

@media screen and (min-width: 590px) and(max-width: 767px) {
    .pr-sm--img .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        max-width:60%;
        bottom:5em;
    }

    .pr-sm--img-badge {
        top: 1.5rem;
        left: 1.5rem;
        --badge-size:80px
    }
}

@media (min-width: 1024px) {
    .pr-sm--img .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        height:auto;
        bottom:10rem;
    }

    .pr-sm--summary {
        padding-left:5rem
    }

    .pr-sm--summary h1.product_title {
        font-size:2.125rem
    }

    .pr-sm--summary .woocommerce-product-details__short-description {
        max-width:90%
    }

    #yith-wfbt-modal {
        margin-top:7rem
    }

    #yith-wfbt-modal .product-image img {
        width: 200px;
        height: 200px;
        -o-object-fit: cover;
        object-fit:cover
    }
}


@media (min-width: 1200px) {
    .pr-sm--img .woocommerce-product-gallery .woocommerce-product-gallery__image img {
        max-width:75%;
        bottom:10rem;
    }

    .pr-sm--summary .tabs .tab-description img {
        /* max-width:250px */
        max-width:500px;
    }
}

.hidden-price {
    display:none !important
}

.royal-product .woocommerce-notices-wrapper {
    display:none !important
}

@-webkit-keyframes noticehide {
    to {
        opacity: 0;
        visibility:hidden
    }
}

@keyframes noticehide {
    to {
        opacity: 0;
        visibility:hidden
    }
}

.pr-sm--summary .wcsatt-options-wrapper {
    border: 1px solid var(--c-border);
    border-width: 1px 0;
    width: calc(100% + 3rem);
    margin-left:-1.5rem
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--radio:first-child {
    border-bottom:1px solid var(--c-border)
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--label {
    margin-bottom:0
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--label input {
    -ms-flex-item-align: start;
    align-self: flex-start;
    top:5px
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option--price {
    font-weight: 700;
    font-size:1.05rem
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option--price .price-reg {
    font-size: 1rem;
    color:var(--c-text-grey)
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option--text {
    font-size: 1rem;
    color:var(--c-dark-s)
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option--text .discount {
    display: inline-block;
    background: var(--c-light);
    border-radius: 100px;
    color: var(--c-red);
    font-weight: 600;
    text-transform: uppercase;
    font-size: .8rem;
    padding: .25em .75em;
    margin-left:.25rem
}

.pr-sm--summary .wcsatt-options-wrapper .sub-option--text .excerpt {
    display: inline-block;
    width: 100%;
    font-size: .85rem;
    margin-top: .5rem;
    color:var(--c-text-grey)
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--label {
    font-size: 1rem;
    text-align: left;
    color:var(--c-pr-grey)
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 0;
    flex: 1 0;
    margin-left: .5rem;
    background-color: var(--c-d-grey-back);
    border-radius: .25rem;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    border: 1px solid var(--c-border);
    height: 42px;
    line-height: 1;
    color: var(--c-black);
    font-size: 1rem;
    padding-left:.5rem
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown:active, .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown:focus, .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown:hover {
    border-color:var(--c-red)
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex:1 1 100%
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features .feature {
    display: inline-block;
    font-size: .9rem;
    color:var(--c-pr-grey)
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features .feature:not(:last-child) {
    margin-right:.75rem
}

.pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features .feature:before {
    content: url(data:image/svg+xml;utf8;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEyIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTEuOTEzIDEuNDM4NjFMNS4wMzE1NiA4Ljk0NTY2TDAuNTg1OTM4IDQuNTAwMDRMMi4wMDAxNSAzLjA4NTgyTDQuOTY4NzQgNi4wNTQ0MUwxMC40Mzg3IDAuMDg3MTU4MkwxMS45MTMgMS40Mzg2MVoiIGZpbGw9IiNFNjNCMzkiLz4gPC9zdmc+);
    margin-right:.35rem
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--radio.selected {
    background:var(--c-grey-back)
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--radio.selected .dropdown-options--dropdown {
    background-color:var(--c-white)
}

.pr-sm--summary .wcsatt-options-wrapper .sub-options--radio.selected .sub-option--text .discount {
    background:var(--c-white)
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product {
    list-style-type: none;
    padding: 0;
    margin:0
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product li {
    padding: 1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product li:not(:last-child) {
    border-bottom:1px solid var(--c-border)
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product li input[name * =convert_to_sub_] {
    -ms-flex-item-align: start;
    align-self: flex-start;
    top:5px
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product li label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom:0
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product li.selected {
    background:var(--c-grey-back)
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product .sub-option--price del {
    font-size: 1.1rem;
    color:var(--c-text-grey)
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product .sub-option--price ins {
    text-decoration:none
}

.pr-sm--summary .wcsatt-options-wrapper ul.wcsatt-options-product .sub-option--excerpt {
    display: block;
    color: var(--c-text-grey);
    margin-top:.5rem
}

@media (max-width: 339px) {
    .pr-sm--summary .wcsatt-options-wrapper .sub-option--price {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 auto;
        flex:0 auto
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--label {
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 auto;
        flex:0 auto
    }
}

@media (max-width: 374px) {
    .pr-sm--summary .wcsatt-options-wrapper .sub-option--price {
        font-size:.9rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--price .price-reg {
        font-size:.85rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--text {
        font-size:.95rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--text .discount {
        font-size:.7rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--label {
        font-size:.9rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown {
        height: 40px;
        font-size:.95rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features .feature {
        font-size:.8rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features .feature:not(:last-child) {
        margin-right:.55rem
    }
}

@media (min-width: 768px) {
    .pr-sm--summary .wcsatt-options-wrapper {
        border-width: 1px;
        border-radius: .25rem;
        width: 100%;
        margin-left:0
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown {
        height: 48px;
        background-color:var(--c-white)
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--features {
        padding-right:0
    }

    .pr-sm--summary ul.wcsatt-options-product li .sub-option--price {
        font-size:1.2rem
    }

    .pr-sm--summary ul.wcsatt-options-product li .sub-option--text {
        font-size:1.15rem
    }
}

@media (min-width: 1024px) {
    .pr-sm--summary .wcsatt-options-wrapper .sub-option--price {
        font-size:1.15rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--price .price-reg {
        font-size:1.1rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--text {
        font-size:1.075rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .sub-option--text .discount {
        font-size: .9rem;
        margin-left:.5rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--label {
        font-size:1.05rem
    }

    .pr-sm--summary .wcsatt-options-wrapper .dropdown-options--dropdown {
        font-size: 1.05rem;
        padding-left:1rem
    }
}

.pr-hl .highlights {
    margin-bottom: 2rem;
    margin-top:1rem
}

.pr-hl .highlights h3 {
    font-size: 1.5rem;
    width: 90%;
    margin-bottom:.5rem
}

.pr-hl .highlights:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    background: var(--c-d-grey-back);
    z-index: -1;
    height:55%
}

.pr-hl .highlights .highlight {
    cursor: pointer;
    border-bottom: .93px solid rgba(var(--c-black), .15);
    margin-top: 1.5rem;
    margin-right: 5px;
    padding: 0;
    max-width:48%
}

.pr-hl .highlights .highlight--title {
    font-size: .85rem;
    letter-spacing: -.02em;
    color:rgba(var(--c-base), .7)
}

.pr-hl .highlights .highlight--content {
    margin: .7rem 0;
    font-size: 1.1rem;
    letter-spacing:-.02em
}

.pr-hl .highlights .highlight--content.h {
    display:none
}

.pr-hl .review {
    margin-top:5rem
}

.pr-hl .review:before {
    content: "";
    position: absolute;
    top: 55%;
    left: 0;
    width: 100vw;
    height: 50%;
    background: var(--c-l-grey-back);
    z-index:-1
}

.pr-hl .review--text {
    max-width: 95%;
    font-size: 1.2rem;
    color: var(--c-black);
    margin-top:.3rem
}

.pr-hl .review--name {
    font-size: 1rem;
    color:var(--c-black)
}

.pr-hl .review--verified {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 1rem;
    font-size: .8rem;
    color: var(--c-text-grey);
    font-weight: 600;
    letter-spacing: .05em;
    text-transform:uppercase
}

.pr-hl .review--verified [class * =icon] {
    font-size: .9rem;
    margin-right:.5rem
}

.pr-fbt {
    margin-top:1.5rem
}

.pr-fbt h2 {
    margin-bottom:.5em
}

.pr-fbt .additional-text {
    font-size: 1.2rem;
    color: rgba(var(--c-base), .8);
    max-width: 80%;
    margin-bottom:0
}

.pr-fbt .yith-wfbt-form table {
    padding: 0;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display:flex
}

.pr-fbt .yith-wfbt-form table:hover {
    -webkit-box-shadow: none;
    box-shadow:none
}

.pr-fbt .yith-wfbt-form table td.image_plus {
    font-size: 2rem;
    font-weight: 300;
    color:var(--c-text-grey)
}

.pr-fbt .yith-wfbt-form table td.image-td img {
    width: 100px;
    height: 100px;
    -o-object-fit: cover;
    object-fit:cover
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items {
    list-style-type: none;
    padding-left:0
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li {
    margin-top:1rem
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .product-name {
    font-size: 1rem;
    color:rgba(var(--c-base), .8)
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .product-name .this {
    color:var(--c-base)
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .price {
    font-weight: 700;
    color:rgba(var(--c-base), .8)
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .price .price-sale, .pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .price ins {
    color: var(--c-red);
    text-decoration:none
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .choose {
    padding-left:5px
}

.pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .wcsatt-sub-discount, .pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .wcsatt-sub-options {
    display:none
}

.pr-fbt .yith-wfbt-form .yith-wfbt-submit-block {
    margin-top:1.5rem
}

.pr-fbt .yith-wfbt-form .yith-wfbt-submit-block .total_price {
    font-weight: 700;
    font-size: 1.2rem;
    color:rgba(var(--c-base), .8)
}

.pr-fbt .yith-wfbt-form .yith-wfbt-submit-block .total_price ins {
    color: var(--c-red);
    text-decoration:none
}

.pr-fbt .yith-wfbt-form .yith-wfbt-submit-block button {
    margin-top:1.5rem
}

.pr-tr--title h1 {
    font-size: 2em;
    margin-top: .5rem;
    margin-bottom:1rem
}

.pr-acc--subtitle {
    font-size: 1.15rem;
    line-height:1.3
}

.pr-acc .accordion:before {
    content: '';
    position: absolute;
    top: 0;
    right: -20px;
    left: -20px;
    border-top:1px solid var(--c-border)
}

.pr-acc .accordion .a--title {
    font-size: 1.3rem;
    margin:1.8rem 0 1.7rem
}

.pr-acc .accordion .a--title .tt {
    display: inline-block;
    max-width:90%
}

.pr-acc .accordion .a--content {
    max-width: 95%;
    font-size:1.1rem
}

.pr-acc .accordion .a--content p:first-child {
    margin-top:0
}

.pr-acc .accordion.active {
    padding-bottom:1.5rem
}

@media (min-width: 768px) {
    .pr-hl .highlights:before {
        top: 0;
        left: 0;
        width: 50vw;
        height:100%
    }

    .pr-hl .highlights .highlight {
        max-width: 41.66666667%;
        margin-right:1rem
    }

    .pr-hl .review {
        margin-top: 0;
        padding-left:2rem
    }

    .pr-hl .review:before {
        top: 0;
        left: 50%;
        width: 50vw;
        height:100%
    }

    .pr-acc .accordion .a--title {
        font-size:1.65em
    }
}

@media (min-width: 1024px) {
    .pr-hl {
        height:65vh
    }

    .pr-hl .highlights h3 {
        font-size: 2.125rem;
        width: 80%;
        margin-bottom:1rem
    }

    .pr-hl .highlights .highlight {
        margin-top:2rem
    }

    .pr-hl .highlights .highlight--title {
        font-size:1rem
    }

    .pr-hl .highlights .highlight--content {
        border-bottom: 1px solid var(--c-border);
        padding-bottom: .7rem;
        font-size:1.2rem
    }

    .pr-hl .review--text {
        font-size:1.74rem
    }

    .pr-hl .review--name {
        font-size:1.1rem
    }

    .pr-hl .review--verified {
        font-size:.85rem
    }

    .pr-hl .review--verified [class * =icon] {
        font-size:.95rem
    }

    .pr-fbt {
        margin-bottom:2rem
    }

    .pr-fbt h1 {
        margin-bottom:.5rem
    }

    .pr-fbt .additional-text {
        max-width:100%
    }

    .pr-fbt .yith-wfbt-form {
        background-size:15px
    }

    .pr-fbt .yith-wfbt-form table td.image-td img {
        width: 150px;
        height:150px
    }

    .pr-fbt .yith-wfbt-form .yith-wfbt-items-wrapper {
        margin-top:-2rem
    }

    .pr-fbt .yith-wfbt-form ul.yith-wfbt-items li label {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items:center
    }

    .pr-fbt .yith-wfbt-form ul.yith-wfbt-items li .product-name {
        font-size:1.1rem
    }

    .pr-fbt .yith-wfbt-form .yith-wfbt-submit-block .total_price {
        font-size:1.3rem
    }

    .pr-fbt .yith-wfbt-form .yith-wfbt-submit-block button {
        max-width: none;
        margin-top:1.5rem
    }

    .pr-tr--title h1 {
        font-size: 2.375em;
        margin-top: .7em;
        margin-bottom:1.2em
    }

    .pr-acc--subtitle {
        font-size:1.4rem
    }

    .pr-acc .accordion:before {
        right: -50%;
        left: -50%;
        width:200%
    }

    .pr-acc .accordion .a--title {
        margin:2.5rem 0 2.2rem
    }

    .pr-acc .accordion .a--content {
        font-size:1.2rem
    }

    .pr-acc .accordion.active {
        padding-bottom:2rem
    }
}

@media (min-width: 1200px) {
    .pr-hl .highlights .highlight {
        margin-right:2rem
    }

    .pr-hl .highlights .highlight--content {
        font-size:1.4rem
    }

    .pr-hl .review {
        padding-left:0
    }

    .pr-hl .review--text {
        max-width: 80%;
        font-size:1.74rem
    }
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    position: relative;
    width:100%
}

.woocommerce div.product div.images div.thumbnails {
    padding-top:1em
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    -webkit-transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
    transition: all cubic-bezier(.795, -.035, 0, 1) .5s;
    margin: 0;
    padding: 0;
    width:100%
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #fff;
    opacity:0
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg:hover {
    cursor:url(/images/star.svg), auto
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    pointer-events: none;
    background:var(--c-d-grey-back)
}

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
    border:1px solid #f2f2f2
}

.woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n + 2) {
    width: 25%;
    display:inline-block
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 2em;
    z-index: 9;
    width: 36px;
    height: 36px;
    background: #fff;
    text-indent: -9999px;
    border-radius: 100%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid var(--c-black);
    border-radius: 100%;
    position: absolute;
    top: 9px;
    left: 9px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    content: "";
    display: block;
    width: 2px;
    height: 8px;
    background: var(--c-black);
    border-radius: 6px;
    position: absolute;
    top: 19px;
    left: 22px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing:content-box
}

.woocommerce div.product div.images .flex-control-thumbs {
    overflow: hidden;
    zoom: 1;
    margin: auto;
    padding: 0;
    position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.woocommerce div.product div.images .flex-control-thumbs li {
    cursor: pointer;
    background: var(--c-light);
    width: 55px;
    height: 55px;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.woocommerce div.product div.images .flex-control-thumbs li:not(:last-child) {
    margin-right:.7rem
}

.woocommerce div.product div.images .flex-control-thumbs li img {
    width: 100%;
    height: 55px;
    margin: 0;
    -o-object-fit: cover;
    object-fit: cover;
    /* mix-blend-mode:darken */
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    mix-blend-mode:unset
}

@media (min-width: 768px) {
    .woocommerce div.product div.images .flex-control-thumbs li {
        width: 75px;
        height:95px
    }

    .woocommerce div.product div.images .flex-control-thumbs li img {
        height:95px
    }
}

.pl .woocommerce {
    width:100%
}

.pl .pr {
    padding:0
}

.pl .pr-not-found {
    margin-top:5rem
}

.pl .pr-not-found a.btn {
    margin-top: 2rem;
    font-family:var(--font)
}

ul.products {
    position: relative;
    list-style-type: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    width:100%
}

ul.products .loop-product {
    margin-top: 1rem;
    margin-bottom: .5rem;
    cursor:pointer
}

ul.products .loop-product--thumb-link {
    position: relative;
    background: var(--c-d-grey-back);
    overflow: hidden;
    --image-height:200px
}

ul.products .loop-product--thumb-link .loop-thumbnail {
    height: var(--image-height);
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode: darken;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

ul.products .loop-product--thumb-link .btn--latc {
    line-height: 35px;
    font-size: 1rem;
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0;
    max-width: none;
    -webkit-transform: translate3D(0, 101%, 0);
    transform: translate3D(0, 101%, 0);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

ul.products .loop-product--badge {
    position: absolute;
    --badge-size: 55px;
    width: var(--badge-size);
    height: var(--badge-size);
    right: 10%;
    top: 5%;
    -webkit-transition: var(--transition);
    transition:var(--transition)
}

ul.products .loop-product--badge img, ul.products .loop-product--badge svg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit:cover
}

ul.products .loop-product--badge svg #text {
    -webkit-animation: rotate-360 20s linear infinite;
    animation: rotate-360 20s linear infinite;
    -webkit-transform-origin: center;
    transform-origin:center
}

ul.products .loop-product--title {
    color: var(--c-black);
    font-size: 1rem;
    margin-bottom:.8rem
}

ul.products .loop-product .price {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    margin-top:.3rem
}

ul.products .loop-product .price .wcsatt-sub-discount, ul.products .loop-product .price .wcsatt-sub-options {
    display:none
}

ul.products .loop-product .price .price-reg, ul.products .loop-product .price del {
    color:var(--c-base)
}

ul.products .loop-product .price .price-sale, ul.products .loop-product .price ins {
    color: var(--c-red);
    text-decoration:none
}

ul.products .loop-product:active .btn--latc, ul.products .loop-product:hover .btn--latc {
    -webkit-transform: translate3D(0, 0, 0);
    transform:translate3D(0, 0, 0)
}

ul.products .loop-product:active .loop-product--thumb-link .loop-thumbnail, ul.products .loop-product:hover .loop-product--thumb-link .loop-thumbnail {
    -webkit-transform: scale(.85);
    transform:scale(.85)
}

ul.products .loop-product:active .loop-product--badge, ul.products .loop-product:hover .loop-product--badge {
    -webkit-transform: rotateY(360deg);
    transform:rotateY(360deg)
}

@media (min-width: 768px) {
    .pl {
        padding:0 15px
    }

    .pl .pr.show-sd {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        padding-left:3rem
    }

    .pl .pr.show-sd .products li {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width:33.33333333%
    }

    .pl .pr:not(.show-sd) ul.products {
        padding:0
    }

    ul.products {
        margin-bottom: 2rem;
        padding-left: 0;
        padding-right:0
    }

    ul.products .loop-product {
        margin-bottom:2rem
    }

    ul.products .loop-product--thumb-link .btn--latc {
        font-size: 1.1rem;
        line-height:57px
    }

    ul.products .loop-product--title {
        font-size:1.05rem
    }
}

@media (min-width: 550px) {
    ul.products li .loop-product--thumb-link {
        --image-height:250px
    }
}

@media (min-width: 640px) {
    ul.products li .loop-product--thumb-link {
        --image-height:325px
    }

    ul.products li .loop-product--badge {
        --badge-size:60px
    }
}

@media (min-width: 1024px) {
    ul.products li .loop-product--thumb-link {
        --image-height:350px
    }

    ul.products li.medium .loop-product--thumb-link {
        --image-height:450px
    }

    ul.products li .loop-product--badge {
        --badge-size:75px
    }
}

@-webkit-keyframes rotate-360 {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

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

@keyframes rotate-360 {
    0% {
        -webkit-transform: rotate(0);
        transform:rotate(0)
    }

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

.sh-h h2 {
    color: var(--c-white);
    font-size:2.525em
}

.sh-bf {
    padding:0
}

.sh-bf h6 {
    padding: 0 15px;
    margin-bottom:0
}

@media (min-width: 1024px) {
    .sh-bf {
        padding:0 15px
    }

    .sh-bf h6 {
        padding: 0;
        margin-bottom:0
    }
}

.nav-r--ft {
    max-height: 45vh;
    margin-bottom:calc(80px + 1rem)
}

.nav-r--ft .ft-title {
    font-size: 1.15rem;
    color: var(--c-dark-l);
    padding-left: 0;
    margin-bottom:.5rem
}

.nav-r--ft .f--wrapper.royal-sl {
    width: calc(100% + .5rem);
    margin-left:-.25rem
}

.nav-r--ft .ft {
    padding: .5rem .5rem 1rem;
    background: var(--c-d-grey-back);
    border-radius: 9px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin:0 .25rem
}

.nav-r--ft .ft:active, .nav-r--ft .ft:focus, .nav-r--ft .ft:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.nav-r--ft .ft * {
    cursor:pointer
}

.nav-r--ft .ft--price, .nav-r--ft .ft--rating, .nav-r--ft .ft--title {
    padding:0
}

.nav-r--ft .ft--thumb {
    padding-left:0
}

.nav-r--ft .ft--thumb img {
    margin: auto;
    width: 70px;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode:multiply
}

.nav-r--ft .ft--title {
    margin-top:.5rem
}

.nav-r--ft .ft--title a span {
    color:var(--c-dark-l) !important
}

.nav-r--ft .ft--rating {
    margin-top: .65rem;
    margin-bottom:.45rem
}

.nav-r--ft .ft--rating .ts-star {
    font-size:1.15rem
}

.nav-r--ft .ft--rating .ts-reviews-count {
    color:var(--c-base) !important
}

.nav-r--ft .ft--price {
    font-size: 1rem;
    color:var(--c-dark-l)
}

.nav-r--ft .ft--price .ft--price-start {
    color:var(--c-base)
}

.nav-r--ft .ft--price .ft--price-reg {
    color: var(--c-base);
    font-weight:600
}

.nav-r--ft .ft--price .ft--price-sale {
    font-weight: 600;
    color:var(--c-d-red)
}

@media (max-width: 350px) {
    .nav-r--ft .ft-title {
        font-size: 1rem;
        margin-top: 0;
        padding-left:0
    }

    .nav-r--ft .ft--title {
        font-size:.9rem
    }

    .nav-r--ft .ft--rating .ts-star {
        font-size:1rem
    }

    .nav-r--ft .ft--price {
        font-size:.85rem
    }
}

@media (min-width: 768px) {
    .nav-r--ft .ft {
        margin-bottom: 1rem;
        padding-left: 1.5rem;
        padding-right:1.5rem
    }
}

@media (min-width: 1024px) {
    .sub-menu-ft .nav-r--ft {
        margin-bottom:1rem
    }

    .sub-menu-ft .nav-r--ft .ft-title {
        margin-top: 0;
        margin-bottom:2rem
    }

    .sub-menu-ft .nav-r--ft .f--wrapper.royal-sl {
        width: 100%;
        margin-left:0
    }

    .sub-menu-ft .nav-r--ft .ft {
        padding: 1rem;
        margin: 0 1.5rem 1rem 0;
        max-width:45%
    }

    .sub-menu-ft .nav-r--ft .ft--thumb img {
        width: 90px;
        height:90px
    }

    .sub-menu-ft .nav-r--ft .ft--title a {
        font-size:1.05rem
    }
}

a.added_to_cart.wc-forward {
    display:none
}

.related {
    margin-top: 2rem;
    margin-bottom:3rem
}

.related--title {
    padding:0
}

.related--products {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: calc(100% + 3rem);
    max-width: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: -1.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding:0 1.5rem
}

.related--products .last {
    height: 100%;
    display: inline-block;
    min-width: 1.5rem;
    min-height:1px
}

@media (min-width: 768px) {
    .related {
        margin-top:2rem
    }

    .related--title h5 {
        font-size:1.4rem
    }

    .related--products {
        width: 100%;
        overflow-x: hidden;
        padding: 0;
        margin-left:0
    }
}

.sr {
    padding: 0;
    border: 1px solid var(--c-border);
    border-left-width:0
}

.sr form {
    font-size: .9rem;
    height: 50px;
    line-height: 50px;
    padding-left:.5rem
}

.sr form label {
    position: relative;
    color: var(--c-base);
    margin-right:1.5rem
}

.sr form label span[class * =icon] {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: url(/images/select-icon.svg) 100%/10px no-repeat;
    padding: 5px;
    right:.5rem
}

.sr form select#sort {
    cursor: pointer;
    -webkit-appearance: none;
    border: none;
    color:var(--c-black)
}

@media (min-width: 768px) {
    .sr {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 .5rem;
        border:none
    }

    .sr form {
        font-size: .95rem;
        height: auto;
        line-height: initial;
        padding-left:0
    }

    .sr form label span[class * =icon] {
        background-size: 12px;
        padding: 6px;
        right:0
    }
}

.fl {
    padding: 0;
    border:1px solid var(--c-border)
}

.fl-title {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 1rem;
    color: var(--c-dark-l);
    font-size: .9rem;
    height: 50px;
    line-height:50px
}

.fl-title span[class * =icon] {
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    background: url(/images/select-icon.svg) 100%/10px no-repeat;
    padding: 5px;
    right:1rem
}

.fl-content {
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    right: 101%;
    position: fixed;
    top: var(--admin-bar);
    width: 100%;
    height: calc(100vh - var(--admin-bar));
    background: var(--c-white);
    z-index:9999
}

.fl-content--title {
    position: relative;
    border-bottom: 1px solid var(--c-border);
    padding:1.2rem 1rem 1rem
}

.fl-content--title h4 {
    margin: 0;
    font-size:1.4em
}

.fl-content--title #filters-close {
    position: absolute;
    right: 1rem;
    color:var(--c-black)
}

.fl-content--btn {
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    position: fixed;
    right: 101%;
    bottom: 0;
    padding: 0 1.5rem;
    width: 100%;
    background: var(--c-white);
    border-top:1px solid var(--c-border)
}

.fl-content.active {
    right:0
}

.fl-content.active .fl-content--btn {
    right:0
}

.fl .filter {
    margin-top: 1.2rem;
    cursor: pointer;
    border-bottom: 1px solid var(--c-border);
    padding:0 1.5rem 1.2rem
}

.fl .filter-title {
    padding-left: .3rem;
    position: relative;
    font-size: 1.15rem;
    text-transform: capitalize;
    color:var(--c-dark-l)
}

.fl .filter-title span[class * =icon] {
    width: 12px;
    right:0
}

.fl .filter-title span[class * =icon]:after, .fl .filter-title span[class * =icon]:before {
    background: var(--c-red);
    width:12px
}

.fl .filter-values {
    padding-left:.5rem
}

.fl .filter-values label {
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: .2rem 0;
    color: var(--c-dark-l);
    font-size:1rem
}

.fl .filter-values label.empty {
    opacity: .3;
    pointer-events:none !important
}

.fl .filter.active .filter-values {
    margin-top:1rem
}

.fl .checked-filters {
    border-bottom: 1px solid var(--c-border);
    padding: 1.5rem;
    display:none
}

.fl .checked-filters .checked-title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--c-dark-l);
    font-weight: 500;
    text-transform: uppercase;
    font-size: .9rem;
    letter-spacing: .02rem;
    margin-bottom:1rem
}

.fl .checked-filters .checked-title a {
    font-size: .8rem;
    color: var(--c-red);
    text-decoration:underline
}

.fl .checked-filters .chkd {
    cursor: pointer;
    margin-right: 1rem;
    font-size: 1rem;
    padding: 5px 7px;
    border-radius: 5px;
    display: inline-block;
    position:relative
}

.fl .checked-filters .chkd:after {
    content: "✕";
    font-size: .7rem;
    font-weight: 700;
    margin-left:5px
}

.fl .checked-filters .chkd:hover {
    background:var(--c-light)
}

@media (min-width: 768px) {
    .fl {
        padding-left: 0;
        padding-right: .5rem;
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 2rem;
        border:none
    }

    .fl-title {
        display:none
    }

    .fl-content {
        position: static;
        height: auto;
        background: 0 0;
        width: 100%;
        z-index:1
    }

    .fl-content--title {
        display:none
    }

    .fl-content--btn {
        display:none
    }

    .fl .checked-filters {
        padding:0 0 1rem
    }

    .fl .filter {
        padding-bottom: 1.2rem;
        padding-left:0
    }
}

.woocommerce-notices-wrapper {
    width: 100%;
    padding:0 .5rem
}

.woocommerce-NoticeGroup {
    width:100%
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    text-align: center;
    font-size: .95rem;
    list-style-type: none;
    margin-top: 0;
    color: var(--c-dark-l);
    background: var(--c-white);
    padding: .7rem 1rem;
    margin-bottom:1rem
}

.woocommerce-error strong, .woocommerce-info strong, .woocommerce-message strong {
    font-weight:700
}

.woocommerce-error a, .woocommerce-info a, .woocommerce-message a {
    text-decoration:underline
}

p.woocommerce-error, p.woocommerce-info, p.woocommerce-message {
    margin-left: auto;
    margin-right: auto;
    width:calc(100% - 1rem)
}

.woocommerce-error {
    color:var(--c-red)
}

.wc_points_redeem_earn_points, .wc_points_rewards_earn_points {
    width: 100%;
    background: var(--c-light);
    padding: .7rem 1rem;
    margin: 0 auto 1rem;
    font-size: .9rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    white-space:break-spaces
}

.wc_points_redeem_earn_points form.wc_points_rewards_apply_discount input, .wc_points_rewards_earn_points form.wc_points_rewards_apply_discount input {
    cursor: pointer;
    height: auto;
    line-height: 1;
    background: 0 0;
    border: none;
    width: auto;
    padding-right: 0;
    font-size: .95rem;
    color: var(--c-red);
    padding-left:.5rem
}

@media (min-width: 1024px) {
    .woocommerce-error, .woocommerce-info, .woocommerce-message {
        text-align:left
    }

    .wc_points_redeem_earn_points, .wc_points_rewards_earn_points {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align:left
    }
}

.my-account-f {
    min-height:calc(100vh - var(--header) - var(--topbar) - 4rem)
}

.my-account-f .woocommerce-notices-wrapper {
    max-width: 455px;
    padding:0
}

.my-account-f .woocommerce-notices-wrapper ul {
    font-size: .95rem;
    list-style-type: none;
    margin-top: 0;
    text-align: left;
    color: var(--c-red);
    background: var(--c-white);
    padding: 1rem 1.5rem 1rem 2rem;
    margin-bottom:1rem
}

.my-account-f .woocommerce-notices-wrapper ul strong {
    font-weight:700
}

.my-account-f .woocommerce-notices-wrapper ul a {
    text-decoration:underline
}

.f-f, .f-l, .f-r, .f-rp {
    position: relative;
    background: var(--c-white);
    max-width: 455px;
    margin-bottom:3rem
}

.f-f--title h2, .f-l--title h2, .f-r--title h2, .f-rp--title h2 {
    margin-bottom:1rem
}

.f-f--cf, .f-l--cf, .f-r--cf, .f-rp--cf {
    font-size: .95rem;
    margin-bottom:1rem
}

.f-f--input, .f-l--input, .f-r--input, .f-rp--input {
    margin:.5rem 0
}

.f-f--input.first, .f-l--input.first, .f-r--input.first, .f-rp--input.first {
    margin-bottom:0
}

.f-f--input input:not([type=checkbox]), .f-l--input input:not([type=checkbox]), .f-r--input input:not([type=checkbox]), .f-rp--input input:not([type=checkbox]) {
    width: 100%;
    border: 1px solid var(--c-border);
    height: 41px;
    line-height: 39px;
    padding-left: .7rem;
    font-size: 1rem;
    color: var(--c-base);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.f-f--input input:not([type=checkbox])::-webkit-input-placeholder, .f-l--input input:not([type=checkbox])::-webkit-input-placeholder, .f-r--input input:not([type=checkbox])::-webkit-input-placeholder, .f-rp--input input:not([type=checkbox])::-webkit-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

.f-f--input input:not([type=checkbox])::-moz-placeholder, .f-l--input input:not([type=checkbox])::-moz-placeholder, .f-r--input input:not([type=checkbox])::-moz-placeholder, .f-rp--input input:not([type=checkbox])::-moz-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

.f-f--input input:not([type=checkbox]):-ms-input-placeholder, .f-l--input input:not([type=checkbox]):-ms-input-placeholder, .f-r--input input:not([type=checkbox]):-ms-input-placeholder, .f-rp--input input:not([type=checkbox]):-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

.f-f--input input:not([type=checkbox])::-ms-input-placeholder, .f-l--input input:not([type=checkbox])::-ms-input-placeholder, .f-r--input input:not([type=checkbox])::-ms-input-placeholder, .f-rp--input input:not([type=checkbox])::-ms-input-placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

.f-f--input input:not([type=checkbox])::placeholder, .f-l--input input:not([type=checkbox])::placeholder, .f-r--input input:not([type=checkbox])::placeholder, .f-rp--input input:not([type=checkbox])::placeholder {
    font-size: .9rem;
    color:rgba(var(--c-base), .5)
}

.f-f--input input:not([type=checkbox]):active, .f-f--input input:not([type=checkbox]):focus, .f-f--input input:not([type=checkbox]):hover, .f-l--input input:not([type=checkbox]):active, .f-l--input input:not([type=checkbox]):focus, .f-l--input input:not([type=checkbox]):hover, .f-r--input input:not([type=checkbox]):active, .f-r--input input:not([type=checkbox]):focus, .f-r--input input:not([type=checkbox]):hover, .f-rp--input input:not([type=checkbox]):active, .f-rp--input input:not([type=checkbox]):focus, .f-rp--input input:not([type=checkbox]):hover {
    border-color:var(--c-red)
}

.f-f--input input[type=checkbox]:before, .f-l--input input[type=checkbox]:before, .f-r--input input[type=checkbox]:before, .f-rp--input input[type=checkbox]:before {
    border-color:var(--c-border)
}

.f-f--input input[type=checkbox]:checked:before, .f-l--input input[type=checkbox]:checked:before, .f-r--input input[type=checkbox]:checked:before, .f-rp--input input[type=checkbox]:checked:before {
    border-color:var(--c-red)
}

.f-f--input input[type=checkbox] + label span, .f-l--input input[type=checkbox] + label span, .f-r--input input[type=checkbox] + label span, .f-rp--input input[type=checkbox] + label span {
    cursor: pointer;
    color: var(--c-text-grey);
    font-size:.9rem
}

.f-f--input label[for * =rememberme] span, .f-l--input label[for * =rememberme] span, .f-r--input label[for * =rememberme] span, .f-rp--input label[for * =rememberme] span {
    color:var(--c-base) !important
}

.f-f--submit, .f-l--submit, .f-r--submit, .f-rp--submit {
    margin-top:.5rem
}

.f-f--submit button, .f-l--submit button, .f-r--submit button, .f-rp--submit button {
    font-size: .9rem;
    line-height: 40px;
    height:43px
}

.f-f--fp, .f-l--fp, .f-r--fp, .f-rp--fp {
    margin-top:.5rem
}

.f-f--fp a, .f-l--fp a, .f-r--fp a, .f-rp--fp a {
    color: var(--c-base);
    font-size:.9rem
}

.f-f--fp a:active, .f-f--fp a:hover, .f-l--fp a:active, .f-l--fp a:hover, .f-r--fp a:active, .f-r--fp a:hover, .f-rp--fp a:active, .f-rp--fp a:hover {
    text-decoration:underline
}

.f-f--pn, .f-l--pn, .f-r--pn, .f-rp--pn {
    margin-top: .7rem;
    font-size:.9rem
}

.f-f--ppt, .f-l--ppt, .f-r--ppt, .f-rp--ppt {
    font-size: .75rem;
    line-height:1.2
}

.f-f--ppt p, .f-l--ppt p, .f-r--ppt p, .f-rp--ppt p {
    margin-top: .5rem;
    color:rgba(85, 85, 85, .5)
}

.f-f--excerpt, .f-l--excerpt, .f-r--excerpt, .f-rp--excerpt {
    position: absolute;
    bottom: -3rem;
    left: 0;
    color: var(--c-white);
    font-size: .9rem;
    margin-top: 1.5rem;
    width:100%
}

.f-f--excerpt a, .f-l--excerpt a, .f-r--excerpt a, .f-rp--excerpt a {
    color: var(--c-white);
    text-decoration:underline
}

.f-f--message, .f-l--message, .f-r--message, .f-rp--message {
    margin-top: 1rem;
    margin-bottom:.5rem
}

.lp-c {
    position: relative;
    background: var(--c-white);
    max-width: 455px;
    margin-bottom: 3rem;
    padding: 1rem;
    color: var(--c-red);
    font-size:.95rem
}

#register {
    display:none
}

@media (min-width: 768px) {
    .my-account-f .woocommerce-notices-wrapper ul {
        padding-left:2.5rem
    }

    .f-f, .f-l, .f-r, .f-rp {
        padding:2rem 2rem 3rem !important
    }

    .f-f--cf, .f-l--cf, .f-r--cf, .f-rp--cf {
        font-size: 1.1rem;
        margin-bottom:2rem
    }

    .f-f--input input:not([type=checkbox]), .f-l--input input:not([type=checkbox]), .f-r--input input:not([type=checkbox]), .f-rp--input input:not([type=checkbox]) {
        height: 53px;
        line-height: 51px;
        font-size:1.1rem
    }

    .f-f--input input:not([type=checkbox])::-webkit-input-placeholder, .f-l--input input:not([type=checkbox])::-webkit-input-placeholder, .f-r--input input:not([type=checkbox])::-webkit-input-placeholder, .f-rp--input input:not([type=checkbox])::-webkit-input-placeholder {
        font-size:1.05rem
    }

    .f-f--input input:not([type=checkbox])::-moz-placeholder, .f-l--input input:not([type=checkbox])::-moz-placeholder, .f-r--input input:not([type=checkbox])::-moz-placeholder, .f-rp--input input:not([type=checkbox])::-moz-placeholder {
        font-size:1.05rem
    }

    .f-f--input input:not([type=checkbox]):-ms-input-placeholder, .f-l--input input:not([type=checkbox]):-ms-input-placeholder, .f-r--input input:not([type=checkbox]):-ms-input-placeholder, .f-rp--input input:not([type=checkbox]):-ms-input-placeholder {
        font-size:1.05rem
    }

    .f-f--input input:not([type=checkbox])::-ms-input-placeholder, .f-l--input input:not([type=checkbox])::-ms-input-placeholder, .f-r--input input:not([type=checkbox])::-ms-input-placeholder, .f-rp--input input:not([type=checkbox])::-ms-input-placeholder {
        font-size:1.05rem
    }

    .f-f--input input:not([type=checkbox])::placeholder, .f-l--input input:not([type=checkbox])::placeholder, .f-r--input input:not([type=checkbox])::placeholder, .f-rp--input input:not([type=checkbox])::placeholder {
        font-size:1.05rem
    }

    .f-f--input input[type=checkbox] + label span, .f-l--input input[type=checkbox] + label span, .f-r--input input[type=checkbox] + label span, .f-rp--input input[type=checkbox] + label span {
        font-size:1.03rem
    }

    .f-f--submit, .f-l--submit, .f-r--submit, .f-rp--submit {
        margin-top:1.2rem
    }

    .f-f--submit button, .f-l--submit button, .f-r--submit button, .f-rp--submit button {
        max-width: none;
        font-size: 1.05rem;
        line-height: 55px;
        height:55px
    }

    .f-f--fp, .f-l--fp, .f-r--fp, .f-rp--fp {
        margin-top:1rem
    }

    .f-f--fp a, .f-l--fp a, .f-r--fp a, .f-rp--fp a {
        font-size:1.05rem
    }

    .f-f--pn, .f-l--pn, .f-r--pn, .f-rp--pn {
        margin-top: 1rem;
        font-size:1.05rem
    }

    .f-f--ppt, .f-l--ppt, .f-r--ppt, .f-rp--ppt {
        font-size: .8rem;
        line-height:1.2
    }

    .f-f--ppt p, .f-l--ppt p, .f-r--ppt p, .f-rp--ppt p {
        margin-bottom:1.5rem
    }

    .f-f {
        padding-bottom:2rem
    }

    .f-f--submit {
        margin-top:.5rem
    }
}

.my-account .dashboard--title {
    color:var(--c-base)
}

.my-account .dashboard--title .name {
    color:var(--c-dark-l)
}

.my-account .dashboard--message {
    font-size:1.05rem
}

.my-account .dashboard--quick-links {
    margin-top:2rem
}

.my-account .dashboard--quick-links .quick-link {
    padding: 1.2rem 1.5rem;
    background: var(--c-white);
    margin-bottom: 1rem;
    font-size: 1.1rem;
    color:var(--c-dark-l)
}

.my-account .dashboard--quick-links .quick-link img {
    width: 30px;
    height: auto;
    display: inline-block;
    margin-right: 1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.my-account .dashboard--quick-links .quick-link .name {
    width: 80%;
    position:relative
}

.my-account .dashboard--quick-links .quick-link [class * =icon] {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: .7rem;
    color: var(--c-red);
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.my-account .dashboard--quick-links .quick-link:active, .my-account .dashboard--quick-links .quick-link:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    color:var(--c-red)
}

.my-account .dashboard--quick-links .quick-link:active img, .my-account .dashboard--quick-links .quick-link:hover img {
    -webkit-transform: scale(1.1);
    transform:scale(1.1)
}

.my-account .dashboard--quick-links .quick-link:active [class * =icon], .my-account .dashboard--quick-links .quick-link:hover [class * =icon] {
    right:-.5rem
}

@media (min-width: 768px) {
    .my-account .dashboard--quick-links .quick-link {
        margin-right: 1rem;
        max-width:31%
    }

    .my-account .dashboard--quick-links .quick-link .image {
        display: inline-block;
        width: 100%;
        margin-bottom:1.4rem
    }

    .my-account .dashboard--quick-links .quick-link .name {
        width:100%
    }
}

@media (min-width: 1024px) {
    .my-account .dashboard--title {
        color:var(--c-base)
    }

    .my-account .dashboard--title .name {
        color:var(--c-dark-l)
    }
}

.my-account .nav {
    width:100%
}

.my-account .nav--title {
    margin-bottom:1rem
}

.my-account .nav--menu {
    list-style-type: none;
    background: rgba(117, 117, 117, .1);
    padding: .5rem .7rem;
    margin: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.my-account .nav--menu li {
    cursor: pointer;
    text-align: center;
    height: 43px;
    line-height: 43px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin: 0 5px;
    padding: 0 1.4rem;
    border-radius: 5.65px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    font-size:1.05rem
}

.my-account .nav--menu li.is-active a, .my-account .nav--menu li:active a, .my-account .nav--menu li:hover a {
    color:var(--c-red)
}

.my-account .nav--menu li.is-active {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    background:var(--c-white)
}

.my-account .nav--menu li a {
    color: var(--c-dark-l);
    display: inline-block;
    height: 100%;
    width:100%
}

.my-account .nav--menu li a [class * =icon-arrow] {
    display:none
}

.my-account .nav--menu .last {
    height: 100%;
    display: inline-block;
    min-width:15px
}

@media (min-width: 1024px) {
    .my-account .nav {
        margin-top: 2rem;
        margin-left:3rem
    }

    .my-account .nav--menu {
        font-size: 1.15rem;
        margin: 3rem 0 0 -1.5rem;
        -ms-flex-flow: wrap;
        flex-flow: wrap;
        background: 0 0;
        width: 100%;
        padding: 0;
        overflow-x:hidden
    }

    .my-account .nav--menu li {
        width: 100%;
        height: 40px;
        line-height: 40px;
        text-align: left;
        margin: 0;
        padding:0
    }

    .my-account .nav--menu li a {
        color:var(--c-base)
    }

    .my-account .nav--menu li a [class * =icon] {
        display: inline-block;
        font-size: .8rem;
        margin-right: 1rem;
        opacity: 0;
        height: 0;
        visibility: hidden;
        -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
        transition:all .7s cubic-bezier(.19, 1, .22, 1)
    }

    .my-account .nav--menu li:hover a {
        color:var(--c-red)
    }

    .my-account .nav--menu li:hover a [class * =icon] {
        margin-right: 1.4rem;
        opacity: 1;
        height: auto;
        visibility:visible
    }

    .my-account .nav--menu li.is-active {
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow:none
    }

    .my-account .nav--menu li.is-active a {
        color:rgba(85, 85, 85, .5)
    }

    .my-account .nav--menu li.is-active a [class * =icon] {
        opacity: 1;
        height: auto;
        visibility:visible
    }
}

.my-account h2 {
    font-size:1.65em
}

@media (min-width: 640px) {
    .my-account h2 {
        font-size:1.5em
    }
}

.my-account .order-info {
    background: var(--c-white);
    padding:1rem 1.5rem
}

.my-account .order-again {
    width: 100%;
    margin-bottom:0
}

.my-account .order-again a.button {
    width: 100%;
    max-width: none;
    background: var(--c-red);
    color:var(--c-white)
}

.my-account .order-notes {
    margin-top:1rem
}

.my-account .order-notes h4 {
    margin-bottom:1rem
}

.my-account .order-notes ol {
    padding-left: 1rem;
    font-size: .9em;
    font-weight: 600;
    margin-top:0
}

.my-account .order-notes ol .meta {
    color:var(--c-dark-l)
}

.my-account .order-notes ol .description {
    text-transform: uppercase;
    color:var(--c-gold)
}

.my-account .order-notes ol .description * {
    display:inline-block
}

.my-account .customer-details, .my-account .order-details, .my-account .related-orders, .my-account .subscription-details {
    margin-top:1rem
}

.my-account .customer-details--addresses {
    background: var(--c-white);
    padding: 1rem 1rem 1.5rem;
    margin-bottom: .5rem;
    font-size: .95rem;
    color:var(--c-dark-l)
}

.my-account .customer-details--addresses h6 {
    margin-top: 1.5rem;
    margin-bottom:.7rem
}

.my-account .customer-details--addresses p {
    margin-top: .5rem;
    margin-bottom:.3rem
}

.my-account .related-orders, .my-account .related-subscriptions {
    margin: 1rem 0;
    -webkit-box-ordinal-group: 4;
    -moz-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order:3
}

.my-account .subscription-details {
    margin:1rem 0
}

.my-account table.my-subs-table, .my-account table.orders-related-table, .my-account table.orders-subs-table, .my-account table.orders-table {
    width: 100%;
    border-collapse: collapse;
    background:0 0
}

.my-account table.my-subs-table thead, .my-account table.orders-related-table thead, .my-account table.orders-subs-table thead, .my-account table.orders-table thead {
    display: none;
    color: var(--c-dark-l);
    background:var(--c-d-grey-back)
}

.my-account table.my-subs-table tbody, .my-account table.orders-related-table tbody, .my-account table.orders-subs-table tbody, .my-account table.orders-table tbody {
    width:100%
}

.my-account table.my-subs-table tr[class * =--row], .my-account table.orders-related-table tr[class * =--row], .my-account table.orders-subs-table tr[class * =--row], .my-account table.orders-table tr[class * =--row] {
    display: block;
    background: var(--c-white);
    margin-bottom: 1rem;
    padding:1.5rem
}

.my-account table.my-subs-table td[class * =--cell], .my-account table.orders-related-table td[class * =--cell], .my-account table.orders-subs-table td[class * =--cell], .my-account table.orders-table td[class * =--cell] {
    padding-top: 0;
    min-height: 32px;
    color: var(--c-dark-l);
    font-size:.95rem
}

.my-account table.my-subs-table td[class * =--cell] .name, .my-account table.orders-related-table td[class * =--cell] .name, .my-account table.orders-subs-table td[class * =--cell] .name, .my-account table.orders-table td[class * =--cell] .name {
    font-weight:600
}

.my-account table.my-subs-table td[class * =--cell] .link:last-child:after, .my-account table.orders-related-table td[class * =--cell] .link:last-child:after, .my-account table.orders-subs-table td[class * =--cell] .link:last-child:after, .my-account table.orders-table td[class * =--cell] .link:last-child:after {
    font-family: var(--font-icons) !important;
    speak: never;
    content: "\e90c";
    font-size: .6rem;
    margin-left:.5rem
}

.my-account table.my-subs-table tr:last-child td, .my-account table.orders-related-table tr:last-child td, .my-account table.orders-subs-table tr:last-child td, .my-account table.orders-table tr:last-child td {
    padding-bottom:0
}

.my-account table.my-subs-table tr td, .my-account table.my-subs-table tr th, .my-account table.orders-related-table tr td, .my-account table.orders-related-table tr th, .my-account table.orders-subs-table tr td, .my-account table.orders-subs-table tr th, .my-account table.orders-table tr td, .my-account table.orders-table tr th {
    padding:0
}

.my-account table.order-details-table thead tr:after, .my-account table.order_details thead tr:after, .my-account table.subs-totals-table thead tr:after {
    content:none
}

.my-account table.order-details-table tr.order_item, .my-account table.order_details tr.order_item, .my-account table.subs-totals-table tr.order_item {
    background:var(--c-d-grey-back)
}

.my-account table.order-details-table tr.order_item td, .my-account table.order_details tr.order_item td, .my-account table.subs-totals-table tr.order_item td {
    padding-top: .5rem;
    padding-bottom:1rem
}

.my-account table.order-details-table tr.order_item td.product-name, .my-account table.order_details tr.order_item td.product-name, .my-account table.subs-totals-table tr.order_item td.product-name {
    padding-right:1rem
}

.my-account table.subscription-details-table tr td:first-child {
    font-weight: 600;
    color:var(--c-dark-l)
}

.my-account table.subscription-details-table tr td:last-child {
    text-align:right
}

.my-account table.account-waitlist-table .waitlist-product img {
    max-width: 55px;
    height:auto
}

.my-account table.account-waitlist-table .waitlist-product .product-title {
    display: inline-block;
    margin-left: .5rem;
    font-weight:500
}

.my-account table.account-waitlist-table .waitlist-product-variation ul {
    padding: 0;
    margin: 0;
    list-style-type:none
}

.my-account table.account-waitlist-table .waitlist-actions .button {
    font-size:1rem
}

@media (min-width: 768px) {
    .my-account table.my-subs-table, .my-account table.orders-related-table, .my-account table.orders-subs-table, .my-account table.orders-table {
        display: table;
        background:var(--c-white)
    }

    .my-account table.my-subs-table thead, .my-account table.orders-related-table thead, .my-account table.orders-subs-table thead, .my-account table.orders-table thead {
        display: table-row-group;
        text-align:left
    }

    .my-account table.my-subs-table thead tr th, .my-account table.orders-related-table thead tr th, .my-account table.orders-subs-table thead tr th, .my-account table.orders-table thead tr th {
        padding: 1.2rem .2rem;
        font-size:1.05rem
    }

    .my-account table.my-subs-table tr[class * =--row], .my-account table.orders-related-table tr[class * =--row], .my-account table.orders-subs-table tr[class * =--row], .my-account table.orders-table tr[class * =--row] {
        background: 0 0;
        display:table-row
    }

    .my-account table.my-subs-table td[class * =--cell], .my-account table.orders-related-table td[class * =--cell], .my-account table.orders-subs-table td[class * =--cell], .my-account table.orders-table td[class * =--cell] {
        display: table-cell;
        padding: 1.2rem .2rem;
        padding-bottom:1.2rem !important
    }

    .my-account table.my-subs-table td[class * =--cell] .name, .my-account table.orders-related-table td[class * =--cell] .name, .my-account table.orders-subs-table td[class * =--cell] .name, .my-account table.orders-table td[class * =--cell] .name {
        display:none
    }

    .my-account table.my-subs-table tbody tr:not(:last-child), .my-account table.orders-related-table tbody tr:not(:last-child), .my-account table.orders-subs-table tbody tr:not(:last-child), .my-account table.orders-table tbody tr:not(:last-child) {
        position:relative
    }

    .my-account table.my-subs-table tr td:first-child, .my-account table.my-subs-table tr th:first-child, .my-account table.orders-related-table tr td:first-child, .my-account table.orders-related-table tr th:first-child, .my-account table.orders-subs-table tr td:first-child, .my-account table.orders-subs-table tr th:first-child, .my-account table.orders-table tr td:first-child, .my-account table.orders-table tr th:first-child {
        padding-left:2rem
    }

    .my-account table.my-subs-table tr td:last-child, .my-account table.my-subs-table tr th:last-child, .my-account table.orders-related-table tr td:last-child, .my-account table.orders-related-table tr th:last-child, .my-account table.orders-subs-table tr td:last-child, .my-account table.orders-subs-table tr th:last-child, .my-account table.orders-table tr td:last-child, .my-account table.orders-table tr th:last-child {
        padding-right:2rem
    }

    .my-account table.order-details-table tr.order_item td, .my-account table.order_details tr.order_item td, .my-account table.subs-totals-table tr.order_item td {
        padding-top: 1.2rem;
        padding-bottom:1.2rem
    }
}

.my-account .account-addresses {
    padding:0
}

.my-account .account-addresses .addresses {
    margin-top:1rem
}

.my-account .account-addresses .addresses .address {
    margin-top: 1rem;
    padding:0
}

.my-account .account-addresses .addresses address {
    position: relative;
    background: var(--c-white);
    padding: 1.5rem 1.2rem;
    margin-top:1rem
}

.my-account .account-addresses .addresses address a.edit {
    position: absolute;
    top: 1.5rem;
    right: 1.2rem;
    font-style: normal;
    font-size:.9rem
}

.my-account .account-addresses .addresses address:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

@media (min-width: 768px) {
    .my-account .account-addresses {
        padding:0 .5rem
    }

    .my-account .account-addresses .addresses .address {
        padding:0 .5rem
    }
}

.my-account {
    min-height:calc(100vh - var(--header) - var(--topbar) - 4rem)
}

.my-account:not(.my-account-f) .woocommerce {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.my-account--nav {
    margin-bottom:1rem
}

.my-account--content {
    margin-top:2rem
}

.my-account--content > h2 {
    margin-top:0
}

.my-account .link {
    font-weight:500
}

.my-account .customer-details, .my-account .order-details, .my-account .order-notes, .my-account .related-orders, .my-account .related-subscriptions, .my-account .subs-notes, .my-account .subscription-details {
    padding:0
}

.my-account .customer-details--addresses {
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.my-account .customer-details--addresses:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.my-account .message {
    font-size:1.05rem
}

.my-account .message .red {
    color:var(--c-red)
}

.my-account h1.message {
    margin-top:0
}

.my-account .woocommerce-pagination {
    margin-top: 1rem;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

.my-account .woocommerce-pagination .button {
    background: var(--c-white);
    border-radius: 7px;
    line-height: 35px;
    height: 35px;
    max-width: 120px;
    font-size: .95rem;
    margin:.5rem
}

.my-account .woocommerce-pagination .button[class * =previous] {
    margin-left:0
}

.my-account .woocommerce-pagination .button[class * =next] {
    margin-right:0
}

.my-account .woocommerce-pagination .button:active, .my-account .woocommerce-pagination .button:focus, .my-account .woocommerce-pagination .button:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.my-account [class * =payment-method-actions] a {
    line-height: 1;
    height: auto;
    font-size: .95rem;
    margin: 0 .5rem;
    display: inline-block;
    width:auto
}

.my-account [class * =payment-method-actions] a:not(:last-child):after {
    content: " / "
}

@media (min-width: 768px) {
    .my-account .order-info {
        margin-left:.5rem
    }

    .my-account .customer-details, .my-account .order-details, .my-account .order-notes, .my-account .related-orders, .my-account .related-subscriptions, .my-account .subs-notes, .my-account .subscription-details {
        padding:0 .5rem
    }
}

@media (min-width: 1024px) {
    .my-account:not(.my-account-f) .woocommerce {
        height:auto
    }

    .my-account--nav {
        margin-left: calc(-1 * 15px);
        background: var(--c-white);
        margin-top: -2rem;
        height:calc(100% + 4rem)
    }

    .my-account--content {
        padding-left: 1rem;
        margin-top:1.2rem
    }
}

@media (min-width: 1200px) {
    .my-account--content {
        padding-left:3rem
    }
}

div.blockOverlay {
    background-color:transparent !important
}

.cart--login {
    margin-bottom:1rem
}

.cart h2 {
    margin-top: 0;
    margin-bottom:1rem
}

.cart .woocommerce {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width:100%
}

.cart .woocommerce-notices-wrapper {
    width: 100%;
    padding:0 .5rem
}

.cart .woocommerce > .wc_points_redeem_earn_points, .cart .woocommerce > .wc_points_rewards_earn_points {
    width:calc(100% - .5rem * 2)
}

.cart .wc_coupon_message_wrap {
    padding:0 !important
}

.cart a.login {
    font-weight: 600;
    color:var(--c-base)
}

.cart a.login:hover {
    color:var(--c-red)
}

.cart--empty {
    margin-top:1.5rem
}

.cart--empty h3 {
    font-size:1.5em
}

.cart--update {
    display: none;
    padding:0
}

.cart--update .update-cart {
    background: var(--c-light);
    margin-top: 0;
    color: var(--c-text-grey);
    font-weight:600
}

.cart--update .update-cart:active, .cart--update .update-cart:focus, .cart--update .update-cart:hover {
    color:var(--c-red)
}

.cart .cart-coupon {
    position:relative
}

.cart .cart-coupon input#coupon_code {
    width: 100%;
    background: var(--c-light);
    border: none;
    padding-left: 1.2rem;
    font-size: .9rem;
    font-weight: 600;
    color:var(--c-red)
}

.cart .cart-coupon input#coupon_code::-webkit-input-placeholder {
    font-size: .9rem;
    color:var(--c-text-grey)
}

.cart .cart-coupon input#coupon_code::-moz-placeholder {
    font-size: .9rem;
    color:var(--c-text-grey)
}

.cart .cart-coupon input#coupon_code:-ms-input-placeholder {
    font-size: .9rem;
    color:var(--c-text-grey)
}

.cart .cart-coupon input#coupon_code::-ms-input-placeholder {
    font-size: .9rem;
    color:var(--c-text-grey)
}

.cart .cart-coupon input#coupon_code::placeholder {
    font-size: .9rem;
    color:var(--c-text-grey)
}

.cart .cart-coupon button.submit-coupon {
    font-size: .9rem;
    font-weight: 600;
    width: auto;
    background: 0 0;
    color: var(--c-text-grey);
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    right: 1rem;
    z-index: 1;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    height: 100%;
    line-height:1
}

.cart .cart-coupon input#coupon_code:active + button.submit-coupon, .cart .cart-coupon input#coupon_code:focus + button.submit-coupon {
    color:var(--c-red)
}

.cart--collaterals .totals {
    margin-top: 1rem;
    background: var(--c-white);
    padding: 1rem;
    font-size:.95rem
}

.cart--collaterals .totals:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.cart--collaterals .totals--row {
    margin:.5rem 0
}

.cart--collaterals .totals--row .name, .cart--collaterals .totals--row .value {
    font-weight: 600;
    color:var(--c-dark-l)
}

.cart--collaterals .totals--title {
    margin-bottom:0
}

.cart--collaterals .totals--title h5 {
    margin-bottom:1rem
}

.cart--collaterals .totals .shipping {
    margin-bottom:0
}

.cart--collaterals .totals .shipping .name, .cart--collaterals .totals .shipping .value {
    width:100%
}

.cart--collaterals .totals .shipping .shipping-methods {
    list-style-type: none;
    padding: 0;
    margin: 1.2rem 0 0;
    color: var(--c-base);
    font-weight:400
}

.cart--collaterals .totals .shipping .shipping-methods li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin:.7rem 0
}

.cart--collaterals .totals .shipping .shipping-methods li label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: .5rem;
    width:calc(100% - 17px - .5rem)
}

.cart--collaterals .totals .shipping .shipping-methods li .method-cost {
    text-transform: uppercase;
    font-weight: 600;
    color:var(--c-dark-l)
}

.cart--collaterals .totals .premium-shipping {
    margin-top: 0;
    margin-bottom:1.5rem
}

.cart--collaterals .totals .premium-shipping .progress-container {
    margin: .5rem 0;
    padding: 0;
    width: 100%;
    height: 6.5px;
    background:var(--c-light)
}

.cart--collaterals .totals .premium-shipping .progress {
    background: var(--g-base);
    height: 100%;
    background-size: 300%;
    -webkit-animation: gradient-flow 7s linear infinite forwards;
    animation:gradient-flow 7s linear infinite forwards
}

.cart--collaterals .totals .premium-shipping .text {
    font-size:.9rem
}

.cart--collaterals .totals .order-total {
    padding-top: 1.5rem;
    margin-top: 1rem;
    position:relative
}

.cart--collaterals .totals .order-total:before {
    content: "";
    width: calc(100% + 1rem * 2);
    height: 1px;
    background: var(--c-border);
    position: absolute;
    top: 0;
    left:-1rem
}

.cart--collaterals .totals .proceed-checkout .btn {
    max-width: none;
    font-size: 1.2rem;
    margin-left: 0;
    margin-right:0
}

.cart--collaterals .totals .proceed-checkout .btn [class * =icon] {
    background: url(/images/lock.svg) 100%/12px no-repeat;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-left: 0;
    margin-right:.5rem
}

.cart--collaterals .totals .proceed-checkout .btn:hover [class * =icon] {
    margin-left:0
}

.cart--collaterals .totals .remove-coupon {
    margin-left: 5px;
    position: relative;
    top: -5px;
    font-size:.65rem
}

.cart--collaterals .collaterals-excerpt {
    font-size: .9rem;
    color:rgba(0, 0, 0, .4)
}

.cart .cart-upsells {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    width: calc(100% + 3rem);
    max-width: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    margin-left: -1.5rem;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding:0 1.5rem
}

.cart .last {
    height: 100%;
    display: inline-block;
    min-width:1.5rem
}

@media (max-width: calc(340px - 1px)) {
    .cart--collaterals .totals {
        padding: .7rem;
        font-size:.9rem
    }

    .cart--collaterals .totals--row {
        margin:.3rem 0
    }
}

@media (min-width: 768px) {
    .cart--collaterals .totals {
        margin-top:0
    }
}

@media (min-width: 1024px) {
    .cart--login {
        margin-bottom:0
    }

    .cart--items {
        padding-right:3rem
    }

    .cart--collaterals .totals {
        padding:1rem 1.5rem
    }

    .cart--collaterals .totals .order-total:before {
        width: calc(100% + 1.5rem * 2);
        left:-1.5rem
    }
}

@-webkit-keyframes gradient-flow {
    0% {
        background-position:300% 0
    }

    100% {
        background-position:0 0
    }
}

@keyframes gradient-flow {
    0% {
        background-position:300% 0
    }

    100% {
        background-position:0 0
    }
}

.item-bm-label {
    width: 100%;
    height: 27px;
    line-height: 27px;
    background: var(--g-base);
    background-size: 300%;
    -webkit-animation: gradient-flow 35s linear infinite forwards;
    animation: gradient-flow 35s linear infinite forwards;
    color: var(--c-white);
    font-weight: 700;
    font-size: .8em;
    text-align: center;
    text-transform:uppercase
}

.cart-item, .mini-cart-item {
    background: var(--c-white);
    padding: .7rem .5rem;
    position: relative;
    margin-bottom: 1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items:stretch
}

.cart-item:hover, .mini-cart-item:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.cart-item--thumbnail, .mini-cart-item--thumbnail {
    padding: 0;
    margin-left:-5px
}

.cart-item--thumbnail img, .mini-cart-item--thumbnail img {
    width: 80px;
    height: 80px;
    -o-object-fit: cover;
    object-fit:cover
}

.cart-item--meta, .mini-cart-item--meta {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right:0
}

.cart-item--meta .product-name, .mini-cart-item--meta .product-name {
    width: 95%;
    line-height: 1.2;
    padding-right:.5rem
}

.cart-item--meta .product-name a, .mini-cart-item--meta .product-name a {
    color: var(--c-dark-l);
    font-size:.85em
}

.cart-item--meta .product-name a:active, .cart-item--meta .product-name a:focus, .cart-item--meta .product-name a:hover, .mini-cart-item--meta .product-name a:active, .mini-cart-item--meta .product-name a:focus, .mini-cart-item--meta .product-name a:hover {
    color:var(--c-red)
}

.cart-item--meta .product-quantity, .mini-cart-item--meta .product-quantity {
    border: 1px solid var(--c-border);
    width: auto;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top:.7rem
}

.cart-item--meta .product-quantity input.quantity--input, .mini-cart-item--meta .product-quantity input.quantity--input {
    padding-left: 0;
    line-height: 1;
    outline: 0;
    border: none;
    width: 40px;
    height: 100%;
    text-align:center
}

.cart-item--meta .product-quantity .quantity-button, .mini-cart-item--meta .product-quantity .quantity-button {
    cursor: pointer;
    display: inline-block;
    width: 25px;
    line-height: 25px;
    text-align: center;
    border-left: 1px solid var(--c-border);
    font-size:.9em
}

.cart-item--meta .product-price, .mini-cart-item--meta .product-price {
    padding-left: .5rem;
    padding-right: .25rem;
    font-weight: 700;
    font-size: .8rem;
    color: var(--c-dark-l);
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

.cart-item--meta .product-price del, .mini-cart-item--meta .product-price del {
    color: var(--c-text-grey);
    font-size:.8em
}

.cart-item--meta .product-price ins, .mini-cart-item--meta .product-price ins {
    text-decoration:none
}

.cart-item--remove, .mini-cart-item--remove {
    position: absolute;
    top: 1rem;
    right:.7rem
}

.cart-item--remove span[class * =icon], .mini-cart-item--remove span[class * =icon] {
    font-size:17px
}

.cart-item--subscription-options .options--wrapper, .mini-cart-item--subscription-options .options--wrapper {
    --options-height: 42px;
    background: var(--c-white);
    border: 1px solid var(--c-border);
    border-radius: 5px;
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    display:inline-block
}

.cart-item--subscription-options .options--checkbox, .mini-cart-item--subscription-options .options--checkbox {
    height: var(--options-height);
    line-height:var(--options-height)
}

.cart-item--subscription-options .options--checkbox input[type=checkbox], .mini-cart-item--subscription-options .options--checkbox input[type=checkbox] {
    top: 2px;
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.cart-item--subscription-options .options--checkbox input[type=checkbox]:before, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:before {
    background: var(--c-white);
    border: 1px solid var(--c-border);
    border-radius:2px
}

.cart-item--subscription-options .options--checkbox input[type=checkbox]:after, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:after {
    -webkit-box-shadow: 2.5px 2.5px 0 var(--c-white);
    box-shadow:2.5px 2.5px 0 var(--c-white)
}

.cart-item--subscription-options .options--checkbox input[type=checkbox]:active:before, .cart-item--subscription-options .options--checkbox input[type=checkbox]:focus:before, .cart-item--subscription-options .options--checkbox input[type=checkbox]:hover:before, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:active:before, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:focus:before, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:hover:before {
    border-color:var(--c-red)
}

.cart-item--subscription-options .options--checkbox input[type=checkbox]:checked:before, .mini-cart-item--subscription-options .options--checkbox input[type=checkbox]:checked:before {
    background-color: var(--c-red);
    border-color:var(--c-red)
}

.cart-item--subscription-options .options--checkbox label, .mini-cart-item--subscription-options .options--checkbox label {
    display: inline-block;
    font-weight: 500;
    font-size: .9rem;
    color:var(--c-dark-l)
}

.cart-item--subscription-options .options--dropdown, .mini-cart-item--subscription-options .options--dropdown {
    display: none;
    height: var(--options-height);
    line-height: 1;
    background-color: transparent;
    border: none;
    border-top: 1px solid var(--c-border);
    border-radius: 0;
    font-size: .95rem;
    color:var(--c-dark-l)
}

.cart-item--subscription-options .options--wrapper.active, .mini-cart-item--subscription-options .options--wrapper.active {
    width: 100%;
    border-color:var(--c-gold)
}

.cart-item--subscription-options .options--wrapper.active .options--dropdown, .mini-cart-item--subscription-options .options--wrapper.active .options--dropdown {
    display: block;
    border-top-color:var(--c-gold)
}

#widget-cart .mini-cart-item--price {
    font-size:.75rem
}

@media (min-width: 640px) {
    .cart-item--meta, .mini-cart-item--meta {
        padding-right:0
    }

    .cart-item--thumbnail, .mini-cart-item--thumbnail {
        margin-left:0
    }

    .cart-item--thumbnail img, .mini-cart-item--thumbnail img {
        width: 90px;
        height:90px
    }

    .cart-item--meta .product-name a, .mini-cart-item--meta .product-name a {
        font-size:.95rem
    }

    .cart-item--price, .mini-cart-item--price {
        font-size:.85rem
    }

    .cart-item--subscription-options, .mini-cart-item--subscription-options {
        padding-right:0
    }
}

.cart-upsell, .mini-cart-upsell, .related-product {
    padding: 1rem;
    background: var(--c-grey-back);
    border-radius: 9px;
    width: 250px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    margin:.2rem 0
}

.cart-upsell:not(:last-of-type), .mini-cart-upsell:not(:last-of-type), .related-product:not(:last-of-type) {
    margin-right:1rem
}

.cart-upsell:active, .cart-upsell:hover, .mini-cart-upsell:active, .mini-cart-upsell:hover, .related-product:active, .related-product:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.cart-upsell--thumbnail, .mini-cart-upsell--thumbnail, .related-product--thumbnail {
    padding: 0;
    --thumbnail-size: 90px;
    -ms-flex-preferred-size: var(--thumbnail-size);
    flex-basis: var(--thumbnail-size);
    max-width:var(--thumbnail-size)
}

.cart-upsell--thumbnail img, .mini-cart-upsell--thumbnail img, .related-product--thumbnail img {
    margin: auto;
    width: 100%;
    height: var(--thumbnail-size);
    -o-object-fit: cover;
    object-fit: cover;
    mix-blend-mode:multiply
}

.cart-upsell--meta, .mini-cart-upsell--meta, .related-product--meta {
    padding-left: .5rem;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex:1
}

.cart-upsell--name, .mini-cart-upsell--name, .related-product--name {
    line-height: 1;
    padding:0
}

.cart-upsell--name a, .mini-cart-upsell--name a, .related-product--name a {
    color: var(--c-dark-l);
    font-size:.85rem
}

.cart-upsell--name a:hover, .mini-cart-upsell--name a:hover, .related-product--name a:hover {
    color:var(--c-red)
}

.cart-upsell--button, .mini-cart-upsell--button, .related-product--button {
    padding:1rem 0 0
}

.cart-upsell--button a, .mini-cart-upsell--button a, .related-product--button a {
    display: inline-block;
    width: 100%;
    margin: 0;
    font-size: .8rem;
    background: var(--c-white);
    border-radius: 5px;
    line-height: 38px;
    height: 38px;
    font-weight: 600;
    text-align: center;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.cart-upsell--button a:active, .cart-upsell--button a:focus, .cart-upsell--button a:hover, .mini-cart-upsell--button a:active, .mini-cart-upsell--button a:focus, .mini-cart-upsell--button a:hover, .related-product--button a:active, .related-product--button a:focus, .related-product--button a:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.cart-upsell--button a del, .mini-cart-upsell--button a del, .related-product--button a del {
    color:var(--c-base)
}

.related-product {
    width:165px
}

@media (min-width: 768px) {
    .cart-item, .mini-cart-item {
        padding:1rem 1.2rem
    }

    .cart-item--remove, .mini-cart-item--remove {
        right:1.2rem
    }

    .cart-item--price, .mini-cart-item--price {
        padding:0
    }

    .cart-upsell, .related-product {
        width: auto;
        max-width:calc(100%/4 -(.2rem * 2))
    }
}

.checkout h2 {
    margin-top: 0;
    margin-bottom:1rem
}

.checkout h4 {
    margin-bottom:1rem
}

.checkout form.checkout_coupon, .checkout form.login {
    max-width: 450px;
    margin:1rem auto
}

.checkout form.checkout_coupon p, .checkout form.login p {
    margin:.5rem 0
}

.checkout #customer_details {
    background: var(--c-white);
    padding:1.5rem
}

.checkout #order_review {
    padding-top:1rem
}

.checkout #order_review ul {
    list-style-type: none;
    padding-left:0
}

.checkout #order_review .woocommerce-shipping-methods {
    margin: 1.2rem 0 0;
    color: var(--c-base);
    font-weight:400
}

.checkout #order_review .woocommerce-shipping-methods li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin:.7rem 0
}

.checkout #order_review .woocommerce-shipping-methods li label {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0;
    margin-left: .5rem;
    width:calc(100% - 17px - .5rem)
}

.checkout #order_review .woocommerce-shipping-methods li .method-cost {
    text-transform: uppercase;
    font-weight: 600;
    color:var(--c-dark-l)
}

.checkout table.review-order-table tbody td, .checkout table.review-order-table tbody th {
    font-size:.9rem
}

.checkout table.review-order-table tbody tr:first-child td, .checkout table.review-order-table tbody tr:first-child th {
    padding-top:1.5rem
}

.checkout table.review-order-table tr td:first-child, .checkout table.review-order-table tr th:first-child {
    padding-left:1rem
}

.checkout table.review-order-table tr td:last-child, .checkout table.review-order-table tr th:last-child {
    padding-right:1rem
}

.checkout table.review-order-table tr.last td, .checkout table.review-order-table tr.last th {
    padding-bottom:1.5rem
}

.checkout table.review-order-table .cart-subtotal.recurring-total td, .checkout table.review-order-table .cart-subtotal.recurring-total th, .checkout table.review-order-table .order-total td, .checkout table.review-order-table .order-total th {
    padding-top: 1.5rem;
    position:relative
}

.checkout table.review-order-table .cart-subtotal.recurring-total td:before, .checkout table.review-order-table .cart-subtotal.recurring-total th:before, .checkout table.review-order-table .order-total td:before, .checkout table.review-order-table .order-total th:before {
    width: 100%;
    content: "";
    height: 1px;
    background: var(--c-border);
    position: absolute;
    top: 0;
    left:0
}

.checkout table.review-order-table .order-total td {
    color:var(--c-red)
}

.checkout #place_order {
    font-size:1.15rem
}

@media (min-width: 1024px) {
    .checkout #order_review {
        padding-top: 1.5rem;
        padding-left:2rem
    }

    .checkout table.review-order-table tr td:first-child, .checkout table.review-order-table tr th:first-child {
        padding-left:1.2rem
    }

    .checkout table.review-order-table tr td:last-child, .checkout table.review-order-table tr th:last-child {
        padding-right:1.2rem
    }
}

.checkout #customer_details, .checkout form.account-edit-address, .checkout form.edit-account, .my-account #customer_details, .my-account form.account-edit-address, .my-account form.edit-account {
    width:100%
}

.checkout #customer_details .form-row, .checkout form.account-edit-address .form-row, .checkout form.edit-account .form-row, .my-account #customer_details .form-row, .my-account form.account-edit-address .form-row, .my-account form.edit-account .form-row {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin:1rem 0 .5rem
}

.checkout #customer_details p:last-child, .checkout form.account-edit-address p:last-child, .checkout form.edit-account p:last-child, .my-account #customer_details p:last-child, .my-account form.account-edit-address p:last-child, .my-account form.edit-account p:last-child {
    width: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis:100%
}

.checkout #customer_details label, .checkout form.account-edit-address label, .checkout form.edit-account label, .my-account #customer_details label, .my-account form.account-edit-address label, .my-account form.edit-account label {
    display: block;
    color:var(--c-dark-l)
}

.checkout #customer_details label.checkbox, .checkout form.account-edit-address label.checkbox, .checkout form.edit-account label.checkbox, .my-account #customer_details label.checkbox, .my-account form.account-edit-address label.checkbox, .my-account form.edit-account label.checkbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow:row wrap
}

.checkout #customer_details .select2, .checkout form.account-edit-address .select2, .checkout form.edit-account .select2, .my-account #customer_details .select2, .my-account form.account-edit-address .select2, .my-account form.edit-account .select2 {
    display:none
}

.checkout #customer_details .excerpt, .checkout form.account-edit-address .excerpt, .checkout form.edit-account .excerpt, .my-account #customer_details .excerpt, .my-account form.account-edit-address .excerpt, .my-account form.edit-account .excerpt {
    display: inline-block;
    margin-top: .3rem;
    color: var(--c-red);
    font-size: .85rem;
    line-height:.8rem
}

.checkout #customer_details .label-excerpt, .checkout form.account-edit-address .label-excerpt, .checkout form.edit-account .label-excerpt, .my-account #customer_details .label-excerpt, .my-account form.account-edit-address .label-excerpt, .my-account form.edit-account .label-excerpt {
    display: block;
    margin-top: .3rem;
    font-style: italic;
    font-size:.85rem
}

@media (min-width: 768px) {
    .checkout #customer_details .form-row, .checkout #customer_details p:last-child, .checkout form.account-edit-address .form-row, .checkout form.account-edit-address p:last-child, .checkout form.edit-account .form-row, .checkout form.edit-account p:last-child, .my-account #customer_details .form-row, .my-account #customer_details p:last-child, .my-account form.account-edit-address .form-row, .my-account form.account-edit-address p:last-child, .my-account form.edit-account .form-row, .my-account form.edit-account p:last-child {
        padding:0 .5rem
    }

    .checkout #customer_details .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]), .checkout form.account-edit-address .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]), .checkout form.edit-account .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]), .my-account #customer_details .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]), .my-account form.account-edit-address .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]), .my-account form.edit-account .form-row:not([id * =country_field]):not([id * =company_field]):not([id * =postcode_field]):not([id * =subscriptions_addresses_field]):not(.form-row-password):not([id * =order_comments_field]) {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width:50%
    }

    .checkout #customer_details label, .checkout form.account-edit-address label, .checkout form.edit-account label, .my-account #customer_details label, .my-account form.account-edit-address label, .my-account form.edit-account label {
        font-size: 1rem;
        display: block;
        color:var(--c-dark-l)
    }

    .checkout #customer_details .select2, .checkout form.account-edit-address .select2, .checkout form.edit-account .select2, .my-account #customer_details .select2, .my-account form.account-edit-address .select2, .my-account form.edit-account .select2 {
        display:none
    }

    .checkout #customer_details button[type=submit], .checkout form.account-edit-address button[type=submit], .checkout form.edit-account button[type=submit], .my-account #customer_details button[type=submit], .my-account form.account-edit-address button[type=submit], .my-account form.edit-account button[type=submit] {
        max-width:250px
    }
}

@media (min-width: 1024px) {
    .my-account form.account-edit-address, .my-account form.edit-account {
        margin-left:2rem
    }
}

#payment ul {
    padding: 0;
    list-style-type: none;
    background:var(--c-white)
}

#payment ul label[for * =square_credit_card] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items:center
}

#payment ul img.sv-wc-payment-gateway-icon {
    display: inline-block;
    margin-left: 5px;
    -webkit-box-shadow: var(--shadow) !important;
    box-shadow:var(--shadow) !important
}

#payment ul a.button[class * =manage] {
    max-width: none;
    text-align: left;
    line-height: 1;
    height: auto;
    font-size:.95rem
}

#payment ul input {
    width:17px !important
}

.royal-checkout #payment ul {
    padding:1rem 1.5rem
}

.hr--title h1 {
    font-size: 2.3em;
    color: var(--c-white);
    font-weight: 500;
    margin-bottom:.5rem
}

.hr--text {
    font-size: 1.15rem;
    color:var(--c-white)
}

.hr--features ul {
    list-style-type: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    padding-left: 0;
    color: var(--c-white);
    font-size: .95rem;
    margin-top: .5rem;
    margin-bottom:0
}

.hr--features ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
    padding:0 1rem
}

.hr--btn {
    margin-top:1rem
}

.hr--btn a {
    border-radius: 0;
    max-width:190px
}

.hr--rating .rating-count {
    color: var(--c-white);
    text-decoration: underline;
    margin-left:.5rem
}

.hr--image {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height:100%
}

.hr--image img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: bottom;
    object-position:bottom
}

@media (min-width: 330px) {
    .hr--title h1 {
        max-width: 85%;
        margin:auto
    }
}

@media (min-width: 400px) {
    .hr--title h1 {
        max-width: 70%;
        margin:auto
    }
}

@media (min-width: 640px) {
    .hr--text {
        font-size:1.25rem
    }
}

@media (min-width: 768px) {
    .hr--title h1 {
        max-width: none;
        margin:1.2em 0 .5rem
    }

    .hr--features ul {
        max-width: 70%;
        font-size: 1rem;
        margin-top:1.5rem
    }

    .hr--features ul li {
        -ms-flex-preferred-size: 0;
        flex-basis: 0%;
        border-left:1px solid rgba(255, 255, 255, .25)
    }

    .hr--image img {
        -o-object-fit: cover;
        object-fit:cover
    }
}

@media (min-width: 1024px) {
    .hr--title {
        max-width:42%
    }

    .hr--title h1 {
        font-size:2.85rem
    }

    .hr--features ul {
        max-width:40%
    }

    .hr--btn {
        margin-top:2rem
    }

    .hr--btn a {
        max-width:280px
    }
}

@media (min-width: 1800px) {
    .hr--image img {
        -o-object-position: 50%;
        object-position:50%
    }
}

.rv-rating .review-title {
    font-size: 1.3rem;
    width: 100%;
    color: var(--c-black);
    margin-bottom:.5em
}

.rv-rating .review-rating .rating-number {
    color: var(--c-black);
    font-size:2.5rem
}

.rv-rating .review-rating ul {
    margin:0 .5rem
}

.rv-rating .review-text {
    font-size: .9rem;
    color:var(--c-base)
}

.rv-rating .review-text:hover {
    text-decoration:underline
}

.rv-title h4 {
    font-size: 1.9em;
    margin-top: 1.5em;
    margin-bottom:0
}

.rv-buttons {
    padding:0
}

.rv-buttons a {
    max-width:48%
}

.rv-buttons a [class * =icon] {
    font-size:14px
}

.rv-buttons a:first-child {
    margin-right:1%
}

.rv-buttons a:last-child {
    margin-left:1%
}

.rv-text {
    font-size:1.3rem
}

@media (min-width: 768px) {
    .rv-title {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .rv-title h4 {
        font-size: 2.1em;
        margin-top:.7em
    }

    .rv-text {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .rv-rating {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-top:3rem
    }

    .rv-buttons {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        margin-top:3rem
    }
}

@media (min-width: 1024px) {
    .rv-title h4 {
        max-width:80%
    }

    .rv-text p {
        font-size: 1.5rem;
        margin-bottom: 0;
        max-width:80%
    }
}

.pr-icons .icon {
    margin:1rem 0
}

.pr-icons img {
    margin: auto;
    max-height: 90px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    cursor:pointer
}

.pr-icons img:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity:.8
}

@media (min-width: 1024px) {
    .pr-icons .icon {
        margin:0
    }
}

.pg-h, .pr-bn, .sh-h {
    --s-height:20rem
}

.pg-h--content, .pr-bn--content, .sh-h--content {
    z-index:100
}

.pg-h--content h4, .pr-bn--content h4, .sh-h--content h4 {
    color: var(--c-white);
    text-align: right;
    text-indent:3rem
}

.pg-h--image, .pr-bn--image, .sh-h--image {
    z-index: 1;
    position: absolute;
    bottom: 0;
    right:0
}

.pg-h--image img, .pr-bn--image img, .sh-h--image img {
    height: var(--s-height);
    width: 100vw;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center right;
    object-position:center right
}

.pg-h h2 {
    font-size:2.525em
}

.pg-h, .sh-h {
    --s-height: 15rem;
    min-height:calc(var(--s-height) - 4rem)
}

@media (min-width: 768px) {
    .pg-h--content h4, .pr-bn--content h4, .sh-h--content h4 {
        text-align: justify;
        margin-right: auto;
        max-width:85%
    }

    .pg-h, .sh-h {
        --s-height:20rem
    }

    .pr-bn {
        min-height:calc(var(--s-height) - 4rem)
    }
}

.lg-title {
    letter-spacing: .045em;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    margin:1rem 0 3rem
}

.lg-logo p {
    width: 95%;
    margin-top:1.5rem
}

.lg .logos {
    width:100%
}

@media (min-width: 1024px) {
    .lg-title {
        margin-bottom:4rem
    }

    .lg-logo {
        margin-top:1rem
    }

    .lg-logo p {
        width: 90%;
        font-size:1.05rem
    }
}

.tb {
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items:stretch
}

.tb .bl {
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content:flex-start
}

.tb .bl--title {
    font-size:1.25rem
}

.tb .bl--image {
    height: 50px;
    width: 50px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.tb .bl--image:focus, .tb .bl--image:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity:.7
}

.tb .bl--text {
    font-size: 1.08rem;
    line-height:1.45
}

.tb .bl:not(.w-ic) .bl--title {
    padding-bottom: 1.5rem;
    margin-bottom: 1rem;
    border-bottom:1px solid var(--c-border)
}

.tb .bl.w-ic {
    cursor:pointer
}

.tb .bl.w-ic .bl--image {
    margin: 0 auto 1.5rem 0;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.tb .bl.w-ic .bl--title {
    margin-bottom:1.2rem
}

.tb .bl.w-ic:active .bl--image, .tb .bl.w-ic:hover .bl--image {
    -webkit-transform: translateY(-5px);
    transform:translateY(-5px)
}

@media (min-width: 1024px) {
    .tb .bl.w-ic {
        padding-top: 1rem;
        padding-bottom: 3rem;
        padding-left:2rem
    }

    .tb .bl.w-ic:not(:first-of-type):not(:nth-of-type(4)) {
        border-left:1px solid var(--c-border)
    }

    .tb .bl.w-ic:first-of-type, .tb .bl.w-ic:nth-of-type(4) {
        margin-left:-2rem
    }

    .tb .bl.w-ic .bl--text, .tb .bl.w-ic .bl--title {
        max-width:90%
    }
}

@media (min-width: 1200px) {
    .tb .bl.w-ic:not(:first-of-type) {
        border-left:1px solid var(--c-border)
    }

    .tb .bl.w-ic:first-of-type {
        margin-left:-2rem
    }
}

.ic {
    padding:0
}

.ic-image {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding:0
}

.ic-image img, .ic-image picture {
    width: 100%;
    max-height: 270px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 70%;
    object-position:50% 70%
}

.ic-image h6 {
    font-size: 1.5em;
    color: var(--c-white);
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: right;
    max-width:75%
}

.ic-content {
    padding: 0 1.5rem;
    margin-bottom: 1.5rem;
    font-size:1.15em
}

.ic-content h1 {
    margin-top: 1em;
    margin-bottom:.7em
}

.ic-content .ic-content--btn {
    margin-top: 1rem;
    margin-bottom:1.5rem
}

.ic-content.exc {
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.ic-content.exc .ic-content--excerpt {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-base)), to(var(--c-white)));
    background: linear-gradient(to bottom, var(--c-base), var(--c-white));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.ic-content.exc .ic-content--excerpt p {
    font-size:.9em !important
}

.ic-content.exc .ic-content--excerpt p:first-child {
    margin-top:0
}

.ic-content.exc:active .ic-content--excerpt, .ic-content.exc:focus .ic-content--excerpt, .ic-content.exc:hover .ic-content--excerpt {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--c-base)), to(var(--c-base)));
    background-image:linear-gradient(to bottom, var(--c-base), var(--c-base))
}

.ic:not(:last-of-type) {
    border-bottom:1px solid var(--c-border)
}

.ic.right {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

@media (min-width: 640px) {
    .ic-image h6 {
        top: 2rem;
        -webkit-transform: none;
        transform: none;
        left:auto
    }

    .ic.right .ic-image h6 {
        right:2rem
    }

    .ic.left .ic-image h6 {
        left:2rem
    }
}

@media (min-width: 768px) {
    .ic.left .ic-image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .ic.left .ic-image h6 {
        right: 5rem;
        left: auto;
        top:3rem
    }

    .ic.left .ic-content {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .ic.right .ic-image h6 {
        right: 3rem;
        top:3rem
    }

    .ic-image {
        height:50vh
    }

    .ic-image img, .ic-image picture {
        height: 100%;
        max-height:none
    }

    .ic-content {
        margin:auto
    }

    .ic-content h1 {
        font-size:2.5rem
    }
}

@media (min-width: 1024px) {
    .ic-content:not(.ic-content--excerpt) p {
        line-height:1.3
    }

    .ic-image {
        height:60vh
    }
}

@media (min-width: 1200px) {
    .ic-image {
        height:75vh
    }

    .ic-content h1 {
        font-size:3.2rem
    }
}

@media (min-width: 1350px) {
    .ic-image {
        height:80vh
    }

    .ic-content h1 {
        font-size:3.2rem
    }
}

.is {
    padding:0
}

.is-image {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    padding:0
}

.is-image img, .is-image picture {
    width: 100%;
    max-height: 270px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 100%;
    object-position:50% 100%
}

.is-image h6 {
    font-size: 1.5em;
    color: var(--c-white);
    position: absolute;
    top: 2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: right;
    max-width:75%
}

.is-blocks {
    padding: 0 1rem;
    margin-bottom:1.5rem
}

.is-blocks h1 {
    margin-top: 1em;
    margin-bottom: .7em;
    font-size:2.2em
}

.is-blocks .is-content--btn {
    margin-top: 1rem;
    margin-bottom:1.5rem
}

.is-blocks--block {
    width: 100%;
    padding:0
}

.is-content.exc {
    cursor: pointer;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.is-content.exc .is-content--excerpt {
    background: -webkit-gradient(linear, left top, left bottom, from(var(--c-base)), to(var(--c-white)));
    background: linear-gradient(to bottom, var(--c-base), var(--c-white));
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.is-content.exc .is-content--excerpt p {
    font-size:1rem
}

.is-content.exc .is-content--excerpt p:first-child {
    margin-top:0
}

.is-content.exc:active .is-content--excerpt, .is-content.exc:focus .is-content--excerpt, .is-content.exc:hover .is-content--excerpt {
    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--c-base)), to(var(--c-base)));
    background-image:linear-gradient(to bottom, var(--c-base), var(--c-base))
}

.is:not(:last-of-type) {
    border-bottom:1px solid var(--c-border)
}

.is.right {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:space-between
}

.is .is-cards--title {
    margin-bottom:.5em
}

.is .is-cards--subtitle {
    font-size: 1.375rem;
    color: var(--c-dark-s);
    margin-bottom:1.5em
}

.is .is-cards--excerpt {
    margin-top: 1.5rem;
    font-size: .9rem;
    color:rgba(85, 85, 85, .8)
}

.is .is-cards .cards {
    margin-top: 1rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    max-width: calc(100% + 3rem);
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    scrollbar-width: none;
    -ms-overflow-style:none
}

.is .is-cards .cards .card {
    cursor: pointer;
    background: var(--c-white);
    max-width: 165px;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    border-radius: 7.5px;
    margin: .5rem .5rem .5rem 0;
    padding: 1.5rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.is .is-cards .cards .card--image {
    margin: .5rem auto;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.is .is-cards .cards .card--title {
    color: var(--c-base);
    font-size: .95rem;
    line-height: 1.45;
    margin-top:.2rem
}

.is .is-cards .cards .card--info {
    background: var(--c-d-grey-back);
    border-radius: 0 0 50% 50%;
    padding:1rem
}

.is .is-cards .cards .card--info .text {
    color: var(--c-red);
    font-size:1.75rem
}

.is .is-cards .cards .card--info .excerpt {
    font-size: .7rem;
    color: var(--c-base);
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 500;
    line-height: 1.2;
    padding:.7rem 0 .5rem
}

.is .is-cards .cards .card:active, .is .is-cards .cards .card:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow:var(--shadow)
}

.is .is-cards .cards .card:active .card--image, .is .is-cards .cards .card:hover .card--image {
    -webkit-transform: translateY(-5px);
    transform:translateY(-5px)
}

.is .is-cards .cards .last {
    min-height: 1px;
    height: 100%;
    display: inline-block;
    min-width:15px
}

.is .is-features .features .feature {
    padding: 0;
    cursor: pointer;
    margin-top: 1rem;
    margin-bottom:2rem
}

.is .is-features .features .feature--image {
    margin-bottom: 1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.is .is-features .features .feature--title {
    font-size: 1.15rem;
    margin-top: 1em;
    margin-bottom: 1.4em;
    color:var(--c-dark-s)
}

.is .is-features .features .feature--text {
    font-size: 1.05rem;
    line-height:1.45
}

.is .is-features .features .feature:active .feature--image, .is .is-features .features .feature:hover .feature--image {
    -webkit-transform: translateY(-5px);
    transform:translateY(-5px)
}

@media (min-width: 640px) {
    .is-image h6 {
        top: 2rem;
        -webkit-transform: none;
        transform: none;
        left:auto
    }

    .is-image img, .is-image picture {
        -o-object-position: 50% 70%;
        object-position:50% 70%
    }

    .is.right .is-image h6 {
        right:2rem
    }

    .is.left .is-image h6 {
        left:2rem
    }
}

@media (min-width: 768px) {
    .is.left .is-image {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order:1
    }

    .is.left .is-image h6 {
        right: 5rem;
        left: auto;
        top:3rem
    }

    .is.left .is-image img, .is.left .is-image picture {
        -o-object-position: 50% 100%;
        object-position:50% 100%
    }

    .is.left .is-blocks {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }

    .is-blocks {
        margin: auto;
        padding:0
    }

    .is-blocks--block {
        min-height:100vh
    }

    .is-blocks h1 {
        font-size:2.75rem
    }

    .is.right .is-image h6 {
        right: 3rem;
        top:3rem
    }

    .is-image {
        position: sticky;
        position: -moz-sticky;
        position: -ms-sticky;
        position: -o-sticky;
        top: var(--admin-bar);
        left: 0;
        height:100vh
    }

    .is-image img, .is-image picture {
        max-height:none
    }
}

@media (min-width: 1024px) {
    .is-blocks p {
        font-size: 1.25rem;
        line-height:1.3
    }

    .is .is-cards .cards {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left:0
    }

    .is .is-cards .cards .card {
        padding: 1.5rem 1.2rem;
        max-width: 31%;
        width:165px
    }

    .is .is-cards .cards .card:first-child {
        margin-left:0
    }

    .is .is-cards .cards .last {
        display:none
    }

    .is-features .features .feature--text, .is-features .features .feature--title {
        max-width:90%
    }
}

@media (min-width: 1200px) {
    .is-features .features .feature--text, .is-features .features .feature--title {
        max-width:93%
    }
}

@media (min-width: 1200px) and(max-width: 1500px) {
    .is .is-cards .cards .card {
        padding: 1.5rem 1.2rem;
        max-width: 45%;
        width:165px
    }
}

.in-title h2 {
    margin-bottom:.3rem
}

.in-excerpt h6 {
    color:var(--c-base)
}

.in .info {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    margin:1rem 0
}

.in .info:hover .info--icon {
    -webkit-transform: translateY(-3px);
    transform:translateY(-3px)
}

.in .info--icon {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease;
    height:40px
}

.in .info--title {
    font-size: 1.2rem;
    color: var(--c-dark-l);
    margin-bottom:0
}

.in .info--text {
    font-size:1rem
}

.in .info--btn {
    color: var(--c-dark-l);
    font-size: 1rem;
    font-weight: 400;
    line-height: 45px;
    height:45px
}

@media (min-width: 768px) {
    .in .info--icon {
        height: 50px;
        margin-bottom:1rem
    }

    .in .info--title {
        font-size:1.4rem
    }

    .in .info--text {
        font-size: 1.05rem;
        max-width:90%
    }

    .in .info--btn {
        line-height: 55px;
        height:55px
    }
}

.faq {
    padding:1.5rem .5rem
}

.faq:not(:last-of-type) {
    border-bottom:1px solid var(--c-border)
}

.faq--title {
    margin:0
}

.faq--title .tt {
    line-height: 1.45;
    display: inline-block;
    max-width:90%
}

.faq--content {
    max-width: 95%;
    font-size: 1.05rem;
    line-height:1.45
}

.faq.active .faq--content {
    margin-top:1rem
}

.icc .icons {
    padding:0
}

.icc .icons-title {
    font-size:1.1rem
}

.icc .icons .item--img {
    margin-top: 2rem;
    max-height: 50px;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition:all .7s cubic-bezier(.19, 1, .22, 1)
}

.icc .icons .item--img:focus, .icc .icons .item--img:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    opacity:.7
}

.icc .text_blocks {
    margin-top: 1rem;
    padding:0
}

.icc .text_blocks .content {
    margin-top:1rem
}

.icc .text_blocks .content--title {
    line-height:1.45
}

.icc .text_blocks .content--text {
    margin-top: 0;
    padding-top: 1.7rem;
    border-top:1px solid var(--c-border)
}

@media (min-width: 768px) {
    .icc.right .icons {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order:2
    }
}

@media (min-width: 1024px) {
    .icc .icons-title {
        font-size:1.2rem
    }

    .icc .icons .item--text {
        font-size:1.15rem
    }

    .icc .text_blocks {
        margin-top:0
    }

    .icc .text_blocks .content:first-child {
        margin-top:0
    }

    .icc .text_blocks .content:first-child .content--title {
        margin-top:0
    }

    .icc .text_blocks .content:not(:first-child) .content--title {
        margin-top:2rem
    }
}

@media (min-width: 1200px) {
    .icc .icons .item--text {
        max-width:50%
    }

    .icc .text_blocks {
        padding-left:2rem
    }

    .icc .text_blocks .content:not(:first-child) .content--title {
        margin-top:3rem
    }

    .right .text_blocks {
        padding-left:0
    }

    .right .text_blocks .content {
        max-width:85%
    }

    .right .icons {
        padding-left:2rem
    }
}

.tr--title h1 {
    font-size: 2em;
    margin-top: 0;
    margin-bottom:1.5rem
}

.tr--reviews .trustspot-carousel-reviews-header {
    border-bottom:none
}

.tr--reviews .trustspot-carousel-reviews-header-right {
    float:left
}

.tr--reviews .trustspot-carousel-reviews-header:after {
    content: "";
    width: 200vw;
    display: inline-block;
    border-top: 1px solid var(--c-border);
    position: absolute;
    left: -30vw;
    bottom:0
}

.tr--reviews .trustspot-carousel-reviews-container {
    margin-top:0 !important
}

@media (min-width: 1024px) {
    .tr--title h1 {
        font-size: 2.5em;
        margin:.7em 0 1.2em
    }
}

.contact--info {
    padding: 0;
    margin:1.5rem 0
}

.contact--info .cnt-title h5, .contact--info .cnt-title p {
    color:var(--c-white)
}

.contact--info .cnt-info-d {
    display:none
}

.contact--info .cnt-info-d :not(a) {
    color:var(--c-white)
}

.contact--info .cnt-title p {
    font-size: 1.1rem;
    line-height:1.2
}

.contact--info-m {
    margin-top:2rem
}

.contact--info-m :not(a) {
    color:var(--c-white)
}

.contact--form .cnt-form {
    margin: auto;
    max-width: 550px;
    background: var(--c-white);
    padding:1.5rem
}

.contact--form .cnt-form-title {
    padding: 0;
    margin-bottom:1.2rem
}

@media (min-width: 768px) {
    .contact--info .cnt-title p {
        max-width:70%
    }

    .contact--form .cnt-form {
        padding:2rem 3rem 3rem
    }
}

@media (min-width: 1024px) {
    .contact--info {
        padding-right:3rem
    }

    .contact--info .cnt-info-d {
        display: block;
        margin-top:1.5rem
    }

    .contact--info-m {
        display:none
    }
}

.sdb {
    background:var(--c-d-grey-back)
}

.sdb--nav {
    background: var(--c-l-grey-back);
    margin-left: -1rem;
    margin-top: -2rem;
    max-width: none;
    width: calc(100% + 2rem);
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding: 1rem 1.5rem 0;
    overflow-y:scroll
}

.sdb--nav .nav--title {
    margin-bottom: 1rem;
    font-size:1.65em
}

.sdb--content {
    padding-top:2rem
}

.sdb--content > h1:first-child, .sdb--content > h2:first-child, .sdb--content > h3:first-child, .sdb--content > h4:first-child, .sdb--content > h5:first-child, .sdb--content > h6:first-child {
    margin-bottom:.5em
}

.sdb--content > h1:not(:first-child), .sdb--content > h2:not(:first-child), .sdb--content > h3:not(:first-child), .sdb--content > h4:not(:first-child), .sdb--content > h5:not(:first-child), .sdb--content > h6:not(:first-child) {
    margin-top: 1.5em;
    margin-bottom:.7em
}

.sdb--content .faq {
    padding-left: 0;
    padding-right:0
}

@media (min-width: 640px) {
    --nav .nav--title {
        font-size:1.5em
    }
}

@media (min-width: 1024px) {
    .sdb--nav {
        position: sticky;
        height: 100vh;
        margin-left: calc(-1 * 15px);
        margin-bottom: -2rem;
        padding: 2rem 0 0 3rem;
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
        width: auto;
        top:0
    }

    .sdb--nav .nav--title {
        margin-top: 2rem;
        margin-bottom: 1.2em;
        -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
        transition:all .7s cubic-bezier(.19, 1, .22, 1)
    }

    .sdb--content {
        font-size: 1.05rem;
        line-height: 1.5;
        padding-top: 0;
        padding-left:2rem
    }

    header.slide-down + .content .sdb .sdb--nav h2 {
        margin-top:calc(var(--header) + var(--topbar) + 1rem)
    }
}

@media (min-width: 1200px) {
    .sdb--content {
        padding-left:3rem
    }
}

:root {
    --c-yellow: #FFDB45;
    --c-orange:#F2A742
}

.upstroke--header {
    height:var(--header)
}

.upstroke--header img {
    margin-left:1rem
}

.upstroke--content {
    margin-top: 1rem;
    padding:0
}

.upstroke div, .upstroke p {
    font-family:var(--font)
}

.upstroke-description {
    font-size: 1.15rem;
    line-height:1.3
}

.upstroke-description [class * =saving] {
    color: var(--c-red);
    font-weight:700
}

.upstroke-review-inline {
    margin:1.5rem 0 1rem
}

.upstroke-review-inline .ts-reviews-rating {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content:center
}

.upstroke-title h2 {
    margin-top: .1em;
    margin-bottom: .5em;
    font-size:1.8em
}

.upstroke-price {
    font-size: 1.1rem;
    font-weight: 600;
    color:var(--c-red)
}

.upstroke-price del {
    color:var(--c-text-grey)
}

.upstroke-image {
    position: relative;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 auto;
    flex:0 auto
}

.upstroke-image img {
    width: 370px;
    max-height: 300px;
    -o-object-fit: cover;
    object-fit: cover;
    margin: auto;
    height:100%
}

.upstroke-badge {
    position: absolute;
    --badge-size: 50px;
    width: var(--badge-size);
    height: var(--badge-size);
    line-height: var(--badge-size);
    background: var(--c-red);
    border-radius: 100%;
    color: var(--c-white);
    font-family: var(--font);
    font-size: 1rem;
    text-align: center;
    top: 20%;
    right: 10%;
    -webkit-transform: rotate(15deg);
    transform:rotate(15deg)
}

.upstroke-accept a {
    background: var(--c-yellow);
    border-radius: 55px;
    font-weight: 600;
    color: var(--c-black);
    font-size: 1.1rem;
    max-width:320px
}

.upstroke-accept a [class * =icon] {
    background: url(/images/up-cart.svg) 100%/100% no-repeat;
    display: inline-block;
    width: 23px;
    height: 20px;
    margin-left: 0;
    margin-right: .5rem;
    -webkit-transform: translateY(2px);
    transform:translateY(2px)
}

.upstroke-accept a .op {
    color:rgba(255, 255, 255, .65)
}

.upstroke-accept a:active, .upstroke-accept a:focus, .upstroke-accept a:hover {
    -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow);
    background:var(--c-orange)
}

.upstroke-accept a:active [class * =icon], .upstroke-accept a:focus [class * =icon], .upstroke-accept a:hover [class * =icon] {
    margin-left:0
}

.upstroke-excerpt {
    margin-top: .3rem;
    color: rgba(85, 85, 85, .7);
    font-size:1rem
}

.upstroke-reject {
    margin-top: 1.5rem;
    line-height:1.3
}

.upstroke-reject a {
    font-size: .9rem;
    text-decoration: underline;
    color:rgba(85, 85, 85, .7)
}

.upstroke-review-all {
    margin-top:3rem
}

.upstroke-review-all h3 {
    font-size:1.5em
}

.upstroke-review-all .write-review-modal {
    display:none !important
}

.upstroke .single-wfocu_offer.elementor-page .wfocu_skip_offer span, .upstroke .wfocu_upsell span {
    display:inline-block !important
}

@media (min-width: 768px) {
    .upstroke--content {
        margin-top:1.5rem
    }

    .upstroke-description {
        font-size:1.4rem
    }

    .upstroke-description .content {
        max-width: 60%;
        margin:0 auto
    }

    .upstroke-badge {
        --badge-size: 65px;
        font-size:1.1rem
    }

    .upstroke-review-inline {
        margin:2rem 0 1.5rem
    }

    .upstroke-title h2 {
        font-size:2em
    }

    .upstroke-price {
        font-size:1.3rem
    }

    .upstroke-accept a {
        font-size:1.2rem
    }

    .upstroke-review-all {
        margin-top:4rem
    }

    .upstroke-review-all h3 {
        font-size:1.652em
    }
}

.bl-ct ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: calc(100% + 2rem);
    margin-left: -1rem;
    overflow-x: scroll;
    scrollbar-width: none;
    max-width: none;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-left: 1rem;
    padding-right:1rem
}

.bl-ct ul .last {
    display: inline-block;
    min-height: 1px;
    height: 100%;
    width:1rem
}

.bl-p {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: scroll;
    scrollbar-width:none
}

.bl-pg {
    padding-top: 2.5rem;
    padding-bottom:1rem
}

.bl-pg .screen-reader-text {
    display:none
}

.bl-pg .nav-links .page-numbers {
    cursor: pointer;
    color: var(--c-base);
    font-weight: 500;
    font-size: 1rem;
    margin: 0 .1rem;
    -webkit-transition: all .7s cubic-bezier(.19, 1, .22, 1);
    transition: all .7s cubic-bezier(.19, 1, .22, 1);
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    border-radius:100%
}

.bl-pg .nav-links .page-numbers.current, .bl-pg .nav-links .page-numbers:hover {
    background: var(--c-red);
    color:var(--c-white)
}

.bl-pg .nav-links .page-numbers:hover {
    background: var(--c-grey-back);
    color:var(--c-base)
}

.bl-pg .nav-links .next, .bl-pg .nav-links .prev {
    position: relative;
    color:transparent !important
}

.bl-pg .nav-links .next:after, .bl-pg .nav-links .prev:after {
    content: '';
    background: url(../images/select.svg) 100%/100% no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform:translate(-50%, -50%) rotate(-90deg)
}

.bl-pg .nav-links .prev:after {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform:translate(-50%, -50%) rotate(90deg)
}

@media (min-width: 1024px) {
    .bl-ct ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0;
        -ms-flex-preferred-size: 100%;
        flex-basis:100%
    }

    .bl-ct ul .last {
        display:none
    }

    .bl-p {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x:hidden
    }

    .bl-pg {
        padding-top:2rem
    }
}

.sg-thumb img {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 30%;
    object-position: 50% 30%;
    opacity: .55;
    z-index:9
}

.sg-meta {
    position: relative;
    z-index: 99;
    min-height: calc(370px - 4rem);
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content:flex-end
}

.sg-meta--category {
    font-size:1.05rem
}

.sg-meta--category a {
    color:var(--c-white)
}

.sg-meta--title h1 {
    color: var(--c-white);
    margin:.25em 0 .35em
}

.sg-meta--breadcrumb {
    font-size:.85rem
}

.sg-meta--breadcrumb h6 {
    color: var(--c-white);
    margin-bottom:.3em
}

.sg-meta--breadcrumb h6 a {
    color:var(--c-white)
}

.sg-meta--breadcrumb h6 span {
    color:rgba(255, 255, 255, .7)
}

.pg, .sg-content {
    color: var(--c-dark-s);
    font-family: var(--font-a);
    font-size: 1.0235rem;
    line-height:1.5
}

.pg h1, .pg h2, .pg h3, .pg h4, .pg h5, .pg h6, .sg-content h1, .sg-content h2, .sg-content h3, .sg-content h4, .sg-content h5, .sg-content h6 {
    margin-top: 1em;
    margin-bottom:.5em
}

.pg h1 b, .pg h1 strong, .pg h2 b, .pg h2 strong, .pg h3 b, .pg h3 strong, .pg h4 b, .pg h4 strong, .pg h5 b, .pg h5 strong, .pg h6 b, .pg h6 strong, .sg-content h1 b, .sg-content h1 strong, .sg-content h2 b, .sg-content h2 strong, .sg-content h3 b, .sg-content h3 strong, .sg-content h4 b, .sg-content h4 strong, .sg-content h5 b, .sg-content h5 strong, .sg-content h6 b, .sg-content h6 strong {
    font-weight:400
}

.pg table, .sg-content table {
    background:var(--c-light)
}

.pg .products li.product, .sg-content .products li.product {
    max-width: none;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    font-family:var(--font)
}

.pg .products li.product .loop-product--thumb-link img, .sg-content .products li.product .loop-product--thumb-link img {
    height:155px
}

.pg .products li.product .loop-product--thumb-link .btn--latc, .sg-content .products li.product .loop-product--thumb-link .btn--latc {
    line-height:45px
}

.sg-related h2 {
    margin-bottom:1em
}

@media (min-width: 640px) {
    .sg-content .products li.product .loop-product--thumb-link img {
        height:200px
    }
}

@media (min-width: 1024px) {
    .sg-meta {
        min-height:calc(425px - 4rem)
    }

    .sg-content {
        font-size:1.2rem
    }

    .sg-content h2 {
        font-size:2.75rem
    }

    .sg-content .products li.product .loop-product--thumb-link img {
        height:250px
    }
}

.lp--header-title {
    margin-top: 1rem;
    margin-bottom:2.5rem
}

.lp--header-tabs {
    position: relative;
    padding-bottom: 1rem;
    margin-bottom:1rem
}

.lp--header-tabs:after {
    content: '';
    position: absolute;
    width: calc(100% + 3rem);
    left: -1.5rem;
    bottom: 0;
    height: 1px;
    background:var(--c-border)
}

.lp--header-tab {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 auto;
    flex: 0 auto;
    font-size: 1.25rem;
    color: var(--c-text-grey);
    cursor:pointer
}

.lp--header-tab.active {
    color:var(--c-black)
}

.lp--header-tab.disabled {
    color: rgba(163, 163, 163, .7)
}


   .new-color{
    color: #023020!important;
}


[class^=icon-] {
    font-family: var(--font-icons) !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.mob-img{display:none;}
.desk-img{display:block;}

@media screen and (min-width:320px) and (max-width: 767px) { 
.pr-bn--image img,{object-fit: contain;}
.mob-img{display:block;}
.desk-img{display:none;}
.s.s--hr,.s.s--bn {
    height: auto;}
.pr-bn--image img{object-fit: contain;}
    .s.s--hr .col-xs-12.col-0.hr--image.z-1,.pr-bn--image{position: relative;}
}
@media screen and (min-width:768px) and (max-width: 1180px) { 
.hr--title h1 {
    max-width: 55%;}

    .pr-bn--image img{object-fit: contain;}
    .s.s--bn{    background-color: #eee0bd !important;}
    .pr-sm--img .woocommerce-product-gallery .woocommerce-product-gallery__image img{object-fit: contain;}
    .s.s--hr {
    height: auto;}
}


.s.s--bn {
    padding: 2.2rem 0;
    background-color: #efe1be !important;
}

#app_common_modal_close, #error_handler_overlay_close{line-height: 27px  !important;}

@media (min-width: 1350px){
.ic-image {
    height: 80vh;
    margin-bottom: 20px;}
}