/** Shopify CDN: Minification failed

Line 17530:2 Unexpected "}"
Line 17532:0 Comments in CSS use "/* ... */" instead of "//"
Line 17548:0 Unexpected "}"

**/
@media screen and (max-width: 768px) {
    .product-section img {
        /* max-width: 80%; */
        /* Réduction automatique des images sur mobile */
        margin: 0 auto;
        display: block;
    }

    .product-section {
        padding: 10px;
        /* Réduit l'espace entre les sections */
    }

    .product-section .text-content {
        font-size: 14px;
        /* Réduit légèrement la taille du texte */
        line-height: 1.4;
    }
}

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

body {
    margin: 0;
    scroll-behavior: smooth
}

img {
    image-rendering: -webkit-optimize-contrast
}

article,
aside,
body,
button,
details,
figcaption,
figure,
footer,
header,
hgroup,
input,
main,
menu,
nav,
section,
select,
textarea {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

a {
    color: rgb(var(--color_links));
    background-color: rgba(0, 0, 0, 0);
    -webkit-transition: color .1s ease-in, background-color .1s ease-in;
    -o-transition: color .1s ease-in, background-color .1s ease-in;
    transition: color .1s ease-in, background-color .1s ease-in
}

a:not(:has(>*)) {
    text-decoration: underline
}

a:focus,
a:hover {
    color: var(--color_links_hover)
}

a[href^=tel] {
    display: inline;
    text-decoration: none
}

.bold,
b,
strong {
    font-weight: var(--font_body__weight_bold)
}

em,
i {
    font-style: italic
}

small {
    font-size: 80%
}

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

sup {
    top: calc(var(--body__size)*-.45)
}

@media only screen and (max-width:779px) {
    sup {
        top: calc(var(--body_mob__size)*-.45)
    }
}

sub {
    bottom: 0
}

img {
    max-width: 100%;
    border: 0
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

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

[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
}

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

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    text-align: left;
    border: 1px solid rgba(var(--color_primary), .6)
}

th {
    font-weight: var(--font_body__weight_bold)
}

@media only screen and (max-width:499px) {
    .responsive-table thead {
        display: none
    }

    .responsive-table tr {
        display: block
    }

    .responsive-table td,
    .responsive-table th {
        display: block;
        text-align: right;
        padding: 10px;
        margin: 0
    }

    .responsive-table td:before {
        content: attr(data-label);
        float: left;
        text-align: center;
        font-size: 14px;
        padding-right: 10px
    }

    .responsive-table dd {
        -webkit-margin-start: 0;
        margin-inline-start: 0
    }
}

textarea {
    overflow: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

label {
    font-size: calc(var(--body__size)*.9);
    font-weight: var(--font_body__weight_bold);
    color: rgb(var(--color_text));
    text-transform: uppercase;
    margin-bottom: 13px
}

::-webkit-search-cancel-button,
body,
button,
input,
select,
textarea {
    font-size: var(--body__size);
    font-family: var(--font_body__stack);
    font-style: var(--font_body__style);
    font-weight: var(--font_body__weight);
    line-height: var(--body__line_height);
    letter-spacing: var(--body__letter_spacing);
    color: rgb(var(--color_text))
}

@media only screen and (max-width:779px) {

    ::-webkit-search-cancel-button,
    body,
    button,
    input,
    select,
    textarea {
        font-size: var(--body_mob__size);
        line-height: var(--body_mob__line_height);
        letter-spacing: var(--body_mob__letter_spacing)
    }
}

input[type=search]::-webkit-search-cancel-button {
    display: block;
    position: relative;
    -webkit-appearance: none;
    appearance: none;
    right: 0;
    height: 1em;
    width: 1em;
    border-radius: 50em;
    background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
    background-size: contain;
    opacity: .5
}

@media only screen and (max-width:779px) {

    input,
    textarea {
        font-size: 12px
    }
}

[tabindex="-1"]:focus {
    outline: 0
}

.clearfix {
    zoom: 1
}

html:not(.no-js):not(.tab-outline) :focus {
    outline: 0
}

.visibility-hidden {
    opacity: 0 !important;
    visibility: hidden !important
}

.icon__fallback-text,
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0
}

.js-focus-hidden:focus {
    outline: 0
}

.skip-link:focus {
    clip: auto;
    width: auto;
    height: auto;
    margin: 0;
    color: rgb(var(--color_text));
    background-color: rgb(var(--color_bg));
    padding: 10px;
    z-index: 10000;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

body,
html {
    background-color: rgb(var(--color_bg));
    max-width: 100%;
    width: 100%
}

.page-width {
    zoom: 1;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width:779px) {
    section:has(+section>.section-container.md--pt-0)>.section-container.md--pb-0>.page-width {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    section:has(>.section-container.md--pb-0)+section>.section-container.md--pt-0>.page-width {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }
}

@media only screen and (min-width:780px) {
    section:has(+section>.section-container.lu--pt-0)>.section-container.lu--pb-0>.page-width {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    section:has(>.section-container.lu--pb-0)+section>.section-container.lu--pt-0>.page-width {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

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

pre {
    overflow: auto
}

html {
    overflow-x: hidden
}

html::-webkit-scrollbar {
    cursor: pointer;
    background: var(--color_scrollbar__background);
    width: 5px
}

html::-webkit-scrollbar-thumb {
    cursor: pointer;
    border: solid 0 rgba(0, 0, 0, 0);
    width: 5px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb)
}

html::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover)
}

.page-element {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-element .main-content {
    height: 100%;
    min-height: 70vh
}

details,
summary {
    list-style: none
}

summary {
    cursor: pointer;
    position: relative;
    list-style: none
}

summary::-webkit-details-marker,
summary::before {
    display: none
}

.grid {
    zoom: 1
}

.grid {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -20px
}

.grid__item {
    padding-left: 20px;
    width: 100%;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.grid__item[class*="--push"] {
    position: relative
}

.grid-cols {
    display: grid
}

.grid-cols.gutters--fine {
    gap: 1px
}

.grid-cols.gutters--medium {
    gap: 15px
}

.grid-cols.gutters--thick {
    gap: 30px
}

.grid-cols--2 {
    grid-template-columns: repeat(2, 1fr);
    --grid-cols: 2
}

.grid-cols--4 {
    grid-template-columns: repeat(4, 1fr);
    --grid-cols: 4
}

.grid-cols--6 {
    grid-template-columns: repeat(6, 1fr);
    --grid-cols: 6
}

.grid-cols--8 {
    grid-template-columns: repeat(8, 1fr);
    --grid-cols: 8
}

.grid-cols--10 {
    grid-template-columns: repeat(10, 1fr);
    --grid-cols: 10
}

.grid-cols--12 {
    grid-template-columns: repeat(12, 1fr);
    --grid-cols: 12
}

.grid-span-1 {
    grid-column: span 1
}

.grid-span-2 {
    grid-column: span 2
}

.grid-span-3 {
    grid-column: span 3
}

.grid-span-4 {
    grid-column: span 4
}

.grid-span-5 {
    grid-column: span 5
}

.grid-span-6 {
    grid-column: span 6
}

.grid-span-7 {
    grid-column: span 7
}

.grid-span-8 {
    grid-column: span 8
}

.grid-span-9 {
    grid-column: span 9
}

.grid-span-10 {
    grid-column: span 10
}

.grid-span-11 {
    grid-column: span 11
}

.grid-span-12 {
    grid-column: span 12
}

@media only screen and (max-width:779px) {
    .md--grid-cols--2 {
        grid-template-columns: repeat(2, 1fr);
        --grid-cols: 2
    }

    .md--grid-cols--4 {
        grid-template-columns: repeat(4, 1fr);
        --grid-cols: 4
    }

    .md--grid-cols--6 {
        grid-template-columns: repeat(6, 1fr);
        --grid-cols: 6
    }

    .md--grid-cols--8 {
        grid-template-columns: repeat(8, 1fr);
        --grid-cols: 8
    }

    .md--grid-cols--10 {
        grid-template-columns: repeat(10, 1fr);
        --grid-cols: 10
    }

    .md--grid-cols--12 {
        grid-template-columns: repeat(12, 1fr);
        --grid-cols: 12
    }

    .md--grid-span-1 {
        grid-column: span 1
    }

    .md--grid-span-2 {
        grid-column: span 2
    }

    .md--grid-span-3 {
        grid-column: span 3
    }

    .md--grid-span-4 {
        grid-column: span 4
    }

    .md--grid-span-5 {
        grid-column: span 5
    }

    .md--grid-span-6 {
        grid-column: span 6
    }

    .md--grid-span-7 {
        grid-column: span 7
    }

    .md--grid-span-8 {
        grid-column: span 8
    }

    .md--grid-span-9 {
        grid-column: span 9
    }

    .md--grid-span-10 {
        grid-column: span 10
    }

    .md--grid-span-11 {
        grid-column: span 11
    }

    .md--grid-span-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width:500px) {
    .mu--grid-cols--2 {
        grid-template-columns: repeat(2, 1fr);
        --grid-cols: 2
    }

    .mu--grid-cols--4 {
        grid-template-columns: repeat(4, 1fr);
        --grid-cols: 4
    }

    .mu--grid-cols--6 {
        grid-template-columns: repeat(6, 1fr);
        --grid-cols: 6
    }

    .mu--grid-cols--8 {
        grid-template-columns: repeat(8, 1fr);
        --grid-cols: 8
    }

    .mu--grid-cols--10 {
        grid-template-columns: repeat(10, 1fr);
        --grid-cols: 10
    }

    .mu--grid-cols--12 {
        grid-template-columns: repeat(12, 1fr);
        --grid-cols: 12
    }

    .mu--grid-span-1 {
        grid-column: span 1
    }

    .mu--grid-span-2 {
        grid-column: span 2
    }

    .mu--grid-span-3 {
        grid-column: span 3
    }

    .mu--grid-span-4 {
        grid-column: span 4
    }

    .mu--grid-span-5 {
        grid-column: span 5
    }

    .mu--grid-span-6 {
        grid-column: span 6
    }

    .mu--grid-span-7 {
        grid-column: span 7
    }

    .mu--grid-span-8 {
        grid-column: span 8
    }

    .mu--grid-span-9 {
        grid-column: span 9
    }

    .mu--grid-span-10 {
        grid-column: span 10
    }

    .mu--grid-span-11 {
        grid-column: span 11
    }

    .mu--grid-span-12 {
        grid-column: span 12
    }
}

@media only screen and (min-width:780px) {
    .lu--grid-cols--2 {
        grid-template-columns: repeat(2, 1fr);
        --grid-cols: 2
    }

    .lu--grid-cols--4 {
        grid-template-columns: repeat(4, 1fr);
        --grid-cols: 4
    }

    .lu--grid-cols--6 {
        grid-template-columns: repeat(6, 1fr);
        --grid-cols: 6
    }

    .lu--grid-cols--8 {
        grid-template-columns: repeat(8, 1fr);
        --grid-cols: 8
    }

    .lu--grid-cols--10 {
        grid-template-columns: repeat(10, 1fr);
        --grid-cols: 10
    }

    .lu--grid-cols--12 {
        grid-template-columns: repeat(12, 1fr);
        --grid-cols: 12
    }

    .lu--grid-span-1 {
        grid-column: span 1
    }

    .lu--grid-span-2 {
        grid-column: span 2
    }

    .lu--grid-span-3 {
        grid-column: span 3
    }

    .lu--grid-span-4 {
        grid-column: span 4
    }

    .lu--grid-span-5 {
        grid-column: span 5
    }

    .lu--grid-span-6 {
        grid-column: span 6
    }

    .lu--grid-span-7 {
        grid-column: span 7
    }

    .lu--grid-span-8 {
        grid-column: span 8
    }

    .lu--grid-span-9 {
        grid-column: span 9
    }

    .lu--grid-span-10 {
        grid-column: span 10
    }

    .lu--grid-span-11 {
        grid-column: span 11
    }

    .lu--grid-span-12 {
        grid-column: span 12
    }
}

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

.inline-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.flex__auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.flex__fill {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

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

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

.flex--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

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

.flex--grid {
    margin: 0 -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width:499px) {
    .flex--grid {
        margin: 0
    }
}

.flex--grid>.flex__item {
    padding: 10px
}

.flex-justify--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.flex-justify--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.flex-justify--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

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

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

.flex-align--left,
.flex-align--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

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

.flex-align--end,
.flex-align--right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.flex-align--stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

@media only screen and (max-width:779px) {
    .md--flex--row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .md--flex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .md--flex-justify--left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

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

    .md--flex-justify--right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

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

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

    .md--flex-align--left,
    .md--flex-align--start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

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

    .md--flex-align--end,
    .md--flex-align--right {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .md--flex-align--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media only screen and (max-width:499px) {
    .s--flex--row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

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

    .s--flex--column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

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

    .s--flex-justify--left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .s--flex-justify--center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .s--flex-justify--right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

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

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

    .s--flex-align--left,
    .s--flex-align--start {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

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

    .s--flex-align--end,
    .s--flex-align--right {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .s--flex-align--stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .s--inline-flex {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.flex--no-gutter {
    margin: 0
}

.flex--no-gutter>.flex__item {
    padding: 0
}

.align--top-middle {
    text-align: center
}

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

.align--middle-left {
    -ms-flex-item-align: center;
    align-self: center
}

.align--center {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: center
}

.align--middle-right {
    -ms-flex-item-align: center;
    align-self: center;
    text-align: right
}

.align--bottom-left {
    -ms-flex-item-align: end;
    align-self: flex-end
}

.align--bottom-middle {
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: center
}

.align--bottom-right {
    -ms-flex-item-align: end;
    align-self: flex-end;
    text-align: right
}

.no-js:not(html) {
    display: none
}

.no-js .no-js:not(html) {
    display: block
}

.one-whole {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.one-half {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.one-third {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3333333333%;
    flex: 0 1 33.3333333333%
}

.two-thirds {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.6666666667%;
    flex: 0 1 66.6666666667%
}

.one-quarter {
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

.two-quarters {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.three-quarters {
    width: 75%;
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%
}

.one-fifth {
    width: 20%;
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%
}

.two-fifths {
    width: 40%;
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%
}

.three-fifths {
    width: 60%;
    max-width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%
}

.four-fifths {
    width: 80%;
    max-width: 80%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%
}

.one-sixth {
    width: 16.6666666667%;
    max-width: 16.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.6666666667%;
    flex: 0 1 16.6666666667%
}

.two-sixths {
    width: 33.3333333333%;
    max-width: 33.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3333333333%;
    flex: 0 1 33.3333333333%
}

.three-sixths {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.four-sixths {
    width: 66.6666666667%;
    max-width: 66.6666666667%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 66.6666666667%;
    flex: 0 1 66.6666666667%
}

.five-sixths {
    width: 83.3333333333%;
    max-width: 83.3333333333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 83.3333333333%;
    flex: 0 1 83.3333333333%
}

.one-seventh {
    width: 14.2857142857%;
    max-width: 14.2857142857%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 14.2857142857%;
    flex: 0 1 14.2857142857%
}

.one-eighth {
    width: 12.5%;
    max-width: 12.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 12.5%;
    flex: 0 1 12.5%
}

.two-eighths {
    width: 25%;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%
}

.three-eighths {
    width: 37.5%;
    max-width: 37.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 37.5%;
    flex: 0 1 37.5%
}

.four-eighths {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.five-eighths {
    width: 62.5%;
    max-width: 62.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 62.5%;
    flex: 0 1 62.5%
}

.six-eighths {
    width: 75%;
    max-width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 75%;
    flex: 0 1 75%
}

.seven-eighths {
    width: 87.5%;
    max-width: 87.5%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 87.5%;
    flex: 0 1 87.5%
}

.one-tenth {
    width: 10%;
    max-width: 10%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 10%;
    flex: 0 1 10%
}

.two-tenths {
    width: 20%;
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 20%;
    flex: 0 1 20%
}

.three-tenths {
    width: 30%;
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%
}

.four-tenths {
    width: 40%;
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%
}

.five-tenths {
    width: 50%;
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 50%;
    flex: 0 1 50%
}

.six-tenths {
    width: 60%;
    max-width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 60%;
    flex: 0 1 60%
}

.seven-tenths {
    width: 70%;
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%
}

.eight-tenths {
    width: 80%;
    max-width: 80%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 80%;
    flex: 0 1 80%
}

.nine-tenths {
    width: 90%;
    max-width: 90%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 90%;
    flex: 0 1 90%
}

.show {
    display: block !important
}

.hide {
    display: none !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

.text-center {
    text-align: center !important
}

.p-0 {
    padding: 0 !important
}

.p-5 {
    padding: 5px !important
}

.p-10 {
    padding: 10px !important
}

.p-15 {
    padding: 15px !important
}

.p-20 {
    padding: 20px !important
}

.p-25 {
    padding: 25px !important
}

.p-30 {
    padding: 30px !important
}

.p-35 {
    padding: 35px !important
}

.p-40 {
    padding: 40px !important
}

.p-45 {
    padding: 45px !important
}

.p-50 {
    padding: 50px !important
}

.p-mob-0 {
    padding: 0 !important
}

.p-mob-5 {
    padding: 5px !important
}

.p-mob-10 {
    padding: 10px !important
}

.p-mob-15 {
    padding: 15px !important
}

.p-mob-20 {
    padding: 20px !important
}

.p-mob-25 {
    padding: 25px !important
}

.p-mob-30 {
    padding: 30px !important
}

.p-mob-35 {
    padding: 35px !important
}

.p-mob-40 {
    padding: 40px !important
}

.p-mob-45 {
    padding: 45px !important
}

.p-mob-50 {
    padding: 50px !important
}

.ps-0 {
    padding-inline: 0 !important
}

.ps-5 {
    padding-inline: 5px !important
}

.ps-10 {
    padding-inline: 10px !important
}

.ps-15 {
    padding-inline: 15px !important
}

.ps-20 {
    padding-inline: 20px !important
}

.ps-25 {
    padding-inline: 25px !important
}

.ps-30 {
    padding-inline: 30px !important
}

.ps-35 {
    padding-inline: 35px !important
}

.ps-40 {
    padding-inline: 40px !important
}

.ps-45 {
    padding-inline: 45px !important
}

.ps-50 {
    padding-inline: 50px !important
}

.ps-mob-0 {
    padding-inline: 0 !important
}

.ps-mob-5 {
    padding-inline: 5px !important
}

.ps-mob-10 {
    padding-inline: 10px !important
}

.ps-mob-15 {
    padding-inline: 15px !important
}

.ps-mob-20 {
    padding-inline: 20px !important
}

.ps-mob-25 {
    padding-inline: 25px !important
}

.ps-mob-30 {
    padding-inline: 30px !important
}

.ps-mob-35 {
    padding-inline: 35px !important
}

.ps-mob-40 {
    padding-inline: 40px !important
}

.ps-mob-45 {
    padding-inline: 45px !important
}

.ps-mob-50 {
    padding-inline: 50px !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-5 {
    padding-top: 5px !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-15 {
    padding-top: 15px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-25 {
    padding-top: 25px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-35 {
    padding-top: 35px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-45 {
    padding-top: 45px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-5 {
    padding-bottom: 5px !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-15 {
    padding-bottom: 15px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-25 {
    padding-bottom: 25px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-35 {
    padding-bottom: 35px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-45 {
    padding-bottom: 45px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pt-mob-0 {
    padding-top: 0 !important
}

.pt-mob-5 {
    padding-top: 5px !important
}

.pt-mob-10 {
    padding-top: 10px !important
}

.pt-mob-15 {
    padding-top: 15px !important
}

.pt-mob-20 {
    padding-top: 20px !important
}

.pt-mob-25 {
    padding-top: 25px !important
}

.pt-mob-30 {
    padding-top: 30px !important
}

.pt-mob-35 {
    padding-top: 35px !important
}

.pt-mob-40 {
    padding-top: 40px !important
}

.pt-mob-45 {
    padding-top: 45px !important
}

.pt-mob-50 {
    padding-top: 50px !important
}

.pb-mob-0 {
    padding-bottom: 0 !important
}

.pb-mob-5 {
    padding-bottom: 5px !important
}

.pb-mob-10 {
    padding-bottom: 10px !important
}

.pb-mob-15 {
    padding-bottom: 15px !important
}

.pb-mob-20 {
    padding-bottom: 20px !important
}

.pb-mob-25 {
    padding-bottom: 25px !important
}

.pb-mob-30 {
    padding-bottom: 30px !important
}

.pb-mob-35 {
    padding-bottom: 35px !important
}

.pb-mob-40 {
    padding-bottom: 40px !important
}

.pb-mob-45 {
    padding-bottom: 45px !important
}

.pb-mob-50 {
    padding-bottom: 50px !important
}

@media only screen and (max-width:499px) {
    .s--one-whole {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .s--one-half {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .s--one-third {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .s--two-thirds {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .s--one-quarter {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .s--two-quarters {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .s--three-quarters {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .s--one-fifth {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .s--two-fifths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .s--three-fifths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .s--four-fifths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .s--one-sixth {
        width: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%
    }

    .s--two-sixths {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .s--three-sixths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .s--four-sixths {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .s--five-sixths {
        width: 83.3333333333%;
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%
    }

    .s--one-seventh {
        width: 14.2857142857%;
        max-width: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 14.2857142857%;
        flex: 0 1 14.2857142857%
    }

    .s--one-eighth {
        width: 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5%;
        flex: 0 1 12.5%
    }

    .s--two-eighths {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .s--three-eighths {
        width: 37.5%;
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 37.5%;
        flex: 0 1 37.5%
    }

    .s--four-eighths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .s--five-eighths {
        width: 62.5%;
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 62.5%;
        flex: 0 1 62.5%
    }

    .s--six-eighths {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .s--seven-eighths {
        width: 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 87.5%;
        flex: 0 1 87.5%
    }

    .s--one-tenth {
        width: 10%;
        max-width: 10%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .s--two-tenths {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .s--three-tenths {
        width: 30%;
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }

    .s--four-tenths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .s--five-tenths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .s--six-tenths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .s--seven-tenths {
        width: 70%;
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .s--eight-tenths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .s--nine-tenths {
        width: 90%;
        max-width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }

    .s--show {
        display: block !important
    }

    .s--hide {
        display: none !important
    }

    .s--text-left {
        text-align: left !important
    }

    .s--text-right {
        text-align: right !important
    }

    .s--text-center {
        text-align: center !important
    }

    .s--push-one-sixth {
        margin-left: 16.6666666667%
    }

    .s--push-one-eighth {
        margin-left: 12.5%
    }
}

@media only screen and (min-width:500px) {
    .mu--one-whole {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .mu--one-half {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .mu--one-third {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .mu--two-thirds {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .mu--one-quarter {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .mu--two-quarters {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .mu--three-quarters {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .mu--one-fifth {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .mu--two-fifths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .mu--three-fifths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .mu--four-fifths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .mu--one-sixth {
        width: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%
    }

    .mu--two-sixths {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .mu--three-sixths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .mu--four-sixths {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .mu--five-sixths {
        width: 83.3333333333%;
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%
    }

    .mu--one-seventh {
        width: 14.2857142857%;
        max-width: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 14.2857142857%;
        flex: 0 1 14.2857142857%
    }

    .mu--one-eighth {
        width: 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5%;
        flex: 0 1 12.5%
    }

    .mu--two-eighths {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .mu--three-eighths {
        width: 37.5%;
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 37.5%;
        flex: 0 1 37.5%
    }

    .mu--four-eighths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .mu--five-eighths {
        width: 62.5%;
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 62.5%;
        flex: 0 1 62.5%
    }

    .mu--six-eighths {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .mu--seven-eighths {
        width: 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 87.5%;
        flex: 0 1 87.5%
    }

    .mu--one-tenth {
        width: 10%;
        max-width: 10%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .mu--two-tenths {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .mu--three-tenths {
        width: 30%;
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }

    .mu--four-tenths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .mu--five-tenths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .mu--six-tenths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .mu--seven-tenths {
        width: 70%;
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .mu--eight-tenths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .mu--nine-tenths {
        width: 90%;
        max-width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }

    .mu--show {
        display: block !important
    }

    .mu--hide {
        display: none !important
    }

    .mu--text-left {
        text-align: left !important
    }

    .mu--text-right {
        text-align: right !important
    }

    .mu--text-center {
        text-align: center !important
    }

    .mu--push-one-sixth {
        margin-left: 16.6666666667%
    }

    .mu--push-one-eighth {
        margin-left: 12.5%
    }
}

@media only screen and (max-width:779px) {
    .md--one-whole {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .md--one-half {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .md--one-third {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .md--two-thirds {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .md--one-quarter {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .md--two-quarters {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .md--three-quarters {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .md--one-fifth {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .md--two-fifths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .md--three-fifths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .md--four-fifths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .md--one-sixth {
        width: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%
    }

    .md--two-sixths {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .md--three-sixths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .md--four-sixths {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .md--five-sixths {
        width: 83.3333333333%;
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%
    }

    .md--one-seventh {
        width: 14.2857142857%;
        max-width: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 14.2857142857%;
        flex: 0 1 14.2857142857%
    }

    .md--one-eighth {
        width: 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5%;
        flex: 0 1 12.5%
    }

    .md--two-eighths {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .md--three-eighths {
        width: 37.5%;
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 37.5%;
        flex: 0 1 37.5%
    }

    .md--four-eighths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .md--five-eighths {
        width: 62.5%;
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 62.5%;
        flex: 0 1 62.5%
    }

    .md--six-eighths {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .md--seven-eighths {
        width: 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 87.5%;
        flex: 0 1 87.5%
    }

    .md--one-tenth {
        width: 10%;
        max-width: 10%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .md--two-tenths {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .md--three-tenths {
        width: 30%;
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }

    .md--four-tenths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .md--five-tenths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .md--six-tenths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .md--seven-tenths {
        width: 70%;
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .md--eight-tenths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .md--nine-tenths {
        width: 90%;
        max-width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }

    .md--show {
        display: block !important
    }

    .md--hide {
        display: none !important
    }

    .md--text-left {
        text-align: left !important
    }

    .md--text-right {
        text-align: right !important
    }

    .md--text-center {
        text-align: center !important
    }

    .md--push-one-sixth {
        margin-left: 16.6666666667%
    }

    .md--push-one-eighth {
        margin-left: 12.5%
    }
}

@media only screen and (max-width:1199px) {
    .ld--one-whole {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .ld--one-half {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .ld--one-third {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .ld--two-thirds {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .ld--one-quarter {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .ld--two-quarters {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .ld--three-quarters {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .ld--one-fifth {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .ld--two-fifths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .ld--three-fifths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .ld--four-fifths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .ld--one-sixth {
        width: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%
    }

    .ld--two-sixths {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .ld--three-sixths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .ld--four-sixths {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .ld--five-sixths {
        width: 83.3333333333%;
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%
    }

    .ld--one-seventh {
        width: 14.2857142857%;
        max-width: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 14.2857142857%;
        flex: 0 1 14.2857142857%
    }

    .ld--one-eighth {
        width: 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5%;
        flex: 0 1 12.5%
    }

    .ld--two-eighths {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .ld--three-eighths {
        width: 37.5%;
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 37.5%;
        flex: 0 1 37.5%
    }

    .ld--four-eighths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .ld--five-eighths {
        width: 62.5%;
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 62.5%;
        flex: 0 1 62.5%
    }

    .ld--six-eighths {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .ld--seven-eighths {
        width: 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 87.5%;
        flex: 0 1 87.5%
    }

    .ld--one-tenth {
        width: 10%;
        max-width: 10%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .ld--two-tenths {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .ld--three-tenths {
        width: 30%;
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }

    .ld--four-tenths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .ld--five-tenths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .ld--six-tenths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .ld--seven-tenths {
        width: 70%;
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .ld--eight-tenths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .ld--nine-tenths {
        width: 90%;
        max-width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }

    .ld--show {
        display: block !important
    }

    .ld--hide {
        display: none !important
    }

    .ld--text-left {
        text-align: left !important
    }

    .ld--text-right {
        text-align: right !important
    }

    .ld--text-center {
        text-align: center !important
    }

    .ld--push-one-sixth {
        margin-left: 16.6666666667%
    }

    .ld--push-one-eighth {
        margin-left: 12.5%
    }
}

@media only screen and (min-width:780px) {
    .lu--one-whole {
        width: 100%;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%
    }

    .lu--one-half {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .lu--one-third {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .lu--two-thirds {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .lu--one-quarter {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .lu--two-quarters {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .lu--three-quarters {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .lu--one-fifth {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .lu--two-fifths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .lu--three-fifths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .lu--four-fifths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .lu--one-sixth {
        width: 16.6666666667%;
        max-width: 16.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 16.6666666667%;
        flex: 0 1 16.6666666667%
    }

    .lu--two-sixths {
        width: 33.3333333333%;
        max-width: 33.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.3333333333%;
        flex: 0 1 33.3333333333%
    }

    .lu--three-sixths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .lu--four-sixths {
        width: 66.6666666667%;
        max-width: 66.6666666667%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 66.6666666667%;
        flex: 0 1 66.6666666667%
    }

    .lu--five-sixths {
        width: 83.3333333333%;
        max-width: 83.3333333333%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 83.3333333333%;
        flex: 0 1 83.3333333333%
    }

    .lu--one-seventh {
        width: 14.2857142857%;
        max-width: 14.2857142857%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 14.2857142857%;
        flex: 0 1 14.2857142857%
    }

    .lu--one-eighth {
        width: 12.5%;
        max-width: 12.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 12.5%;
        flex: 0 1 12.5%
    }

    .lu--two-eighths {
        width: 25%;
        max-width: 25%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%
    }

    .lu--three-eighths {
        width: 37.5%;
        max-width: 37.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 37.5%;
        flex: 0 1 37.5%
    }

    .lu--four-eighths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .lu--five-eighths {
        width: 62.5%;
        max-width: 62.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 62.5%;
        flex: 0 1 62.5%
    }

    .lu--six-eighths {
        width: 75%;
        max-width: 75%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 75%;
        flex: 0 1 75%
    }

    .lu--seven-eighths {
        width: 87.5%;
        max-width: 87.5%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 87.5%;
        flex: 0 1 87.5%
    }

    .lu--one-tenth {
        width: 10%;
        max-width: 10%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
        flex: 0 1 10%
    }

    .lu--two-tenths {
        width: 20%;
        max-width: 20%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 20%;
        flex: 0 1 20%
    }

    .lu--three-tenths {
        width: 30%;
        max-width: 30%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%
    }

    .lu--four-tenths {
        width: 40%;
        max-width: 40%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 40%;
        flex: 0 1 40%
    }

    .lu--five-tenths {
        width: 50%;
        max-width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }

    .lu--six-tenths {
        width: 60%;
        max-width: 60%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%
    }

    .lu--seven-tenths {
        width: 70%;
        max-width: 70%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 70%;
        flex: 0 1 70%
    }

    .lu--eight-tenths {
        width: 80%;
        max-width: 80%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 80%;
        flex: 0 1 80%
    }

    .lu--nine-tenths {
        width: 90%;
        max-width: 90%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 90%;
        flex: 0 1 90%
    }

    .lu--show {
        display: block !important
    }

    .lu--hide {
        display: none !important
    }

    .lu--text-left {
        text-align: left !important
    }

    .lu--text-right {
        text-align: right !important
    }

    .lu--text-center {
        text-align: center !important
    }

    .lu--push-one-sixth {
        margin-left: 16.6666666667%
    }

    .lu--push-one-eighth {
        margin-left: 12.5%
    }
}

@media only screen and (max-width:779px) {
    .md--p-0 {
        padding: 0 !important
    }

    .md--p-5 {
        padding: 5px !important
    }

    .md--p-10 {
        padding: 10px !important
    }

    .md--p-15 {
        padding: 15px !important
    }

    .md--p-20 {
        padding: 20px !important
    }

    .md--p-25 {
        padding: 25px !important
    }

    .md--p-30 {
        padding: 30px !important
    }

    .md--p-35 {
        padding: 35px !important
    }

    .md--p-40 {
        padding: 40px !important
    }

    .md--p-45 {
        padding: 45px !important
    }

    .md--p-50 {
        padding: 50px !important
    }

    .md--p-mob-0 {
        padding: 0 !important
    }

    .md--p-mob-5 {
        padding: 5px !important
    }

    .md--p-mob-10 {
        padding: 10px !important
    }

    .md--p-mob-15 {
        padding: 15px !important
    }

    .md--p-mob-20 {
        padding: 20px !important
    }

    .md--p-mob-25 {
        padding: 25px !important
    }

    .md--p-mob-30 {
        padding: 30px !important
    }

    .md--p-mob-35 {
        padding: 35px !important
    }

    .md--p-mob-40 {
        padding: 40px !important
    }

    .md--p-mob-45 {
        padding: 45px !important
    }

    .md--p-mob-50 {
        padding: 50px !important
    }
}

@media only screen and (max-width:779px) {
    .md--ps-0 {
        padding-inline: 0 !important
    }

    .md--ps-5 {
        padding-inline: 5px !important
    }

    .md--ps-10 {
        padding-inline: 10px !important
    }

    .md--ps-15 {
        padding-inline: 15px !important
    }

    .md--ps-20 {
        padding-inline: 20px !important
    }

    .md--ps-25 {
        padding-inline: 25px !important
    }

    .md--ps-30 {
        padding-inline: 30px !important
    }

    .md--ps-35 {
        padding-inline: 35px !important
    }

    .md--ps-40 {
        padding-inline: 40px !important
    }

    .md--ps-45 {
        padding-inline: 45px !important
    }

    .md--ps-50 {
        padding-inline: 50px !important
    }

    .md--ps-mob-0 {
        padding-inline: 0 !important
    }

    .md--ps-mob-5 {
        padding-inline: 5px !important
    }

    .md--ps-mob-10 {
        padding-inline: 10px !important
    }

    .md--ps-mob-15 {
        padding-inline: 15px !important
    }

    .md--ps-mob-20 {
        padding-inline: 20px !important
    }

    .md--ps-mob-25 {
        padding-inline: 25px !important
    }

    .md--ps-mob-30 {
        padding-inline: 30px !important
    }

    .md--ps-mob-35 {
        padding-inline: 35px !important
    }

    .md--ps-mob-40 {
        padding-inline: 40px !important
    }

    .md--ps-mob-45 {
        padding-inline: 45px !important
    }

    .md--ps-mob-50 {
        padding-inline: 50px !important
    }
}

@media only screen and (max-width:779px) {
    .md--pt-0 {
        padding-top: 0 !important
    }

    .md--pt-5 {
        padding-top: 5px !important
    }

    .md--pt-10 {
        padding-top: 10px !important
    }

    .md--pt-15 {
        padding-top: 15px !important
    }

    .md--pt-20 {
        padding-top: 20px !important
    }

    .md--pt-25 {
        padding-top: 25px !important
    }

    .md--pt-30 {
        padding-top: 30px !important
    }

    .md--pt-35 {
        padding-top: 35px !important
    }

    .md--pt-40 {
        padding-top: 40px !important
    }

    .md--pt-45 {
        padding-top: 45px !important
    }

    .md--pt-50 {
        padding-top: 50px !important
    }

    .md--pb-0 {
        padding-bottom: 0 !important
    }

    .md--pb-5 {
        padding-bottom: 5px !important
    }

    .md--pb-10 {
        padding-bottom: 10px !important
    }

    .md--pb-15 {
        padding-bottom: 15px !important
    }

    .md--pb-20 {
        padding-bottom: 20px !important
    }

    .md--pb-25 {
        padding-bottom: 25px !important
    }

    .md--pb-30 {
        padding-bottom: 30px !important
    }

    .md--pb-35 {
        padding-bottom: 35px !important
    }

    .md--pb-40 {
        padding-bottom: 40px !important
    }

    .md--pb-45 {
        padding-bottom: 45px !important
    }

    .md--pb-50 {
        padding-bottom: 50px !important
    }

    .md--pt-mob-0 {
        padding-top: 0 !important
    }

    .md--pt-mob-5 {
        padding-top: 5px !important
    }

    .md--pt-mob-10 {
        padding-top: 10px !important
    }

    .md--pt-mob-15 {
        padding-top: 15px !important
    }

    .md--pt-mob-20 {
        padding-top: 20px !important
    }

    .md--pt-mob-25 {
        padding-top: 25px !important
    }

    .md--pt-mob-30 {
        padding-top: 30px !important
    }

    .md--pt-mob-35 {
        padding-top: 35px !important
    }

    .md--pt-mob-40 {
        padding-top: 40px !important
    }

    .md--pt-mob-45 {
        padding-top: 45px !important
    }

    .md--pt-mob-50 {
        padding-top: 50px !important
    }

    .md--pb-mob-0 {
        padding-bottom: 0 !important
    }

    .md--pb-mob-5 {
        padding-bottom: 5px !important
    }

    .md--pb-mob-10 {
        padding-bottom: 10px !important
    }

    .md--pb-mob-15 {
        padding-bottom: 15px !important
    }

    .md--pb-mob-20 {
        padding-bottom: 20px !important
    }

    .md--pb-mob-25 {
        padding-bottom: 25px !important
    }

    .md--pb-mob-30 {
        padding-bottom: 30px !important
    }

    .md--pb-mob-35 {
        padding-bottom: 35px !important
    }

    .md--pb-mob-40 {
        padding-bottom: 40px !important
    }

    .md--pb-mob-45 {
        padding-bottom: 45px !important
    }

    .md--pb-mob-50 {
        padding-bottom: 50px !important
    }
}

@media only screen and (min-width:780px) {
    .lu--p-0 {
        padding: 0 !important
    }

    .lu--p-5 {
        padding: 5px !important
    }

    .lu--p-10 {
        padding: 10px !important
    }

    .lu--p-15 {
        padding: 15px !important
    }

    .lu--p-20 {
        padding: 20px !important
    }

    .lu--p-25 {
        padding: 25px !important
    }

    .lu--p-30 {
        padding: 30px !important
    }

    .lu--p-35 {
        padding: 35px !important
    }

    .lu--p-40 {
        padding: 40px !important
    }

    .lu--p-45 {
        padding: 45px !important
    }

    .lu--p-50 {
        padding: 50px !important
    }

    .lu--p-mob-0 {
        padding: 0 !important
    }

    .lu--p-mob-5 {
        padding: 5px !important
    }

    .lu--p-mob-10 {
        padding: 10px !important
    }

    .lu--p-mob-15 {
        padding: 15px !important
    }

    .lu--p-mob-20 {
        padding: 20px !important
    }

    .lu--p-mob-25 {
        padding: 25px !important
    }

    .lu--p-mob-30 {
        padding: 30px !important
    }

    .lu--p-mob-35 {
        padding: 35px !important
    }

    .lu--p-mob-40 {
        padding: 40px !important
    }

    .lu--p-mob-45 {
        padding: 45px !important
    }

    .lu--p-mob-50 {
        padding: 50px !important
    }
}

@media only screen and (min-width:780px) {
    .lu--ps-0 {
        padding-inline: 0 !important
    }

    .lu--ps-5 {
        padding-inline: 5px !important
    }

    .lu--ps-10 {
        padding-inline: 10px !important
    }

    .lu--ps-15 {
        padding-inline: 15px !important
    }

    .lu--ps-20 {
        padding-inline: 20px !important
    }

    .lu--ps-25 {
        padding-inline: 25px !important
    }

    .lu--ps-30 {
        padding-inline: 30px !important
    }

    .lu--ps-35 {
        padding-inline: 35px !important
    }

    .lu--ps-40 {
        padding-inline: 40px !important
    }

    .lu--ps-45 {
        padding-inline: 45px !important
    }

    .lu--ps-50 {
        padding-inline: 50px !important
    }

    .lu--ps-mob-0 {
        padding-inline: 0 !important
    }

    .lu--ps-mob-5 {
        padding-inline: 5px !important
    }

    .lu--ps-mob-10 {
        padding-inline: 10px !important
    }

    .lu--ps-mob-15 {
        padding-inline: 15px !important
    }

    .lu--ps-mob-20 {
        padding-inline: 20px !important
    }

    .lu--ps-mob-25 {
        padding-inline: 25px !important
    }

    .lu--ps-mob-30 {
        padding-inline: 30px !important
    }

    .lu--ps-mob-35 {
        padding-inline: 35px !important
    }

    .lu--ps-mob-40 {
        padding-inline: 40px !important
    }

    .lu--ps-mob-45 {
        padding-inline: 45px !important
    }

    .lu--ps-mob-50 {
        padding-inline: 50px !important
    }
}

@media only screen and (min-width:780px) {
    .lu--pt-0 {
        padding-top: 0 !important
    }

    .lu--pt-5 {
        padding-top: 5px !important
    }

    .lu--pt-10 {
        padding-top: 10px !important
    }

    .lu--pt-15 {
        padding-top: 15px !important
    }

    .lu--pt-20 {
        padding-top: 20px !important
    }

    .lu--pt-25 {
        padding-top: 25px !important
    }

    .lu--pt-30 {
        padding-top: 30px !important
    }

    .lu--pt-35 {
        padding-top: 35px !important
    }

    .lu--pt-40 {
        padding-top: 40px !important
    }

    .lu--pt-45 {
        padding-top: 45px !important
    }

    .lu--pt-50 {
        padding-top: 50px !important
    }

    .lu--pb-0 {
        padding-bottom: 0 !important
    }

    .lu--pb-5 {
        padding-bottom: 5px !important
    }

    .lu--pb-10 {
        padding-bottom: 10px !important
    }

    .lu--pb-15 {
        padding-bottom: 15px !important
    }

    .lu--pb-20 {
        padding-bottom: 20px !important
    }

    .lu--pb-25 {
        padding-bottom: 25px !important
    }

    .lu--pb-30 {
        padding-bottom: 30px !important
    }

    .lu--pb-35 {
        padding-bottom: 35px !important
    }

    .lu--pb-40 {
        padding-bottom: 40px !important
    }

    .lu--pb-45 {
        padding-bottom: 45px !important
    }

    .lu--pb-50 {
        padding-bottom: 50px !important
    }

    .lu--pt-mob-0 {
        padding-top: 0 !important
    }

    .lu--pt-mob-5 {
        padding-top: 5px !important
    }

    .lu--pt-mob-10 {
        padding-top: 10px !important
    }

    .lu--pt-mob-15 {
        padding-top: 15px !important
    }

    .lu--pt-mob-20 {
        padding-top: 20px !important
    }

    .lu--pt-mob-25 {
        padding-top: 25px !important
    }

    .lu--pt-mob-30 {
        padding-top: 30px !important
    }

    .lu--pt-mob-35 {
        padding-top: 35px !important
    }

    .lu--pt-mob-40 {
        padding-top: 40px !important
    }

    .lu--pt-mob-45 {
        padding-top: 45px !important
    }

    .lu--pt-mob-50 {
        padding-top: 50px !important
    }

    .lu--pb-mob-0 {
        padding-bottom: 0 !important
    }

    .lu--pb-mob-5 {
        padding-bottom: 5px !important
    }

    .lu--pb-mob-10 {
        padding-bottom: 10px !important
    }

    .lu--pb-mob-15 {
        padding-bottom: 15px !important
    }

    .lu--pb-mob-20 {
        padding-bottom: 20px !important
    }

    .lu--pb-mob-25 {
        padding-bottom: 25px !important
    }

    .lu--pb-mob-30 {
        padding-bottom: 30px !important
    }

    .lu--pb-mob-35 {
        padding-bottom: 35px !important
    }

    .lu--pb-mob-40 {
        padding-bottom: 40px !important
    }

    .lu--pb-mob-45 {
        padding-bottom: 45px !important
    }

    .lu--pb-mob-50 {
        padding-bottom: 50px !important
    }
}

@media only screen and (min-width:780px) {
    .page-width--max-none {
        max-width: none !important
    }

    .page-width--max-540 {
        max-width: 540px !important
    }

    .page-width--max-780 {
        max-width: 780px !important
    }

    .page-width--max-960 {
        max-width: 960px !important
    }

    .page-width--max-1180 {
        max-width: 1180px !important
    }

    .page-width--max-1400 {
        max-width: 1400px !important
    }

    .page-width--width-30 {
        width: 30% !important
    }

    .page-width--width-35 {
        width: 35% !important
    }

    .page-width--width-40 {
        width: 40% !important
    }

    .page-width--width-45 {
        width: 45% !important
    }

    .page-width--width-50 {
        width: 50% !important
    }

    .page-width--width-55 {
        width: 55% !important
    }

    .page-width--width-60 {
        width: 60% !important
    }

    .page-width--width-65 {
        width: 65% !important
    }

    .page-width--width-70 {
        width: 70% !important
    }

    .page-width--width-75 {
        width: 75% !important
    }

    .page-width--width-80 {
        width: 80% !important
    }

    .page-width--width-85 {
        width: 85% !important
    }

    .page-width--width-90 {
        width: 90% !important
    }

    .page-width--width-95 {
        width: 95% !important
    }

    .page-width--width-100 {
        width: 100% !important
    }
}

.no-js .js {
    display: none
}

hr {
    margin: 1.25rem 0;
    border-color: rgba(var(--color_primary), .1);
    border-style: solid;
    border-width: 1px 0 0
}

@media only screen and (max-width:779px) {
    hr {
        margin: 5px auto
    }
}

.position--sticky {
    position: sticky;
    -webkit-transition: top .4s ease;
    -o-transition: top .4s ease;
    transition: top .4s ease;
    top: 20px
}

.width--fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.height--fit-content {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.icon {
    display: inline-block;
    vertical-align: middle;
    width: calc(var(--body__size)*1.28);
    height: calc(var(--body__size)*1.28);
    color: inherit;
    fill: currentColor
}

.icon.icon--full-color,
.icon.icon--sepia,
.icon.icon--sober {
    color: initial;
    fill: initial
}

.no-svg .icon {
    display: none
}

i {
    display: inline-block;
    vertical-align: middle;
    font-size: calc(var(--body__size)*1.42)
}

.icon--wide {
    width: 40px
}

.no-svg .icon__fallback-text {
    position: static !important;
    overflow: inherit;
    clip: none;
    height: auto;
    width: auto;
    margin: 0
}

svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [stroke-width]:not([stroke=none]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [stroke]:not([stroke=none]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon circle:not([stroke=none]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon line:not([stroke=none]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon rect:not([stroke=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [stroke-width]:not([stroke=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [stroke]:not([stroke=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) circle:not([stroke=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) line:not([stroke=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) rect:not([stroke=none]) {
    stroke: currentColor
}

svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [stroke-width]:not([stroke=none]):not([fill]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [stroke]:not([stroke=none]):not([fill]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon circle:not([stroke=none]):not([fill]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon line:not([stroke=none]):not([fill]),
svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon rect:not([stroke=none]):not([fill]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [stroke-width]:not([stroke=none]):not([fill]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [stroke]:not([stroke=none]):not([fill]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) circle:not([stroke=none]):not([fill]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) line:not([stroke=none]):not([fill]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) rect:not([stroke=none]):not([fill]) {
    fill: none
}

svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [fill]:not([fill=none]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [fill]:not([fill=none]) {
    fill: currentColor
}

svg.icon:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart).icon [fill]:not([fill=none]):not([stroke]),
symbol:not(.icon--full-color, .icon--sepia, .icon--sober, .popup_spin__svg, .placeholder-svg, .icon-heart) [fill]:not([fill=none]):not([stroke]) {
    stroke: none
}

.text--uppercase {
    text-transform: uppercase
}

.social-sharing .icon {
    width: 24px;
    height: 24px;
    fill: currentColor
}

.social-sharing__link {
    color: rgb(var(--color_primary));
    opacity: .7
}

.social-sharing__link:focus,
.social-sharing__link:hover {
    opacity: 1;
    color: var(--color_links_hover)
}

.social-sharing__link+.social-sharing__link {
    margin-left: 10px
}

footer form {
    max-width: 350px
}

.social-icons .icon {
    width: 24px;
    height: 24px
}

footer .social-icons .icon {
    width: 44px;
    height: 44px;
    padding: 10px;
    background: var(--adpt-icons-social-footer-25);
    border-radius: var(--radius)
}

ul.link_collapsing_content {
    margin: 0;
    padding: 0;
    list-style-position: outside
}

ol {
    list-style: decimal
}

.list--inline {
    padding: 0;
    margin: 0
}

.list--inline li {
    display: inline-block;
    margin-bottom: 0
}

.list-unstyled {
    list-style: none
}

.rte ol,
.rte ul {
    margin: 0 0 10px 20px
}

.rte ul {
    list-style: disc outside
}

.rte ul ul {
    list-style: circle outside
}

.rte ul ul ul {
    list-style: square outside
}

.height-full {
    height: 100%
}

.announce_bar .swiper-button-next,
.announce_bar .swiper-button-prev {
    width: 2rem;
    height: 2rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.announce_bar .swiper-button-next:after,
.announce_bar .swiper-button-prev:after {
    font-size: 1rem
}

.announce_bar a {
    color: inherit
}

.announce_bar .swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.announce_bar .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: auto !important
}

.announce_bar .swiper-button-prev {
    left: 0
}

.announce_bar .swiper-button-next {
    right: 0
}

multi-currencies {
    position: relative;
    cursor: pointer;
    padding: 0 1rem 0 0
}

multi-currencies .icon-caret {
    z-index: -1;
    position: absolute;
    top: 50%;
    right: 2rem;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    width: 10px !important;
    height: 10px !important;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

multi-currencies select.currency-picker {
    background: 0 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 6px;
    font-size: 12px;
    color: inherit;
    border: 1px solid currentColor
}

@media only screen and (min-width:780px) {
    .header__logo+[data-menu-a]~.menu-icons {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

    .header__main_menu .header__logo {
        max-width: var(--logo_max_width);
        min-width: var(--logo_max_width);
        margin-inline: 20px
    }

    .header__logo_center [data-menu-a] {
        text-align: end
    }

    #shopify-section-header-line nav {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    nav>.lu--one-third {
        width: calc(33.3333333% - 30px);
        max-width: calc(33.3333333% - 30px);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(33.3333333% - 30px);
        flex: 1 0 calc(33.3333333% - 30px)
    }

    nav>.lu--one-sixth {
        width: 16.6666%;
        max-width: 16.6666%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 16.6666%;
        flex: 1 0 16.6666%
    }

    nav:not(.has_search_full)>.lu--one-sixth {
        width: calc(50% - 20px);
        max-width: calc(50% - 20px);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(50% - 20px);
        flex: 1 0 calc(50% - 20px)
    }

    nav .block__social {
        gap: 10px
    }

    nav .block__social>.flex__item {
        padding: 0
    }

    nav .block__social a {
        color: rgb(var(--color_main_link))
    }

    nav .block__social a:hover {
        color: var(--color_main_link_hover)
    }

    nav>.search-bar {
        width: calc(66.6666667% - 80px);
        max-width: calc(66.6666667% - 80px);
        -webkit-box-flex: 1;
        -ms-flex: 1 0 calc(66.6666667% - 80px);
        flex: 1 0 calc(66.6666667% - 80px);
        position: relative
    }

    nav>.search-bar form .input-group>* {
        margin-bottom: 0
    }

    nav>.search-bar button[type=submit] {
        position: absolute;
        right: 0;
        min-height: initial;
        height: 33px;
        width: 33px;
        border: 1px solid var(--color_header_search_border);
        background-color: rgba(0, 0, 0, 0)
    }

    nav>.search-bar button[type=submit] svg {
        stroke-width: 0;
        width: 14px;
        height: 14px
    }

    nav>.search-bar input[type=search] {
        padding-right: 33px;
        background: rgba(0, 0, 0, 0);
        border: 1px solid var(--color_header_search_border);
        min-height: initial;
        height: 33px;
        color: var(--color_header_search_text)
    }

    nav>.search-bar input[type=search]::-webkit-search-cancel-button {
        right: 10px
    }

    nav>.search-bar .search-bar__result {
        position: absolute;
        top: 100%;
        width: 100%;
        z-index: 1;
        max-height: 60vh;
        height: auto;
        -webkit-box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        box-shadow: 0 0 11px rgba(33, 33, 33, .2)
    }

    nav>.search-bar .search-bar__result-content {
        background: var(--product_card__bg)
    }

    nav>.search-bar .search-bar__result-content>:not(.loading-overlay) {
        padding-inline: 0;
        padding-block: 10px;
        width: 100%;
        max-width: initial
    }

    nav>.search-bar .search-bar__result-content>:not(.loading-overlay):not(:last-child) {
        border-bottom: 1px solid rgba(var(--color_primary), .05)
    }

    nav>.search-bar .search-bar__result-content>:not(.loading-overlay):not(.collection__product) {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        background: var(--product_card__bg);
        display: inline-flex;
        padding-inline: 1rem;
        min-height: 60px
    }

    nav>.search-bar .search-bar__result-content>:not(.loading-overlay):not(.collection__product)>* {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        background: #fff
    }

    nav>.search-bar .product-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    nav>.search-bar .product-card .product-card--overlay {
        padding-block: 0
    }

    nav>.search-bar .product-card>*>.product-card-link {
        width: 100% !important
    }

    nav>.search-bar .product-card__info {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    nav>.search-bar .article-card:first-of-type:has(.image-container) {
        padding-inline: 0;
        width: 80px
    }

    nav>.search-bar .article-card:first-of-type:has(.image-container) .image-container {
        height: 100%;
        padding-bottom: 0 !important
    }

    .shopify-section-header-sticky nav:not(.has_search_full)>.lu--one-sixth {
        width: 16.666666%;
        -webkit-box-flex: 1;
        -ms-flex: 1 0 16.666666%;
        flex: 1 0 16.666666%
    }
}

@media only screen and (max-width:779px) {
    nav>.menu-icons {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 0 0% !important;
        flex: 1 0 0% !important
    }
}

.header__main-link,
a.header__childlink,
a.header__grandchildlink {
    color: rgb(var(--color_main_link));
    text-decoration: none
}

.header__main-link .icon-arrow-right,
a.header__childlink .icon-arrow-right,
a.header__grandchildlink .icon-arrow-right {
    width: calc(var(--header_link__size)*.5);
    height: var(--body__line_height);
    rotate: 90deg;
    opacity: .5
}

.header__main-link:focus,
.header__main-link:hover,
a.header__childlink:focus,
a.header__childlink:hover,
a.header__grandchildlink:focus,
a.header__grandchildlink:hover {
    color: var(--color_main_link_hover)
}

.menu_link--color .header__menu>.flex__item>a.header__main-link:hover,
.menu_link--highlight .header__menu>.flex__item>a.header__main-link:hover,
.menu_link--underline .header__menu>.flex__item>a.header__main-link:hover {
    color: var(--color_main_link_hover)
}

a.header__childlink:hover,
a.header__grandchildlink:hover {
    color: var(--color_main_link_hover)
}

.menu_link--highlight .header__menu>.flex__item>.header__link {
    background: rgba(0, 0, 0, 0);
    border-radius: 5px;
    -webkit-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
    padding: 1px 6px
}

.menu_link--highlight .header__menu>.flex__item>.header__link.active,
.menu_link--highlight .header__menu>.flex__item>.header__link:hover {
    color: rgb(var(--color_main_link)) !important;
    background: var(--color_main_link_hover)
}

.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow) {
    position: relative;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle
}

.menu_link--underline .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--underline .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    content: "";
    pointer-events: none;
    position: absolute;
    bottom: -.8rem;
    width: calc(50% + 1px);
    border-top: 1px solid currentColor;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    -o-transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1), -webkit-transform .3s cubic-bezier(.165, .84, .44, 1);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0)
}

.menu_link--underline .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    left: 0;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px
}

.menu_link--underline .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after {
    right: 0;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px
}

.menu_link--underline .header__menu>.flex__item>.header__link.active>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--underline .header__menu>.flex__item>.header__link.active>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before,
.menu_link--underline .header__menu>.flex__item>.header__link:hover>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--underline .header__menu>.flex__item>.header__link:hover>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.menu_link--top_bottom_line .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--top_bottom_line .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid currentColor;
    height: 0;
    left: 0;
    right: 0;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s cubic-bezier(.165, .84, .44, 1);
    -o-transition: opacity .2s cubic-bezier(.165, .84, .44, 1);
    transition: opacity .2s cubic-bezier(.165, .84, .44, 1)
}

.menu_link--top_bottom_line .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    bottom: -.6rem
}

.menu_link--top_bottom_line .header__menu>.flex__item>.header__link>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after {
    top: -.6rem
}

.menu_link--top_bottom_line .header__menu>.flex__item>.header__link.active>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--top_bottom_line .header__menu>.flex__item>.header__link.active>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before,
.menu_link--top_bottom_line .header__menu>.flex__item>.header__link:hover>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):after,
.menu_link--top_bottom_line .header__menu>.flex__item>.header__link:hover>span:not(.pseudo-megamenu):not(.megamenu__menu-arrow):before {
    opacity: 1;
    visibility: visible
}

.header__main-link svg,
multi-currencies select {
    color: rgb(var(--color_main_link))
}

.header__main-link svg:hover,
multi-currencies select:hover {
    color: var(--color_main_link_hover)
}

.icons-nav--text .menu-icons .icons_container {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icons-nav--text .menu-icons .icons_container .cart-toggle i,
.icons-nav--text .menu-icons .icons_container .cart-toggle svg,
.icons-nav--text .menu-icons .icons_container .flex__item>a i,
.icons-nav--text .menu-icons .icons_container .flex__item>a svg,
.icons-nav--text .menu-icons .icons_container .search-bar__button-submit i,
.icons-nav--text .menu-icons .icons_container .search-bar__button-submit svg {
    display: none
}

.icons-nav--text .menu-icons .icons_container .cart-toggle .icon__fallback-text,
.icons-nav--text .menu-icons .icons_container .flex__item>a .icon__fallback-text,
.icons-nav--text .menu-icons .icons_container .search-bar__button-submit .icon__fallback-text {
    position: relative !important;
    height: initial;
    width: initial;
    clip: initial;
    overflow: initial;
    margin: 0;
    font-size: initial;
    font-weight: initial;
    letter-spacing: initial;
    color: rgb(var(--color_main_link))
}

.icons-nav--text .menu-icons .icons_container .cart-toggle .icon__fallback-text:hover,
.icons-nav--text .menu-icons .icons_container .flex__item>a .icon__fallback-text:hover,
.icons-nav--text .menu-icons .icons_container .search-bar__button-submit .icon__fallback-text:hover {
    color: var(--color_main_link_hover)
}

sticky-header[data-sticky-announce-bar=false] .menu-section {
    -webkit-transition: top .15s ease-out;
    -o-transition: top .15s ease-out;
    transition: top .15s ease-out;
    top: 0
}

.shopify-section-header-sticky {
    position: sticky;
    z-index: 999;
    top: 0
}

.overflow-hidden .shopify-section-header-sticky,
.overflow-hidden-fixed .shopify-section-header-sticky {
    padding-right: 10px
}

.shopify-section-header-sticky [data-menu-b]>.header__menu {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.shopify-section-header-sticky .announce_bar {
    position: relative;
    top: 0;
    -webkit-transition: top .15s ease-out;
    -o-transition: top .15s ease-out;
    transition: top .15s ease-out
}

.shopify-section-header-sticky.scrolled-past-header sticky-header[data-sticky-announce-bar=false] .menu-section {
    -webkit-transition: top .15s ease-out;
    -o-transition: top .15s ease-out;
    transition: top .15s ease-out;
    z-index: 3;
    display: block
}

.shopify-section-header-sticky.scrolled-past-header:not(.header__overlay) sticky-header[data-sticky-announce-bar=false] .menu-section {
    top: calc(-1*var(--announce-bar-height));
    -webkit-box-shadow: 0 0 4px 2px rgba(var(--color_primary), .2);
    box-shadow: 0 0 4px 2px rgba(var(--color_primary), .2)
}

.shopify-section-header-sticky.scrolled-past-header.header__overlay sticky-header[data-sticky-announce-bar=false] .announce_bar {
    top: calc(-1*var(--announce-bar-height))
}

.shopify-section-header-sticky.scrolled-past-header.header__overlay sticky-header[data-sticky-announce-bar=false] .menu-section {
    top: calc(-1*var(--announce-bar-height) + 100%);
    -webkit-box-shadow: 0 0 4px 2px rgba(var(--color_primary), .2);
    box-shadow: 0 0 4px 2px rgba(var(--color_primary), .2)
}

.shopify-section-header-hidden {
    top: calc(-1*var(--header-height))
}

#shopify-header-section.animate {
    -webkit-transition: top .15s ease-out;
    -o-transition: top .15s ease-out;
    transition: top .15s ease-out
}

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

.header [data-menu-a]>.inline-flex,
.header [data-menu-b]>.inline-flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (min-width:780px) {
    .header .header__logo_center {
        width: 100%
    }

    .header .header__logo_center .header_logo {
        width: 100%
    }

    .header:not(.header__hamburger) .header__logo_center+.menu-icons {
        position: absolute
    }
}

.header.header__hamburger [data-menu-a] .header__menu,
.header.header__hamburger [data-menu-b] .header__menu {
    display: none
}

@media only screen and (min-width:780px) {
    .header.header__hamburger #shopify-section-header-lines nav>.flex__item.lu--one-third:first-child {
        display: none
    }

    .header.header__hamburger #shopify-section-header-lines nav>.header__hamburger.flex__fill {
        display: block !important
    }
}

.header .header__logo_container {
    width: 100%
}

.overflow-hidden-fixed .header {
    height: 100%
}

.header .logo_overlay {
    display: none
}

.header__overlay .menu-section,
body:has([data-header-overlay=true]) .menu-section {
    position: absolute;
    top: 100%;
    width: 100%
}

.header__overlay:not(.scrolled-past-header):not(:hover) .header__logo.has_logo_overlay .image-container:not(.logo_overlay) {
    height: auto !important;
    padding-bottom: unset !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .header__logo.has_logo_overlay .image-container:not(.logo_overlay)>img,
.header__overlay:not(.scrolled-past-header):not(:hover) .header__logo.has_logo_overlay .image-container:not(.logo_overlay)>span {
    display: none
}

.header__overlay:not(.scrolled-past-header):not(:hover) .header__logo.has_logo_overlay .logo_overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container {
    background: rgba(0, 0, 0, 0) !important;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .header__main-link span {
    white-space: nowrap
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--color a.header__main-link,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--highlight a.header__main-link,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--underline a.header__main-link {
    color: var(--color_header_overlay_color) !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--color a.header__main-link:hover,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--highlight a.header__main-link:hover,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .menu_link--underline a.header__main-link:hover {
    color: var(--color_header_overlay_color_hover) !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .header__logo_content a {
    color: var(--color_header_overlay_color) !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .header__logo_content a:hover {
    color: var(--color_header_overlay_color_hover) !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .block__social a,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .header__main-link svg,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container multi-currencies select {
    color: var(--color_header_overlay_color) !important
}

.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .block__social a:hover,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container .header__main-link svg:hover,
.header__overlay:not(.scrolled-past-header):not(:hover) .menu-section>.section-container multi-currencies select:hover {
    color: var(--color_header_overlay_color_hover) !important
}

.drawer__link--main,
a.header__main-link {
    font-size: var(--header_link_mob__size);
    font-weight: var(--header_link_mob__weight);
    letter-spacing: var(--header_link_mob__letter_spacing)
}

@media only screen and (min-width:500px) {

    .drawer__link--main,
    a.header__main-link {
        font-size: var(--header_link__size);
        font-weight: var(--header_link__weight);
        letter-spacing: var(--header_link__letter_spacing)
    }
}

.drawer__link {
    text-decoration: none
}

.drawer__link svg {
    margin: 0;
    fill: none;
    background: rgba(0, 0, 0, 0);
    width: 1.8rem;
    height: 1.8rem
}

.menu-section {
    position: relative
}

@media only screen and (max-width:779px) {
    .menu-section .page-width>.inline-flex {
        margin: 0;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .menu-section .page-width>.inline-flex>.flex__item {
        padding: 0;
        margin-bottom: 0
    }
}

.header__main-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-icons summary a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.menu-icons svg {
    display: inline-block;
    vertical-align: middle;
    color: inherit;
    fill: currentColor;
    width: var(--header_icon_mob__size);
    height: var(--header_icon_mob__size)
}

@media only screen and (min-width:500px) {
    .menu-icons svg {
        width: var(--header_icon__size);
        height: var(--header_icon__size)
    }
}

.menu-icons svg.spinner {
    fill: none !important
}

.menu-icons .icons_container {
    width: auto;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-icons .icons_container>.flex__item:not(multi-currencies) {
    padding: 1rem;
    display: grid;
    place-content: center
}

.menu-icons .icons_container>.flex__item:not(multi-currencies):first-child {
    padding-left: 0 !important
}

.menu-icons .icons_container>.flex__item:not(multi-currencies):not(.cart-container):last-child {
    padding-right: 0 !important
}

[data-menu-a].header__menu,
nav {
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
    row-gap: 15px
}

[data-menu-a]>.header__menu,
[data-menu-b]>.header__menu {
    gap: 20px
}

.header__menu.separate--diagonal>.flex__item:not(:first-child)>a.header__link,
.header__menu.separate--line>.flex__item:not(:first-child)>a.header__link,
.header__social.separate--diagonal>.flex__item:not(:first-child)>a.header__link,
.header__social.separate--line>.flex__item:not(:first-child)>a.header__link {
    position: relative
}

.header__menu.separate--diagonal>.flex__item:not(:first-child)>a.header__link:before,
.header__menu.separate--line>.flex__item:not(:first-child)>a.header__link:before,
.header__social.separate--diagonal>.flex__item:not(:first-child)>a.header__link:before,
.header__social.separate--line>.flex__item:not(:first-child)>a.header__link:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    bottom: 0;
    color: inherit;
    background: currentColor;
    z-index: 0;
    width: 1px
}

.header__menu.separate--diagonal>.flex__item:not(:first-child)>a.header__link:hover:before,
.header__menu.separate--line>.flex__item:not(:first-child)>a.header__link:hover:before,
.header__social.separate--diagonal>.flex__item:not(:first-child)>a.header__link:hover:before,
.header__social.separate--line>.flex__item:not(:first-child)>a.header__link:hover:before {
    background: currentColor
}

.header__menu.separate--line>.flex__item:not(:first-child)>a.header__link:before,
.header__social.separate--line>.flex__item:not(:first-child)>a.header__link:before {
    top: 20%;
    height: 60%
}

.header__menu.separate--diagonal>.flex__item>a.header__link,
.header__social.separate--diagonal>.flex__item>a.header__link {
    -webkit-transform: skew(-12deg);
    -ms-transform: skew(-12deg);
    transform: skew(-12deg);
    display: block
}

.header__menu.separate--diagonal>.flex__item>a.header__link>span,
.header__social.separate--diagonal>.flex__item>a.header__link>span {
    -webkit-transform: skew(12deg);
    -ms-transform: skew(12deg);
    transform: skew(12deg);
    display: block
}

.header__menu.separate--diagonal>.flex__item:not(:first-child)>a.header__link:before,
.header__social.separate--diagonal>.flex__item:not(:first-child)>a.header__link:before {
    height: 100%;
    top: 0
}

.header__menu .flex-justify--left>.flex__item:first-child,
.header__social .flex-justify--left>.flex__item:first-child {
    padding-left: 0
}

.header__menu .flex-justify--right>.flex__item:last-child,
.header__social .flex-justify--right>.flex__item:last-child {
    padding-right: 0
}

.pseudo-megamenu {
    display: none
}

.container__link-hoverable.megamenu-active .pseudo-megamenu,
.container__link-hoverable:focus .pseudo-megamenu,
.container__link-hoverable:focus-within .pseudo-megamenu,
.container__link-hoverable:hover .pseudo-megamenu,
.has-megamenu.megamenu-active .pseudo-megamenu,
.has-megamenu:focus .pseudo-megamenu,
.has-megamenu:focus-within .pseudo-megamenu,
.has-megamenu:hover .pseudo-megamenu {
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: calc(50% + 12px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0
}

.header__menu-child,
.header__menu-grandchild {
    position: absolute;
    z-index: -1;
    min-width: 140px;
    max-width: 300px;
    text-align: left;
    opacity: 0;
    padding: 1rem;
    visibility: hidden;
    background: rgb(var(--color_header_menu));
    -webkit-box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
    box-shadow: 0 8px 8px rgba(10, 10, 10, .1);
    font-size: var(--body_mob__size);
    letter-spacing: 0;
    border-radius: 0 0 var(--radius) var(--radius)
}

.header__menu-child a.header__childlink,
.header__menu-child a.header__grandchildlink,
.header__menu-grandchild a.header__childlink,
.header__menu-grandchild a.header__grandchildlink {
    color: rgb(var(--color_header_menu-links));
    border-radius: var(--radius);
    padding: 1rem 2rem;
    display: block;
    -webkit-transition: background .1s ease-in;
    -o-transition: background .1s ease-in;
    transition: background .1s ease-in
}

.header__menu-child a.header__childlink:hover,
.header__menu-child a.header__grandchildlink:hover,
.header__menu-grandchild a.header__childlink:hover,
.header__menu-grandchild a.header__grandchildlink:hover {
    background: var(--color_header_menu-links-hover)
}

.header__menu-child a.header__childlink>svg,
.header__menu-grandchild a.header__childlink>svg {
    -webkit-transition: rotate .2s ease-in;
    -o-transition: rotate .2s ease-in;
    transition: rotate .2s ease-in
}

.header__menu-child a.header__childlink:hover>svg,
.header__menu-grandchild a.header__childlink:hover>svg {
    rotate: 0deg
}

.container__childlink-hoverable:hover a.header__childlink>svg {
    rotate: 0deg
}

.container__link-hoverable:hover .header__menu-child,
.header__link.show_megamenu+.header__menu-child {
    opacity: 1;
    visibility: visible
}

.container__childlink-hoverable:hover .header__menu-grandchild,
.header__childlink.show_megamenu+.header__menu-grandchild {
    opacity: 1;
    visibility: visible
}

.header__menu-child {
    top: 100%
}

.header__menu-child .flex__item {
    position: relative
}

.header__menu-grandchild {
    top: 0
}

:root {
    --logo_max_width: initial;
    --logo_max_width_mob: initial
}

.header__logo .header__logo_content a,
.header__logo.has__logo_max_width a {
    text-decoration: none !important
}

@media only screen and (min-width:780px) {

    .header__logo .header__logo_content,
    .header__logo.has__logo_max_width {
        max-width: var(--logo_max_width);
        min-width: var(--logo_max_width)
    }
}

@media only screen and (max-width:779px) {

    .header__logo .header__logo_content,
    .header__logo.has__logo_max_width {
        max-width: var(--logo_max_width_mob)
    }

    .header__logo .header__logo_content a:has(span:only-child),
    .header__logo.has__logo_max_width a:has(span:only-child) {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (min-width:780px) {

    .header__overlay:not(.header__sidebar):not(.scrolled-past-header):not(:hover) .header__logo .header__logo_content,
    .header__overlay:not(.header__sidebar):not(.scrolled-past-header):not(:hover) .header__logo.has__logo_max_width {
        max-width: var(--header_overlay_logo_max_width);
        min-width: var(--header_overlay_logo_max_width)
    }
}

@media only screen and (max-width:779px) {

    .header__overlay:not(.header__sidebar):not(.scrolled-past-header):not(:hover) .header__logo .header__logo_content,
    .header__overlay:not(.header__sidebar):not(.scrolled-past-header):not(:hover) .header__logo.has__logo_max_width {
        max-width: var(--header_overlay_logo_max_width_mob)
    }
}

.header__logo .image-container:not(.logo_overlay)>span {
    text-align: center
}

.header__logo img,
.header__logo svg {
    width: auto
}

.header__logo object {
    padding: .5rem;
    position: absolute
}

@media only screen and (max-width:779px) {
    .header__logo {
        padding: 0 !important
    }
}

.icon-cart {
    color: rgb(var(--color_links))
}

.icon-cart details[open],
.icon-cart:focus,
.icon-cart:hover {
    color: var(--color_links_hover)
}

.menu--hamburger--container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer
}

.menu--hamburger--container:not(:last-child) {
    padding-right: 2rem
}

.menu--hamburger--container span {
    font-size: calc(var(--body__size))
}

.menu--hamburger--container svg.icon-hamburger {
    width: calc(var(--body_mob__size)*1.57);
    height: calc(var(--body_mob__size)*1.57);
    fill: currentColor
}

.menu--hamburger--container svg.icon-hamburger>* {
    height: 100%
}

.menu--hamburger--container svg.icon-hamburger line {
    fill: none;
    opacity: 1;
    stroke: currentColor;
    stroke-miterlimit: 10;
    stroke-width: 2px;
    -webkit-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s
}

.menu--hamburger--container svg.icon-hamburger line:first-child,
.menu--hamburger--container svg.icon-hamburger line:last-child {
    opacity: 1;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: all .1s ease-in-out 0s;
    -o-transition: all .1s ease-in-out 0s;
    transition: all .1s ease-in-out 0s;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.menu--hamburger--container.active svg.icon-hamburger,
.menu--hamburger--container:hover svg.icon-hamburger {
    color: var(--color_links_hover)
}

.menu--hamburger--container.active svg.icon-hamburger line:first-child,
.menu--hamburger--container:hover svg.icon-hamburger line:first-child {
    -webkit-transform: rotate(45deg) translate(6px, -9px);
    -ms-transform: rotate(45deg) translate(6px, -9px);
    transform: rotate(45deg) translate(6px, -9px)
}

.menu--hamburger--container.active svg.icon-hamburger line:nth-child(2),
.menu--hamburger--container:hover svg.icon-hamburger line:nth-child(2) {
    opacity: 0
}

.menu--hamburger--container.active svg.icon-hamburger line:last-child,
.menu--hamburger--container:hover svg.icon-hamburger line:last-child {
    -webkit-transform: rotate(-45deg) translate(-15px);
    -ms-transform: rotate(-45deg) translate(-15px);
    transform: rotate(-45deg) translate(-15px)
}

@media only screen and (min-width:780px) {
    .menu-icons>.flex__item:not(multi-currencies):last-child {
        padding-right: 2rem
    }
}

.cart-container>* {
    display: grid
}

.cart-container>a {
    position: relative
}

.cart-bubble {
    position: absolute;
    top: -.8rem;
    right: -1.25rem;
    width: 2rem;
    height: 2rem;
    padding-left: .1rem;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 700;
    line-height: 1rem;
    background: rgb(var(--color_primary));
    color: rgb(var(--color_secondary));
    border: 2px solid rgb(var(--color_secondary));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:779px) {
    .cart-bubble {
        top: -.5rem;
        right: -.875rem;
        width: 1.75rem;
        height: 1.75rem;
        padding-left: 0rem
    }
}

.cart-bubble .loader {
    width: 1rem;
    height: 1rem;
    margin-left: -2px
}

.cart-bubble .loader svg {
    width: 1rem !important;
    height: 1rem !important
}

.cart-bubble .loader svg circle {
    stroke: rgb(var(--color_secondary)) !important
}

.drawer .block__social>.flex__item {
    padding-block: 0
}

.drawer .flex-justify--left.block__social>.flex__item:first-child,
.drawer .flex-justify--left.menu-icons>.flex__item:first-child {
    padding-left: 0
}

.drawer .flex-justify--right.block__social>.flex__item:last-child,
.drawer .flex-justify--right.menu-icons>.flex__item:last-child {
    padding-right: 0
}

.drawer .image--background+a.drawer__link {
    position: relative
}

.search-bar {
    position: unset !important
}

.search-bar .search-bar__button-close,
.search-bar .search-bar__button-submit {
    cursor: pointer;
    z-index: 2
}

.search-bar .search-bar__button-submit {
    position: relative
}

.search-bar .search-bar__button-close {
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0s linear;
    -o-transition: opacity 0s linear;
    transition: opacity 0s linear;
    bottom: -5.25rem;
    right: 3.5rem
}

.search-bar .search-bar__button-close svg {
    color: rgb(var(--color_primary))
}

.search-bar .search-bar__inline-container {
    position: absolute;
    right: 0;
    z-index: -1;
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    top: calc(100% + 2rem);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .3);
    width: 300px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: opacity .1s linear, background .3s linear, -webkit-transform .1s linear;
    transition: opacity .1s linear, background .3s linear, -webkit-transform .1s linear;
    -o-transition: transform .1s linear, opacity .1s linear, background .3s linear;
    transition: transform .1s linear, opacity .1s linear, background .3s linear;
    transition: transform .1s linear, opacity .1s linear, background .3s linear, -webkit-transform .1s linear;
    border-radius: var(--radius) 0 0 var(--radius)
}

.search-bar .search-bar__inline-container form {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .1s, -webkit-transform .2s;
    transition: opacity .1s, -webkit-transform .2s;
    -o-transition: opacity .1s, transform .2s;
    transition: opacity .1s, transform .2s;
    transition: opacity .1s, transform .2s, -webkit-transform .2s;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.search-bar .search-bar__inline-container:has(.search-bar__result.active)>form input {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.search-bar .search-bar__inline-container input {
    width: 100%;
    color: rgb(var(--color_primary));
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0
}

.search-bar .search-bar__inline-container input::-webkit-search-cancel-button {
    display: none
}

.search-bar .search-bar__result-content>:not(.collection__product)>* {
    width: 100%
}

.search-bar .search-bar__result-content>:not(.collection__product)>*>svg {
    margin-left: 2rem
}

.search-bar .search-bar__result-content>:not(.collection__product)>*>a {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    padding-block: 1rem
}

.search-bar .search-bar__result-content>:not(.collection__product)>*>a .article__info {
    padding-left: 1rem
}

.search-bar.active .search-bar__button-close {
    z-index: 1;
    opacity: 1;
    -webkit-transition: opacity .2s linear .2s;
    -o-transition: opacity .2s linear .2s;
    transition: opacity .2s linear .2s
}

.search-bar.active .search-bar__inline-container {
    opacity: 1;
    visibility: visible;
    background: rgb(var(--color_secondary));
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    z-index: 1
}

.search-bar.active .search-bar__inline-container form {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    visibility: visible
}

.search-bar .search-bar__result {
    border-bottom-left-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
    max-height: 70vh;
    height: 100%;
    width: 100%;
    opacity: 1;
    overflow: auto;
    overflow-x: hidden;
    padding: 0 !important
}

.search-bar .search-bar__result::-webkit-scrollbar {
    cursor: pointer;
    background: var(--color_scrollbar__background);
    width: 5px
}

.search-bar .search-bar__result::-webkit-scrollbar-thumb {
    cursor: pointer;
    border: solid 0 rgba(0, 0, 0, 0);
    width: 5px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb)
}

.search-bar .search-bar__result::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover)
}

.search-bar .search-bar__result-content .product-card--overlay {
    position: relative;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.search-bar .search-bar__result-content .product-card--overlay .product-card-link {
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left
}

.search-bar .search-bar__result-content .product__labels {
    display: none
}

.search-bar .search-bar__result-content .article-card,
.search-bar .search-bar__result-content .product-card {
    padding: 0 1rem;
    height: 100%;
    text-decoration: none
}

.search-bar .search-bar__result-content .product-card {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.search-bar .search-bar__result-content .product-card-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.search-bar .search-bar__result-content .product-card-link .product_image,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) {
    width: 80px
}

.search-bar .search-bar__result-content .product-card-link .product_image .product-card__image-container,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) .product-card__image-container {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.search-bar .search-bar__result-content .product-card-link .product_image .product-card__image-container .product-card__image-wrapper,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) .product-card__image-container .product-card__image-wrapper {
    width: 100%
}

.search-bar .search-bar__result-content .product-card-link .product_image .product-tag,
.search-bar .search-bar__result-content .product-card-link .product_image button-wishlist,
.search-bar .search-bar__result-content .product-card-link .product_image quick-view,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) .product-tag,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) button-wishlist,
.search-bar .search-bar__result-content .product-card-link:has(.product_image) quick-view {
    display: none
}

.search-bar .search-bar__result-content .article__title,
.search-bar .search-bar__result-content .product-card__name>* {
    font-size: calc(var(--body__size)*1em);
    text-transform: initial;
    font-weight: 400;
    font-style: normal;
    margin-bottom: 0
}

.search-bar .search-bar__result-content .article-card {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.search-bar .search-bar__result-content .article-card .image-container {
    width: 80px;
    padding-bottom: 35% !important;
    margin: 0
}

.search-bar .search-bar__result-content .article-card .article__info {
    width: 100%
}

.search-bar .search-bar__result-content .article-card .article__excerpt {
    display: none
}

.collection__product>.flex:not(.item--shadowed) {
    height: 100%
}

.main-search .collection__product,
.search-bar__result .collection__product {
    padding: 0 1rem
}

.main-search .collection__product>.flex,
.search-bar__result .collection__product>.flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%
}

.main-search .collection__product>.flex>a:first-child,
.search-bar__result .collection__product>.flex>a:first-child {
    width: 80px;
    height: auto
}

.main-search .collection__product>.flex>a:last-child,
.search-bar__result .collection__product>.flex>a:last-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.search-bar__inline-container .search-bar__result-content>* {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    max-width: 100%;
    padding: 0 !important
}

.search-bar__inline-container .search-bar__result-content>*>* {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-bar__inline-container .product-card:has(.product-card--overlay) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-bar__inline-container product-form {
    display: none
}

.search-bar__inline-container .article-card:first-child {
    max-width: calc(80px + 2rem)
}

.search-bar__inline-container .article-card:first-child>.image-container {
    width: 80px;
    margin: 0;
    padding-bottom: 0 !important;
    height: auto
}

.search-bar__inline-container .article-card:first-child img {
    position: relative !important
}

.search-bar__button-submit {
    cursor: pointer
}

.search-popup-modal search-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    min-height: 45vh;
    overflow: hidden;
    padding: 2rem;
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary))
}

@media only screen and (max-width:779px) {
    .search-popup-modal search-bar {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        height: 100%
    }

    .search-popup-modal search-bar .search-popup>.flex__item {
        padding-bottom: 2rem
    }
}

.search-popup-modal .search-popup-modal__content {
    width: 100%;
    position: relative
}

@media only screen and (min-width:780px) {
    .search-popup-modal .search-popup-modal__content {
        max-width: 1400px;
        padding-inline: 5rem;
        margin: 0 auto
    }
}

.search-popup-modal .lu--two-thirds {
    max-height: 100%
}

.search-popup-modal .search-popup-modal__container {
    height: 100%
}

.search-popup-modal .input-group-form.flex-align--start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.search-popup-modal input::-webkit-search-cancel-button {
    display: none
}

.search-popup-modal .search-bar__result {
    position: relative
}

.search-popup-modal .search-bar__result .loading-overlay {
    position: absolute
}

.search-popup-modal .search-popup {
    height: 100%;
    max-height: 680px
}

.search-popup-modal .completion .search-bar__inline-container input {
    max-width: 100%;
    width: calc(100% - 50px)
}

mega-menu {
    display: none
}

.has-megamenu .section-container {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .2s linear;
    transition: -webkit-transform .2s linear;
    -o-transition: transform .2s linear;
    transition: transform .2s linear;
    transition: transform .2s linear, -webkit-transform .2s linear;
    border-bottom: 1px solid rgb(var(--color_primary))
}

.has-megamenu .section-container deferred-media {
    aspect-ratio: 16/9;
    width: auto
}

.has-megamenu .section-container deferred-media iframe,
.has-megamenu .section-container deferred-media video {
    position: relative;
    -o-object-fit: contain;
    object-fit: contain
}

.has-megamenu .section-container video {
    display: none
}

.has-megamenu .section-container:before {
    content: "";
    position: absolute;
    width: calc(100% + 10px);
    height: 100%;
    left: -5px;
    right: -5px;
    bottom: calc(100% - 0px);
    z-index: -1;
    -webkit-box-shadow: -1px 0 5px rgba(0, 0, 0, .4);
    box-shadow: -1px 0 5px rgba(0, 0, 0, .4)
}

.has-megamenu .section-container .menu_links {
    position: relative
}

.has-megamenu .section-container .header__menu.inline-flex .megamenu__menu-arrow {
    overflow-wrap: break-word;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.has-megamenu .section-container .header__menu.inline-flex .megamenu__menu-arrow svg {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.has-megamenu .section-container .header__menu.inline-flex details[open] summary:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 60%;
    left: 20%;
    height: 1px;
    background: rgba(var(--color_primary), .2);
    border-radius: 15px
}

.has-megamenu .section-container .header__menu.inline-flex details[open] summary .megamenu__menu-arrow svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.has-megamenu .section-container .header__menu.inline-flex details[open]>.link_collapsing_content {
    -webkit-box-shadow: 0 0 4px 0 rgba(var(--color_primary), .2);
    box-shadow: 0 0 4px 0 rgba(var(--color_primary), .2);
    border-radius: var(--radius)
}

.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg)>svg {
    -webkit-transition: -webkit-transform .1618s ease-out;
    transition: -webkit-transform .1618s ease-out;
    -o-transition: transform .1618s ease-out;
    transition: transform .1618s ease-out;
    transition: transform .1618s ease-out, -webkit-transform .1618s ease-out;
    color: inherit
}

.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg):hover>svg {
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px)
}

.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg) svg {
    width: 3rem;
    height: 3rem
}

.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg) svg,
.has-megamenu .section-container .header__menu.inline-flex a.megamenu__title-container:has(svg) svg * {
    color: inherit;
    stroke: currentColor !important
}

.has-megamenu .section-container .header__menu.inline-flex .megamenu__title-container.text-center .megamenu__menu-arrow {
    margin: 0 auto
}

.has-megamenu .section-container .header__menu.inline-flex .link_collapsing_title {
    padding-bottom: 0;
    padding-right: 0 !important
}

.has-megamenu .section-container .header__menu.inline-flex .link_collapsing_content.page-width {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 2rem
}

.has-megamenu .section-container .header__menu.inline-flex .link_collapsing_content.page-width:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-shadow: rgba(0, 0, 0, .4);
    box-shadow: rgba(0, 0, 0, .4);
    z-index: -1
}

.has-megamenu .section-container .header__menu:not(.inline-flex) .link_collapsing_content {
    padding-left: 7.5px
}

.has-megamenu .section-container .header__menu:not(.inline-flex)>.flex__item:first-child {
    padding-top: 0 !important
}

.has-megamenu .section-container .header__menu:not(.inline-flex)>.flex__item:last-child {
    padding-bottom: 0 !important
}

.has-megamenu .section-container .megamenu__link_image .image-container {
    padding-bottom: 50px;
    margin: 0 1rem 0 0;
    width: 50px;
    height: 50px;
    max-width: 50px;
    border-radius: var(--radius)
}

.has-megamenu .section-container .megamenu__link_image .header__link:not(.inline-flex).flex-align--center .image-container {
    margin: 0 auto
}

.has-megamenu .section-container .megamenu__link_image .header__link:not(.inline-flex).flex-align--right .image-container {
    margin-left: auto;
    margin-right: 0
}

.has-megamenu .section-container .link_collapsing_title {
    padding-right: 0
}

.has-megamenu .section-container .link_collapsing_title .megamenu__menu-arrow svg {
    width: 10px !important;
    height: 10px !important;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.has-megamenu .section-container .link_collapsing_title.active .megamenu__menu-arrow svg {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.has-megamenu .section-container .link_collapsing_content.flex-align--center {
    padding-left: 0 !important;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.has-megamenu.megamenu_active .section-container,
.has-megamenu:hover .section-container {
    -webkit-transition: -webkit-transform .1s cubic-bezier(0, 1, .25, 1);
    transition: -webkit-transform .1s cubic-bezier(0, 1, .25, 1);
    -o-transition: transform .1s cubic-bezier(0, 1, .25, 1);
    transition: transform .1s cubic-bezier(0, 1, .25, 1);
    transition: transform .1s cubic-bezier(0, 1, .25, 1), -webkit-transform .1s cubic-bezier(0, 1, .25, 1);
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.has-megamenu.megamenu_active .section-container video,
.has-megamenu:hover .section-container video {
    display: block;
    position: relative
}

.main-content .shopify-policy__container {
    margin-block: 7.5rem !important;
    max-width: 780px !important
}

.main-content .shopify-policy__container .shopify-policy__title {
    margin-bottom: 4rem
}

.shopify-challenge__container {
    min-height: 80vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.shopify-challenge__container input.shopify-challenge__button.btn {
    margin: 1rem auto
}

.template-page {
    min-height: 100%
}

.template-page .rte {
    margin-top: 20px
}

.btn,
.btn--atc,
.btn--link,
.btn--secondary,
.checkout__button,
.shopify-payment-button__button,
input[type=file]::-webkit-file-upload-button {
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    text-decoration: none;
    position: relative;
    outline: 0;
    border: none;
    z-index: 0;
    text-align: center;
    padding: 1rem 3rem;
    max-width: 300px;
    min-width: 100px;
    width: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    border-color: currentColor;
    font-weight: var(--button__weight);
    font-size: var(--button__size);
    line-height: var(--button__line_height);
    letter-spacing: var(--button__letter_spacing);
    text-transform: var(--button__transform);
    border-radius: var(--radius)
}

@media only screen and (max-width:779px) {

    .btn,
    .btn--atc,
    .btn--link,
    .btn--secondary,
    .checkout__button,
    .shopify-payment-button__button,
    input[type=file]::-webkit-file-upload-button {
        padding: 15px 15px;
        font-size: var(--button__size_mob);
        line-height: var(--button__line_height_mob);
        letter-spacing: var(--button__letter_spacing_mob)
    }
}

.btn i,
.btn svg,
.btn--atc i,
.btn--atc svg,
.btn--link i,
.btn--link svg,
.btn--secondary i,
.btn--secondary svg,
.checkout__button i,
.checkout__button svg,
.shopify-payment-button__button i,
.shopify-payment-button__button svg,
input[type=file]::-webkit-file-upload-button i,
input[type=file]::-webkit-file-upload-button svg {
    color: inherit;
    vertical-align: middle;
    padding: 0 5px
}

.btn span,
.btn--atc span,
.btn--link span,
.btn--secondary span,
.checkout__button span,
.shopify-payment-button__button span,
input[type=file]::-webkit-file-upload-button span {
    vertical-align: middle;
    color: inherit;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center
}

.btn .icon,
.btn svg,
.btn--atc .icon,
.btn--atc svg,
.btn--link .icon,
.btn--link svg,
.btn--secondary .icon,
.btn--secondary svg,
.checkout__button .icon,
.checkout__button svg,
.shopify-payment-button__button .icon,
.shopify-payment-button__button svg,
input[type=file]::-webkit-file-upload-button .icon,
input[type=file]::-webkit-file-upload-button svg {
    fill: currentColor;
    width: 2rem;
    height: 2rem;
    margin-right: 1rem
}

.btn--atc:hover,
.btn--link:hover,
.btn--secondary:hover,
.btn:hover,
.checkout__button:hover,
.shopify-payment-button__button:hover,
input[type=file]:hover::-webkit-file-upload-button {
    border-color: currentColor
}

.btn--atc.btn--full-width,
.btn--link.btn--full-width,
.btn--secondary.btn--full-width,
.btn.btn--full-width,
.checkout__button.btn--full-width,
.shopify-payment-button__button.btn--full-width,
input.btn--full-width[type=file]::-webkit-file-upload-button {
    width: 100%;
    max-width: 360px;
    padding: 1rem 3rem
}

@media only screen and (max-width:779px) {

    .btn--atc.btn--full-width,
    .btn--link.btn--full-width,
    .btn--secondary.btn--full-width,
    .btn.btn--full-width,
    .checkout__button.btn--full-width,
    .shopify-payment-button__button.btn--full-width,
    input.btn--full-width[type=file]::-webkit-file-upload-button {
        max-width: 100%
    }
}

.btn--atc.btn--big,
.btn--link.btn--big,
.btn--secondary.btn--big,
.btn.btn--big,
.checkout__button.btn--big,
.shopify-payment-button__button.btn--big,
input.btn--big[type=file]::-webkit-file-upload-button {
    padding: 1.5rem 3rem
}

.btn--atc[disabled],
.btn--link[disabled],
.btn--secondary[disabled],
.btn[disabled],
.checkout__button[disabled],
.shopify-payment-button__button[disabled],
input[disabled][type=file]::-webkit-file-upload-button {
    cursor: default !important
}

.btn--atc[disabled]:not(.loading),
.btn--link[disabled]:not(.loading),
.btn--secondary[disabled]:not(.loading),
.btn[disabled]:not(.loading),
.checkout__button[disabled]:not(.loading),
.shopify-payment-button__button[disabled]:not(.loading),
input[disabled][type=file]:not(.loading)::-webkit-file-upload-button {
    color: gray !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 1px gray inset !important;
    box-shadow: 0 0 0 1px gray inset !important
}

.btn--atc.btn--no-style,
.btn--link.btn--no-style,
.btn--secondary.btn--no-style,
.btn.btn--no-style,
.checkout__button.btn--no-style,
.shopify-payment-button__button.btn--no-style,
input.btn--no-style[type=file]::-webkit-file-upload-button {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important
}

.input-group__btn .btn,
.input-group__btn .btn--atc,
.input-group__btn .btn--link,
.input-group__btn .btn--secondary,
.input-group__btn .checkout__button,
.input-group__btn .shopify-payment-button__button,
.input-group__btn input[type=file]::-webkit-file-upload-button {
    border-radius: 0 var(--radius) var(--radius) 0
}

.btn {
    color: rgb(var(--color_btn_primary_text));
    background-color: rgb(var(--color_btn_primary));
    -webkit-box-shadow: var(--btn__primary_shadowed);
    box-shadow: var(--btn__primary_shadowed);
    border: var(--border_btn_primary) solid rgb(var(--color_btn_primary_text))
}

.btn.btn--filling:after {
    background-color: rgb(var(--color_btn_primary))
}

.btn.btn--arrow {
    -webkit-box-shadow: 6px 6px 0 rgb(var(--color_btn_primary_text));
    box-shadow: 6px 6px 0 rgb(var(--color_btn_primary_text))
}

.btn.btn--frame .line,
.btn.btn--frame:after {
    background: rgb(var(--color_btn_primary_text))
}

.btn.btn--mirror:after {
    background: rgb(var(--color_btn_primary_text))
}

.btn.btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(rgb(var(--color_btn_primary_text))));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), rgb(var(--color_btn_primary_text)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(var(--color_btn_primary_text)))
}

.btn.btn--collision:after,
.btn.btn--collision:before {
    background-color: rgb(var(--color_btn_primary_hover))
}

.btn:active,
.btn:focus,
.btn:hover {
    color: rgb(var(--color_btn_primary_text_hover));
    background-color: rgb(var(--color_btn_primary_hover));
    border-color: rgb(var(--color_btn_primary_text_hover))
}

.btn:active.btn--filling:after,
.btn:focus.btn--filling:after,
.btn:hover.btn--filling:after {
    background-color: rgb(var(--color_btn_primary_hover))
}

.btn:active.btn--arrow,
.btn:focus.btn--arrow,
.btn:hover.btn--arrow {
    -webkit-box-shadow: 10px 10px 0 rgb(var(--color_btn_primary_text_hover));
    box-shadow: 10px 10px 0 rgb(var(--color_btn_primary_text_hover))
}

.btn:active.btn--arrow path.three,
.btn:focus.btn--arrow path.three,
.btn:hover.btn--arrow path.three {
    -webkit-animation: primary_color_anim 1s infinite .2s;
    animation: primary_color_anim 1s infinite .2s
}

.btn:active.btn--arrow path.one,
.btn:focus.btn--arrow path.one,
.btn:hover.btn--arrow path.one {
    -webkit-animation: primary_color_anim 1s infinite .6s;
    animation: primary_color_anim 1s infinite .6s
}

.btn:active.btn--arrow path.two,
.btn:focus.btn--arrow path.two,
.btn:hover.btn--arrow path.two {
    -webkit-animation: primary_color_anim 1s infinite .4s;
    animation: primary_color_anim 1s infinite .4s
}

.btn:active.btn--frame,
.btn:focus.btn--frame,
.btn:hover.btn--frame {
    border-color: rgb(var(--color_btn_primary_text_hover));
    background-color: rgb(var(--color_btn_primary_hover))
}

.btn:active.btn--frame .line,
.btn:active.btn--frame:after,
.btn:focus.btn--frame .line,
.btn:focus.btn--frame:after,
.btn:hover.btn--frame .line,
.btn:hover.btn--frame:after {
    background: rgb(var(--color_btn_primary_text_hover))
}

.btn:active.btn--futur span.lined,
.btn:focus.btn--futur span.lined,
.btn:hover.btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(rgb(var(--color_btn_primary_text_hover))));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), rgb(var(--color_btn_primary_text_hover)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(var(--color_btn_primary_text_hover)))
}

.btn:active.btn--collision,
.btn:focus.btn--collision,
.btn:hover.btn--collision {
    background: rgba(0, 0, 0, 0)
}

.btn:active.btn--slice,
.btn:focus.btn--slice,
.btn:hover.btn--slice {
    background-color: rgba(0, 0, 0, 0)
}

.btn:active.btn--slice:after,
.btn:active.btn--slice:before,
.btn:focus.btn--slice:after,
.btn:focus.btn--slice:before,
.btn:hover.btn--slice:after,
.btn:hover.btn--slice:before {
    background-color: rgb(var(--color_btn_primary_hover))
}

.btn--secondary,
input[type=file]::-webkit-file-upload-button {
    color: rgb(var(--color_btn_secondary_text));
    background-color: rgb(var(--color_btn_secondary));
    -webkit-box-shadow: var(--btn__secondary_shadowed);
    box-shadow: var(--btn__secondary_shadowed);
    border: var(--border_btn_secondary) solid rgb(var(--color_btn_secondary_text))
}

.btn--secondary.btn--filling:after {
    background-color: rgb(var(--color_btn_secondary))
}

.btn--secondary.btn--arrow,
input.btn--arrow[type=file]::-webkit-file-upload-button {
    -webkit-box-shadow: 6px 6px 0 rgb(var(--color_btn_secondary_text));
    box-shadow: 6px 6px 0 rgb(var(--color_btn_secondary_text))
}

.btn--secondary.btn--frame .line,
.btn--secondary.btn--frame:after,
input.btn--frame[type=file]::-webkit-file-upload-button .line {
    background: rgb(var(--color_btn_secondary_text))
}

.btn--secondary.btn--mirror:after {
    background: rgb(var(--color_btn_secondary_text))
}

.btn--secondary.btn--futur span.lined,
input.btn--futur[type=file]::-webkit-file-upload-button span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(rgb(var(--color_btn_secondary_text))));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(var(--color_btn_secondary_text)))
}

.btn--secondary.btn--collision:after,
.btn--secondary.btn--collision:before {
    background-color: rgb(var(--color_btn_secondary_hover))
}

.btn--secondary:active,
.btn--secondary:focus,
.btn--secondary:hover,
input[type=file]:active::-webkit-file-upload-button,
input[type=file]:focus::-webkit-file-upload-button,
input[type=file]:hover::-webkit-file-upload-button {
    color: rgb(var(--color_btn_secondary_text_hover));
    background-color: rgb(var(--color_btn_secondary_hover));
    border-color: rgb(var(--color_btn_secondary_text_hover))
}

.btn--secondary:active.btn--filling:after,
.btn--secondary:focus.btn--filling:after,
.btn--secondary:hover.btn--filling:after {
    background-color: rgb(var(--color_btn_secondary_hover))
}

.btn--secondary:active.btn--arrow,
.btn--secondary:focus.btn--arrow,
.btn--secondary:hover.btn--arrow,
input[type=file]:active.btn--arrow::-webkit-file-upload-button,
input[type=file]:focus.btn--arrow::-webkit-file-upload-button,
input[type=file]:hover.btn--arrow::-webkit-file-upload-button {
    -webkit-box-shadow: 10px 10px 0 rgb(var(--color_btn_secondary_text_hover));
    box-shadow: 10px 10px 0 rgb(var(--color_btn_secondary_text_hover))
}

.btn--secondary:active.btn--arrow path.three,
.btn--secondary:focus.btn--arrow path.three,
.btn--secondary:hover.btn--arrow path.three,
input[type=file]:active.btn--arrow::-webkit-file-upload-button path.three,
input[type=file]:focus.btn--arrow::-webkit-file-upload-button path.three,
input[type=file]:hover.btn--arrow::-webkit-file-upload-button path.three {
    -webkit-animation: secondary_color_anim 1s infinite .2s;
    animation: secondary_color_anim 1s infinite .2s
}

.btn--secondary:active.btn--arrow path.one,
.btn--secondary:focus.btn--arrow path.one,
.btn--secondary:hover.btn--arrow path.one,
input[type=file]:active.btn--arrow::-webkit-file-upload-button path.one,
input[type=file]:focus.btn--arrow::-webkit-file-upload-button path.one,
input[type=file]:hover.btn--arrow::-webkit-file-upload-button path.one {
    -webkit-animation: secondary_color_anim 1s infinite .6s;
    animation: secondary_color_anim 1s infinite .6s
}

.btn--secondary:active.btn--arrow path.two,
.btn--secondary:focus.btn--arrow path.two,
.btn--secondary:hover.btn--arrow path.two,
input[type=file]:active.btn--arrow::-webkit-file-upload-button path.two,
input[type=file]:focus.btn--arrow::-webkit-file-upload-button path.two,
input[type=file]:hover.btn--arrow::-webkit-file-upload-button path.two {
    -webkit-animation: secondary_color_anim 1s infinite .4s;
    animation: secondary_color_anim 1s infinite .4s
}

.btn--secondary:active.btn--frame,
.btn--secondary:focus.btn--frame,
.btn--secondary:hover.btn--frame,
input[type=file]:active.btn--frame::-webkit-file-upload-button,
input[type=file]:focus.btn--frame::-webkit-file-upload-button,
input[type=file]:hover.btn--frame::-webkit-file-upload-button {
    border-color: rgb(var(--color_btn_secondary_text_hover));
    background-color: rgb(var(--color_btn_secondary_hover))
}

.btn--secondary:active.btn--frame .line,
.btn--secondary:active.btn--frame:after,
.btn--secondary:focus.btn--frame .line,
.btn--secondary:focus.btn--frame:after,
.btn--secondary:hover.btn--frame .line,
.btn--secondary:hover.btn--frame:after,
input[type=file]:active.btn--frame::-webkit-file-upload-button .line,
input[type=file]:focus.btn--frame::-webkit-file-upload-button .line,
input[type=file]:hover.btn--frame::-webkit-file-upload-button .line {
    background: rgb(var(--color_btn_secondary_text_hover))
}

.btn--secondary:active.btn--futur span.lined,
.btn--secondary:focus.btn--futur span.lined,
.btn--secondary:hover.btn--futur span.lined,
input[type=file]:active.btn--futur::-webkit-file-upload-button span.lined,
input[type=file]:focus.btn--futur::-webkit-file-upload-button span.lined,
input[type=file]:hover.btn--futur::-webkit-file-upload-button span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(rgb(var(--color_btn_secondary_text_hover))));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(var(--color_btn_secondary_text_hover)))
}

.btn--secondary:active.btn--collision,
.btn--secondary:focus.btn--collision,
.btn--secondary:hover.btn--collision,
input[type=file]:active.btn--collision::-webkit-file-upload-button,
input[type=file]:focus.btn--collision::-webkit-file-upload-button,
input[type=file]:hover.btn--collision::-webkit-file-upload-button {
    background: rgba(0, 0, 0, 0)
}

.btn--secondary:active.btn--slice,
.btn--secondary:focus.btn--slice,
.btn--secondary:hover.btn--slice,
input[type=file]:active.btn--slice::-webkit-file-upload-button,
input[type=file]:focus.btn--slice::-webkit-file-upload-button,
input[type=file]:hover.btn--slice::-webkit-file-upload-button {
    background-color: rgba(0, 0, 0, 0)
}

.btn--secondary:active.btn--slice:after,
.btn--secondary:active.btn--slice:before,
.btn--secondary:focus.btn--slice:after,
.btn--secondary:focus.btn--slice:before,
.btn--secondary:hover.btn--slice:after,
.btn--secondary:hover.btn--slice:before {
    background-color: rgb(var(--color_btn_secondary_hover))
}

.product-form__submit {
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 6rem;
    max-width: 12rem;
    padding: 1rem;
    width: 100%;
    white-space: nowrap
}

.product-form__submit span {
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

@media only screen and (min-width:780px) {
    .product-form__submit {
        min-width: 7rem;
        padding: 1rem 2rem
    }
}

.product-form__submit span.text {
    margin-right: .5rem
}

.btn--atc {
    color: rgb(var(--color_btn_atc_text));
    background-color: rgb(var(--color_btn_atc));
    -webkit-box-shadow: var(--btn__atc_shadowed);
    box-shadow: var(--btn__atc_shadowed);
    border: var(--border_btn_atc) solid rgb(var(--color_btn_atc_text))
}

.btn--atc .button_atc_icon {
    margin-left: 1rem;
    position: relative;
    top: -2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.btn--atc .button_atc_icon svg {
    width: calc(var(--button__size) + 4px);
    height: auto
}

@media only screen and (max-width:779px) {
    .btn--atc .button_atc_icon svg {
        width: calc(var(--button__size_mob) + 4px)
    }
}

.btn--atc .button_atc_icon i {
    font-size: inherit
}

.btn--atc:has(.button_atc_icon) {
    padding-right: 2rem
}

.btn--atc .spinner {
    display: none
}

.btn--atc.loading .button_atc_icon,
.btn--atc.loading>span,
.btn--atc.loading>svg {
    display: none
}

.btn--atc.loading .spinner {
    display: block;
    width: 2rem;
    height: 2rem;
    color: inherit
}

.btn--atc.loading .spinner circle {
    color: inherit;
    stroke: currentColor !important
}

.btn--atc .icon-itemAdd--checkmark {
    stroke: rgb(var(--color_btn_atc_text)) !important
}

.btn--atc .icon-itemAdd--cart {
    stroke: rgb(var(--color_btn_atc_text)) !important
}

.btn--atc .icon-itemAdd--cart .outer-plus-3 {
    fill: rgb(var(--color_btn_atc_hover)) !important
}

.btn--atc .icon-itemAdd--cart .cart-plus-3 {
    stroke: rgb(var(--color_btn_atc_text_hover)) !important
}

.btn--atc .icon-itemAdd--cart+.one {
    color: rgb(var(--color_btn_atc_text))
}

.btn--atc .icon-itemAdd--cart-filling {
    stroke: rgb(var(--color_btn_atc_text))
}

.btn--atc .icon-itemAdd--cart-filling #cart-basket {
    fill: none
}

.btn--atc .icon-itemAdd--cart-filling #cart-basket ellipse,
.btn--atc .icon-itemAdd--cart-filling #cart-basket rect {
    fill: rgb(var(--color_btn_atc_text))
}

.btn--atc.btn--filling:after {
    background-color: rgb(var(--color_btn_atc))
}

.btn--atc.btn--arrow {
    -webkit-box-shadow: 6px 6px 0 rgb(var(--color_btn_atc_text));
    box-shadow: 6px 6px 0 rgb(var(--color_btn_atc_text))
}

.btn--atc.btn--frame .line,
.btn--atc.btn--frame:after {
    background: rgb(var(--color_btn_atc_text))
}

.btn--atc.btn--mirror:after {
    background: rgb(var(--color_btn_atc_text))
}

.btn--atc.btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(var(--color_btn_atc_text)));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), var(--color_btn_atc_text));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), var(--color_btn_atc_text))
}

.btn--atc.btn--collision:after,
.btn--atc.btn--collision:before {
    background-color: rgb(var(--color_btn_atc_hover))
}

.btn--atc:active,
.btn--atc:focus,
.btn--atc:hover {
    color: rgb(var(--color_btn_atc_text_hover));
    background-color: rgb(var(--color_btn_atc_hover));
    border-color: rgb(var(--color_btn_atc_text_hover))
}

.btn--atc:active.btn--filling:after,
.btn--atc:focus.btn--filling:after,
.btn--atc:hover.btn--filling:after {
    background-color: rgb(var(--color_btn_atc_hover))
}

.btn--atc:active.btn--arrow,
.btn--atc:focus.btn--arrow,
.btn--atc:hover.btn--arrow {
    -webkit-box-shadow: 10px 10px 0 rgb(var(--color_btn_atc_text_hover));
    box-shadow: 10px 10px 0 rgb(var(--color_btn_atc_text_hover))
}

.btn--atc:active.btn--arrow path.three,
.btn--atc:focus.btn--arrow path.three,
.btn--atc:hover.btn--arrow path.three {
    -webkit-animation: atc_color_anim 1s infinite .2s;
    animation: atc_color_anim 1s infinite .2s
}

.btn--atc:active.btn--arrow path.one,
.btn--atc:focus.btn--arrow path.one,
.btn--atc:hover.btn--arrow path.one {
    -webkit-animation: atc_color_anim 1s infinite .6s;
    animation: atc_color_anim 1s infinite .6s
}

.btn--atc:active.btn--arrow path.two,
.btn--atc:focus.btn--arrow path.two,
.btn--atc:hover.btn--arrow path.two {
    -webkit-animation: atc_color_anim 1s infinite .4s;
    animation: atc_color_anim 1s infinite .4s
}

.btn--atc:active.btn--frame,
.btn--atc:focus.btn--frame,
.btn--atc:hover.btn--frame {
    border-color: rgb(var(--color_btn_atc_text_hover));
    background-color: rgb(var(--color_btn_atc_hover))
}

.btn--atc:active.btn--frame .line,
.btn--atc:active.btn--frame:after,
.btn--atc:focus.btn--frame .line,
.btn--atc:focus.btn--frame:after,
.btn--atc:hover.btn--frame .line,
.btn--atc:hover.btn--frame:after {
    background: rgb(var(--color_btn_atc_text_hover))
}

.btn--atc:active.btn--futur span.lined,
.btn--atc:focus.btn--futur span.lined,
.btn--atc:hover.btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(var(--color_btn_atc_text_hover)));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), var(--color_btn_atc_text_hover));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), var(--color_btn_atc_text_hover))
}

.btn--atc:active.btn--collision,
.btn--atc:focus.btn--collision,
.btn--atc:hover.btn--collision {
    background: rgba(0, 0, 0, 0)
}

.btn--atc:active.btn--slice,
.btn--atc:focus.btn--slice,
.btn--atc:hover.btn--slice {
    background-color: rgba(0, 0, 0, 0)
}

.btn--atc:active.btn--slice:after,
.btn--atc:active.btn--slice:before,
.btn--atc:focus.btn--slice:after,
.btn--atc:focus.btn--slice:before,
.btn--atc:hover.btn--slice:after,
.btn--atc:hover.btn--slice:before {
    background-color: rgb(var(--color_btn_atc_hover))
}

.shopify-payment-button {
    width: 100%;
    max-width: 360px;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%
}

.shopify-payment-button .shopify-payment-button__skeleton {
    display: none
}

.shopify-payment-button .shopify-payment-button__button {
    padding: 1.5rem 3rem;
    width: 100%;
    max-width: 360px;
    margin-top: 10px;
    border-radius: var(--radius)
}

.shopify-payment-button .shopify-payment-button__button--branded {
    overflow: hidden;
    min-height: 56px;
    padding: 0
}

.shopify-payment-button .shopify-payment-button__button--branded .shopify-cleanslate {
    width: 100%
}

.shopify-payment-button .shopify-payment-button__button--branded .shopify-cleanslate>[role=button] {
    width: 100% !important;
    height: 0% !important;
    max-height: initial !important;
    border-radius: 0 !important
}

.shopify-payment-button .shopify-payment-button__more-options {
    display: none
}

.shopify-payment-button .shopify-payment-button__button--hidden {
    visibility: hidden;
    display: none !important
}

.product-form--payment-button .shopify-payment-button {
    margin-bottom: 10px
}

@media only screen and (max-width:499px) {
    .product-form--payment-button .shopify-payment-button {
        margin-bottom: 0
    }
}

.checkout__button,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]) {
    color: rgb(var(--color_btn_checkout_text));
    background-color: rgb(var(--color_btn_checkout));
    -webkit-box-shadow: var(--btn__checkout_shadowed);
    box-shadow: var(--btn__checkout_shadowed);
    border: var(--border_btn_checkout) solid rgb(var(--color_btn_checkout_text))
}

.checkout__button .spinner,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]) .spinner {
    display: none
}

.checkout__button.loading .spinner,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).loading .spinner {
    display: block
}

.checkout__button.btn--filling:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--filling:after {
    background-color: rgb(var(--color_btn_checkout))
}

.checkout__button.btn--arrow,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--arrow {
    -webkit-box-shadow: 6px 6px 0 rgb(var(--color_btn_checkout_text));
    box-shadow: 6px 6px 0 rgb(var(--color_btn_checkout_text))
}

.checkout__button.btn--frame .line,
.checkout__button.btn--frame:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--frame .line,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--frame:after {
    background: rgb(var(--color_btn_checkout_text))
}

.checkout__button.btn--mirror:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--mirror:after {
    background: rgb(var(--color_btn_checkout_text))
}

.checkout__button.btn--futur span.lined,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(var(--color_btn_checkout_text)));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), var(--color_btn_checkout_text));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), var(--color_btn_checkout_text))
}

.checkout__button.btn--collision:after,
.checkout__button.btn--collision:before,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--collision:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]).btn--collision:before {
    background-color: rgb(var(--color_btn_checkout_hover))
}

.checkout__button:active,
.checkout__button:focus,
.checkout__button:hover,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover {
    color: rgb(var(--color_btn_checkout_text_hover));
    background-color: rgb(var(--color_btn_checkout_hover));
    border-color: rgb(var(--color_btn_checkout_text_hover))
}

.checkout__button:active.btn--filling:after,
.checkout__button:focus.btn--filling:after,
.checkout__button:hover.btn--filling:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--filling:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--filling:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--filling:after {
    background-color: rgb(var(--color_btn_checkout_hover))
}

.checkout__button:active.btn--arrow,
.checkout__button:focus.btn--arrow,
.checkout__button:hover.btn--arrow,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--arrow,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--arrow,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--arrow {
    -webkit-box-shadow: 10px 10px 0 rgb(var(--color_btn_checkout_text_hover));
    box-shadow: 10px 10px 0 rgb(var(--color_btn_checkout_text_hover))
}

.checkout__button:active.btn--arrow path.three,
.checkout__button:focus.btn--arrow path.three,
.checkout__button:hover.btn--arrow path.three,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--arrow path.three,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--arrow path.three,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--arrow path.three {
    -webkit-animation: checkout_color_anim 1s infinite .2s;
    animation: checkout_color_anim 1s infinite .2s
}

.checkout__button:active.btn--arrow path.one,
.checkout__button:focus.btn--arrow path.one,
.checkout__button:hover.btn--arrow path.one,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--arrow path.one,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--arrow path.one,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--arrow path.one {
    -webkit-animation: checkout_color_anim 1s infinite .6s;
    animation: checkout_color_anim 1s infinite .6s
}

.checkout__button:active.btn--arrow path.two,
.checkout__button:focus.btn--arrow path.two,
.checkout__button:hover.btn--arrow path.two,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--arrow path.two,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--arrow path.two,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--arrow path.two {
    -webkit-animation: checkout_color_anim 1s infinite .4s;
    animation: checkout_color_anim 1s infinite .4s
}

.checkout__button:active.btn--frame,
.checkout__button:focus.btn--frame,
.checkout__button:hover.btn--frame,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--frame,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--frame,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--frame {
    border-color: rgb(var(--color_btn_checkout_text_hover));
    background-color: rgb(var(--color_btn_checkout_hover))
}

.checkout__button:active.btn--frame .line,
.checkout__button:active.btn--frame:after,
.checkout__button:focus.btn--frame .line,
.checkout__button:focus.btn--frame:after,
.checkout__button:hover.btn--frame .line,
.checkout__button:hover.btn--frame:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--frame .line,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--frame:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--frame .line,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--frame:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--frame .line,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--frame:after {
    background: rgb(var(--color_btn_checkout_text_hover))
}

.checkout__button:active.btn--futur span.lined,
.checkout__button:focus.btn--futur span.lined,
.checkout__button:hover.btn--futur span.lined,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--futur span.lined,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--futur span.lined,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--futur span.lined {
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(var(--color_btn_checkout_text_hover)));
    background: -o-linear-gradient(right, rgba(43, 8, 8, 0), var(--color_btn_checkout_text_hover));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), var(--color_btn_checkout_text_hover))
}

.checkout__button:active.btn--collision,
.checkout__button:focus.btn--collision,
.checkout__button:hover.btn--collision,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--collision,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--collision,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--collision {
    background: rgba(0, 0, 0, 0)
}

.checkout__button:active.btn--slice,
.checkout__button:focus.btn--slice,
.checkout__button:hover.btn--slice,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--slice,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--slice,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--slice {
    background-color: rgba(0, 0, 0, 0)
}

.checkout__button:active.btn--slice:after,
.checkout__button:active.btn--slice:before,
.checkout__button:focus.btn--slice:after,
.checkout__button:focus.btn--slice:before,
.checkout__button:hover.btn--slice:after,
.checkout__button:hover.btn--slice:before,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--slice:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):active.btn--slice:before,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--slice:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):focus.btn--slice:before,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--slice:after,
.shopify-payment-button__button.shopify-payment-button__button--unbranded:not([disabled]):hover.btn--slice:before {
    background-color: rgb(var(--color_btn_checkout_hover))
}

.shopify-payment-button__button--unbranded {
    border: var(--border_btn_checkout) solid rgb(var(--color_btn_checkout_text))
}

.shopify-payment-button__button--unbranded:active,
.shopify-payment-button__button--unbranded:focus,
.shopify-payment-button__button--unbranded:hover {
    border-color: rgb(var(--color_btn_checkout_text_hover))
}

.btn--dashed-thin,
.btn--lined-thin {
    border-radius: 255px 15px 225px 15px/15px 225px 15px 255px
}

.btn--lined-thin {
    border: solid 2px currentColor
}

.btn--dashed-thin {
    border: dashed 2px currentColor
}

.btn--bounce:after {
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, 0);
    border: none;
    border-radius: .3rem;
    -webkit-transform: translateY(5px) scale(.9);
    -ms-transform: translateY(5px) scale(.9);
    transform: translateY(5px) scale(.9);
    content: "";
    height: 5px;
    z-index: -1;
    bottom: -1%;
    left: 0;
    right: 0;
    -webkit-transition: .2s all ease-in-out;
    -o-transition: .2s all ease-in-out;
    transition: .2s all ease-in-out
}

.btn--bounce:hover {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px)
}

.btn--bounce:hover:after {
    -webkit-transform: translateY(8px) scale(.8);
    -ms-transform: translateY(8px) scale(.8);
    transform: translateY(8px) scale(.8);
    opacity: .8
}

.btn--slice:after,
.btn--slice:before {
    content: "";
    position: absolute;
    top: 0;
    z-index: -1;
    width: 0;
    height: 100%
}

.btn--slice:before {
    left: 0;
    -webkit-clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 80% 0, 100% 100%, 0 100%)
}

.btn--slice:after {
    right: 0;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%)
}

.btn--slice:hover:after,
.btn--slice:hover:before {
    width: calc(55% + 5px);
    -webkit-transition: width .3s ease;
    -o-transition: width .3s ease;
    transition: width .3s ease
}

.btn--pressed {
    z-index: 1
}

.btn--pressed:hover {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95)
}

.btn--filling {
    overflow: hidden
}

.btn--filling:after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    border-radius: 50px;
    -webkit-transition: .36s cubic-bezier(.4, 0, 1, 1);
    -o-transition: .36s cubic-bezier(.4, 0, 1, 1);
    transition: .36s cubic-bezier(.4, 0, 1, 1);
    -webkit-transform: translateX(-120%) translateZ(0);
    transform: translateX(-120%) translateZ(0)
}

.btn--filling:hover {
    background: rgba(0, 0, 0, 0)
}

.btn--filling:hover:after {
    -webkit-transform: translate(0, 0) translateZ(0);
    transform: translate(0, 0) translateZ(0)
}

@-webkit-keyframes primary_color_anim {
    0% {
        fill: rgb(var(--color_btn_primary_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_primary_hover))
    }

    100% {
        fill: rgb(var(--color_btn_primary_text_hover))
    }
}

@keyframes primary_color_anim {
    0% {
        fill: rgb(var(--color_btn_primary_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_primary_hover))
    }

    100% {
        fill: rgb(var(--color_btn_primary_text_hover))
    }
}

@-webkit-keyframes secondary_color_anim {
    0% {
        fill: rgb(var(--color_btn_secondary_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_secondary_hover))
    }

    100% {
        fill: rgb(var(--color_btn_secondary_text_hover))
    }
}

@keyframes secondary_color_anim {
    0% {
        fill: rgb(var(--color_btn_secondary_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_secondary_hover))
    }

    100% {
        fill: rgb(var(--color_btn_secondary_text_hover))
    }
}

@-webkit-keyframes atc_color_anim {
    0% {
        fill: rgb(var(--color_btn_atc_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_atc_hover))
    }

    100% {
        fill: rgb(var(--color_btn_atc_text_hover))
    }
}

@keyframes atc_color_anim {
    0% {
        fill: rgb(var(--color_btn_atc_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_atc_hover))
    }

    100% {
        fill: rgb(var(--color_btn_atc_text_hover))
    }
}

@-webkit-keyframes checkout_color_anim {
    0% {
        fill: rgb(var(--color_btn_checkout_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_checkout_hover))
    }

    100% {
        fill: rgb(var(--color_btn_checkout_text_hover))
    }
}

@keyframes checkout_color_anim {
    0% {
        fill: rgb(var(--color_btn_checkout_text_hover))
    }

    50% {
        fill: rgb(var(--color_btn_checkout_hover))
    }

    100% {
        fill: rgb(var(--color_btn_checkout_text_hover))
    }
}

.btn--arrow {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-box-shadow: 6px 6px 0 #000;
    box-shadow: 6px 6px 0 #000;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
    text-decoration: none
}

.btn--arrow:focus {
    outline: 0
}

.btn--arrow .svg_arrow {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 0;
    width: 20px;
    margin-left: 1rem;
    position: relative;
    top: 12%
}

.btn--arrow .svg_arrow svg.icon {
    width: calc(var(--body_mob__size)*1.85);
    height: calc(var(--body_mob__size)*1.85)
}

.btn--arrow .svg_arrow path.one {
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    -webkit-transform: translateX(-60%);
    -ms-transform: translateX(-60%);
    transform: translateX(-60%)
}

.btn--arrow .svg_arrow path.two {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -webkit-transform: translateX(-30%);
    -ms-transform: translateX(-30%);
    transform: translateX(-30%)
}

.btn--arrow>* {
    -webkit-transform: skewX(15deg);
    -ms-transform: skewX(15deg);
    transform: skewX(15deg)
}

.btn--arrow:hover {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btn--arrow:hover .svg_arrow {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    margin-right: 1rem
}

.btn--arrow:hover path.one,
.btn--arrow:hover path.two {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.btn--frame {
    padding: .7em .84em;
    border: 3px solid rgba(0, 0, 0, 0);
    overflow: visible;
    border-radius: 0
}

.btn--frame>:not(.line) {
    -webkit-transform: translate3d(0, .7em, 0);
    transform: translate3d(0, .7em, 0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: -webkit-transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
    -o-transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: transform .4s cubic-bezier(.2, 0, 0, 1) .4s, -webkit-transform .4s cubic-bezier(.2, 0, 0, 1) .4s
}

.btn--frame:after {
    position: absolute;
    content: "";
    bottom: -3px;
    left: .84em;
    right: .84em;
    height: 3px;
    -webkit-transition: right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s, -webkit-transform .8s cubic-bezier(1, 0, .37, 1) .2s;
    transition: right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s, -webkit-transform .8s cubic-bezier(1, 0, .37, 1) .2s;
    -o-transition: transform .8s cubic-bezier(1, 0, .37, 1) .2s, right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s;
    transition: transform .8s cubic-bezier(1, 0, .37, 1) .2s, right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s;
    transition: transform .8s cubic-bezier(1, 0, .37, 1) .2s, right .2s cubic-bezier(.04, .48, 0, 1) .6s, left .4s cubic-bezier(.04, .48, 0, 1) .6s, -webkit-transform .8s cubic-bezier(1, 0, .37, 1) .2s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.btn--frame .line {
    position: absolute
}

.btn--frame .line.-left,
.btn--frame .line.-right {
    width: 3px;
    bottom: -3px;
    top: -3px;
    -webkit-transform: scale3d(1, 0, 1);
    transform: scale3d(1, 0, 1)
}

.btn--frame .line.-bottom,
.btn--frame .line.-top {
    height: 3px;
    left: -3px;
    right: -3px;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1)
}

.btn--frame .line.-right {
    right: -3px;
    -webkit-transition: -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
    transition: -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
    -o-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
    transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
    transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .23s, -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .23s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.btn--frame .line.-top {
    top: -3px;
    -webkit-transition: -webkit-transform .08s linear .43s;
    transition: -webkit-transform .08s linear .43s;
    -o-transition: transform .08s linear .43s;
    transition: transform .08s linear .43s;
    transition: transform .08s linear .43s, -webkit-transform .08s linear .43s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.btn--frame .line.-left {
    left: -3px;
    -webkit-transition: -webkit-transform .08s linear .51s;
    transition: -webkit-transform .08s linear .51s;
    -o-transition: transform .08s linear .51s;
    transition: transform .08s linear .51s;
    transition: transform .08s linear .51s, -webkit-transform .08s linear .51s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.btn--frame .line.-bottom {
    bottom: -3px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(1, 0, .65, 1.01);
    transition: -webkit-transform .3s cubic-bezier(1, 0, .65, 1.01);
    -o-transition: transform .3s cubic-bezier(1, 0, .65, 1.01);
    transition: transform .3s cubic-bezier(1, 0, .65, 1.01);
    transition: transform .3s cubic-bezier(1, 0, .65, 1.01), -webkit-transform .3s cubic-bezier(1, 0, .65, 1.01);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.btn--frame:active>:not(.line),
.btn--frame:hover>:not(.line) {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform .6s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: -webkit-transform .6s cubic-bezier(.2, 0, 0, 1) .4s;
    -o-transition: transform .6s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: transform .6s cubic-bezier(.2, 0, 0, 1) .4s;
    transition: transform .6s cubic-bezier(.2, 0, 0, 1) .4s, -webkit-transform .6s cubic-bezier(.2, 0, 0, 1) .4s
}

.btn--frame:active:after,
.btn--frame:hover:after {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    right: -3px;
    left: -3px;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s, -webkit-transform .2s cubic-bezier(1, 0, .65, 1.01) .17s;
    transition: right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s, -webkit-transform .2s cubic-bezier(1, 0, .65, 1.01) .17s;
    -o-transition: transform .2s cubic-bezier(1, 0, .65, 1.01) .17s, right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s;
    transition: transform .2s cubic-bezier(1, 0, .65, 1.01) .17s, right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s;
    transition: transform .2s cubic-bezier(1, 0, .65, 1.01) .17s, right .2s cubic-bezier(1, 0, .65, 1.01), left 0s .3s, -webkit-transform .2s cubic-bezier(1, 0, .65, 1.01) .17s
}

.btn--frame:active .line,
.btn--frame:hover .line {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.btn--frame:active .line.-right,
.btn--frame:hover .line.-right {
    -webkit-transition: -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
    transition: -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
    -o-transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
    transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
    transition: transform .1s cubic-bezier(1, 0, .65, 1.01) .2s, -webkit-transform .1s cubic-bezier(1, 0, .65, 1.01) .2s;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom
}

.btn--frame:active .line.-top,
.btn--frame:hover .line.-top {
    -webkit-transition: -webkit-transform .08s linear .4s;
    transition: -webkit-transform .08s linear .4s;
    -o-transition: transform .08s linear .4s;
    transition: transform .08s linear .4s;
    transition: transform .08s linear .4s, -webkit-transform .08s linear .4s;
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right
}

.btn--frame:active .line.-left,
.btn--frame:hover .line.-left {
    -webkit-transition: -webkit-transform .08s linear .48s;
    transition: -webkit-transform .08s linear .48s;
    -o-transition: transform .08s linear .48s;
    transition: transform .08s linear .48s;
    transition: transform .08s linear .48s, -webkit-transform .08s linear .48s;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

.btn--frame:active .line.-bottom,
.btn--frame:hover .line.-bottom {
    -webkit-transition: -webkit-transform .5s cubic-bezier(0, .53, .29, 1) .56s;
    transition: -webkit-transform .5s cubic-bezier(0, .53, .29, 1) .56s;
    -o-transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
    transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s;
    transition: transform .5s cubic-bezier(0, .53, .29, 1) .56s, -webkit-transform .5s cubic-bezier(0, .53, .29, 1) .56s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.btn--mirror {
    overflow: hidden;
    position: relative
}

.btn--mirror>* {
    z-index: 2
}

.btn--mirror:after {
    content: "";
    background: #fff;
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1);
    width: 50px;
    z-index: -1
}

.btn--mirror:hover:after {
    left: 120%;
    -webkit-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    -o-transition: all 1s cubic-bezier(.19, 1, .22, 1);
    transition: all 1s cubic-bezier(.19, 1, .22, 1)
}

.btn--futur {
    overflow: hidden;
    border-width: 0
}

.btn--futur span.lined {
    position: absolute
}

.btn--futur span.lined_top {
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite
}

.btn--futur span.lined_right {
    top: 0;
    right: 0;
    height: 100%;
    width: 2px;
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite
}

.btn--futur span.lined_bottom {
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite
}

.btn--futur span.lined_left {
    top: 0;
    left: 0;
    height: 100%;
    width: 2px;
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite
}

@-webkit-keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
}

@-webkit-keyframes criss-cross-left {
    0% {
        left: -20px
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        left: 50%;
        width: 150%;
        height: 150%
    }
}

@keyframes criss-cross-left {
    0% {
        left: -20px
    }

    50% {
        left: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        left: 50%;
        width: 150%;
        height: 150%
    }
}

@-webkit-keyframes criss-cross-right {
    0% {
        right: -20px
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        right: 50%;
        width: 150%;
        height: 150%
    }
}

@keyframes criss-cross-right {
    0% {
        right: -20px
    }

    50% {
        right: 50%;
        width: 20px;
        height: 20px
    }

    100% {
        right: 50%;
        width: 150%;
        height: 150%
    }
}

.btn--collision:after,
.btn--collision:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    z-index: -1
}

.btn--collision:before {
    left: -20px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.btn--collision:after {
    right: -20px;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}

.btn--collision:hover:before {
    -webkit-animation: criss-cross-left .8s both;
    animation: criss-cross-left .8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.btn--collision:hover:after {
    -webkit-animation: criss-cross-right .8s both;
    animation: criss-cross-right .8s both;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

.btn--link {
    color: rgb(var(--color_links));
    background: rgba(0, 0, 0, 0)
}

.btn--link:active,
.btn--link:focus,
.btn--link:hover {
    color: var(--color_links_hover)
}

@media only screen and (min-width:500px) {
    .btn--link {
        padding-left: 0;
        padding-right: 0
    }

    .btn--link:not(.btn--no-underline) {
        overflow: visible
    }

    .btn--link:not(.btn--no-underline):before {
        content: "";
        pointer-events: none;
        position: absolute;
        top: 50%;
        width: min(20%, 60px);
        border-top: 2px solid currentColor;
        -webkit-transition: width .3s cubic-bezier(.165, .84, .44, 1);
        -o-transition: width .3s cubic-bezier(.165, .84, .44, 1);
        transition: width .3s cubic-bezier(.165, .84, .44, 1);
        left: 50%;
        -webkit-transform: translate(-50%, calc(-50% + 20px));
        -ms-transform: translate(-50%, calc(-50% + 20px));
        transform: translate(-50%, calc(-50% + 20px))
    }

    .flex-justify--left>.btn--link:not(.btn--no-underline):before,
    .flex-justify--start>.btn--link:not(.btn--no-underline):before,
    .text-left>.btn--link:not(.btn--no-underline):before {
        left: 0;
        -webkit-transform: translate(0, calc(-50% + 20px));
        -ms-transform: translate(0, calc(-50% + 20px));
        transform: translate(0, calc(-50% + 20px))
    }

    .flex-justify--end>.btn--link:not(.btn--no-underline):before,
    .flex-justify--right>.btn--link:not(.btn--no-underline):before,
    .text-right>.btn--link:not(.btn--no-underline):before {
        left: 100%;
        -webkit-transform: translate(-100%, calc(-50% + 20px));
        -ms-transform: translate(-100%, calc(-50% + 20px));
        transform: translate(-100%, calc(-50% + 20px))
    }

    .btn--link:hover {
        position: relative;
        cursor: pointer;
        text-decoration: none;
        background: rgba(0, 0, 0, 0);
        border: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        color: rgb(var(--color_primary))
    }

    .btn--link:hover:not(.btn--no-underline):before {
        width: min(50%, 120px)
    }
}

.btn--small {
    padding: 8px 0
}

.btn--small.btn--link {
    margin-left: 15px;
    margin-right: 15px
}

.btn--small:not(.btn--link) {
    padding: 8px 15px
}

.btn--narrow {
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.btn--full {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    max-width: none;
    max-height: none;
    height: 50px
}

.btn--text {
    display: inline;
    border: 0 none !important;
    background: 0 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    min-width: initial !important
}

.section-action {
    text-align: center;
    margin-top: 1.125em;
    padding-bottom: .3125em
}

.h1,
.h1--mini,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--color_heading);
    margin: 0 0 calc(var(--body__size)*.7);
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-weight: var(--font_heading__weight)
}

@media only screen and (max-width:779px) {

    .h1,
    .h1--mini,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin: 0 0 calc(var(--body_mob__size)*.7)
    }
}

.h1 a,
.h1--mini a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: rgb(var(--color_links));
    text-decoration: none;
    font-weight: inherit
}

.h1 a:hover,
.h1--mini a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--color_links_hover)
}

.h1--mini:last-child,
.h1:last-child,
.h2:last-child,
.h3:last-child,
.h4:last-child,
.h5:last-child,
.h6:last-child,
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child {
    margin-bottom: 0
}

.h2,
.h3,
.h4,
.h5,
.h6,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: inherit;
    text-transform: inherit
}

.h1,
.h1--mini,
h1 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h1__size);
    font-weight: var(--h1__weight);
    line-height: var(--h1__line_height);
    letter-spacing: var(--h1__letter_spacing);
    text-transform: var(--h1__transform)
}

@media only screen and (max-width:779px) {

    .h1,
    .h1--mini,
    h1 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h1_mob__size);
        font-weight: var(--h1_mob__weight);
        line-height: var(--h1_mob__line_height);
        letter-spacing: var(--h1_mob__letter_spacing);
        text-transform: var(--h1_mob__transform)
    }
}

.h2,
h2 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h2__size);
    font-weight: var(--h2__weight);
    line-height: var(--h2__line_height);
    letter-spacing: var(--h2__letter_spacing);
    text-transform: var(--h2__transform)
}

@media only screen and (max-width:779px) {

    .h2,
    h2 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h2_mob__size);
        font-weight: var(--h2_mob__weight);
        line-height: var(--h2_mob__line_height);
        letter-spacing: var(--h2_mob__letter_spacing);
        text-transform: var(--h2_mob__transform)
    }
}

.h3,
h3 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h3__size);
    font-weight: var(--h3__weight);
    line-height: var(--h3__line_height);
    letter-spacing: var(--h3__letter_spacing);
    text-transform: var(--h3__transform)
}

@media only screen and (max-width:779px) {

    .h3,
    h3 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h3_mob__size);
        font-weight: var(--h3_mob__weight);
        line-height: var(--h3_mob__line_height);
        letter-spacing: var(--h3_mob__letter_spacing);
        text-transform: var(--h3_mob__transform)
    }
}

.h4,
h4 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h4__size);
    font-weight: var(--h4__weight);
    line-height: var(--h4__line_height);
    letter-spacing: var(--h4__letter_spacing);
    text-transform: var(--h4__transform)
}

@media only screen and (max-width:779px) {

    .h4,
    h4 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h4_mob__size);
        font-weight: var(--h4_mob__weight);
        line-height: var(--h4_mob__line_height);
        letter-spacing: var(--h4_mob__letter_spacing);
        text-transform: var(--h4_mob__transform)
    }
}

.h5,
h5 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h5__size);
    font-weight: var(--h5__weight);
    line-height: var(--h5__line_height);
    letter-spacing: var(--h5__letter_spacing);
    text-transform: var(--h5__transform)
}

@media only screen and (max-width:779px) {

    .h5,
    h5 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h5_mob__size);
        font-weight: var(--h5_mob__weight);
        line-height: var(--h5_mob__line_height);
        letter-spacing: var(--h5_mob__letter_spacing);
        text-transform: var(--h5_mob__transform)
    }
}

.h6,
h6 {
    font-family: var(--font_heading__stack);
    font-style: var(--font_heading__style);
    font-size: var(--h6__size);
    font-weight: var(--h6__weight);
    line-height: var(--h6__line_height);
    letter-spacing: var(--h6__letter_spacing);
    text-transform: var(--h6__transform)
}

@media only screen and (max-width:779px) {

    .h6,
    h6 {
        font-family: var(--font_heading__stack);
        font-style: var(--font_heading__style);
        font-size: var(--h6_mob__size);
        font-weight: var(--h6_mob__weight);
        line-height: var(--h6_mob__line_height);
        letter-spacing: var(--h6_mob__letter_spacing);
        text-transform: var(--h6_mob__transform)
    }
}

.h1--mini {
    font-size: var(--h1-mini)
}

.rte {
    zoom: 1;
    margin-bottom: 20px
}

.rte:last-child {
    margin-bottom: 0
}

.rte .h1,
.rte .h1--mini,
.rte .h2,
.rte .h3,
.rte .h4,
.rte .h5,
.rte .h6,
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    margin-top: 40px
}

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

.rte p {
    margin: 0 0 20px
}

.rte li {
    margin-bottom: 10px
}

.rte li:last-child {
    margin-bottom: 0
}

.rte-setting {
    margin-bottom: 20px
}

.rte-setting:last-child {
    margin-bottom: 0
}

p {
    margin: 0 0 10px
}

p:last-child {
    margin-bottom: 0
}

.list--no-bullets {
    list-style: none
}

.btn--text {
    -webkit-transition: var(--button__transition);
    -o-transition: var(--button__transition);
    transition: var(--button__transition)
}

.btn--text .icon {
    fill: currentColor;
    height: var(--body__size);
    width: var(--body__size)
}

.main-content {
    display: block
}

.template-index .main-content {
    padding-bottom: 0
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --swiper-navigation-size: 28px
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    width: 100%;
    padding: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.swiper:not(.swiper-initialized) .swiper-slide {
    margin-right: var(--padding)
}

@media only screen and (max-width:779px) {
    .swiper:not(.swiper-initialized) .swiper-slide {
        margin-right: var(--padding-mob)
    }
}

.swiper.item--shadowed,
.swiper:has(.item--shadowed) {
    padding: 1rem
}

@media only screen and (max-width:779px) {

    .swiper.item--shadowed,
    .swiper:has(.item--shadowed) {
        padding-bottom: 3rem;
        padding-top: 0
    }
}

.swiper.parallax .swiper-slide,
.swiper.parallax .swiper-wrapper {
    -webkit-transform: unset !important;
    -ms-transform: unset !important;
    transform: unset !important
}

@media only screen and (min-width:780px) {
    .swiper[data-direction=vertical]>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper[data-direction=vertical] {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    width: 100%;
    max-width: 100%
}

.swiper-initialized .swiper-slide {
    height: 100%;
    padding-bottom: unset
}

@media only screen and (min-width:780px) {
    .swiper[data-active=true].swiper-initialized .swiper-slide {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media only screen and (max-width:779px) {
    .swiper[datamob-active=true].swiper-initialized .swiper-slide {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper[data-direction=vertical].swiper-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper[data-direction=vertical]>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper[data-direction=vertical]>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper[data-direction=vertical] .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size)/ 2);
    z-index: 10;
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--swiper-navigation-color, rgb(var(--color_primary)));
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.swiper:not(.swiper-initialized) .swiper-button-next,
.swiper:not(.swiper-initialized) .swiper-button-prev {
    display: none !important
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0 !important
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: inherit;
    text-transform: none !important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-next.swiper-button--square,
.swiper-button-next.swiper-button--square:after,
.swiper-button-prev.swiper-button--square,
.swiper-button-prev.swiper-button--square:after {
    border-radius: 0
}

.swiper-button-next.swiper-button--round,
.swiper-button-next.swiper-button--round:after,
.swiper-button-prev.swiper-button--round,
.swiper-button-prev.swiper-button--round:after {
    border-radius: 50px
}

.swiper-button-next.swiper-button--chevron-dashed,
.swiper-button-next.swiper-button--chevron-full,
.swiper-button-next.swiper-button--chevron-nude,
.swiper-button-prev.swiper-button--chevron-dashed,
.swiper-button-prev.swiper-button--chevron-full,
.swiper-button-prev.swiper-button--chevron-nude {
    font-size: 14px
}

.swiper-button-next.swiper-button--arrow-dashed,
.swiper-button-next.swiper-button--arrow-full,
.swiper-button-next.swiper-button--arrow-nude,
.swiper-button-prev.swiper-button--arrow-dashed,
.swiper-button-prev.swiper-button--arrow-full,
.swiper-button-prev.swiper-button--arrow-nude {
    font-size: 22px
}

.swiper-button-next.swiper-button--arrow-dashed,
.swiper-button-next.swiper-button--chevron-arrow-dashed,
.swiper-button-next.swiper-button--chevron-dashed,
.swiper-button-prev.swiper-button--arrow-dashed,
.swiper-button-prev.swiper-button--chevron-arrow-dashed,
.swiper-button-prev.swiper-button--chevron-dashed {
    line-height: 2rem;
    padding: 4px;
    opacity: .8;
    border: 2px dashed #000;
    background: rgba(var(--color_secondary), .8)
}

.swiper-button-next.swiper-button--arrow-full,
.swiper-button-next.swiper-button--chevron-arrow-full,
.swiper-button-next.swiper-button--chevron-full,
.swiper-button-prev.swiper-button--arrow-full,
.swiper-button-prev.swiper-button--chevron-arrow-full,
.swiper-button-prev.swiper-button--chevron-full {
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem;
    box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem;
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary));
    opacity: .8;
    border: 1px solid rgb(var(--color_primary))
}

.swiper-button-next.swiper-button--arrow-coverflow,
.swiper-button-next.swiper-button--chevron-coverflow,
.swiper-button-prev.swiper-button--arrow-coverflow,
.swiper-button-prev.swiper-button--chevron-coverflow {
    -webkit-transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    -o-transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem;
    box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem;
    overflow: hidden
}

.swiper-button-next.swiper-button--arrow-coverflow:before,
.swiper-button-next.swiper-button--chevron-coverflow:before,
.swiper-button-prev.swiper-button--arrow-coverflow:before,
.swiper-button-prev.swiper-button--chevron-coverflow:before {
    content: "";
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgb(var(--color_primary));
    position: absolute;
    display: block;
    z-index: 0
}

.swiper-button-next.swiper-button--arrow-coverflow:after,
.swiper-button-next.swiper-button--chevron-coverflow:after,
.swiper-button-prev.swiper-button--arrow-coverflow:after,
.swiper-button-prev.swiper-button--chevron-coverflow:after {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.swiper-button-next.swiper-button--arrow-coverflow:hover:before,
.swiper-button-next.swiper-button--chevron-coverflow:hover:before,
.swiper-button-prev.swiper-button--arrow-coverflow:hover:before,
.swiper-button-prev.swiper-button--chevron-coverflow:hover:before {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%)
}

.swiper-button-next.swiper-button--arrow-coverflow:hover:after,
.swiper-button-next.swiper-button--chevron-coverflow:hover:after,
.swiper-button-prev.swiper-button--arrow-coverflow:hover:after,
.swiper-button-prev.swiper-button--chevron-coverflow:hover:after {
    -webkit-transform: rotateX(45deg);
    transform: rotateX(45deg)
}

.swiper-button-next.swiper-button--chevron-arrow-dashed,
.swiper-button-next.swiper-button--chevron-arrow-full,
.swiper-button-next.swiper-button--chevron-arrow-nude,
.swiper-button-prev.swiper-button--chevron-arrow-dashed,
.swiper-button-prev.swiper-button--chevron-arrow-full,
.swiper-button-prev.swiper-button--chevron-arrow-nude {
    -webkit-transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    -o-transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    transition: all .5s cubic-bezier(.25, 1.7, .35, 1.5);
    -webkit-box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem;
    box-shadow: rgba(0, 0, 0, .1) 0 .4rem 1.5rem
}

.swiper-button-next.swiper-button--chevron-arrow-dashed:before,
.swiper-button-next.swiper-button--chevron-arrow-full:before,
.swiper-button-next.swiper-button--chevron-arrow-nude:before,
.swiper-button-prev.swiper-button--chevron-arrow-dashed:before,
.swiper-button-prev.swiper-button--chevron-arrow-full:before,
.swiper-button-prev.swiper-button--chevron-arrow-nude:before {
    content: "";
    width: 12px;
    height: 2px;
    background: rgb(var(--color_primary));
    top: 50%;
    -webkit-transform: translateY(-50%) scaleX(0);
    -ms-transform: translateY(-50%) scaleX(0);
    transform: translateY(-50%) scaleX(0);
    left: calc(50% - 5px);
    opacity: .5;
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute
}

.swiper-button-next.swiper-button--chevron-arrow-dashed:after,
.swiper-button-next.swiper-button--chevron-arrow-full:after,
.swiper-button-next.swiper-button--chevron-arrow-nude:after,
.swiper-button-prev.swiper-button--chevron-arrow-dashed:after,
.swiper-button-prev.swiper-button--chevron-arrow-full:after,
.swiper-button-prev.swiper-button--chevron-arrow-nude:after {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.swiper-button-next.swiper-button--chevron-arrow-dashed:hover:before,
.swiper-button-next.swiper-button--chevron-arrow-full:hover:before,
.swiper-button-next.swiper-button--chevron-arrow-nude:hover:before,
.swiper-button-prev.swiper-button--chevron-arrow-dashed:hover:before,
.swiper-button-prev.swiper-button--chevron-arrow-full:hover:before,
.swiper-button-prev.swiper-button--chevron-arrow-nude:hover:before {
    -webkit-transform: translateY(-50%) scaleX(1);
    -ms-transform: translateY(-50%) scaleX(1);
    transform: translateY(-50%) scaleX(1)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 15px;
    right: auto
}

.swiper-button-prev.swiper-button--chevron-arrow-dashed:after,
.swiper-button-prev.swiper-button--chevron-arrow-full:after,
.swiper-button-prev.swiper-button--chevron-arrow-nude:after,
.swiper-button-prev.swiper-button--chevron-coverflow:after,
.swiper-button-prev.swiper-button--chevron-dashed:after,
.swiper-button-prev.swiper-button--chevron-full:after,
.swiper-button-prev.swiper-button--chevron-nude:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-dashed:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-full:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-nude:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-coverflow:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-dashed:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-full:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-nude:after {
    content: "prev"
}

.swiper-button-prev.swiper-button--arrow-coverflow:after,
.swiper-button-prev.swiper-button--arrow-dashed:after,
.swiper-button-prev.swiper-button--arrow-full:after,
.swiper-button-prev.swiper-button--arrow-nude:after,
.swiper-rtl .swiper-button-next.swiper-button--arrow-coverflow:after,
.swiper-rtl .swiper-button-next.swiper-button--arrow-dashed:after,
.swiper-rtl .swiper-button-next.swiper-button--arrow-full:after,
.swiper-rtl .swiper-button-next.swiper-button--arrow-nude:after {
    content: "←"
}

.swiper-button-prev.swiper-button--chevron-arrow-dashed:hover:after,
.swiper-button-prev.swiper-button--chevron-arrow-full:hover:after,
.swiper-button-prev.swiper-button--chevron-arrow-nude:hover:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-dashed:hover:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-full:hover:after,
.swiper-rtl .swiper-button-next.swiper-button--chevron-arrow-nude:hover:after {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 15px;
    left: auto
}

.swiper-button-next.swiper-button--chevron-arrow-dashed:after,
.swiper-button-next.swiper-button--chevron-arrow-full:after,
.swiper-button-next.swiper-button--chevron-arrow-nude:after,
.swiper-button-next.swiper-button--chevron-coverflow:after,
.swiper-button-next.swiper-button--chevron-dashed:after,
.swiper-button-next.swiper-button--chevron-full:after,
.swiper-button-next.swiper-button--chevron-nude:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-dashed:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-full:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-nude:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-coverflow:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-dashed:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-full:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-nude:after {
    content: "next"
}

.swiper-button-next.swiper-button--arrow-coverflow:after,
.swiper-button-next.swiper-button--arrow-dashed:after,
.swiper-button-next.swiper-button--arrow-full:after,
.swiper-button-next.swiper-button--arrow-nude:after,
.swiper-rtl .swiper-button-prev.swiper-button--arrow-coverflow:after,
.swiper-rtl .swiper-button-prev.swiper-button--arrow-dashed:after,
.swiper-rtl .swiper-button-prev.swiper-button--arrow-full:after,
.swiper-rtl .swiper-button-prev.swiper-button--arrow-nude:after {
    content: "→"
}

.swiper-button-next.swiper-button--chevron-arrow-dashed:hover:after,
.swiper-button-next.swiper-button--chevron-arrow-full:hover:after,
.swiper-button-next.swiper-button--chevron-arrow-nude:hover:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-dashed:hover:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-full:hover:after,
.swiper-rtl .swiper-button-prev.swiper-button--chevron-arrow-nude:hover:after {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    -o-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper:not(.swiper-initialized) .swiper-pagination {
    display: none !important
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 12px
}

@media only screen and (max-width:779px) {

    .swiper-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: -14px
    }
}

.swiper-pagination-fraction {
    bottom: 0
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)
}

.swiper-pagination-bullet:only-child {
    display: none !important
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, rgb(var(--color_primary)))
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper[data-direction=vertical]>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper[data-direction=vertical]>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper[data-direction=vertical]>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    -o-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper[data-direction=vertical]>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    -o-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px)
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    -o-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, rgb(var(--color_primary)));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper[data-direction=vertical]>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper[data-direction=vertical]>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    bottom: 0
}

.swiper-pagination.swiper-pagination--line .swiper-pagination-bullet {
    border-radius: 0;
    width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 30px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 2px))
}

.swiper-pagination--bullets,
.swiper-pagination--line {
    height: 14px
}

@media only screen and (max-width:779px) {

    .swiper-pagination--bullets,
    .swiper-pagination--line {
        height: 48px
    }
}

.swiper-pagination--bullets .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    overflow: hidden;
    position: relative;
    background: rgba(0, 0, 0, 0)
}

.swiper-pagination--bullets .swiper-pagination-bullet:after,
.swiper-pagination--bullets .swiper-pagination-bullet:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid rgb(var(--color_primary));
    -webkit-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    -o-transition: all .6s cubic-bezier(.68, -.55, .265, 1.55);
    transition: all .6s cubic-bezier(.68, -.55, .265, 1.55)
}

.swiper-pagination--bullets .swiper-pagination-bullet:after {
    background: rgb(var(--color_secondary));
    z-index: -1
}

@media only screen and (max-width:779px) {
    .swiper-pagination--bullets .swiper-pagination-bullet {
        height: 48px;
        width: 48px;
        margin: 0 !important
    }
}

.swiper-pagination--bullets .swiper-pagination-bullet:before {
    background: rgb(var(--color_primary));
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2)
}

.swiper-pagination--bullets .swiper-pagination-bullet:hover:after {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.swiper-pagination--bullets .swiper-pagination-bullet-active:before {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.swiper-pagination--bullets .swiper-pagination-bullet-active:after {
    -webkit-transform: scale(.2);
    -ms-transform: scale(.2);
    transform: scale(.2)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: rgba(0, 0, 0, .1);
    cursor: -webkit-grab;
    cursor: grab
}

.swiper-horizontal>.swiper-scrollbar {
    z-index: 2;
    position: absolute;
    max-width: 50em;
    bottom: 0;
    left: 50%;
    right: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: .175em;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .1);
    border-radius: .625em
}

@media only screen and (max-width:499px) {
    .swiper-horizontal>.swiper-scrollbar {
        left: 0;
        width: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.swiper[data-direction=vertical]>.swiper-scrollbar {
    z-index: 2;
    position: absolute;
    max-height: 50em;
    right: 3px;
    top: 50%;
    bottom: 0;
    width: .175em;
    overflow: hidden;
    border-radius: .625em;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width:499px) {
    .swiper[data-direction=vertical]>.swiper-scrollbar {
        top: 0;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.swiper-scrollbar-drag {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(var(--color_primary));
    border-radius: .625em;
    -webkit-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    -o-transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    transition-timing-function: cubic-bezier(.165, .84, .44, 1)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, rgb(var(--color_primary)));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.swiper-slide-visible .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity, height, -webkit-transform;
    transition-property: opacity, height, -webkit-transform;
    -o-transition-property: transform, opacity, height;
    transition-property: transform, opacity, height;
    transition-property: transform, opacity, height, -webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.panorama-slider {
    padding: 48px 0;
    width: 100%;
    position: relative;
    overflow: hidden
}

.panorama-slider .swiper-slide {
    -webkit-box-reflect: below 10px -webkit-linear-gradient(bottom, rgba(255, 0, 0, .1) 0, transparent 32px, transparent 100%)
}

.fashion-slider-no-transition {
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important
}

.fashion-slider-no-transition :not(.swiper-wrapper) {
    -webkit-transition-duration: 0s !important;
    -o-transition-duration: 0s !important;
    transition-duration: 0s !important;
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important;
    -webkit-transition-property: none !important;
    -o-transition-property: none !important;
    transition-property: none !important
}

.fashion-slider-no-transition .swiper-wrapper {
    -webkit-transition-delay: 0s !important;
    -o-transition-delay: 0s !important;
    transition-delay: 0s !important
}

section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=cards],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=carousel],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=coverflow],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=cube],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=fade],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=flip],
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect^=creative] {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto
}

section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=cards] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=carousel] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=coverflow] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=cube] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=fade] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect=flip] .swiper-slide,
section:not(.slideshow):not(.videos-section):not(.video-section):not(.product-section) .swiper[data-active=true]:not([data-shown="1"])[data-effect^=creative] .swiper-slide {
    max-width: 420px
}

.swiper .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 130%;
    height: 100%;
    background-size: cover;
    background-position: center
}

.swiper[data-effect=fashion] {
    -webkit-transition: 1s background-color 1.3s;
    -o-transition: 1s background-color 1.3s;
    transition: 1s background-color 1.3s
}

.swiper[data-effect=fashion] .swiper-wrapper {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    transition-timing-function: cubic-bezier(.5, 0, 0, 1)
}

.swiper[data-effect=fashion] .swiper-slide {
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper[data-effect=fashion] .fashion-slider-content {
    z-index: 10
}

.swiper[data-effect=fashion] .fashion-slider-content {
    -webkit-transition-delay: 1s;
    -o-transition-delay: 1s;
    transition-delay: 1s
}

.swiper[data-effect=fashion] .fashion-slider-pre-title>*,
.swiper[data-effect=fashion] .fashion-slider-sub-title>*,
.swiper[data-effect=fashion] .fashion-slider-text>*,
.swiper[data-effect=fashion] .fashion-slider-title {
    -webkit-text-stroke: 1px #fff;
    letter-spacing: -1px
}

.swiper[data-effect=fashion] .fashion-slider-scale {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    opacity: .9;
    overflow: hidden
}

.swiper[data-effect=fashion] .fashion-slider-scale iframe,
.swiper[data-effect=fashion] .fashion-slider-scale img,
.swiper[data-effect=fashion] .fashion-slider-scale svg,
.swiper[data-effect=fashion] .fashion-slider-scale video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    -o-transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    transition-timing-function: cubic-bezier(.5, 0, 0, 1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper[data-effect=carousel] .swiper-slide {
    border-radius: 8px;
    max-width: calc(100% - 48px)
}

.swiper[data-effect*=creative] .swiper-wrapper {
    overflow: hidden
}

.swiper[data-width="50px"][data-effect*=creative] .swiper-wrapper,
.swiper[data-width="50px"][data-effect=cards] .swiper-wrapper,
.swiper[data-width="50px"][data-effect=coverflow] .swiper-wrapper,
.swiper[data-width="50px"][data-effect=cube] .swiper-wrapper,
.swiper[data-width="50px"][data-effect=fade] .swiper-wrapper,
.swiper[data-width="50px"][data-effect=flip] .swiper-wrapper {
    max-width: 50px
}

.swiper[data-width="50px"][data-effect=carousel] {
    max-width: 100px
}

.swiper[data-width="50px"][data-effect=coverflow] {
    max-width: 150px
}

.swiper[data-width="100px"][data-effect*=creative] .swiper-wrapper,
.swiper[data-width="100px"][data-effect=cards] .swiper-wrapper,
.swiper[data-width="100px"][data-effect=coverflow] .swiper-wrapper,
.swiper[data-width="100px"][data-effect=cube] .swiper-wrapper,
.swiper[data-width="100px"][data-effect=fade] .swiper-wrapper,
.swiper[data-width="100px"][data-effect=flip] .swiper-wrapper {
    max-width: 100px
}

.swiper[data-width="100px"][data-effect=carousel] {
    max-width: 200px
}

.swiper[data-width="100px"][data-effect=coverflow] {
    max-width: 300px
}

.swiper[data-width="150px"][data-effect*=creative] .swiper-wrapper,
.swiper[data-width="150px"][data-effect=cards] .swiper-wrapper,
.swiper[data-width="150px"][data-effect=coverflow] .swiper-wrapper,
.swiper[data-width="150px"][data-effect=cube] .swiper-wrapper,
.swiper[data-width="150px"][data-effect=fade] .swiper-wrapper,
.swiper[data-width="150px"][data-effect=flip] .swiper-wrapper {
    max-width: 150px
}

.swiper[data-width="150px"][data-effect=carousel] {
    max-width: 300px
}

.swiper[data-width="150px"][data-effect=coverflow] {
    max-width: 450px
}

.swiper[data-action=continuous] .swiper-wrapper {
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear
}

.swiper[data-parallax=true] .swiper-wrapper {
    position: absolute;
    top: 0
}

@media only screen and (min-width:780px) {
    .swiper[data-pagination=scrollbar] {
        padding-bottom: 30px
    }

    .swiper[data-pagination-hover=true] .swiper-pagination {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .swiper[data-pagination-hover=true]:hover .swiper-pagination {
        opacity: 1;
        visibility: visible
    }

    .swiper[data-arrows-hover=true] .swiper-button-next,
    .swiper[data-arrows-hover=true] .swiper-button-prev {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in
    }

    .swiper[data-arrows-hover=true]:hover .swiper-button-next,
    .swiper[data-arrows-hover=true]:hover .swiper-button-prev {
        opacity: 1;
        visibility: visible
    }

    .swiper[data-arrows=false] .swiper-button-next,
    .swiper[data-arrows=false] .swiper-button-prev {
        display: none
    }

    .swiper[data-arrows=above-center],
    .swiper[data-arrows=above-edge],
    .swiper[data-arrows=above-left],
    .swiper[data-arrows=above-right] {
        padding-top: 50px
    }

    .swiper[data-arrows=under-center],
    .swiper[data-arrows=under-edge],
    .swiper[data-arrows=under-left],
    .swiper[data-arrows=under-right] {
        padding-bottom: 50px
    }
}

@media only screen and (max-width:779px) {
    .swiper[datamob-height=adapt] .swiper-slide {
        height: 0 !important
    }

    .swiper[datamob-height=adapt] .swiper-slide>* {
        position: absolute;
        width: 100%;
        height: 100%
    }

    .swiper[data-pagination=scrollbar] {
        padding-bottom: 30px
    }

    .swiper[data-pagination=scrollbar] .swiper-scrollbar {
        left: 5%;
        width: 90%
    }

    .swiper[datamob-arrows=false] .swiper-button-next,
    .swiper[datamob-arrows=false] .swiper-button-prev {
        display: none
    }

    .swiper[datamob-arrows=above-center],
    .swiper[datamob-arrows=above-edge],
    .swiper[datamob-arrows=above-left],
    .swiper[datamob-arrows=above-right] {
        padding-top: 50px
    }

    .swiper[datamob-arrows=under-center],
    .swiper[datamob-arrows=under-edge],
    .swiper[datamob-arrows=under-left],
    .swiper[datamob-arrows=under-right] {
        padding-bottom: 50px
    }
}

@media only screen and (min-width:780px) {

    .swiper-button-next.swiper-arrows--above-center,
    .swiper-button-next.swiper-arrows--above-edge,
    .swiper-button-next.swiper-arrows--above-left,
    .swiper-button-next.swiper-arrows--above-right,
    .swiper-button-next.swiper-arrows--top-center,
    .swiper-button-next.swiper-arrows--top-edge,
    .swiper-button-next.swiper-arrows--top-left,
    .swiper-button-next.swiper-arrows--top-right,
    .swiper-button-prev.swiper-arrows--above-center,
    .swiper-button-prev.swiper-arrows--above-edge,
    .swiper-button-prev.swiper-arrows--above-left,
    .swiper-button-prev.swiper-arrows--above-right,
    .swiper-button-prev.swiper-arrows--top-center,
    .swiper-button-prev.swiper-arrows--top-edge,
    .swiper-button-prev.swiper-arrows--top-left,
    .swiper-button-prev.swiper-arrows--top-right {
        top: 22.5px
    }

    .swiper-button-next.swiper-arrows--bottom-center,
    .swiper-button-next.swiper-arrows--bottom-edge,
    .swiper-button-next.swiper-arrows--bottom-left,
    .swiper-button-next.swiper-arrows--bottom-right,
    .swiper-button-next.swiper-arrows--under-center,
    .swiper-button-next.swiper-arrows--under-edge,
    .swiper-button-next.swiper-arrows--under-left,
    .swiper-button-next.swiper-arrows--under-right,
    .swiper-button-prev.swiper-arrows--bottom-center,
    .swiper-button-prev.swiper-arrows--bottom-edge,
    .swiper-button-prev.swiper-arrows--bottom-left,
    .swiper-button-prev.swiper-arrows--bottom-right,
    .swiper-button-prev.swiper-arrows--under-center,
    .swiper-button-prev.swiper-arrows--under-edge,
    .swiper-button-prev.swiper-arrows--under-left,
    .swiper-button-prev.swiper-arrows--under-right {
        bottom: 10px;
        top: unset
    }

    .swiper-arrows--above-left.swiper-button-next,
    .swiper-arrows--bottom-left.swiper-button-next,
    .swiper-arrows--top-left.swiper-button-next,
    .swiper-arrows--under-left.swiper-button-next,
    .swiper-rtl .swiper-arrows--above-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows--bottom-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows--top-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows--under-left.swiper-button-prev {
        right: unset;
        left: 60px
    }

    .swiper-arrows--above-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows--above-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows--bottom-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows--bottom-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows--top-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows--top-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows--under-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows--under-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--above-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--above-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--bottom-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--bottom-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--top-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--top-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--under-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--under-left.swiper-button-prev.swiper-button--chevron-dashed {
        left: 88px
    }

    .swiper-arrows--above-right.swiper-button-prev,
    .swiper-arrows--bottom-right.swiper-button-prev,
    .swiper-arrows--top-right.swiper-button-prev,
    .swiper-arrows--under-right.swiper-button-prev,
    .swiper-rtl .swiper-arrows--above-right.swiper-button-next,
    .swiper-rtl .swiper-arrows--bottom-right.swiper-button-next,
    .swiper-rtl .swiper-arrows--top-right.swiper-button-next,
    .swiper-rtl .swiper-arrows--under-right.swiper-button-next {
        left: unset;
        right: 60px
    }

    .swiper-arrows--above-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows--above-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows--bottom-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows--bottom-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows--top-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows--top-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows--under-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows--under-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--above-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--above-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--bottom-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--bottom-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--top-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--top-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows--under-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows--under-right.swiper-button-next.swiper-button--chevron-dashed {
        right: 88px
    }

    .swiper-arrows--above-center.swiper-button-next,
    .swiper-arrows--top-center.swiper-button-next,
    .swiper-arrows--under-center.swiper-button-next,
    .swiper-rtl .swiper-arrows--above-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows--top-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows--under-center.swiper-button-prev {
        left: unset;
        right: calc(50% - 50px)
    }

    .swiper-arrows--above-center.swiper-button-prev,
    .swiper-arrows--top-center.swiper-button-prev,
    .swiper-arrows--under-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows--above-center.swiper-button-next,
    .swiper-rtl .swiper-arrows--top-center.swiper-button-next,
    .swiper-rtl .swiper-arrows--under-center.swiper-button-next {
        right: unset;
        left: calc(50% - 50px)
    }
}

@media only screen and (max-width:779px) {

    .swiper-button-next.swiper-arrows-mob--above-center,
    .swiper-button-next.swiper-arrows-mob--above-edge,
    .swiper-button-next.swiper-arrows-mob--above-left,
    .swiper-button-next.swiper-arrows-mob--above-right,
    .swiper-button-next.swiper-arrows-mob--top-center,
    .swiper-button-next.swiper-arrows-mob--top-edge,
    .swiper-button-next.swiper-arrows-mob--top-left,
    .swiper-button-next.swiper-arrows-mob--top-right,
    .swiper-button-prev.swiper-arrows-mob--above-center,
    .swiper-button-prev.swiper-arrows-mob--above-edge,
    .swiper-button-prev.swiper-arrows-mob--above-left,
    .swiper-button-prev.swiper-arrows-mob--above-right,
    .swiper-button-prev.swiper-arrows-mob--top-center,
    .swiper-button-prev.swiper-arrows-mob--top-edge,
    .swiper-button-prev.swiper-arrows-mob--top-left,
    .swiper-button-prev.swiper-arrows-mob--top-right {
        top: 22.5px
    }

    .swiper-button-next.swiper-arrows-mob--bottom-center,
    .swiper-button-next.swiper-arrows-mob--bottom-edge,
    .swiper-button-next.swiper-arrows-mob--bottom-left,
    .swiper-button-next.swiper-arrows-mob--bottom-right,
    .swiper-button-next.swiper-arrows-mob--under-center,
    .swiper-button-next.swiper-arrows-mob--under-edge,
    .swiper-button-next.swiper-arrows-mob--under-left,
    .swiper-button-next.swiper-arrows-mob--under-right,
    .swiper-button-prev.swiper-arrows-mob--bottom-center,
    .swiper-button-prev.swiper-arrows-mob--bottom-edge,
    .swiper-button-prev.swiper-arrows-mob--bottom-left,
    .swiper-button-prev.swiper-arrows-mob--bottom-right,
    .swiper-button-prev.swiper-arrows-mob--under-center,
    .swiper-button-prev.swiper-arrows-mob--under-edge,
    .swiper-button-prev.swiper-arrows-mob--under-left,
    .swiper-button-prev.swiper-arrows-mob--under-right {
        top: calc(100% - 36px)
    }

    .swiper-arrows-mob--above-left.swiper-button-next,
    .swiper-arrows-mob--bottom-left.swiper-button-next,
    .swiper-arrows-mob--top-left.swiper-button-next,
    .swiper-arrows-mob--under-left.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--above-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--bottom-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--top-left.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--under-left.swiper-button-prev {
        right: unset;
        left: 75px
    }

    .swiper-arrows-mob--above-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--above-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows-mob--bottom-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--bottom-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows-mob--top-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--top-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-arrows-mob--under-left.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--under-left.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--above-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--above-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--bottom-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--bottom-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--top-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--top-left.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--under-left.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--under-left.swiper-button-prev.swiper-button--chevron-dashed {
        left: 88px
    }

    .swiper-arrows-mob--above-right.swiper-button-prev,
    .swiper-arrows-mob--bottom-right.swiper-button-prev,
    .swiper-arrows-mob--top-right.swiper-button-prev,
    .swiper-arrows-mob--under-right.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--above-right.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--bottom-right.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--top-right.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--under-right.swiper-button-next {
        left: unset;
        right: 75px
    }

    .swiper-arrows-mob--above-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--above-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows-mob--bottom-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--bottom-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows-mob--top-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--top-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-arrows-mob--under-right.swiper-button-prev.swiepr-button--arrow-dashed,
    .swiper-arrows-mob--under-right.swiper-button-prev.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--above-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--above-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--bottom-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--bottom-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--top-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--top-right.swiper-button-next.swiper-button--chevron-dashed,
    .swiper-rtl .swiper-arrows-mob--under-right.swiper-button-next.swiepr-button--arrow-dashed,
    .swiper-rtl .swiper-arrows-mob--under-right.swiper-button-next.swiper-button--chevron-dashed {
        right: 88px
    }

    .swiper-arrows-mob--above-center.swiper-button-next,
    .swiper-arrows-mob--top-center.swiper-button-next,
    .swiper-arrows-mob--under-center.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--above-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--top-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--under-center.swiper-button-prev {
        left: unset;
        right: calc(50% - 50px)
    }

    .swiper-arrows-mob--above-center.swiper-button-prev,
    .swiper-arrows-mob--top-center.swiper-button-prev,
    .swiper-arrows-mob--under-center.swiper-button-prev,
    .swiper-rtl .swiper-arrows-mob--above-center.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--top-center.swiper-button-next,
    .swiper-rtl .swiper-arrows-mob--under-center.swiper-button-next {
        right: unset;
        left: calc(50% - 50px)
    }
}

.section-container {
    zoom: 1;
    background-color: rgb(var(--color_bg));
    margin: 0 auto;
    width: 100%;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.section-blocks {
    position: relative
}

.gutters--none:not(.grid-cols) {
    width: 100%;
    margin-bottom: 0
}

@media only screen and (max-width:779px) {
    .gutters--none:not(.grid-cols)>.section-padding-mob {
        padding: 0 15px 10px
    }
}

.gutters--fine:not(.grid-cols) {
    margin-bottom: -1px;
    margin-inline: -1px;
    width: calc(100% + 1px)
}

.gutters--fine:not(.grid-cols)>.flex__item {
    margin-bottom: 1px;
    padding-left: 1px
}

@media only screen and (max-width:779px) {
    .gutters--fine:not(.grid-cols)>.section-padding-mob {
        padding: 0 20px 10px
    }
}

.gutters--medium:not(.grid-cols) {
    margin-bottom: -20px;
    width: calc(100% + 20px);
    margin-inline: -10px
}

.gutters--medium:not(.grid-cols)>.flex__item {
    margin-bottom: 20px;
    padding-inline: 10px
}

@media only screen and (max-width:779px) {
    .gutters--medium:not(.grid-cols) {
        margin-inline: 0;
        margin-bottom: 0;
        width: 100%
    }

    .gutters--medium:not(.grid-cols):not(.inline-flex)>.flex__item:not(:last-child),
    .gutters--medium:not(.grid-cols)>.flex__item:is(.one-whole, .s--one-whole, .md--one-whole):not(:last-child) {
        padding-inline: 0;
        margin-bottom: 2rem
    }

    .gutters--medium:not(.grid-cols):not(.inline-flex)>.flex__item:last-child,
    .gutters--medium:not(.grid-cols)>.flex__item:is(.one-whole, .s--one-whole, .md--one-whole):last-child {
        padding-inline: 0;
        margin-bottom: 0rem
    }

    .gutters--medium:not(.grid-cols)>.section-padding-mob {
        padding: 0 30px 10px
    }
}

.gutters--thick:not(.grid-cols) {
    margin-bottom: -30px;
    width: calc(100% + 30px);
    margin-inline: -15px
}

.gutters--thick:not(.grid-cols)>.flex__item {
    margin-bottom: 30px;
    padding-inline: 15px
}

@media only screen and (max-width:779px) {
    .gutters--thick:not(.grid-cols) {
        margin-inline: 0;
        margin-bottom: 0;
        width: 100%
    }

    .gutters--thick:not(.grid-cols):not(.inline-flex)>.flex__item:last-child,
    .gutters--thick:not(.grid-cols)>.flex__item:is(.one-whole, .s--one-whole, .md--one-whole):last-child {
        padding-inline: 0;
        margin-bottom: 0rem
    }

    .gutters--thick:not(.grid-cols):not(.inline-flex)>.flex__item:not(:last-child),
    .gutters--thick:not(.grid-cols)>.flex__item:is(.one-whole, .s--one-whole, .md--one-whole):not(:last-child) {
        padding-inline: 0;
        margin-bottom: 3rem
    }

    .gutters--thick:not(.grid-cols)>.section-padding-mob {
        padding: 0 50px
    }
}

@media only screen and (max-width:779px) {
    .section--shadowed.md--pt-mob-0 {
        margin-top: 15px !important
    }

    .section--shadowed.md--pb-mob-0 {
        margin-bottom: 15px !important
    }

    .section--shadowed>.page-width:first-of-type.md--p-mob-0,
    .section--shadowed>.page-width:first-of-type.md--p-mob-5 .section--shadowed>.page-width:first-of-type.md--p-mob-10 {
        padding: 15px !important
    }
}

@media only screen and (min-width:780px) {

    .section--shadowed>.page-width:first-of-type.lu--p-0,
    .section--shadowed>.page-width:first-of-type.lu--p-5 .section--shadowed>.page-width:first-of-type.lu--p-10 {
        padding: 15px !important
    }
}

.section--shadowed>.page-width:first-of-type {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}

.item--shadowed {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
    margin: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px)
}

.item--shadowed:has(.product-card) {
    -webkit-transition: -webkit-box-shadow .2s ease-in;
    transition: -webkit-box-shadow .2s ease-in;
    -o-transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in;
    transition: box-shadow .2s ease-in, -webkit-box-shadow .2s ease-in
}

.item--shadowed:has(.product-card:hover) {
    -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .4);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .4)
}

.no-max-width {
    max-width: none !important
}

.no-gutters {
    padding: 0 !important;
    margin: 0 !important
}

.border__divider {
    height: 1px;
    margin: 0 auto
}

.border--medium,
.border--thick,
.border--thin {
    border-style: solid
}

.border--thin {
    border-width: 0 0 1px
}

.border--medium {
    border-width: 0 0 3px
}

.border--thick {
    border-width: 0 0 5px
}

.inline-block {
    display: inline-block;
    white-space: normal
}

.overflow-hidden {
    overflow: hidden;
    max-height: 100%;
    padding-right: 10px
}

.overflow-hidden-fixed {
    position: fixed
}

@media only screen and (min-width:780px) {
    .overflow-hidden-fixed {
        padding-right: 10px
    }
}

.no-border {
    border: none !important
}

svg:not(:root) {
    overflow: hidden
}

.payment-icons {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.payment-icons li:not(:last-child) {
    margin-right: 5px
}

.payment-icons .icon {
    width: 38px;
    height: 24px
}

.payment-icons .icon--wide {
    width: 55px
}

.payment-icons .icon--sober {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.payment-icons .icon--sepia {
    -webkit-filter: sepia(1);
    filter: sepia(1)
}

object {
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    width: 100%
}

lottie-player {
    width: 100%;
    height: 100%;
    margin: 0 auto
}

.deferred-media,
deferred-media {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1;
    position: relative
}

.video-section .deferred-media iframe,
.video-section .deferred-media video,
.video-section deferred-media iframe,
.video-section deferred-media video,
.videos-section .deferred-media iframe,
.videos-section .deferred-media video,
.videos-section deferred-media iframe,
.videos-section deferred-media video {
    z-index: 1
}

.video-section .deferred-media>div,
.video-section deferred-media>div,
.videos-section .deferred-media>div,
.videos-section deferred-media>div {
    position: absolute
}

.video-section .deferred-media:has(iframe)>div,
.video-section .deferred-media:has(video)>div,
.video-section deferred-media:has(iframe)>div,
.video-section deferred-media:has(video)>div,
.videos-section .deferred-media:has(iframe)>div,
.videos-section .deferred-media:has(video)>div,
.videos-section deferred-media:has(iframe)>div,
.videos-section deferred-media:has(video)>div {
    display: none
}

.deferred-media:has(iframe):not(:has(.image-container)),
deferred-media:has(iframe):not(:has(.image-container)) {
    aspect-ratio: 16/9
}

.deferred-media:not(:has(iframe)),
deferred-media:not(:has(iframe)) {
    height: 100%
}

.swiper-slide .deferred-media,
.swiper-slide deferred-media {
    height: 0
}

.deferred-media>div,
deferred-media>div {
    width: 100%;
    height: 100%
}

.video-section .deferred-media>div,
.video-section deferred-media>div {
    position: absolute
}

.deferred-media video,
deferred-media video {
    -o-object-fit: cover;
    object-fit: cover
}

.deferred-media iframe,
.deferred-media video,
deferred-media iframe,
deferred-media video {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    border: none
}

.deferred-media .deferred-media__poster-button,
deferred-media .deferred-media__poster-button {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.deferred-media .deferred-media__poster-button svg,
deferred-media .deferred-media__poster-button svg {
    background: rgba(255, 255, 255, .6196078431);
    padding: 20px;
    width: 60px !important;
    height: 60px !important;
    fill: #000;
    border-radius: 50%;
    padding-right: 15px;
    cursor: pointer;
    border: 2px solid #fff
}

.js .image-container {
    -webkit-transition: -webkit-filter .2s ease-in-out;
    transition: -webkit-filter .2s ease-in-out;
    -o-transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out;
    transition: filter .2s ease-in-out, -webkit-filter .2s ease-in-out;
}

.js .image-container img {
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.image-container {
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    margin: 0 auto
}

.image-container.image--contain img {
    -o-object-fit: contain !important;
    object-fit: contain !important
}

.image-container.image--contain.image--1 img,
.image-container.image--contain.image--5-4 img,
.image-container.image--contain.image--portrait img {
    height: 100% !important
}

.image-container.image--contain.image--0 img,
.image-container.image--contain.image--3-4 img,
.image-container.image--contain.image--landscape img {
    width: 100% !important
}

.image-container.image--cover img {
    -o-object-fit: cover !important;
    object-fit: cover !important;
    height: 100% !important
}

.image-container.image-badge--small {
    max-height: 50px;
    max-width: 50px;
    -o-object-fit: contain;
    object-fit: contain
}

.image-container.image-badge--medium {
    max-height: 75px;
    max-width: 75px
}

.image-container.image-badge--large {
    max-height: 100px;
    max-width: 100px;
    -o-object-fit: contain;
    object-fit: contain
}

.image-container.image-badge--large img,
.image-container.image-badge--medium img,
.image-container.image-badge--small img {
    -o-object-fit: contain;
    object-fit: contain
}

.image-container.image--natural:not(.image--align) {
    height: auto
}

.image-container.image--natural:not(.image--align) img,
.image-container.image--natural:not(.image--align) svg {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.image-container.image--natural:not(.image--align)+.article__info {
    height: auto
}

.image-container.image--background {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.image-container.image--background:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .2392156863)
}

.image-container.image--portrait {
    padding-bottom: 150%
}

.image-container.image--5-4 {
    padding-bottom: 125%
}

.image-container.image--square {
    padding-bottom: 100%
}

.image-container.image--3-4 {
    padding-bottom: 75%
}

.image-container.image--landscape {
    padding-bottom: 50%
}

.image-container.image--grayscale {
    -webkit-transition: -webkit-filter .2s ease-in;
    transition: -webkit-filter .2s ease-in;
    -o-transition: filter .2s ease-in;
    transition: filter .2s ease-in;
    transition: filter .2s ease-in, -webkit-filter .2s ease-in
}

.image-container.image--grayscale:hover {
    -webkit-filter: grayscale(.6);
    filter: grayscale(.6)
}

.image-container.image--align {
    height: 0
}

.image-container.image--align img[src],
.image-container.image--align svg,
.image-container.image--align video {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.image-container.image--round img,
.image-container.image--round svg {
    border-radius: 50%
}

.image-container.image_padding:not(.frame-mergin) {
    margin: 1.25rem;
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem)
}

.image-container.frame:after {
    content: "";
    position: absolute;
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem);
    left: 1.25rem;
    top: 1.25rem;
    border: 1px solid #000
}

.image-container.frame-shadowed:after {
    content: "";
    position: absolute;
    width: calc(100% - 2.5rem);
    height: calc(100% - 2.5rem);
    left: 1.25rem;
    top: 1.25rem;
    border: 1px solid #000;
    -webkit-box-shadow: 0 0 5px #000 inset;
    box-shadow: 0 0 5px #000 inset
}

.image-container.frame-offset,
.image-container.frame-offset-shadowed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    top: 0;
    left: 0
}

.image-container.frame-offset img,
.image-container.frame-offset svg,
.image-container.frame-offset-shadowed img,
.image-container.frame-offset-shadowed svg {
    position: absolute;
    top: 1.25rem;
    left: -1.25rem
}

.image-container.frame-offset-shadowed:after,
.image-container.frame-offset:after {
    content: "";
    position: absolute;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    left: 1.25rem;
    top: 0;
    border: 1px solid #000
}

.image-container.frame-offset-shadowed:after {
    -webkit-box-shadow: 0 0 5px #000 inset;
    box-shadow: 0 0 5px #000 inset
}

.image-container.frame-filling .draw__inner {
    height: 100%;
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.image-container.frame-filling .draw__inner:before {
    z-index: 4;
    position: absolute;
    top: .25rem;
    left: .25rem;
    right: .25rem;
    height: .0625rem;
    content: "";
    background-color: #fff;
    -webkit-transition: right 0s;
    -o-transition: right 0s;
    transition: right 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (min-width:500px) {
    .image-container.frame-filling .draw__inner:before {
        top: .125rem;
        left: .125rem;
        right: .125rem;
        -webkit-transition: right .5s;
        -o-transition: right .5s;
        transition: right .5s
    }
}

@media only screen and (min-width:780px) {
    .image-container.frame-filling .draw__inner:before {
        right: calc(100% - .9375rem);
        top: .9375rem;
        left: .9375rem
    }
}

.image-container.frame-filling .draw__inner:after {
    z-index: 4;
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    right: .25rem;
    width: .0625rem;
    content: "";
    background-color: #fff;
    -webkit-transition: top 0s;
    -o-transition: top 0s;
    transition: top 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (min-width:500px) {
    .image-container.frame-filling .draw__inner:after {
        top: .125rem;
        bottom: .125rem;
        right: .125rem;
        -webkit-transition: top .5s;
        -o-transition: top .5s;
        transition: top .5s
    }
}

@media only screen and (min-width:780px) {
    .image-container.frame-filling .draw__inner:after {
        top: calc(100% - .9375rem);
        bottom: .9375rem;
        right: .9375rem
    }
}

.image-container.frame-filling:before {
    z-index: 4;
    position: absolute;
    top: .25rem;
    bottom: .25rem;
    left: .25rem;
    width: .0625rem;
    height: auto;
    content: "";
    background-color: #fff;
    -webkit-transition: top 0s;
    -o-transition: top 0s;
    transition: top 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (min-width:500px) {
    .image-container.frame-filling:before {
        top: .125rem;
        bottom: .125rem;
        left: .125rem;
        -webkit-transition: top .5s;
        -o-transition: top .5s;
        transition: top .5s;
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }
}

@media only screen and (min-width:780px) {
    .image-container.frame-filling:before {
        top: calc(100% - 40px);
        bottom: .9375rem;
        left: .9375rem
    }
}

.image-container.frame-filling:after {
    z-index: 4;
    position: absolute;
    bottom: .25rem;
    left: .25rem;
    right: .25rem;
    height: .0625rem;
    content: "";
    background-color: #fff;
    -webkit-transition: right 0s;
    -o-transition: right 0s;
    transition: right 0s;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

@media only screen and (min-width:500px) {
    .image-container.frame-filling:after {
        bottom: .125rem;
        left: .125rem;
        right: .125rem;
        -webkit-transition: right .5s;
        -o-transition: right .5s;
        transition: right .5s;
        -webkit-transition-delay: .5s;
        -o-transition-delay: .5s;
        transition-delay: .5s
    }
}

@media only screen and (min-width:780px) {
    .image-container.frame-filling:after {
        right: calc(100% - 40px);
        bottom: .9375rem;
        left: .9375rem
    }
}

.image-container.frame-mergin {
    position: relative;
    margin-right: 1.25rem;
    margin-bottom: 1.25rem;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    -webkit-box-shadow: .625rem .625rem 0 #000;
    box-shadow: .625rem .625rem 0 #000;
    -webkit-transition: -webkit-box-shadow .2s !important;
    transition: -webkit-box-shadow .2s !important;
    -o-transition: box-shadow .2s !important;
    transition: box-shadow .2s !important;
    transition: box-shadow .2s, -webkit-box-shadow .2s !important
}

@media only screen and (min-width:780px) {
    .image-container.frame-mergin {
        -webkit-box-shadow: 1.25rem 1.25rem 0 #000;
        box-shadow: 1.25rem 1.25rem 0 #000
    }
}

.image-container.frame-mergin:before {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    opacity: 0;
    background-color: #000;
    -webkit-transition: opacity .2s, top;
    -o-transition: opacity .2s, top;
    transition: opacity .2s, top
}

.image-container.frame-mergin:after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: .0625rem solid rgba(0, 0, 0, 0);
    -webkit-transition: right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important;
    transition: right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important;
    -o-transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1) !important;
    transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1) !important;
    transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important
}

@media only screen and (min-width:500px) {

    .image-container:hover.frame-filling:after,
    .image-container:hover.frame-filling:before {
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
        transition-delay: 0s !important
    }

    .image-container:hover.frame-filling .draw__inner:after,
    .image-container:hover.frame-filling .draw__inner:before {
        -webkit-transition-delay: .5s !important;
        -o-transition-delay: .5s !important;
        transition-delay: .5s !important
    }

    .image-container:hover.frame-filling .draw__inner:after,
    .image-container:hover.frame-filling:before {
        top: .9375rem
    }

    .image-container:hover.frame-filling .draw__inner:after,
    .image-container:hover.frame-filling .draw__inner:before,
    .image-container:hover.frame-filling:after {
        right: .9375rem
    }

    .image-container:hover.frame-mergin {
        -webkit-box-shadow: 0 0 0;
        box-shadow: 0 0 0
    }

    .image-container:hover.frame-mergin:before {
        opacity: .4
    }

    .image-container:hover.frame-mergin:after {
        top: 1.25rem;
        bottom: 1.25rem;
        left: 1.25rem;
        right: 1.25rem;
        border-color: #fff;
        -webkit-transition: right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important;
        transition: right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important;
        -o-transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1) !important;
        transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1) !important;
        transition: transform .2s cubic-bezier(.33, 1, .68, 1), right .2s cubic-bezier(.33, 1, .68, 1), top .2s cubic-bezier(.33, 1, .68, 1), left .2s cubic-bezier(.33, 1, .68, 1), bottom .2s cubic-bezier(.33, 1, .68, 1), -webkit-transform .2s cubic-bezier(.33, 1, .68, 1) !important
    }
}

.image-container img,
.image-container svg {
    width: 100%;
    height: 100%;
    max-width: 100%
}

.image-container.image--scale img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.image-container.image--scale:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.placeholder-svg {
    fill: var(--color_blankstate);
    background-color: var(--color_blankstate_background);
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 1px solid var(--color_blankstate_border)
}

.placeholder-svg g {
    -webkit-clip-path: none;
    clip-path: none
}

.placeholder-noblocks {
    padding: 40px;
    text-align: center
}

.placeholder-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.placeholder-background .placeholder-svg {
    border: 0
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}

@-webkit-keyframes shakeX {

    10%,
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

@keyframes shakeX {

    10%,
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0)
    }
}

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

@-webkit-keyframes shakeY {

    10%,
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
}

@keyframes shakeY {

    10%,
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    20%,
    80% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }

    30%,
    50%,
    70% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    40%,
    60% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
}

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

@-webkit-keyframes bounce {

    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    25%,
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

@keyframes bounce {

    0%,
    100%,
    50% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    25%,
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease
}

@-webkit-keyframes heartBeat {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25%,
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

@keyframes heartBeat {

    0%,
    100%,
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    25%,
    75% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
}

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

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }

    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }

    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }

    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

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

@-webkit-keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes flash {

    0%,
    100%,
    50% {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

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

@-webkit-keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}

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

.animate_down,
.animate_left,
.animate_right,
.animate_up {
    opacity: 0
}

.ie #slide-1 .animated,
.ie .animate_left,
.ie .animate_right,
.ie .animated,
.ie .hsContent {
    opacity: 1 !important
}

.ie .delay-025s,
.ie .delay-05s,
.ie .delay-075s,
.ie .delay-0s,
.ie .delay-1s {
    opacity: 1 !important
}

.ie select {
    background-image: none !important
}

@media only screen and (max-width:779px) {

    .ie .animate_down,
    .ie .animate_left,
    .ie .animate_right,
    .ie .animate_up,
    .ie .delay-025s,
    .ie .delay-05s,
    .ie .delay-075s,
    .ie .delay-0s,
    .ie .delay-1s {
        opacity: 1
    }
}

:-webkit-datetime-edit,
:-webkit-datetime-edit-fields-wrapper,
::-webkit-input-placeholder,
::-webkit-search-cancel-button,
textarea {
    color: rgb(var(--color_text));
    opacity: .6
}

:-moz-placeholder {
    color: rgb(var(--color_text));
    opacity: .6
}

:-ms-input-placeholder {
    color: rgb(var(--color_text));
    opacity: .6
}

::-ms-input-placeholder {
    color: rgb(var(--color_text));
    opacity: .6;
    opacity: 1
}

.input--content-color {
    background-color: rgb(var(--color_bg))
}

input,
textarea {
    padding: 13px 15px
}

input[type=search] {
    padding-right: 0
}

select {
    padding-top: 13px;
    padding-left: 15px;
    padding-bottom: 13px
}

.input--full {
    width: 100%
}

textarea {
    min-height: 100px
}

.errors,
.form-success,
.note {
    padding: 13px;
    margin: 0 0 10px
}

.form-success {
    background-color: #59ac6c;
    color: #fff
}

.errors {
    background-color: #ec523e;
    color: #fff
}

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

fieldset {
    border: 1px solid rgba(var(--color_primary), .6);
    margin: 0 0 20px;
    padding: 10px
}

legend {
    border: 0;
    padding: 0
}

button,
input[type=submit] {
    cursor: pointer
}

input,
select,
textarea {
    border-radius: var(--radius);
    background-color: rgba(var(--color_primary), .05);
    color: rgb(var(--color_text));
    border: 0;
    max-width: 100%;
    font-size: min(16px, var(--body__size))
}

input:focus,
select:focus,
textarea:focus {
    border-color: rgba(var(--color_primary), .5)
}

@media only screen and (max-width:779px) {

    input,
    select,
    textarea {
        font-size: min(14px, var(--body__size))
    }
}

input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default;
    background-color: #fff;
    border: 1px solid gray !important;
    color: #000
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: inherit
}

input.input--error,
select.input--error,
textarea.input--error {
    border-color: #ec523e;
    background-color: #ec523e;
    color: #fff
}

input.input--error::-webkit-input-placeholder,
select.input--error::-webkit-input-placeholder,
textarea.input--error::-webkit-input-placeholder {
    color: #fff;
    opacity: .6
}

input.input--error:-moz-placeholder,
select.input--error:-moz-placeholder,
textarea.input--error:-moz-placeholder {
    color: #fff;
    opacity: .6
}

input.input--error:-ms-input-placeholder,
select.input--error:-ms-input-placeholder,
textarea.input--error:-ms-input-placeholder {
    color: #fff;
    opacity: .6
}

input.input--error::-ms-input-placeholder,
select.input--error::-ms-input-placeholder,
textarea.input--error::-ms-input-placeholder {
    color: #fff;
    opacity: .6;
    opacity: 1
}

textarea {
    min-height: 100px
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-position: right center;
    background-image: var(--icon-select);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 28px;
    text-indent: .01px;
    -o-text-overflow: "";
    text-overflow: "";
    cursor: pointer
}

select option:disabled {
    text-decoration: line-through;
    color: rgba(var(--color_primary), .4)
}

optgroup {
    font-weight: var(--font_body__weight_bold)
}

option {
    color: #000;
    background-color: #fff
}

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

.input-group-form {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    width: 100%;
    border-collapse: separate;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input-group-form>* {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

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

.input--required {
    display: block;
    position: absolute;
    width: auto;
    font-size: 12px;
    font-style: italic;
    top: -10px;
    left: 10px;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s linear, -webkit-transform .2s linear;
    transition: opacity .2s linear, -webkit-transform .2s linear;
    -o-transition: opacity .2s linear, transform .2s linear;
    transition: opacity .2s linear, transform .2s linear;
    transition: opacity .2s linear, transform .2s linear, -webkit-transform .2s linear
}

input:focus+.input--required,
select:focus+.input--required {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.input-field {
    width: 100%;
    position: relative;
    text-align: left;
    margin: .5rem 0
}

.input-field:last-of-type+* {
    margin-top: .5rem
}

.input-field input::-webkit-input-placeholder {
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear
}

.input-field input:focus::-webkit-input-placeholder {
    opacity: 0 !important
}

.input-field input,
.input-field select,
.input-field textarea {
    width: 100%
}

.input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    position: relative
}

.input-group>* {
    min-height: 48px;
    margin-bottom: 10px
}

@media only screen and (max-width:779px) {
    .input-group>* {
        max-width: 250px
    }

    .input-group>* button {
        width: 100%
    }
}

.input-group input+input {
    margin-left: 1rem
}

.input-group.input-group--restrain {
    max-width: 560px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.input-group.input-group--restrain input {
    width: 80%;
    margin-bottom: 0
}

.input-group.input-group--restrain .search_results {
    padding-top: 16px
}

.input-group.input-group--restrain .input-group__btn {
    margin-bottom: 0
}

.input-group .input-field {
    margin-right: 5px;
    margin-bottom: 0;
    width: 100%
}

.input-group .input-field+.input-field {
    margin-left: 5px;
    margin-right: 0
}

.input-group.input-field-names {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-group.input-field-names>* {
    width: calc(50% - .5rem)
}

.input-group__radios {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width:499px) {
    .input-group__radios {
        margin: 5px 0
    }

    .input-group__radios+.input--required {
        top: -8px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }
}

.input-group__radios .input-group__radio {
    cursor: pointer;
    position: relative;
    font-weight: 300;
    padding-left: 2em;
    margin-bottom: 0
}

.input-group__radios .input-group__radio span {
    font-size: .875em;
    font-weight: 400;
    line-height: .875em;
    letter-spacing: 2px;
    vertical-align: 0
}

@media only screen and (min-width:500px) {
    .input-group__radios .input-group__radio span {
        vertical-align: 0
    }
}

.input-group__radios .input-group__radio input[type=radio] {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 1.25em;
    height: 1.25em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    border: 0;
    vertical-align: top;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: rgba(0, 0, 0, 0)
}

.input-group__radios .input-group__radio input[type=radio]:after,
.input-group__radios .input-group__radio input[type=radio]:before {
    position: absolute;
    content: "";
    pointer-events: none;
    visibility: visible
}

.input-group__radios .input-group__radio input[type=radio]:before {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid #000;
    -webkit-transition: border-color .2s;
    -o-transition: border-color .2s;
    transition: border-color .2s;
    border-radius: 50%
}

.input-group__radios .input-group__radio input[type=radio]:after {
    top: 50%;
    left: 50%;
    width: .625em;
    height: .625em;
    opacity: 0;
    background-color: var(--color_links_hover);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%
}

.input-group__radios .input-group__radio input[type=radio]:checked:after {
    opacity: 1
}

@media only screen and (max-width:499px) {
    .input-group__radios .input-group__radio {
        margin: 5px 0
    }
}

.input-group__radios .input-group__radio+.input-group__radio {
    margin-left: 1.5625em
}

.form--small .input-group>input[type=email],
.form--small .input-group>input[type=email]+.input-group__btn {
    border-bottom: 1px solid currentColor;
    border-radius: 0
}

.form--small .input-group>input[type=email]+.input-group__btn {
    background: 0 0 !important;
    color: currentColor !important
}

.input-group__btn {
    white-space: nowrap
}

.input-group__btn .btn,
.input-group__btn button {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0
}

.input-group__btn .btn i,
.input-group__btn .btn svg,
.input-group__btn button i,
.input-group__btn button svg {
    margin-left: 5px;
    height: 14px;
    width: 14px;
    top: -.125em;
    position: relative;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: -webkit-transform .4s cubic-bezier(.5, 0, 0, 1);
    -o-transition: transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: transform .4s cubic-bezier(.5, 0, 0, 1);
    transition: transform .4s cubic-bezier(.5, 0, 0, 1), -webkit-transform .4s cubic-bezier(.5, 0, 0, 1)
}

.input-group__btn .btn:hover i,
.input-group__btn .btn:hover svg,
.input-group__btn button:hover i,
.input-group__btn button:hover svg {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px)
}

label {
    display: block;
    color: rgb(var(--color_text));
    font-size: 12px;
    padding: 0;
    position: relative;
    -webkit-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    transition: all .15s ease-in;
    opacity: 1;
    z-index: 1;
    min-height: initial !important
}

label.label--hidden {
    position: absolute;
    height: 0;
    width: 0;
    margin-bottom: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px)
}

input[type=color],
input[type=date],
input[type=email],
input[type=tel],
input[type=text] {
    min-height: 48px
}

.form--border input[type=color],
.form--border input[type=date],
.form--border input[type=email],
.form--border input[type=tel],
.form--border input[type=text] {
    background: #fff;
    border: 1px solid rgb(var(--color_primary))
}

.form--dashed input[type=color],
.form--dashed input[type=date],
.form--dashed input[type=email],
.form--dashed input[type=tel],
.form--dashed input[type=text] {
    background: #fff;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(var(--color_primary))), color-stop(50%, rgb(var(--color_primary))), color-stop(0, transparent));
    background-image: -o-linear-gradient(left, rgb(var(--color_primary)) 0, rgb(var(--color_primary)) 50%, transparent 0);
    background-image: linear-gradient(90deg, rgb(var(--color_primary)) 0, rgb(var(--color_primary)) 50%, transparent 0);
    background-size: 1.125em .0625rem;
    background-repeat: repeat-x;
    background-position: 100% 98%
}

#contact_form .input-group__btn button[type=submit] {
    color: inherit;
    background: rgba(0, 0, 0, 0);
    font-size: var(--body__size)
}

#contact_form .input-group__btn button[type=submit]:hover {
    color: inherit;
    background: rgba(0, 0, 0, 0)
}

.input-email-submit input {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.form--border .input-email-submit {
    border: 1px solid rgb(var(--color_primary));
    margin-bottom: 10px
}

.form--border .input-email-submit>* {
    margin-bottom: 0
}

.form--border .input-email-submit input {
    border: none
}

.form--background .input-email-submit {
    background-color: rgba(var(--color_primary), .05);
    border-radius: var(--radius)
}

.form--dashed .input-email-submit {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(var(--color_primary))), color-stop(50%, rgb(var(--color_primary))), color-stop(0, transparent));
    background-image: -o-linear-gradient(left, rgb(var(--color_primary)) 0, rgb(var(--color_primary)) 50%, transparent 0);
    background-image: linear-gradient(90deg, rgb(var(--color_primary)) 0, rgb(var(--color_primary)) 50%, transparent 0);
    background-size: 1.125em .0625rem;
    background-repeat: repeat-x;
    background-position: 100% 98%;
    margin-bottom: 10px
}

.form--dashed .input-email-submit>* {
    margin-bottom: 0
}

.form--dashed .input-email-submit input {
    background-image: none;
    background: 0 0
}

input[type=file] {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

input[type=file]::-webkit-file-upload-button {
    margin-right: 2rem;
    padding-block: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.section-container-title--image .section-title {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .1em;
    font-size: calc(1.5rem + 1*(100vw - 20rem)/ 100);
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    display: block;
    background-size: cover;
    -webkit-background-clip: text;
    background-clip: text;
    color: #212121;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media only screen and (min-width:1200px) {
    .section-container-title--image .section-title {
        font-size: 2.5rem;
        margin: 30px 0 0
    }
}

.horizontal-line,
.section-container-title.title--line .section-title:after,
.section-container-title.title--line .section-title:before {
    content: "";
    color: inherit;
    background-color: currentColor;
    height: 2px;
    position: absolute;
    top: calc(50% - 1px);
    width: 3rem
}

.section-container-title.title--line {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.section-container-title.title--line .section-title {
    display: inline-block;
    margin-bottom: 0;
    margin-top: 0;
    position: relative
}

.section-container-title.title--line .section-title:after,
.section-container-title.title--line .section-title:before {
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:500px) {
    .text-center .section-container-title.title--line .section-title {
        max-width: calc(100% - 120px)
    }

    .text-left .section-container-title.title--line .section-title,
    .text-right .section-container-title.title--line .section-title {
        max-width: calc(100% - 60px)
    }

    .text-center .section-container-title.title--line .section-title:before,
    .text-right .section-container-title.title--line .section-title:before {
        opacity: 1;
        visibility: visible;
        right: 100%;
        margin-right: 15px
    }

    .text-center .section-container-title.title--line .section-title:after,
    .text-left .section-container-title.title--line .section-title:after {
        opacity: 1;
        visibility: visible;
        left: 100%;
        margin-left: 15px
    }
}

@media only screen and (max-width:779px) {
    .md--text-center .section-container-title.title--line .section-title {
        max-width: calc(100% - 120px)
    }

    .md--text-left .section-container-title.title--line .section-title,
    .md--text-right .section-container-title.title--line .section-title {
        max-width: calc(100% - 60px)
    }

    .md--text-center .section-container-title.title--line .section-title:before,
    .md--text-right .section-container-title.title--line .section-title:before {
        opacity: 1;
        visibility: visible;
        right: 100%;
        margin-right: 15px
    }

    .md--text-center .section-container-title.title--line .section-title:after,
    .md--text-left .section-container-title.title--line .section-title:after {
        opacity: 1;
        visibility: visible;
        left: 100%;
        margin-left: 15px
    }
}

.section-container-text:not(:last-child),
.section-container-title:not(:last-child) {
    margin-bottom: 2rem
}

.section-container-divider .section-divider {
    margin: 10px 0;
    border-style: solid
}

.section-container-divider .section-divider:not(.divider_show) {
    border-style: none
}

.section-container-divider .section-divider.section-divider-width--small {
    width: 3rem
}

.section-container-divider .section-divider.section-divider-width--medium {
    width: 20vw
}

.section-container-divider .section-divider.section-divider-width--large {
    width: 40vw
}

.section-container-divider .section-divider.section-divider-depth--small {
    border-width: 2px 0 0
}

.section-container-divider .section-divider.section-divider-depth--medium {
    border-width: 4px 0 0
}

.section-container-divider .section-divider.section-divider-depth--large {
    border-width: 6px 0 0
}

.section-container-buttons.inline-flex a {
    margin-bottom: 10px
}

@media only screen and (min-width:500px) {
    .section-container-buttons.inline-flex a:first-of-type {
        margin-right: 15px
    }
}

.simpleParallax {
    height: 100%
}

.image-parallax,
image-parallax {
    width: 100%;
    -webkit-clip-path: inset(0);
    clip-path: inset(0)
}

.image--align .image-parallax,
.image--align image-parallax {
    position: absolute;
    height: 100%
}

.image-parallax img,
image-parallax img {
    position: fixed !important;
    top: 0;
    left: 0
}

.image_parallax,
image-parallax img {
    position: relative;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.price {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1em;
    gap: 1rem;
    letter-spacing: .1rem;
    color: var(--color_price_regular);
    line-height: var(--product_card_title__line_height)
}

@media only screen and (max-width:779px) {
    .price {
        line-height: var(--product_card_title_mob__line_height)
    }
}

.price.price-visibility-hidden>dl {
    display: none !important
}

.price.price--unavailable {
    visibility: hidden
}

.price dl {
    margin-block: 0
}

.price dt {
    margin: 0
}

.price dt:first-of-type:not(:only-of-type) {
    margin-right: 1rem
}

.price.flex-justify--center:not(.price--no-compare) .price__sale {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.price .price__regular {
    font-size: var(--product_card_title__size);
    line-height: calc(var(--product_card_title__size) + 4px)
}

@media only screen and (max-width:779px) {
    .price .price__regular {
        font-size: var(--product_card_title_mob__size);
        line-height: calc(var(--product_card_title_mob__size) + 4px)
    }
}

.price .price__regular .price-item--regular,
.price.price--on-sale .price-item--sale {
    font-weight: var(--price_font_weight)
}

.price .price__sale,
.price.price--no-compare .price__compare,
.price.price--on-sale .price__regular {
    display: none
}

.price.price--on-sale .price__sale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.price.price--on-sale .price__compare {
    opacity: .7
}

.price.price--on-sale .price-item--regular {
    text-decoration: line-through;
    color: var(--color_price_regular);
    font-size: calc(var(--product_card_title__size)*.85);
    line-height: calc(var(--product_card_title__size)*.85 + 4px)
}

.price.price--on-sale .price-item--sale {
    color: var(--color_price_sale);
    font-size: var(--product_card_title__size);
    line-height: calc(var(--product_card_title__size) + 4px)
}

.price .unit-price {
    font-size: 1.6rem;
    letter-spacing: .04rem;
    margin-block: 0;
    text-transform: uppercase;
    color: var(--color_price_regular)
}

@media only screen and (max-width:779px) {

    .price .price__regular,
    .price.price--on-sale .price-item--sale,
    .price.price--on-sale .price__sale {
        font-size: var(--product_card_title_mob__size)
    }

    .price.price--on-sale .price-item--regular {
        font-size: calc(var(--body__size)*.85);
        line-height: calc(var(--body__size) + 4px)
    }
}

.product-section .price .price__regular .price-item--regular {
    font-size: calc(var(--body__size)*1.75);
    line-height: calc(var(--body__size)*1.75 + 4px);
    letter-spacing: .13rem
}

.product-section .price.price--on-sale .price-item--sale,
.product-section .price.price--on-sale .price__sale {
    letter-spacing: .13rem;
    font-size: calc(var(--body__size)*1.75);
    line-height: calc(var(--body__size)*1.75 + 4px)
}

.product-section .price.price--on-sale .price-item--regular {
    letter-spacing: .13rem;
    font-size: calc(var(--body__size)*1.5);
    line-height: calc(var(--body__size)*1.5 + 4px)
}

@media only screen and (max-width:779px) {
    .product-section .price .price__regular .price-item--regular {
        font-size: calc(var(--body__size)*1.5);
        line-height: calc(var(--body__size)*1.5 + 4px)
    }

    .product-section .price.price--on-sale .price-item--sale,
    .product-section .price.price--on-sale .price__sale {
        font-size: calc(var(--body__size)*1.5);
        line-height: calc(var(--body__size)*1.5 + 4px)
    }

    .product-section .price.price--on-sale .price-item--regular {
        font-size: calc(var(--body__size)*1.25);
        line-height: calc(var(--body__size)*1.25 + 4px)
    }
}

.price--small .price__regular .price-item--regular,
.price--small.price--on-sale .price-item--sale {
    font-size: calc(var(--product_card_title_mob__size)*.85);
    line-height: calc(var(--product_card_title_mob__size)*.85 + 4px);
    letter-spacing: var(--product_card_title_mob__letter_spacing)
}

.price--small.price--on-sale .price-item--regular {
    line-height: calc(var(--product_card_title_mob__line_height)*.7)
}

.product-section .price--small .price__regular .price-item--regular,
.product-section .price--small.price--on-sale .price-item--sale {
    font-size: calc(var(--body__size)*1.5);
    line-height: calc(var(--body__size)*1.5 + 4px)
}

.product-section .price--small.price--on-sale .price-item--regular {
    font-size: calc(var(--body__size)*1.125);
    line-height: calc(var(--body__size)*1.125 + 4px)
}

@media only screen and (min-width:500px) {

    .price--small .price__regular .price-item--regular,
    .price--small.price--on-sale .price-item--sale {
        font-size: calc(var(--product_card_title__size)*.85);
        line-height: calc(var(--product_card_title__size)*.85 + 4px)
    }

    .price--small.price--on-sale .price-item--regular {
        font-size: calc(var(--product_card_title__size)*.7);
        line-height: calc(var(--product_card_title__size)*.7 + 4px)
    }

    .product-section .price--small .price__regular .price-item--regular,
    .product-section .price--small.price--on-sale .price-item--sale {
        font-size: calc(var(--body__size)*1.5);
        line-height: calc(var(--body__size)*1.5 + 4px)
    }

    .product-section .price--small.price--on-sale .price-item--regular {
        font-size: calc(var(--body__size)*1.25);
        line-height: calc(var(--body__size)*1.25 + 4px)
    }
}

.price--large .price__regular .price-item--regular,
.price--large.price--on-sale .price-item--sale {
    font-size: calc(var(--product_card_title_mob__size)*1.2);
    line-height: calc(var(--product_card_title_mob__size)*1.2 + 4px)
}

.price--large.price--on-sale .price-item--regular {
    font-size: calc(var(--product_card_title_mob__size));
    line-height: calc(var(--product_card_title_mob__size) + 4px)
}

.product-section .price--large .price__regular .price-item--regular,
.product-section .price--large.price--on-sale .price-item--sale {
    font-size: calc(var(--body__size)*2);
    line-height: calc(var(--body__size)*2 + 4px)
}

.product-section .price--large.price--on-sale .price-item--regular {
    font-size: calc(var(--body__size)*1.5);
    line-height: calc(var(--body__size)*1.5 + 4px)
}

@media only screen and (min-width:500px) {

    .price--large .price--on-sale .price-item--sale,
    .price--large .price__regular .price-item--regular {
        font-size: calc(var(--product_card_title__size)*1.2);
        line-height: calc(var(--product_card_title__size)*1.2 + 4px)
    }

    .price--large .price--on-sale .price-item--regular {
        font-size: calc(var(--product_card_title__size));
        line-height: calc(var(--product_card_title__size) + 4px)
    }

    .product-section .price--large .price__regular .price-item--regular,
    .product-section .price--large.price--on-sale .price-item--sale {
        font-size: calc(var(--body__size)*2.25);
        line-height: calc(var(--body__size)*2.25 + 4px)
    }

    .product-section .price--large.price--on-sale .price-item--regular {
        font-size: calc(var(--body__size)*1.75);
        line-height: calc(var(--body__size)*1.75 + 4px)
    }
}

.media-with-text-section .page-width {
    background: var(--page-width-background)
}

.media-with-text-section .page-width>.inline-flex>.flex__item .block--padding {
    padding: 4rem
}

.media-with-text-section .page-width>.inline-flex.flex-align--stretch>.flex__item>div {
    height: 100%
}

.media-with-text-section .page-width>.inline-flex.gutters--fine:not(.grid-cols)>.flex__item>[id^=block]:not(:only-of-type, :last-child) {
    margin-bottom: 1px
}

.media-with-text-section .page-width>.inline-flex.gutters--medium:not(.grid-cols)>.flex__item [id^=block]:not(:only-of-type, :last-child) {
    margin-bottom: 1.5rem
}

.media-with-text-section .page-width>.inline-flex.gutters--thick:not(.grid-cols)>.flex__item [id^=block]:not(:only-of-type, :last-child) {
    margin-bottom: 3rem
}

.media-with-text-section .page-width>.inline-flex .image--natural {
    height: 100% !important
}

.media-with-text-section .page-width:has(.image__placement--top) {
    margin-top: 4rem
}

@media only screen and (max-width:779px) {
    .media-with-text-section .page-width:has(.image__placement--top) {
        margin-top: 2rem
    }
}

.media-with-text-section .page-width:has(.image__placement--bottom) {
    margin-bottom: 4rem
}

@media only screen and (max-width:779px) {
    .media-with-text-section .page-width:has(.image__placement--bottom) {
        margin-bottom: 2rem
    }
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom) {
    margin-bottom: calc((var(--padding) + 1rem)*-1)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom)>* {
    margin-top: calc(var(--padding) + 1rem)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom):nth-child(1)>*,
.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom):nth-child(3)>* {
    margin-left: calc(var(--padding) + 1rem)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom):nth-child(2)>*,
.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom):nth-child(4)>* {
    margin-right: calc(var(--padding) + 1rem)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top) {
    margin-top: calc((var(--padding) + 1rem)*-1);
    margin-bottom: 0
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top)>* {
    margin-bottom: calc(var(--padding) + 2rem)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top):nth-child(1)>*,
.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top):nth-child(3)>* {
    margin-left: calc(var(--padding) + 1rem)
}

.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top):nth-child(2)>*,
.media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top):nth-child(4)>* {
    margin-right: calc(var(--padding) + 1rem)
}

.media-with-text-section .deferred-media {
    aspect-ratio: initial !important
}

.media-with-text-section .image-container {
    border-radius: calc(var(--radius)*.6)
}

@media only screen and (min-width:780px) {
    .media-with-text-section .page-width:has(.image__placement--bottom)>.inline-flex>.flex__item:nth-child(3) {
        margin-top: 4rem
    }
}

@media only screen and (max-width:779px) {
    .media-with-text-section .page-width>.inline-flex>.flex__item:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:nth-child(3) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .media-with-text-section .flex-reverse-mob-1>.flex__item:nth-child(1) {
        -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
        order: 2 !important
    }

    .media-with-text-section .flex-reverse-mob-1>.flex__item:nth-child(2) {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important
    }

    .media-with-text-section .flex-reverse-mob-2>.flex__item:nth-child(3) {
        -webkit-box-ordinal-group: 5 !important;
        -ms-flex-order: 4 !important;
        order: 4 !important
    }

    .media-with-text-section .flex-reverse-mob-2>.flex__item:nth-child(4) {
        -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
        order: 3 !important
    }

    .media-with-text-section .page-width:has(.image__placement--top) {
        background: 0 0
    }

    .media-with-text-section .page-width:has(.image__placement--top) .block__image {
        width: 50%;
        margin-left: calc(var(--padding) + 1rem);
        margin-top: -2rem
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top) {
        background: var(--page-width-background);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 2rem
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--top)>:last-child:not(:only-child) {
        margin-bottom: 0
    }

    .media-with-text-section .page-width:has(.image__placement--bottom) {
        background: 0 0
    }

    .media-with-text-section .page-width:has(.image__placement--bottom) .block__image {
        width: 50%;
        margin-left: calc(var(--padding) + 1rem);
        margin-bottom: -2rem
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom) {
        background: var(--page-width-background);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-bottom: 2rem
    }

    .media-with-text-section .page-width>.inline-flex>.flex__item:has(.image__placement--bottom)>:first-child:not(:only-child) {
        margin-top: 0
    }
}

.text-image-columns .flex__item .flex.flex--column {
    padding: 10px
}

.text-image-columns .image-container {
    border-radius: calc(var(--radius)*.6)
}

.newsletter-1 .image-container {
    position: absolute;
    top: 0;
    left: 0
}

.newsletter-1 .image-container~* {
    position: relative
}

.newsletter-2 .section-blocks>* {
    position: relative
}

.newsletter-2 .deferred-media__poster {
    outline: 0;
    background: rgba(0, 0, 0, 0);
    border: none
}

.newsletter-2 .deferred-media__poster-button {
    position: absolute;
    z-index: 1;
    top: 80%
}

.newsletter-2 .deferred-media__poster-button svg {
    position: relative;
    color: rgb(var(--color_primary));
    border: 1px solid rgb(var(--color_secondary));
    border-radius: 50px;
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 0 0 25px 5px rgba(0, 0, 0, .5);
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, .5)
}

.newsletter-2 .content--overlay {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.newsletter-2 .content--overlay * {
    margin: 0
}

.newsletter-2 .content--overlay *+div {
    margin-top: 10px
}

#PopupNewsletter .form_container form,
.newsletter-1 .form_container form,
.newsletter-2 .form_container form {
    max-width: initial !important;
    padding-inline: 0 !important;
    margin-top: 2rem
}

#PopupNewsletter .form_container form .input-email-submit,
.newsletter-1 .form_container form .input-email-submit,
.newsletter-2 .form_container form .input-email-submit {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

#PopupNewsletter .form_container form input[type=email],
.newsletter-1 .form_container form input[type=email],
.newsletter-2 .form_container form input[type=email] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 270px;
    width: 60%;
    background: rgba(0, 0, 0, 0);
    margin-bottom: 0
}

#PopupNewsletter .form_container form .input-group__btn,
.newsletter-1 .form_container form .input-group__btn,
.newsletter-2 .form_container form .input-group__btn {
    background: 0 0 !important;
    color: currentColor !important;
    border-radius: 0;
    margin-bottom: 0;
    position: relative
}

#PopupNewsletter .form_container form .input-group__btn:before,
.newsletter-1 .form_container form .input-group__btn:before,
.newsletter-2 .form_container form .input-group__btn:before {
    content: "";
    position: absolute;
    left: 0;
    height: 60%;
    background: currentColor;
    color: inherit;
    width: 2px;
    top: 50%;
    translate: 0 -50%;
    opacity: .6;
    border-radius: 50%
}

#PopupNewsletter .form_container.text-center form,
.newsletter-1 .form_container.text-center form,
.newsletter-2 .form_container.text-center form {
    margin-inline: auto
}

.faq-2-section .faq__separator:not(:first-child),
.faq-section .faq__separator:not(:first-child) {
    margin-top: 1.2em
}

.faq-2-section .tracking-genie .btn--narrow,
.faq-section .tracking-genie .btn--narrow {
    border-top-left-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
    margin-top: 10px
}

.faq-2-section deferred-media,
.faq-section deferred-media {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    aspect-ratio: 16/9
}

.faq-2-section deferred-media iframe,
.faq-2-section deferred-media video,
.faq-section deferred-media iframe,
.faq-section deferred-media video {
    -o-object-fit: contain;
    object-fit: contain
}

.faq-2-section .product-info--media-video,
.faq-section .product-info--media-video {
    aspect-ratio: 16/9;
    width: min(50%, 600px)
}

.faq-2-section .faq__answer,
.faq-section .faq__answer {
    overflow: hidden;
    position: relative
}

@media only screen and (min-width:500px) {

    .faq-2-section .faq__answer.inline-flex,
    .faq-section .faq__answer.inline-flex {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .faq-2-section .faq__answer.inline-flex>:not(:only-child):first-child,
    .faq-section .faq__answer.inline-flex>:not(:only-child):first-child {
        width: 33.33%
    }

    .faq-2-section .faq__answer.inline-flex>:not(:only-child):last-child,
    .faq-section .faq__answer.inline-flex>:not(:only-child):last-child {
        width: 66.66%;
        padding-left: 2rem
    }
}

.faq-2-section .faq__answer.text-right .product-info--media-video,
.faq-section .faq__answer.text-right .product-info--media-video {
    margin-left: auto
}

.faq-2-section .faq__answer.text-center .product-info--media-video,
.faq-section .faq__answer.text-center .product-info--media-video {
    margin-inline: auto
}

details[link-collapsing] summary::-webkit-details-marker {
    display: none
}

details[link-collapsing]>summary {
    -webkit-transition: margin 150ms ease-out;
    -o-transition: margin 150ms ease-out;
    transition: margin 150ms ease-out;
    padding-block: var(--body__size)
}

details[link-collapsing]>summary svg {
    width: 16px;
    height: 16px
}

details[link-collapsing]>summary svg+span {
    margin-left: 1rem
}

details[link-collapsing]>summary>* {
    color: rgb(var(--color, var(--color_text)));
    vertical-align: middle;
    margin-bottom: 0
}

details[link-collapsing]>.link_collapsing_content {
    padding-block: 1.5rem;
    color: var(--content-color);
    background-color: var(--bg-content, transparent);
    border-radius: var(--radius)
}

details[link-collapsing]:not([data-mobile-only=true])>summary {
    cursor: pointer;
    position: relative;
    padding-right: 2.5rem
}

details[link-collapsing]:not([data-mobile-only=true])>summary .icon-caret {
    position: absolute;
    height: 24px;
    width: 24px;
    padding: .8rem;
    right: 0rem;
    top: 50%;
    translate: 0 -50%;
    fill: currentColor;
    border-radius: 100%;
    background: rgb(var(--color, var(--color_text)), .1);
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    -o-transition: transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

details[link-collapsing]:not([data-mobile-only=true]):not(.p-15)>.link_collapsing_content.p-15 {
    margin-block: 15px
}

details[link-collapsing]:not([data-mobile-only=true]):not(.p-15)>summary {
    border-bottom: 1px solid rgba(var(--color, --color_text), .1)
}

details[link-collapsing]:not([data-mobile-only=true]).p-15>.link_collapsing_content.p-15 {
    margin-top: 15px
}

details[link-collapsing]:not([data-mobile-only=true]):hover>summary .icon-caret,
details[link-collapsing]:not([data-mobile-only=true])[open]>summary .icon-caret {
    background: rgb(var(--color, var(--color_text)));
    color: rgb(var(--background, var(--color_bg)))
}

details[link-collapsing]:not([data-mobile-only=true])[open]:not(.p-15) {
    border-bottom: 1px solid rgba(var(--color, --color_text), .1)
}

details[link-collapsing]:not([data-mobile-only=true])[open]>summary .icon-caret {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media only screen and (min-width:780px) {
    details[link-collapsing][data-mobile-only=true]:not([open])>.link_collapsing_content {
        display: block
    }

    details[link-collapsing][data-mobile-only=true]>summary {
        pointer-events: none
    }

    details[link-collapsing][data-mobile-only=true]>summary svg {
        display: none
    }
}

@media only screen and (max-width:779px) {
    details[link-collapsing][data-mobile-only=true]>summary {
        cursor: pointer;
        position: relative;
        padding-right: 2.5rem
    }

    details[link-collapsing][data-mobile-only=true]>summary .icon-caret {
        position: absolute;
        height: 24px;
        width: 24px;
        padding: .8rem;
        right: 0rem;
        top: 50%;
        translate: 0 -50%;
        fill: currentColor;
        border-radius: 100%;
        background: rgb(var(--color, var(--color_text)), .1);
        -webkit-transition: -webkit-transform .2s ease-in;
        transition: -webkit-transform .2s ease-in;
        -o-transition: transform .2s ease-in;
        transition: transform .2s ease-in;
        transition: transform .2s ease-in, -webkit-transform .2s ease-in
    }

    details[link-collapsing][data-mobile-only=true]:not(.p-15)>.link_collapsing_content.p-15 {
        margin-block: 15px
    }

    details[link-collapsing][data-mobile-only=true]:not(.p-15)>summary {
        border-bottom: 1px solid rgba(var(--color, --color_text), .1)
    }

    details[link-collapsing][data-mobile-only=true].p-15>.link_collapsing_content.p-15 {
        margin-top: 15px
    }

    details[link-collapsing][data-mobile-only=true]:hover>summary .icon-caret,
    details[link-collapsing][data-mobile-only=true][open]>summary .icon-caret {
        background: rgb(var(--color, var(--color_text)));
        color: rgb(var(--background, var(--color_bg)))
    }

    details[link-collapsing][data-mobile-only=true][open]:not(.p-15) {
        border-bottom: 1px solid rgba(var(--color, --color_text), .1)
    }

    details[link-collapsing][data-mobile-only=true][open]>summary .icon-caret {
        -webkit-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
}

[read-more] {
    margin: 15px 0;
    display: block;
    cursor: pointer
}

[read-more] [data-fold],
[read-more] [data-unfold] {
    font-size: var(--body__size_mob)
}

@media only screen and (min-width:780px) {

    [read-more] [data-fold],
    [read-more] [data-unfold] {
        font-size: var(--body__size)
    }
}

[read-more][open] [data-unfold] {
    display: none
}

[read-more]:not([open]) [data-fold] {
    display: none
}

[read-more] .read_more_content {
    padding-top: 2.5rem
}

.pagination {
    text-align: center;
    width: inherit;
    margin: 0 40px
}

.pagination a:not(.btn, .btn--link) {
    color: rgb(var(--color_links))
}

.pagination a:not(.btn, .btn--link):focus,
.pagination a:not(.btn, .btn--link):hover {
    color: var(--color_links_hover)
}

.pagination .current {
    font-weight: var(--font_body__weight_bold);
    color: var(--color_heading)
}

.pagination .current,
.pagination a {
    display: inline-block;
    padding: 5px 10px
}

.h1,
.h1--mini,
h1 {
    margin-bottom: 0
}

.breadcrumb {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 70%;
    flex: 0 1 70%;
    margin: .5rem 0;
    padding: 0;
    font-size: 12px;
    overflow-wrap: anywhere
}

.breadcrumb a,
.breadcrumb div {
    color: rgb(var(--color_links))
}

.breadcrumb a:hover {
    color: var(--color_links_hover)
}

.breadcrumb svg {
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.breadcrumb a {
    text-decoration: none
}

@media only screen and (max-width:779px) {
    .breadcrumb {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

#QuickViewModal .breadcrumb li:last-child {
    cursor: pointer;
    pointer-events: auto
}

.article-pagination {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.article-pagination,
.breadcrumb-collection {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    margin-left: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    font-size: 12px
}

.article-pagination>*,
.breadcrumb-collection>* {
    vertical-align: middle
}

.article-pagination a,
.breadcrumb-collection a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.article-pagination .breadcrumb-divider,
.breadcrumb-collection .breadcrumb-divider {
    margin: 0 5px
}

.article-pagination .next-article svg,
.breadcrumb-collection .next-article svg {
    margin-left: 5px
}

.article-pagination .previous-article svg,
.breadcrumb-collection .previous-article svg {
    margin-right: 5px
}

.article-pagination svg,
.breadcrumb-collection svg {
    width: 10px;
    height: 10px;
    fill: rgb(var(--color_links))
}

@media only screen and (max-width:779px) {

    .article-pagination,
    .breadcrumb-collection {
        width: 100%;
        margin-left: initial;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.flag-container {
    position: relative
}

.flag-container .flag {
    background-repeat: no-repeat;
    background-size: 100% 49494%;
    display: inline-block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: var(--header_icon__size);
    height: var(--header_icon__size);
    border-radius: 4px;
    -webkit-filter: saturate(.75);
    filter: saturate(.75)
}

.flag-container .flag-tooltip {
    position: absolute;
    left: calc(100% + .5rem);
    top: 50%;
    background: rgb(var(--color_primary));
    color: rgb(var(--color_secondary));
    padding: 4px 8px;
    border-radius: 4px;
    border: 1px solid rgb(var(--color_secondary));
    opacity: 0;
    visibility: hidden;
    translate: 0 -50%;
    white-space: nowrap;
    z-index: 2;
    font-size: 12px;
    line-height: initial;
    text-transform: capitalize
}

.flag-container:hover .flag-tooltip {
    opacity: 1;
    visibility: visible
}

.localization-container:hover {
    position: relative;
    z-index: 1
}

back-top {
    cursor: pointer;
    position: fixed;
    z-index: 10;
    bottom: 90px;
    right: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    border-radius: 50px;
    opacity: .6;
    background: rgb(var(--color_primary));
    color: rgb(var(--color_secondary))
}

back-top svg {
    width: 14px !important;
    height: 14px !important
}

.loader {
    position: relative;
    height: 10rem;
    width: 100%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[type=submit] .loader {
    height: 2rem
}

.loader img,
.loader object,
.loader svg {
    position: absolute;
    left: 0;
    right: 0;
    display: block;
    margin: auto;
    text-align: center;
    width: 5rem;
    height: 5rem
}

.loader img.spinner,
.loader object.spinner,
.loader svg.spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    width: 3rem;
    height: 3rem
}

.loader img.spinner .path,
.loader object.spinner .path,
.loader svg.spinner .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    stroke: rgb(var(--color_primary));
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

.loader .pagination {
    width: inherit
}

.products_loaded {
    position: relative;
    height: 3rem;
    margin-top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.products_loaded .products_loaded_bar {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 5px;
    width: 20rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px;
    background: rgb(var(--color_secondary));
    -webkit-box-shadow: 0 0 .125rem .125rem rgba(var(--color_primary), .15);
    box-shadow: 0 0 .125rem .125rem rgba(var(--color_primary), .15)
}

.products_loaded .prodcuts_loaded_fill {
    height: 5px;
    border-radius: 10px;
    background: rgb(var(--color_primary));
    width: 0;
    position: absolute;
    -webkit-transition: width .4s ease .4s;
    -o-transition: width .4s ease .4s;
    transition: width .4s ease .4s;
    bottom: 0;
    left: 0
}

#loadMoreProducts {
    margin-top: 10px;
    cursor: pointer
}

@media only screen and (min-width:780px) {
    #productsGrid .collection__products {
        position: sticky;
        top: 16px
    }
}

#productsGrid .collection__products>.collection__product .card-style--overlay-full,
#productsGrid .collection__products>.collection__product .card-style--overlay-thin {
    height: auto
}

#productsGrid .collection__products>.flex__item:not(.collection__product) {
    border-radius: var(--radius);
    overflow: hidden
}

#productsGrid .collection__products>.flex__item:not(.collection__product)>* {
    height: calc(100% - 5px);
    position: relative;
    border-radius: var(--radius);
    overflow: hidden
}

#productsGrid .collection__products>.flex__item:not(.collection__product)>*>svg {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 1rem;
    right: 1rem;
    z-index: 1;
    opacity: .6
}

#productsGrid .collection__products>.flex__item:not(.collection__product)>.card-style--overlay-full>.article-card:nth-of-type(2),
#productsGrid .collection__products>.flex__item:not(.collection__product)>.card-style--overlay-thin>.article-card:nth-of-type(2) {
    position: absolute;
    height: auto !important;
    bottom: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    translate: 0 55%;
    -webkit-transition: translate .2s ease-in-out;
    -o-transition: translate .2s ease-in-out;
    transition: translate .2s ease-in-out
}

#productsGrid .collection__products>.flex__item:not(.collection__product)>.card-style--overlay-full:hover>.article-card:nth-of-type(2),
#productsGrid .collection__products>.flex__item:not(.collection__product)>.card-style--overlay-thin:hover>.article-card:nth-of-type(2) {
    translate: 0 0
}

#productsGrid .collection__products>.flex__item:not(.collection__product) .article__info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(255, 255, 255, .6)
}

#productsGrid .collection__products>.flex__item:not(.collection__product) .article__title {
    font-size: var(--product_card_title__size);
    font-weight: var(--product_card_title__weight);
    line-height: var(--product_card_title__line_height);
    letter-spacing: var(--product_card_title__letter_spacing);
    text-transform: var(--product_card_title__transform);
    color: var(--product_card__overlay_infos);
    font-style: normal
}

.loading-overlay {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    padding: 0 5rem;
    z-index: 1;
    background-color: rgba(var(--color_secondary), .7)
}

.loading-overlay .loading-overlay__spinner {
    width: 3rem;
    display: inline-block
}

.loading-overlay .spinner {
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite;
    width: 3rem;
    height: 3rem
}

.loading-overlay .spinner .path {
    stroke-dasharray: 280;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    stroke: rgb(var(--color_primary));
    -webkit-animation: dash 1.4s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite
}

@media only screen and (max-width:779px) {
    .loading-overlay {
        top: 0;
        right: 0
    }
}

@media only screen and (min-width:780px) {
    .loading-overlay {
        left: 0
    }
}

.loading .loading-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 280
    }

    50% {
        stroke-dashoffset: 75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    100% {
        stroke-dashoffset: 280;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.bloc_badges>.inline-flex {
    height: auto;
    color: inherit;
    row-gap: 10px
}

.bloc_badges>.inline-flex>.flex__item {
    color: inherit;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 1.5rem
}

.bloc_badges>.inline-flex>.flex__item span {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.bloc_badges>.inline-flex>.flex__item.lu--one-half:not(:nth-last-child(-n+2)) {
    margin-bottom: 1rem
}

.bloc_badges>.inline-flex>.flex__item.lu--one-whole:not(:last-child) {
    margin-bottom: 1rem
}

.bloc_badges>.inline-flex>.flex__item .image-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bloc_badges>.inline-flex>.flex__item i,
.bloc_badges>.inline-flex>.flex__item img,
.bloc_badges>.inline-flex>.flex__item svg {
    color: inherit;
    fill: currentColor;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 30%;
    flex: 1 0 30%;
    max-width: 4rem;
    height: 4rem;
    text-align: center;
    font-size: 24px;
    line-height: 30px
}

.bloc_badges>.inline-flex .image-container {
    width: initial
}

.bloc_badges>.inline-flex.icons--small i,
.bloc_badges>.inline-flex.icons--small img,
.bloc_badges>.inline-flex.icons--small svg {
    max-width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 18px
}

.bloc_badges>.inline-flex.icons--medium i,
.bloc_badges>.inline-flex.icons--medium img,
.bloc_badges>.inline-flex.icons--medium svg {
    max-width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 30px
}

.bloc_badges>.inline-flex.icons--large i,
.bloc_badges>.inline-flex.icons--large img,
.bloc_badges>.inline-flex.icons--large svg {
    max-width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 38px
}

@-webkit-keyframes productCardSlider {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

@keyframes productCardSlider {
    0% {
        width: 0%
    }

    100% {
        width: 100%
    }
}

.product-card {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: rgb(var(--color_bg));
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background: var(--product_card__bg);
    color: var(--product_card__overlay_infos);
    border-color: rgb(var(--color_primary));
    border-style: solid;
    border-width: var(--product_card__border);
    border-radius: var(--radius)
}

.product-card.product-card--placeholder {
    height: 100%
}

.product-card:focus,
.product-card:hover {
    color: var(--product_card__overlay_infos)
}

.product-card:focus {
    z-index: 2
}

.product-card .product-card-link {
    width: inherit;
    height: 100%;
    display: block;
    text-decoration: none;
    color: var(--product_card__overlay_infos)
}

.product-card .product-card-link.product-card-image-wrapper {
    height: auto
}

.product-card .product_image {
    position: relative;
    background: var(--product_card__image_bg);
    overflow: hidden
}

.product-card .product_image.product-card__image-padding {
    padding: 10px
}

.product-card .product_image .product-card__image-container {
    display: block;
    margin: 0 auto
}

.product-card .product_image .product-card__image-container .product-card__image-wrapper {
    overflow: hidden;
    margin: 0 auto;
    max-width: 100%;
    width: auto
}

.product-card .product_image .product-card__image-container .product-card__image-wrapper .image-container img {
    -webkit-transition: all var(--product_card__hover_delay) ease-in-out;
    -o-transition: all var(--product_card__hover_delay) ease-in-out;
    transition: all var(--product_card__hover_delay) ease-in-out
}

.product-card .product-card__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: auto
}

.product-card .product-card__footer>:only-child {
    width: 100%
}

@media only screen and (min-width:500px) {
    .product-card .product-card__footer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        margin-top: auto
    }
}

.product-card .loox-rating:empty {
    display: none
}

.product-card .product__card__image--secondary_image.media-hover img.secondary {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.product-card .product-card__footer:not(:empty):not(:last-child),
.product-card .product-card__name:not(:empty):not(:last-child),
.product-card .product-card__type:not(:empty):not(:last-child) {
    margin-bottom: .35rem
}

.product-card product-form {
    max-width: 100%;
    width: 100%
}

.product-card product-form.product__card_atc--overlay_padding,
.product-card product-form.product__card_atc--under_padding {
    padding: 0 10px 10px
}

.product-card product-form .product-form__submit {
    max-width: initial;
    padding-block: 1rem
}

.product-card .product_card__info_container {
    position: relative
}

.product-card .product__card_atc--overlay_media .btn--atc {
    background: rgba(var(--color_btn_atc), .6)
}

.product-card .product__card_atc--overlay_media,
.product-card>.product__card_atc--overlay_full,
.product-card>.product__card_atc--overlay_padding {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.product-card product-card-slider {
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in;
    background: rgb(var(--color_secondary))
}

.product-card product-card-slider:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 0;
    background: rgb(var(--color_primary));
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-duration: calc(1s*var(--product_card__media));
    animation-duration: calc(1s*var(--product_card__media))
}

.product-card:hover .product__card__image--secondary_image.media-hover img.first {
    opacity: 0;
    z-index: 0
}

.product-card:hover .product__card__image--secondary_image.media-hover img.secondary {
    z-index: 1;
    opacity: 1
}

.product-card:hover .product__card__image--zoom img.first,
.product-card:hover .product__card__image--zoom img.secondary {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.product-card:hover .product__card__image--zoom .image-container.image--contain img.first,
.product-card:hover .product__card__image--zoom .image-container.image--contain img.secondary,
.product-card:hover .product__card__image--zoom .image-container.image--cover img.first,
.product-card:hover .product__card__image--zoom .image-container.image--cover img.secondary {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.product-card:hover .product__card_atc--overlay_media,
.product-card:hover>.product__card_atc--overlay_full,
.product-card:hover>.product__card_atc--overlay_padding {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.product-card:hover product-card-slider {
    opacity: 1;
    visibility: visible
}

.product-card:hover product-card-slider:before {
    -webkit-animation-name: productCardSlider;
    animation-name: productCardSlider
}

@media only screen and (max-width:1199px) {
    .product-card>.product__card_atc--overlay {
        opacity: 1;
        position: relative;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.product-card .product-card__info {
    position: relative;
    width: inherit;
    padding: 10px;
    -webkit-transition: opacity .2s ease-in;
    -o-transition: opacity .2s ease-in;
    transition: opacity .2s ease-in
}

.product-card .product-card__info .product-card__availability,
.product-card .product-card__info .product-card__brand,
.product-card .product-card__info .product-card__name {
    position: relative;
    z-index: 3
}

.product-card .product-card__info .product-card__type {
    color: var(--product_card__overlay_infos)
}

.product-card .product-card__info .product-card__vendor {
    color: var(--color_price_regular)
}

.product-card .product-card__info .product-card__availability {
    font-size: calc(var(--body__size)*1em);
    color: var(--color_price_sale)
}

.product-card>:not(.product-card--overlay)>.product-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 100%
}

.product-card .product_rating.text-center {
    padding: 0 10px
}

.product-card .product_card__variant_tag {
    position: absolute;
    bottom: 0 !important;
    left: 0;
    z-index: 2;
    background-color: var(--product_card__variants_bg-neutral);
    background-color: var(--product_card__variants_bg);
    color: var(--product_card__variants_text);
    padding: 10px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    border-top-right-radius: var(--radius);
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden
}

.product-card .yotpo-bottomline a {
    display: none
}

.product-card__name~.product_card__variant_tag {
    position: relative;
    padding-block: 0;
    margin-bottom: 5px
}

.product-card__name~.product_card__variant_tag.has-background {
    padding-inline: 6px
}

.product-card__name~.product_card__variant_tag:not(.has-background) {
    padding-inline: 0;
    background-color: rgba(0, 0, 0, 0)
}

.product-card__name {
    white-space: normal;
    position: relative;
    width: 100%
}

.product-card__name>* {
    font-size: var(--product_card_title__size);
    font-weight: var(--product_card_title__weight);
    line-height: var(--product_card_title__line_height);
    letter-spacing: var(--product_card_title__letter_spacing);
    text-transform: var(--product_card_title__transform);
    color: var(--product_card__overlay_infos);
    font-style: normal
}

@media only screen and (max-width:779px) {
    .product-card__name>* {
        font-size: var(--product_card_title_mob__size);
        font-weight: var(--product_card_title_mob__weight);
        line-height: var(--product_card_title_mob__line_height);
        letter-spacing: var(--product_card_title_mob__letter_spacing);
        text-transform: var(--product_card_title_mob__transform)
    }
}

.product-card__name .title_troncate {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.product__labels {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.product__labels--top-left {
    top: 15px;
    left: 0
}

.product__labels--top-right {
    top: 15px;
    right: 0
}

.product__labels--bottom-left {
    bottom: 15px;
    left: 0
}

.product__labels--bottom-right {
    bottom: 15px;
    right: 0
}

.product-card .product__labels {
    position: absolute
}

.product-card .product__labels--bottom-right,
.product-card .product__labels--top-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.product-card .product__labels--bottom-left,
.product-card .product__labels--top-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.product-section .product__labels {
    position: relative;
    top: initial;
    left: initial;
    right: initial;
    bottom: initial
}

.product__labels>* {
    display: table;
    padding: 4px 6px;
    margin-bottom: 5px
}

.product__labels>* span {
    text-transform: uppercase;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 10px
}

.product-tag {
    text-align: center;
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary));
    font-size: calc(var(--body__size)*.85);
    border: 1px solid rgb(var(--color_primary));
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.product-tag.item-reduction {
    display: block;
    margin: 5px 0 5px 10px
}

@media only screen and (max-width:779px) {
    .product-tag {
        font-size: calc(var(--body_mob__size)*.85)
    }
}

.product-tag.product-tag--absolute-bottom-left,
.product-tag.product-tag--absolute-bottom-right,
.product-tag.product-tag--absolute-top-left,
.product-tag.product-tag--absolute-top-right {
    position: absolute;
    z-index: 1
}

.product-tag.product-tag--sober {
    padding: 2px 5px
}

.product-tag.product-tag--sober.product-tag--absolute-top-left {
    top: var(--product_card__border);
    left: var(--product_card__border);
    border-top-left-radius: var(--radius)
}

.product-tag.product-tag--sober.product-tag--absolute-bottom-left {
    bottom: var(--product_card__border);
    left: var(--product_card__border);
    border-bottom-left-radius: var(--radius)
}

.product-tag.product-tag--sober.product-tag--absolute-top-right {
    top: var(--product_card__border);
    right: var(--product_card__border);
    border-top-right-radius: var(--radius)
}

.product-tag.product-tag--sober.product-tag--absolute-bottom-right {
    bottom: var(--product_card__border);
    right: var(--product_card__border);
    border-bottom-right-radius: var(--radius)
}

.product-tag.product-tag--round {
    padding: 2px 8px;
    border-radius: 50px
}

.product-tag.product-tag--round.product-tag--absolute-top-left {
    top: 1rem;
    left: 0;
    border-radius: var(--radius) 50px 50px 0
}

.product-tag.product-tag--round.product-tag--absolute-bottom-left {
    bottom: 1rem;
    left: 0;
    border-radius: 0 50px 50px var(--radius)
}

.product-tag.product-tag--round.product-tag--absolute-top-right {
    top: 1rem;
    right: 0;
    border-radius: 50px var(--radius) 0 50px
}

.product-tag.product-tag--round.product-tag--absolute-bottom-right {
    bottom: 1rem;
    right: 0;
    border-radius: 50px 0 var(--radius) 50px
}

.product-tag.product-tag--catchy {
    border: 1px solid #fff;
    color: #fff;
    padding: 2px 8px;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: loaderGradient;
    animation-name: loaderGradient;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    background: -o-linear-gradient(315deg, rgb(var(--color_primary)) 36%, #eee 37%, rgb(var(--color_primary)) 38%);
    background: linear-gradient(135deg, rgb(var(--color_primary)) 36%, #eee 37%, rgb(var(--color_primary)) 38%);
    background-size: 500px 320px
}

.product-tag.product-tag--catchy.product-tag--absolute-top-left {
    top: 1rem;
    left: 0;
    border-top-left-radius: var(--radius)
}

.product-tag.product-tag--catchy.product-tag--absolute-bottom-left {
    bottom: 1rem;
    left: 0;
    border-bottom-left-radius: var(--radius)
}

.product-tag.product-tag--catchy.product-tag--absolute-top-right {
    top: 1rem;
    right: 0;
    border-top-right-radius: var(--radius)
}

.product-tag.product-tag--catchy.product-tag--absolute-bottom-right {
    bottom: 1rem;
    right: 0;
    border-bottom-right-radius: var(--radius)
}

.product-card--overlay {
    position: absolute;
    z-index: 2;
    width: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 1rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    background: var(--product_card__overlay_bg) !important
}

@media only screen and (min-width:780px) {
    .product-card--overlay {
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px)
    }
}

.product-card--overlay .product-card-link {
    height: auto
}

.product-card:hover .product-card--overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.product-card--overlay.product-card--variants--count {
    padding: 0
}

.product-card--overlay.product-card--variants--count:not(.product-card--overlay-variants) {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (min-width:500px) {
    .product-card--overlay.product-card--overlay-thin:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: -5px;
        left: -5px;
        right: -5px;
        width: calc(100% + 10px);
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
        box-shadow: 0 0 5px rgba(0, 0, 0, .4);
        z-index: -1
    }
}

.product-card--overlay.product-card--overlay-full {
    top: 0;
    height: 100%
}

.product-card--overlay.product-card--overlay-full .product-card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width:780px) {

    .product-card--overlay .product-card-link .h6,
    .product-card--overlay .product-card-link div,
    .product-card--overlay .product-card-link s,
    .product-card--overlay .product-card-link span {
        color: var(--product_card__overlay_infos)
    }
}

@media only screen and (max-width:779px) {
    .product-card--overlay {
        position: relative;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        padding: 0;
        height: 100%
    }

    .product-card--overlay .product-card-link {
        -webkit-box-pack: left !important;
        -ms-flex-pack: left !important;
        justify-content: left !important;
        height: 100%
    }

    .product-card--overlay product-form {
        width: 100%
    }
}

.swatch {
    cursor: pointer
}

.swatch .clearfix {
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-right: 10px
}

@media only screen and (max-width:499px) {
    .swatch .clearfix {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.swatch .swatch-element {
    border: #e2e2e2 1px solid;
    min-width: 40px;
    min-height: 40px;
    outline: 0;
    float: left;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 8px 8px 4px 0;
    position: relative
}

@media only screen and (max-width:499px) {
    .swatch .swatch-element:last-of-type {
        margin-right: 0
    }
}

.swatch .swatch-element.swatch--active {
    border-color: #000;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.swatch .swatch-element.soldout .crossed-out {
    display: block;
    height: 100%;
    width: 100%;
    pointer-events: none;
    -o-object-fit: fill;
    object-fit: fill
}

.swatch .swatch-element.soldout label {
    filter: alpha(opacity=60);
    -khtml-opacity: .6;
    -moz-opacity: .6;
    opacity: .6
}

.swatch .swatch-element .crossed-out {
    display: none
}

.swatch input {
    display: none
}

.swatch label {
    float: left;
    min-width: 40px;
    height: 40px;
    margin: 0;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    white-space: nowrap;
    text-transform: uppercase;
    cursor: pointer;
    padding: 0 10px
}

.swatch .tooltip {
    text-align: center;
    background: #333;
    background: rgba(51, 51, 51, .9);
    color: #fff;
    bottom: 100%;
    padding: 5px 10px;
    display: block;
    position: absolute;
    width: 120px;
    font-size: 13px;
    left: -43px;
    margin-bottom: 15px;
    filter: alpha(opacity=0);
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .28);
    z-index: 0
}

.swatch .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.swatch .tooltip:after {
    border-left: solid rgba(0, 0, 0, 0) 10px;
    border-right: solid rgba(0, 0, 0, 0) 10px;
    border-top: solid rgba(51, 51, 51, .9) 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0
}

.swatch:hover .tooltip {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.selector-wrapper label {
    margin-bottom: .5em
}

.product-form__item,
.swatch_options {
    margin-bottom: 1em
}

.swatch_options {
    width: 100%
}

.option_title {
    margin: .5em 0;
    text-transform: none;
    font-weight: 400;
    text-align: left;
    font-size: 13px
}

@media only screen and (max-width:499px) {
    .option_title {
        width: 100%
    }
}

.swatch .color label {
    min-width: 36px;
    height: 36px !important;
    line-height: 36px;
    background-position: center;
    background-size: cover
}

.swatch-element.color {
    padding: 2px
}

.swatch-element.color,
.swatch-element.color label {
    border: #e2e2e2 1px solid
}

.swatch-element.color label {
    padding: 0;
    margin: 0;
    width: 36px;
    height: 36px;
    cursor: pointer
}

.swatch_options input:checked+.swatch-element {
    border-color: #000;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.crossed-out {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-image: -o-linear-gradient(top right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%), -o-linear-gradient(top left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%);
    background-image: linear-gradient(to bottom left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%), linear-gradient(to bottom right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%)
}

.swatch .swatch-element.soldout .crossed-out,
.swatch-element.color,
.swatch-element.color label {
    border-radius: 50%
}

.swatch-element {
    border-radius: 3px
}

.product_card__swatches {
    position: relative;
    width: 100%;
    padding: 1rem
}

.product_card__swatches i {
    font-size: 8px
}

.product_card__swatches .swatch {
    position: relative;
    padding: 3px;
    width: auto
}

.product_card__swatches .swatch:hover {
    border-color: #000
}

.product_card__swatches .swatch span {
    width: 20px;
    height: 20px;
    min-width: 20px;
    border: #ababab 1px solid;
    background-clip: padding-box;
    background-position: center;
    background-size: cover;
    background-color: var(--background-color);
    background-image: var(--background-image)
}

.product_card__swatches .swatch.swatch--round span {
    border-radius: 50%
}

.product_card__swatches .see-more-swatch .swatch-left {
    font-weight: 700;
    margin-left: 2px
}

.product_card__swatches .see-more-swatch span {
    background: #fff
}

page-wishlist>*>* {
    height: 100%
}

@-webkit-keyframes heartRightAnimation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.5);
        transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.5)
    }
}

@keyframes heartRightAnimation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.5);
        transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.5)
    }
}

@-webkit-keyframes heartLeftAnimation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.8);
        transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.8)
    }
}

@keyframes heartLeftAnimation {
    0% {
        -webkit-transform: scale(.5);
        transform: scale(.5);
        visibility: visible
    }

    to {
        opacity: 0;
        -webkit-transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.8);
        transform: translate(calc(var(--translateX) * -1px), calc(var(--translateY) * -1px)) scale(.8)
    }
}

button-wishlist,
quick-view {
    position: absolute;
    z-index: 10;
    width: 2.5rem;
    height: 2.5rem;
    padding: .5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

button-wishlist svg.icon,
quick-view svg.icon {
    stroke: rgba(var(--color_primary), .4);
    fill: none;
    width: 2.5rem;
    height: 2.5rem
}

button-wishlist svg.icon path,
quick-view svg.icon path {
    stroke: currentColor
}

button-wishlist:hover svg.icon,
quick-view:hover svg.icon {
    stroke: rgb(var(--color_primary));
    fill: rgb(var(--color_primary))
}

quick-view {
    border: 1px solid rgba(var(--color_primary), .2);
    -webkit-box-shadow: rgba(var(--color_primary), .15) 0 2px 4px;
    box-shadow: rgba(var(--color_primary), .15) 0 2px 4px;
    border-radius: 50px;
    background: rgb(var(--color_secondary))
}

quick-view:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(45, 45, 45, .14);
    box-shadow: 0 2px 4px 0 rgba(45, 45, 45, .14)
}

.product-card .has-wishlist {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    gap: 10px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.product-card .has-wishlist .product-card__name>:first-child {
    margin-bottom: 0
}

.product-card .has-wishlist button-wishlist {
    padding: 0;
    height: initial
}

.product-card .has-wishlist button-wishlist svg {
    height: calc(var(--body__size)*1.28)
}

@media only screen and (max-width:779px) {
    .product-card .has-wishlist button-wishlist svg {
        width: 15px
    }
}

button-wishlist {
    cursor: pointer
}

button-wishlist svg {
    fill: currentColor !important;
    stroke: initial;
    width: 2.5rem
}

button-wishlist:not(:hover) svg.icon-heart path {
    stroke: initial !important
}

button-wishlist svg.icon-heart-full {
    display: none
}

.product-card__name button-wishlist {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    inset: initial
}

button-wishlist .button_animated_container {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.012 14.905a19.999 19.999 0 0 1-3.885-2.388C2.528 10.466 1.002 8.095 1 5.442c-.002-2.45 1.922-4.43 4.283-4.432 1.128 0 2.209.453 3 1.258l.715.728.714-.73A4.199 4.199 0 0 1 12.707 1h-.001C15.069.998 16.996 2.97 17 5.421c.004 2.656-1.519 5.032-4.115 7.091a20.008 20.008 0 0 1-3.873 2.393Z' stroke='rgb(var(--color_primary))' stroke-width='2' fill='rgb(var(--color_primary))'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 15px;
    display: block;
    height: 20px;
    position: absolute;
    top: 20%;
    visibility: hidden;
    width: 20px
}

button-wishlist.animation {
    overflow: visible
}

button-wishlist.animation .button_animated_container:nth-of-type(1) {
    -webkit-animation: heartRightAnimation 2s ease-out 1 forwards;
    animation: heartRightAnimation 2s ease-out 1 forwards
}

button-wishlist.animation .button_animated_container:nth-of-type(2) {
    -webkit-animation: heartLeftAnimation 2s ease-out 1 forwards;
    animation: heartLeftAnimation 2s ease-out 1 forwards
}

button-wishlist.added svg.icon-heart {
    display: none
}

button-wishlist.added svg.icon-heart-full {
    display: block;
    height: 1.6rem
}

button-wishlist.added svg.icon-heart-full>* {
    fill: currentColor !important
}

button-wishlist.added svg.icon {
    stroke: rgb(var(--color_primary));
    fill: rgb(var(--color_primary))
}

quick-view.quick-view--top-left {
    top: .5rem;
    left: .5rem
}

quick-view.quick-view--top-left+button-wishlist.wishlist--top-left {
    top: 3.5rem
}

quick-view.quick-view--bottom-left {
    bottom: .5rem;
    left: .5rem
}

quick-view.quick-view--bottom-left+button-wishlist.wishlist--bottom-left {
    bottom: 3.5rem
}

quick-view.quick-view--top-right {
    top: .5rem;
    right: .5rem
}

quick-view.quick-view--top-right+button-wishlist.wishlist--top-right {
    top: 3.5rem
}

quick-view.quick-view--bottom-right {
    bottom: .5rem;
    right: .5rem
}

quick-view.quick-view--bottom-right+button-wishlist.wishlist--bottom-right {
    bottom: 3.5rem
}

.icon-itemAdd--checkmark {
    fill: none !important;
    width: 3rem !important;
    height: 3rem !important
}

.icon-itemAdd--checkmark polyline {
    -webkit-animation: checkmark .25s ease-in-out .7s backwards;
    animation: checkmark .25s ease-in-out .7s backwards
}

.icon-itemAdd--checkmark circle {
    -webkit-animation: checkmark-circle .6s ease-in-out backwards;
    animation: checkmark-circle .6s ease-in-out backwards
}

@-webkit-keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@keyframes checkmark-circle {
    0% {
        stroke-dashoffset: 480px
    }

    100% {
        stroke-dashoffset: 960px
    }
}

@-webkit-keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0
    }
}

@keyframes checkmark {
    0% {
        stroke-dashoffset: 100px
    }

    100% {
        stroke-dashoffset: 0
    }
}

.icon-itemAdd--cart {
    fill: none !important;
    width: 4rem !important;
    height: 4rem !important
}

.icon-itemAdd--cart .center-line-3 {
    stroke-dasharray: 50;
    -webkit-animation: remove-middle 1s forwards;
    animation: remove-middle 1s forwards
}

.icon-itemAdd--cart+.one {
    position: absolute;
    left: calc(50% - .35rem);
    top: calc(50% - .35rem);
    -webkit-transform: translate(-50%, -50%) scale(.1) rotate(260deg);
    -ms-transform: translate(-50%, -50%) scale(.1) rotate(260deg);
    transform: translate(-50%, -50%) scale(.1) rotate(260deg);
    font-size: 2rem;
    opacity: 0;
    -webkit-animation: count 1.5s .5s forwards;
    animation: count 1.5s .5s forwards
}

@-webkit-keyframes count {
    50% {
        opacity: 1;
        -webkit-transform: translate(-50%, -3rem);
        transform: translate(-50%, -3rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@keyframes count {
    50% {
        opacity: 1;
        -webkit-transform: translate(-50%, -3rem);
        transform: translate(-50%, -3rem)
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

@-webkit-keyframes remove-middle {
    to {
        stroke-dashoffset: 50
    }
}

@keyframes remove-middle {
    to {
        stroke-dashoffset: 50
    }
}

.icon-itemAdd--cart-filling {
    width: 4rem !important;
    height: 4rem !important;
    fill: none !important
}

reading-time {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: calc(var(--body__size)*.85)
}

@media only screen and (max-width:779px) {
    reading-time {
        font-size: calc(var(--body_mob__size)*.85)
    }
}

reading-time svg {
    width: 16px;
    height: 16px
}

reading-time span.loading-gradient {
    width: 8px;
    display: inline;
    height: 16px
}

reading-time span:first-of-type {
    margin-right: 5px
}

reading-time span:last-child {
    margin: 0 5px
}

#popup-age-verification {
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary))
}

#popup-age-verification>* {
    background: rgb(var(--color_secondary))
}

#popup-age-verification .age-verification-content {
    border-radius: 2px;
    border: 1px solid #313131;
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 4rem 2rem;
    -webkit-box-shadow: 0 0 40px 5px rgba(var(--color_primary), .15);
    box-shadow: 0 0 40px 5px rgba(var(--color_primary), .15);
    max-width: 750px
}

#popup-age-verification .age-verification-content .age-verification-image {
    max-width: 60px;
    margin: 0 auto
}

#popup-age-verification .age-verification-content img {
    max-height: 60px;
    width: auto;
    margin: 0 auto
}

#popup-age-verification .age-verification-content .h1 {
    font-size: 2.5rem;
    margin: 1.5rem 0 1rem
}

#popup-age-verification .age-verification-content p {
    margin: 0
}

#popup-age-verification .age-verification-content button {
    margin-top: 3rem;
    width: auto;
    max-width: 100%
}

.popup-orders-notif {
    position: fixed;
    height: auto;
    z-index: 9999;
    max-width: calc(35vh + 20px)
}

.popup-orders-notif.fadeOut {
    z-index: -1
}

.popup-orders-notif .modal__close {
    right: .5rem;
    top: .5rem;
    width: 2rem;
    height: 2rem;
    padding: .5rem
}

.popup-orders-notif.popup-orders-notif--center-top,
.popup-orders-notif.popup-orders-notif--left-top,
.popup-orders-notif.popup-orders-notif--right-top {
    top: 20px
}

.popup-orders-notif.popup-orders-notif--left-center,
.popup-orders-notif.popup-orders-notif--right-center {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popup-orders-notif.popup-orders-notif--center-bottom,
.popup-orders-notif.popup-orders-notif--left-bottom,
.popup-orders-notif.popup-orders-notif--right-bottom {
    bottom: 20px
}

.popup-orders-notif.popup-orders-notif--left-bottom,
.popup-orders-notif.popup-orders-notif--left-center,
.popup-orders-notif.popup-orders-notif--left-top {
    left: 20px;
    margin-right: 20px
}

.popup-orders-notif.popup-orders-notif--center-bottom,
.popup-orders-notif.popup-orders-notif--center-top {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.popup-orders-notif.popup-orders-notif--right-bottom,
.popup-orders-notif.popup-orders-notif--right-center,
.popup-orders-notif.popup-orders-notif--right-top {
    margin-left: 20px;
    right: 20px
}

.popup-orders-notif .popup-orders-notif-content {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 5px;
    padding-right: 25px;
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary));
    border-color: rgb(var(--color_primary));
    border-radius: var(--radius)
}

.popup-orders-notif .popup-orders-notif-content.popup-orders-notif--round {
    border-radius: 15px
}

.popup-orders-notif .popup-orders-notif-content.popup-orders-notif--round .image-container {
    border-radius: 50px
}

.popup-orders-notif .popup-orders-notif-content .image-container {
    width: 50px;
    height: 50px;
    min-width: 50px;
    min-height: 50px;
    margin-right: 10px
}

.popup-orders-notif .popup-orders-notif-content .popup-orders-notif__meta {
    font-size: calc(var(--body__size)*.85);
    color: rgb(var(--color_primary));
    margin: 0
}

@media only screen and (max-width:779px) {
    .popup-orders-notif .popup-orders-notif-content .popup-orders-notif__meta {
        font-size: calc(var(--body_mob__size)*.85)
    }
}

.popup-orders-notif .popup-orders-notif-content .popup-orders-notif__meta .popup-orders-notif__product-title {
    -webkit-text-decoration: underline rgb(var(--color_primary));
    text-decoration: underline rgb(var(--color_primary))
}

.popup-orders-notif .popup-orders-notif-content small {
    display: block;
    width: 100%
}

#shopify-section-footer,
#shopify-section-footer-pre {
    width: 100%;
    max-width: 100%;
    position: relative
}

.footer small>a {
    display: inline
}

.footer .h2,
.footer h2 {
    margin: 0
}

.footer [link-collapsing] .link_collapsing_title {
    color: rgb(var(--color))
}

.footer .link_collapsing_content {
    padding: 0 !important
}

.footer .footer__image.text-center,
.footer form#contact_form.text-center {
    margin-inline: auto
}

.footer .footer__image.text-right,
.footer form#contact_form.text-right {
    margin-left: auto
}

@media only screen and (max-width:779px) {

    .footer .footer__image.md--text-center,
    .footer form#contact_form.md--text-center {
        margin-inline: auto
    }

    .footer .footer__image.md--text-right,
    .footer form#contact_form.md--text-right {
        margin-left: auto
    }
}

.footer .footer__content {
    position: relative
}

.footer .footer__content .h4 {
    font-weight: 700
}

.footer .footer__content .placeholder-noblocks {
    padding: 0
}

.footer .footer__content .text-left+.placeholder-noblocks {
    text-align: left
}

.footer .footer__content a {
    display: inline-block;
    color: inherit
}

@media only screen and (min-width:500px) {
    .footer .footer__content .flex--column>.flex__item:first-child a {
        padding-top: 0 !important
    }
}

@media only screen and (max-width:499px) {
    .footer .footer__content .small--flex--column>.flex__item:first-child a {
        padding-top: 0 !important
    }
}

.footer .footer__content form .input-group input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 270px;
    width: 60%;
    background: rgba(0, 0, 0, 0);
    padding-left: 0
}

.footer .footer__content .input-group-form.flex-align--left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.footer .footer__content .input-group-form.flex-align--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer .footer__content .input-group-form.flex-align--right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (min-width:780px) {
    .footer .block__social.flex-justify--left .flex__item:first-child {
        padding-left: 0
    }

    .footer .block__social.flex-justify--right .flex__item:last-child {
        padding-left: 0
    }
}

@media only screen and (max-width:779px) {
    .footer .block__social.md--flex-justify--left .flex__item:first-child {
        padding-left: 0
    }

    .footer .block__social.md--flex-justify--right .flex__item:last-child {
        padding-left: 0
    }
}

.footer .footer__divider {
    height: 1px;
    margin: 0 auto
}

.footer .footer__divider hr {
    margin: 0
}

.footer .mu--full hr {
    margin: 0;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer .footer__title {
    padding-block: var(--body__size)
}

.footer .footer__title.footer__title--underline {
    padding-bottom: 5px;
    position: relative
}

.footer .footer__title.footer__title--underline:before {
    content: "";
    position: absolute;
    padding-bottom: 10px;
    border-color: currentColor;
    border-width: 0 0 1px 0;
    border-style: solid;
    width: 30%;
    bottom: 0;
    opacity: .2;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.footer .footer__title,
.footer .link_collapsing_title {
    text-transform: uppercase
}

@media only screen and (max-width:779px) {
    .footer .footer__title {
        margin-bottom: 1.5rem
    }

    .footer .page-width>.inline-flex>.flex__item:not(.menu_links):not(:last-of-type) {
        margin-bottom: 2rem
    }

    .footer .block__social>.flex__item {
        margin-bottom: 0
    }
}

#shopify-section-footer-post {
    overflow: hidden
}

@media only screen and (max-width:499px) {
    #shopify-section-footer-post .page-width>.inline-flex {
        text-align: center !important
    }
}

.footer_copyright a,
.menu_links a {
    text-decoration: none
}

@media only screen and (max-width:779px) {
    .menu_links .footer__content a {
        min-height: 48px;
        min-width: 48px;
        line-height: 48px;
        padding-block: 0 !important
    }
}

.block__social,
.social-sharing {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30px, 1fr));
    gap: 1rem;
    grid-auto-flow: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.block__social.flex-justify--center,
.social-sharing.flex-justify--center {
    margin-inline: auto
}

@media only screen and (max-width:779px) {

    .block__social.md--flex-justify--center,
    .social-sharing.md--flex-justify--center {
        margin-inline: auto
    }
}

.block__social>.flex__item a,
.social-sharing>.flex__item a {
    width: 30px;
    height: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.block__social.icon--small svg,
.social-sharing.icon--small svg {
    width: 18px;
    height: 18px
}

.block__social.icon--medium svg,
.social-sharing.icon--medium svg {
    width: 24px;
    height: 24px
}

.block__social.icon--large svg,
.social-sharing.icon--large svg {
    width: 30px;
    height: 30px
}

.block__social svg,
.social-sharing svg {
    fill: currentColor
}

.block__social.icon--full-square a,
.social-sharing.icon--full-square a {
    padding: 5px
}

.block__social.icon--full-rounded a,
.social-sharing.icon--full-rounded a {
    border-radius: 10px;
    padding: 5px
}

.block__social.icon--full-round a,
.social-sharing.icon--full-round a {
    border-radius: 50px;
    padding: 5px
}

header .block__social.icon--full-round a,
header .block__social.icon--full-rounded a,
header .block__social.icon--full-square a,
header .social-sharing.icon--full-round a,
header .social-sharing.icon--full-rounded a,
header .social-sharing.icon--full-square a {
    color: var(--color_header_bg);
    background: rgb(var(--color_main_link))
}

header .block__social.icon--full-round a:hover,
header .block__social.icon--full-rounded a:hover,
header .block__social.icon--full-square a:hover,
header .social-sharing.icon--full-round a:hover,
header .social-sharing.icon--full-rounded a:hover,
header .social-sharing.icon--full-square a:hover {
    color: rgb(var(--color_main_link));
    background: var(--color_header_bg)
}

share-button+.social-sharing {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    gap: 3px
}

.header__sidebar-section .header__logo.text-right {
    margin-left: auto
}

.header__sidebar-section .menu-drawer_summary .flex-justify--right .menu-drawer__arrow {
    margin-left: 1rem
}

.menu-drawer__close-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: initial;
    width: 100%;
    padding: 1.2rem 2.6rem;
    margin: 0 0 1rem 0 !important;
    padding-bottom: 2rem !important;
    border-radius: 0;
    text-decoration: none;
    font-size: 1.4rem;
    background-color: rgba(0, 0, 0, 0)
}

.menu-drawer__close-button svg {
    margin-right: 1rem;
    width: 1.3rem;
    position: absolute;
    left: 1rem
}

.no-js .menu-drawer__close-button {
    display: none
}

.menu-drawer_details[open]>summary>.icon-caret {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.no-js .menu-drawer_details {
    border-bottom: 1px solid rgba(var(--color_primary), .04)
}

.menu-drawer__submenu-main {
    text-decoration: none;
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    display: block
}

.menu-drawer__main {
    overflow: auto
}

.menu-drawer__main::-webkit-scrollbar {
    cursor: pointer;
    background: var(--color_scrollbar__background);
    width: 5px
}

.menu-drawer__main::-webkit-scrollbar-thumb {
    cursor: pointer;
    border: solid 0 rgba(0, 0, 0, 0);
    width: 5px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb)
}

.menu-drawer__main::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover)
}

.menu-drawer_summary {
    position: relative;
    padding-right: 0 !important
}

details[link-collapsing][open] .menu-drawer_summary.link_collapsing_title {
    margin-bottom: 0 !important
}

details[link-collapsing][open] .menu-drawer_summary.link_collapsing_title+* {
    padding-left: 2rem
}

.menu-drawer_summary:has(.image-background) {
    padding: 2.5rem
}

.menu-drawer_summary svg {
    width: 1.8rem
}

.menu-drawer_summary svg.icon-arrow-right {
    width: 1.5rem
}

.menu-drawer_summary>.drawer__link {
    min-height: 48px;
    padding: 1.3rem 2rem
}

.menu-drawer_summary>.drawer__link>span:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.menu-drawer_summary>.drawer__link .menu-drawer__arrow {
    width: 48px;
    text-align: center
}

.modal__close:has(+.menu-drawer__header>.drawer__logo.flex-justify--right) {
    right: initial;
    left: 1.5rem
}

@media only screen and (min-width:780px) {
    .menu-drawer--fixed .menu-drawer--content {
        width: 30vw
    }

    body.sidebar-fixed,
    body.sidebar-fixed .shopify-section-header-sticky header {
        width: calc(100% - 30vw);
        margin-left: 30vw
    }
}

.menu-drawer__close-button+.menu-drawer__submenu-content {
    padding-top: 1rem
}

.link_collapsing_title.menu-drawer_summary .menu-drawer__arrow {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s
}

.link_collapsing_title.menu-drawer_summary.active .menu-drawer__arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.link_collapsing_content.active .menu-drawer__submenu-content {
    padding-left: 1rem;
    margin-left: 1rem
}

.filters__summary>div,
.menu-drawer_summary>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.js .menu-drawer__submenu {
    position: absolute;
    cursor: initial;
    top: 0;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 46px 30px 150px 36px;
    background-color: rgb(var(--color_secondary));
    border: .1rem solid rgba(var(--color_primary), .2);
    border-top: none;
    border-bottom: none;
    z-index: 3;
    visibility: hidden;
    -webkit-transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    -o-transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1)
}

.js .menu-drawer__submenu .filters__header {
    padding: 1rem 3rem
}

.js .menu-drawer--down,
.js .menu-drawer--left,
.js .menu-drawer--right {
    visibility: hidden;
    -webkit-transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    -o-transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1)
}

@media only screen and (min-width:780px) {

    .js .menu-drawer--down,
    .js .menu-drawer--left,
    .js .menu-drawer--right {
        max-width: 30vw
    }
}

.js .menu-drawer--right,
.js .menu-drawer--right .menu-drawer__submenu {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.js .menu-drawer--left,
.js .menu-drawer--left .menu-drawer__submenu {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.js .menu-drawer--down,
.js .menu-drawer--down .menu-drawer__submenu {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.js .menu-opening .menu-drawer--down,
.js .menu-opening .menu-drawer--left,
.js .menu-opening .menu-drawer--right,
.js .menu-opening>.menu-drawer__submenu {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    visibility: visible
}

.js .menu-drawer__submenu .menu-drawer__submenu {
    overflow-y: auto
}

.js .header__sidebar .header__main-link svg,
.js .header__sidebar .icon-wishlist,
.js .header__sidebar .menu--hamburger--container svg,
.js .header__sidebar a.drawer__link {
    color: rgb(var(--color_main_link))
}

.js .header__sidebar .header__main-link svg:hover,
.js .header__sidebar .icon-wishlist:hover,
.js .header__sidebar .menu--hamburger--container svg:hover,
.js .header__sidebar a.drawer__link:hover {
    color: var(--color_main_link_hover)
}

.js .menu-drawer__main {
    overflow-y: auto;
    margin-bottom: 2rem
}

@media only screen and (min-width:780px) {
    .js .header__sidebar .header__sidebar-section>.menu-drawer--content {
        background: 0 0;
        width: min(30vw, 350px);
        border-right: 1px solid var(--color_header_border)
    }

    .js .header__sidebar .header__sidebar-section>.menu-drawer--content .menu-drawer_details>.menu-drawer--left {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        visibility: visible
    }

    .js .header__sidebar .minicart-content {
        max-width: 40vw
    }

    .js .header__sidebar .announce_bar,
    .js .header__sidebar~.page-element,
    .js .header__sidebar~footer {
        left: min(30vw, 350px);
        width: max(70vw, 100% - 350px);
        position: relative
    }

    .js .header__sidebar a.drawer__link.flex-justify--center .menu-drawer__arrow {
        margin-left: 1rem
    }

    .js .header__sidebar .menu-drawer__submenu-content:has(.drawer__link.flex-justify--center) {
        padding-left: 0;
        margin-left: 0
    }

    .js .header__sidebar .menu-drawer__close-button {
        padding: 0 !important;
        margin: 0 !important;
        height: 25px
    }

    .js .header__sidebar .menu-drawer__close-button svg {
        left: 0
    }

    .js .header__sidebar .block__social.icon--nude a {
        color: rgb(var(--color_main_link))
    }

    .js .header__sidebar .block__social.icon--nude a:focus,
    .js .header__sidebar .block__social.icon--nude a:hover {
        color: var(--color_main_link_hover)
    }

    .js .header__sidebar .block__social:not(.icon--nude) a {
        color: var(--color_header_bg);
        background: rgb(var(--color_main_link))
    }

    .js .header__sidebar .block__social:not(.icon--nude) a:focus,
    .js .header__sidebar .block__social:not(.icon--nude) a:hover {
        background: var(--color_main_link_hover)
    }

    .js .header__sidebar .header__logo.flex-justify--center {
        margin-inline: auto
    }

    .js .header__sidebar .menu-icons+.menu-icons {
        margin-top: 1.3rem
    }

    .js .header__sidebar .cart-bubble {
        position: relative;
        top: initial;
        right: initial
    }

    .js .header__sidebar mini-cart.menu-drawer--content,
    .js .header__sidebar mini-cart>.menu-drawer--content {
        left: 100%;
        z-index: -1;
        width: 100vw
    }

    .js .header__sidebar search-bar {
        padding-right: 0 !important
    }

    .js .header__sidebar search-bar form .input-group>* {
        margin-bottom: 0
    }

    .js .header__sidebar search-bar button[type=submit] {
        position: absolute;
        right: 0;
        min-height: initial;
        height: 33px;
        width: 33px;
        background-color: rgba(0, 0, 0, 0)
    }

    .js .header__sidebar search-bar button[type=submit] svg {
        stroke-width: 0;
        width: 14px;
        height: 14px
    }

    .js .header__sidebar search-bar input[type=search] {
        padding-right: 33px;
        background: rgba(0, 0, 0, 0);
        min-height: initial;
        height: 33px
    }

    .js .header__sidebar search-bar input[type=search]::-webkit-search-cancel-button {
        right: 10px
    }

    .js .header__sidebar search-bar .search-bar__result {
        top: 0;
        left: min(30vw, 350px);
        width: max(40vw, 70% - 350px);
        height: 100%;
        z-index: 2;
        position: fixed;
        max-height: 60vh;
        -webkit-box-shadow: 0 0 11px rgba(33, 33, 33, .2);
        box-shadow: 0 0 11px rgba(33, 33, 33, .2)
    }

    .js .header__sidebar search-bar .search-bar__result-content {
        background: rgb(var(--color_bg))
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) {
        padding-inline: 0;
        padding-block: 10px;
        width: 100%;
        max-width: initial
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay):not(:last-child) {
        border-bottom: 1px solid rgba(var(--color_primary), .05)
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay):not(.collection__product) {
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        background: var(--product_card__bg);
        display: inline-flex;
        padding-inline: 1rem;
        min-height: 60px
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay):not(.collection__product)>* {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        background: #fff
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .product-card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .product-card .product-card--overlay {
        padding-block: 0
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .product-card>*>.product-card-link {
        width: 100% !important
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .product-card__info {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        gap: 20px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .article-card:first-of-type:has(.image-container) {
        padding-inline: 0;
        width: 80px
    }

    .js .header__sidebar search-bar .search-bar__result-content>:not(.loading-overlay) .article-card:first-of-type:has(.image-container) .image-container {
        height: 100%;
        padding-bottom: 0 !important
    }
}

@media only screen and (max-width:779px) {
    .js .header__sidebar-mobile .header__hamburger+.menu-drawer__header .header__logo {
        margin-inline: auto
    }
}

.no-js [open] .menu-drawer--down,
.no-js [open] .menu-drawer--left,
.no-js [open] .menu-drawer--right,
.no-js [open]>.menu-drawer__submenu {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    visibility: visible
}

.no-js [open]>.menu-drawer__submenu {
    -webkit-transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    transition: visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1);
    -o-transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1);
    transition: transform .4s cubic-bezier(.29, .63, .44, 1), visibility .4s cubic-bezier(.29, .63, .44, 1), -webkit-transform .4s cubic-bezier(.29, .63, .44, 1)
}

.menu-drawer__header {
    padding-bottom: 1rem
}

.menu-drawer__header+.menu-drawer__main>.flex__item:not(:last-child) {
    padding-block: 1rem
}

.menu-drawer__header .drawer__logo {
    max-width: var(--logo_drawer_max-width)
}

.menu-drawer__header .drawer__logo.flex-justify--center {
    margin-inline: auto
}

.menu-drawer__header .drawer__logo.flex-justify--right {
    margin-left: auto
}

.menu-drawer__main .drawer__image--collection {
    width: 50px;
    height: 50px;
    border-radius: var(--radius);
    margin: 0;
    border: 1px solid;
    margin-right: 1rem
}

.menu-drawer__arrow,
.menu-drawer_summary .icon-caret {
    margin-left: auto;
    display: block
}

.menu-drawer--content {
    left: 0;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(18, 18, 18, .36);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.menu-drawer--content .menu-drawer--down,
.menu-drawer--content .menu-drawer--left,
.menu-drawer--content .menu-drawer--right {
    position: absolute;
    background: #fff;
    width: 100%;
    overflow: auto
}

.menu-drawer--content .menu-drawer--down::-webkit-scrollbar,
.menu-drawer--content .menu-drawer--left::-webkit-scrollbar,
.menu-drawer--content .menu-drawer--right::-webkit-scrollbar {
    cursor: pointer;
    background: var(--color_scrollbar__background);
    width: 5px
}

.menu-drawer--content .menu-drawer--down::-webkit-scrollbar-thumb,
.menu-drawer--content .menu-drawer--left::-webkit-scrollbar-thumb,
.menu-drawer--content .menu-drawer--right::-webkit-scrollbar-thumb {
    cursor: pointer;
    border: solid 0 rgba(0, 0, 0, 0);
    width: 5px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb)
}

.menu-drawer--content .menu-drawer--down::-webkit-scrollbar-thumb:hover,
.menu-drawer--content .menu-drawer--left::-webkit-scrollbar-thumb:hover,
.menu-drawer--content .menu-drawer--right::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover)
}

.menu-drawer--content .menu-drawer--left,
.menu-drawer--content .menu-drawer--right {
    top: 0;
    height: 100%;
    max-width: 30vw
}

@media only screen and (max-width:779px) {

    .menu-drawer--content .menu-drawer--left,
    .menu-drawer--content .menu-drawer--right {
        max-width: 90vw
    }
}

.menu-drawer--content .menu-drawer--left {
    left: 0
}

.menu-drawer--content .menu-drawer--right {
    right: 0
}

.menu-drawer--content .menu-drawer--down {
    height: 80vh;
    bottom: 0;
    left: 0;
    right: 0
}

#shopify-section-drawer .menu-drawer--content>*,
#shopify-section-drawer .menu-drawer__submenu,
.header__sidebar-section .menu-drawer--content>*,
.header__sidebar-section .menu-drawer__submenu {
    background: var(--color_bg_menu_drawer)
}

#shopify-section-drawer .menu-drawer--left,
.header__sidebar-section .menu-drawer--left {
    overflow: hidden
}

#shopify-section-drawer .menu_drawer__close-container,
.header__sidebar-section .menu_drawer__close-container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

#shopify-section-drawer .menu_drawer__close-container .menu-drawer__close-button,
.header__sidebar-section .menu_drawer__close-container .menu-drawer__close-button {
    width: 4rem;
    height: 4rem;
    padding: 0 !important;
    margin: 0 !important;
    min-width: initial;
    margin-right: 3rem !important
}

#shopify-section-drawer .menu_drawer__close-container a,
.header__sidebar-section .menu_drawer__close-container a {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

#shopify-section-drawer .menu-drawer__header,
.header__sidebar-section .menu-drawer__header {
    position: relative
}

#shopify-section-drawer search-bar,
.header__sidebar-section search-bar {
    margin-top: 2rem;
    border-bottom: 1px solid rgba(var(--color_text_menu_drawer), .2);
    margin-bottom: 1rem
}

#shopify-section-drawer search-bar input,
.header__sidebar-section search-bar input {
    margin-bottom: 0;
    padding-block: 0;
    background: rgba(0, 0, 0, 0);
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    max-width: initial;
    padding-left: 0
}

#shopify-section-drawer search-bar .search-bar__button-submit,
.header__sidebar-section search-bar .search-bar__button-submit {
    background: rgba(0, 0, 0, 0);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    color: var(--color_text_menu_drawer);
    min-height: initial;
    height: auto;
    margin-bottom: 0
}

#shopify-section-drawer search-bar .search-bar__result,
.header__sidebar-section search-bar .search-bar__result {
    position: absolute;
    left: 0;
    top: 100%;
    height: initial;
    max-height: var(--completion-height);
    background: rgba(0, 0, 0, .5);
    z-index: 1;
    min-height: var(--completion-height)
}

#shopify-section-drawer search-bar .search-bar__result-content,
.header__sidebar-section search-bar .search-bar__result-content {
    gap: 1rem;
    margin-bottom: 2rem;
    padding-inline: 1rem
}

#shopify-section-drawer search-bar .search-bar__result-content>*,
.header__sidebar-section search-bar .search-bar__result-content>* {
    width: 100%;
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    padding-inline: 1rem
}

#shopify-section-drawer search-bar .search-bar__result-content .article-card,
.header__sidebar-section search-bar .search-bar__result-content .article-card {
    background: var(--product_card__bg);
    color: var(--product_card__overlay_infos);
    border-color: rgb(var(--color_primary));
    border-style: solid;
    border-width: var(--product_card__border);
    border-radius: var(--radius);
    height: auto;
    padding-block: .5rem;
    text-decoration: none
}

.menu-drawer__footer {
    margin-top: auto
}

.menu-drawer__footer .menu-drawer__post {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-top: 1px solid rgba(var(--color_text_menu_drawer), .2);
    padding-top: 1rem;
    width: 100%
}

.menu-drawer__footer .menu-drawer__post .menu-drawer__localization-currencies {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu-drawer__footer .menu-drawer__post .menu-drawer__localization-currencies localization-form {
    margin-bottom: 0
}

.menu-drawer__footer .menu-drawer__post multi-currencies {
    padding-right: 0 !important
}

.menu-drawer__footer .menu-drawer__post multi-currencies select {
    color: var(--drawer-color-link)
}

.menu-drawer__footer .menu-drawer__post multi-currencies select:focus+svg {
    -webkit-transform: translateY(-50%) rotate(-180deg);
    -ms-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg)
}

.menu-drawer__footer .menu-drawer__post multi-currencies:hover select,
.menu-drawer__footer .menu-drawer__post multi-currencies:hover svg {
    color: var(--drawer-color-link-hover)
}

.menu-drawer__footer a,
.menu-drawer__footer multi-currencies {
    color: var(--drawer-color-link)
}

.menu-drawer__footer a svg,
.menu-drawer__footer multi-currencies svg {
    right: 1rem
}

.menu-drawer__footer a:hover,
.menu-drawer__footer multi-currencies:hover {
    color: var(--drawer-color-link-hover)
}

.menu-drawer__footer .menu-drawer__pre .block__social {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 2rem;
    grid-row-gap: .5rem
}

.menu-drawer__footer .menu-drawer__pre .block__social>* {
    padding-inline: 0
}

.menu-drawer__footer .menu-drawer__pre .block__social .flex-justify--left a {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu-drawer__footer .menu-drawer__pre .block__social a {
    width: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.menu-drawer__footer .menu-drawer__pre .block__social.icon--nude a {
    color: var(--drawer-color-link)
}

.menu-drawer__footer .menu-drawer__pre .block__social.icon--nude a:focus,
.menu-drawer__footer .menu-drawer__pre .block__social.icon--nude a:hover {
    color: var(--drawer-color-link-hover)
}

.menu-drawer__footer .menu-drawer__pre .block__social:not(.icon--nude) a {
    color: var(--color_bg_menu_drawer);
    background: var(--drawer-color-link)
}

.menu-drawer__footer .menu-drawer__pre .block__social:not(.icon--nude) a:focus,
.menu-drawer__footer .menu-drawer__pre .block__social:not(.icon--nude) a:hover {
    background: var(--drawer-color-link-hover)
}

.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links .flex__item>a,
.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links .header__main-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    text-decoration: none;
    font-size: var(--header_link_mob__size);
    gap: 8px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links .flex__item>a svg,
.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links .header__main-link svg {
    color: inherit;
    fill: currentColor;
    width: calc(var(--header_link_mob__size)*1.28);
    height: calc(var(--header_link_mob__size)*1.28)
}

.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links+.block__social,
.menu-drawer__footer .menu-drawer__pre .menu-drawer__pre-links>:not(:first-child) {
    margin-top: 1rem
}

.menu-drawer__footer .menu-drawer__pre+.menu-drawer__post {
    margin-top: 1rem
}

localization-form {
    display: block;
    margin-bottom: 10px;
    text-align: left
}

details.language_selector-container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 1
}

details.language_selector-container .language_selector_content>p {
    margin-bottom: 6px
}

details.language_selector-container li:hover {
    z-index: 1
}

details.language_selector-container li:not(:hover) {
    z-index: 0;
    -webkit-transition: z-index .2s ease-in;
    -o-transition: z-index .2s ease-in;
    transition: z-index .2s ease-in
}

details.language_selector-container summary {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 7.5px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14.5px;
    height: 100%;
    white-space: nowrap
}

details.language_selector-container summary button {
    outline: 0;
    background: 0 0;
    border: 0;
    pointer-events: none
}

details.language_selector-container svg {
    width: 10px;
    height: 10px;
    rotate: -90deg;
    position: relative;
    right: 0;
    rotate: 0deg;
    color: inherit;
    -webkit-transition: rotate .1s ease-in;
    -o-transition: rotate .1s ease-in;
    transition: rotate .1s ease-in
}

details.language_selector-container[open] summary {
    border-top-color: rgba(0, 0, 0, 0)
}

details.language_selector-container[open] svg {
    rotate: -90deg
}

details.language_selector-container summary+div {
    padding: 1rem;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: calc(100% + 1rem);
    left: 0;
    border: none;
    background: rgb(var(--color_secondary));
    color: rgb(var(--color_primary));
    -webkit-box-shadow: 0 8px 8px rgba(var(--color_primary), .1);
    box-shadow: 0 8px 8px rgba(var(--color_primary), .1);
    border-radius: var(--radius);
    width: 237px
}

details.language_selector-container summary+div p {
    margin-bottom: 1rem;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14.5px
}

details.language_selector-container summary+div p+:not(:last-child) {
    margin-bottom: .5rem
}

details.language_selector-container summary+div ul {
    list-style: none;
    padding-left: 0;
    max-height: 350px;
    margin-block: 0
}

details.language_selector-container summary+div ul::-webkit-scrollbar {
    cursor: pointer;
    background: var(--color_scrollbar__background);
    width: 5px
}

details.language_selector-container summary+div ul::-webkit-scrollbar-thumb {
    cursor: pointer;
    border: solid 0 rgba(0, 0, 0, 0);
    width: 5px;
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb), inset 0 0 0 6px var(--color_scrollbar__thumb)
}

details.language_selector-container summary+div ul::-webkit-scrollbar-thumb:hover {
    -webkit-box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover);
    box-shadow: inset 0 0 0 1px var(--color_scrollbar__thumb_hover), inset 0 0 0 6px var(--color_scrollbar__thumb_hover)
}

details.language_selector-container summary+div ul form {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%
}

details.language_selector-container summary+div a {
    color: #959595;
    text-decoration: none
}

details.language_selector-container summary+div a.active,
details.language_selector-container summary+div a:hover {
    color: #000
}

details.language_selector-container summary+div li {
    line-height: 14.5px;
    font-size: 12px;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative
}

.footer__localization localization-form {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:779px) {
    .footer__localization.md--text-center localization-form {
        margin-inline: auto
    }

    .footer__localization.md--text-center localization-form details.language_selector-container summary+div {
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%
    }

    .footer__localization.md--text-right localization-form {
        margin-left: auto
    }

    .footer__localization.md--text-right localization-form details.language_selector-container summary+div {
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        left: 100%
    }

    .footer__localization.md--text-right localization-form .flag-container .flag-tooltip {
        translate: -100% 50%
    }

    .footer__localization.md--text-right localization-form .flag-container:hover .flag-tooltip {
        translate: -100% -50%
    }

    .footer__localization.md--text-right localization-form .flag-tooltip {
        left: -.5rem
    }
}

@media only screen and (min-width:780px) {
    .footer__localization.text-center localization-form {
        margin-inline: auto
    }

    .footer__localization.text-right localization-form {
        margin-left: auto
    }
}

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

.header__main-link:hover {
    z-index: 2 !important
}

.header__main-link details.language_selector-container[open] summary {
    z-index: 1
}

.header__main-link details.language_selector-container[open] summary svg {
    rotate: 90deg
}

.header__main-link details.language_selector-container summary+div {
    top: calc(100% + 1rem);
    bottom: unset;
    left: unset;
    right: 0
}

.header__main-link localization-form {
    margin-bottom: 0
}

.up-sell__product .up-sell_product_image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 80px;
    margin: 0 1rem 0 0
}

@media only screen and (max-width:779px) {
    .up-sell__product .up-sell_product_image {
        max-width: 60px
    }
}

.up-sell__product .up-sell__products-main-title {
    margin-bottom: 1rem;
    color: rgb(var(--color_primary));
    font-size: calc(18/var(--body__size)*1em);
    font-weight: 700
}

.up-sell__product .up-sell__products-main-title .h4 {
    margin-bottom: .5rem
}

.up-sell__product .up-sell__products-title {
    font-size: calc(var(--body__size));
    line-height: calc(14/var(--body__size));
    font-weight: 700;
    color: inherit;
    padding-right: 1rem;
    text-decoration: none
}

.up-sell__product .up-sell__products-title+p {
    font-size: calc(var(--body__size)*.85);
    line-height: calc(16/var(--body__size));
    color: inherit;
    opacity: .8;
    margin: 0
}

.up-sell__product .up-sell__products-title~product-form {
    margin-top: .5rem
}

.up-sell__product .up-sell__product_infos {
    width: 100%;
    max-width: calc(100% - 90px)
}

@media only screen and (max-width:779px) {
    .up-sell__product .up-sell__product_infos {
        max-width: calc(100% - 70px)
    }
}

.up-sell__product .product-form {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media only screen and (max-width:779px) {
    .up-sell__product .product-form {
        margin-top: .5rem
    }
}

.up-sell__product .product-form .product-form__submit {
    padding-block: 4px
}

.minicart-content .up-sell__product {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.minicart-content .up-sell__product .product-form__submit {
    max-width: initial
}

.cart-section .up-sell__product product-form {
    margin-left: auto
}

.cart-section .up-sell__product .product-form__submit span {
    -o-text-overflow: initial;
    text-overflow: initial;
    overflow: initial
}

.cart-section .up-sell__product .product-form__submit {
    max-width: 18rem
}

form[role=search] .input-group {
    margin-top: 1rem
}

form[role=search] .input-group input.input-field {
    margin: 0 !important;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    width: calc(100% - 50px);
    max-width: 100%
}

form[role=search] .input-group .input-group__btn {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
    max-width: 50px
}

form[role=search] .input-group button[type=submit] {
    border: none;
    border-radius: 0 var(--radius) var(--radius) 0;
    min-width: initial;
    width: 100%;
    background-color: rgba(var(--color_primary), .05);
    color: rgb(var(--color_text))
}

form[role=search] .input-group button[type=submit] svg {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

search-bar form[role=search] .input-group button[type=submit] {
    width: auto
}

.tabs-container {
    border-radius: var(--radius);
    position: relative
}

.tabs-container input[type=radio] {
    display: none
}

.tabs-container .tabs-header-container {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
    position: relative
}

.tabs-container .tabs-overflow {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-width: 100%
}

.tabs-container label {
    padding: 10px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 0;
    white-space: nowrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 calc(100%/var(--columns));
    flex: 1 0 calc(100%/var(--columns))
}

@media only screen and (max-width:779px) {
    .tabs-container label {
        padding-bottom: 15px
    }

    .tabs-container label:checked {
        background: var(--content-bg);
        color: var(--content-color);
        border-radius: var(--radius) var(--radius) 0 0
    }
}

.tabs-container .tab-pin {
    height: 100%;
    grid-row: 1/3;
    position: absolute;
    width: calc(100%/var(--columns));
    background: var(--content-bg);
    color: var(--content-color);
    border-radius: var(--radius) var(--radius) 0 0;
    -webkit-transition: left .1s ease-in-out;
    -o-transition: left .1s ease-in-out;
    transition: left .1s ease-in-out
}

@media only screen and (max-width:779px) {
    .tabs-container .tab-pin {
        display: none
    }
}

.tabs-container .tab-pin:after {
    content: "";
    bottom: 5px;
    width: 33.33%;
    left: 33.33%;
    border-bottom: 2px solid var(--title_color);
    position: absolute;
    border-radius: var(--radius)
}

.tabs-container .tab-pin-container {
    grid-column: 1/calc(var(--columns) + 1);
    height: 2px
}

.tabs-container #tab1:checked~.tabs-header-container .tab-pin {
    left: 0
}

.tabs-container #tab2:checked~.tabs-header-container .tab-pin {
    left: calc(100%/var(--columns))
}

.tabs-container #tab3:checked~.tabs-header-container .tab-pin {
    left: calc(200%/var(--columns))
}

.tabs-container #tab4:checked~.tabs-header-container .tab-pin {
    left: calc(300%/var(--columns))
}

.tabs-container .tab-content {
    display: none;
    padding: 15px;
    color: var(--content-color);
    background: var(--content-bg);
    border-radius: 0 0 var(--radius) var(--radius)
}

.tabs-container #tab1:checked~.tabs-header-container label[for=tab1],
.tabs-container #tab2:checked~.tabs-header-container label[for=tab2],
.tabs-container #tab3:checked~.tabs-header-container label[for=tab3],
.tabs-container #tab4:checked~.tabs-header-container label[for=tab4] {
    color: var(--content-color-active)
}

@media only screen and (max-width:779px) {

    .tabs-container #tab1:checked~.tabs-header-container label[for=tab1],
    .tabs-container #tab2:checked~.tabs-header-container label[for=tab2],
    .tabs-container #tab3:checked~.tabs-header-container label[for=tab3],
    .tabs-container #tab4:checked~.tabs-header-container label[for=tab4] {
        background: var(--content-bg);
        color: var(--content-color);
        border-radius: var(--radius) var(--radius) 0 0;
        position: relative
    }

    .tabs-container #tab1:checked~.tabs-header-container label[for=tab1]:after,
    .tabs-container #tab2:checked~.tabs-header-container label[for=tab2]:after,
    .tabs-container #tab3:checked~.tabs-header-container label[for=tab3]:after,
    .tabs-container #tab4:checked~.tabs-header-container label[for=tab4]:after {
        content: "";
        bottom: 10px;
        width: 33.33%;
        left: 33.33%;
        border-bottom: 2px solid var(--title_color);
        position: absolute;
        border-radius: var(--radius)
    }
}

.tabs-container #tab1:checked~#content-tab1,
.tabs-container #tab2:checked~#content-tab2,
.tabs-container #tab3:checked~#content-tab3,
.tabs-container #tab4:checked~#content-tab4 {
    display: block
}

.tabs_collapsible-section .page-width>.inline-flex {
    gap: 30px
}

@media only screen and (min-width:780px) {
    .tabs_collapsible-section .page-width>.inline-flex>* {
        max-width: calc(50% - 15px)
    }
}

.tab__collapsible [link-collapsing] {
    border-radius: var(--radius);
    background: rgb(var(--background))
}

.tab__collapsible [link-collapsing] .link_collapsing_title>span {
    font-size: calc(var(--body__size)*1.2)
}
  .filters-color {
  width: 52px !important;
  height: 52px !important;
  background-size: cover !important;
  image-rendering: high-quality;
  border-radius: 8px;
  margin-right: 8px;
}
@media screen and (max-width: 749px) {
  .shopify-payment-button {
    margin-top: 10px; /* ou 1rem pour un léger espacement */
    width: 100%;
  }

  .shopify-payment-button iframe {
    width: 100% !important;
  }

  .product-form__buttons {
    flex-direction: column;
    gap: 0.5rem; /* optionnel : pour gérer l'espacement entre tous les boutons */
  }
}
/* Mettre les textes en gras dans la section des badges */
#block--ce454d99-172d-49a2-a97d-c04f2f31ad8b .flex__item span {
  font-weight: 470 !important;
}
/* Réduit l'espace horizontal entre les produits */
#main-collection-product-grid .collection__product {
  padding-left: 8px;
  padding-right: 8px;
}

/* Réduit les marges du container global si besoin */
#main-collection-product-grid {
  margin-left: -8px;
  margin-right: -8px;
}

/* Optionnel : réduire aussi l'espace vertical entre les rangées */
.collection__product {
  margin-bottom: 17px; /* ou moins si tu veux plus serré */
}
.text-badge {
  font-size: 14px;
  font-weight: normal !important;
}

.trust-badges__content h5 {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: normal !important;
}
.trust-badges__content h5 strong {
  font-weight: normal !important;
}
.trust-badges__content h4,
.trust-badges__content h5 strong:first-child {
  font-size: 13px !important; /* ou 14px si tu veux une légère réduction */
}


/* Réduction maximale de l'espacement autour des badges de confiance */
#shopify-section-template--26009373049162__trust_badges_TjEGMU {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--26009373049162__trust_badges_TjEGMU .section-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

#shopify-section-template--26009373049162__trust_badges_TjEGMU .page-width {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
/* Force l'écrasement complet des espacements du bloc badges */
#shopify-section-template--26009373049162__trust_badges_TjEGMU .section-container,
#shopify-section-template--26009373049162__trust_badges_TjEGMU .page-width,
#shopify-section-template--26009373049162__trust_badges_TjEGMU {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: auto !important;
  height: auto !important;
}
/* Réduction plus forte de la vidéo sur tous les écrans */
.deferred-media {
  max-height: 55vh; /* réduit encore plus la hauteur */
  overflow: hidden;
}

.deferred-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.metafield-rich_text_field {
  text-align: left !important;
}

/* 1) Masquer le nom de chaque couleur dans les pastilles */
#ProductContent .filters-color span {
  display: none !important;
}

/* 2) (Optionnel) Masquer le titre "Couleur" au-dessus des pastilles seulement */
#ProductContent variant-radios fieldset:has(input[name="options[Couleur]"]) > legend {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

  }
}
//* Masquer le texte sous chaque pastille couleur */
#ProductContent .product__variants label.filters-color > span {
  display: none !important;
}

/* Masquer le titre "Couleur" (navigate vers le fieldset de la couleur) */
#ProductContent variant-radios fieldset:has(input[name="options[Couleur]"]) > legend {
  display: none !important;
}

/* Fallback si :has() ne s’applique pas chez certains navigateurs :
   sur la PDP on masque le 1er legend du composant variant-radios (couleur est 1er bloc) */
body.template-product #ProductContent variant-radios > fieldset:first-of-type > legend {
  display: none !important;
}

}