@font-face {
    font-family: mc-icons;
    src: url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.eot?30194223);
    src: url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.eot?30194223#iefix) format("embedded-opentype"),
    url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.woff2?30194223) format("woff2"),
    url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.woff?30194223) format("woff"),
    url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.ttf?30194223) format("truetype"),
    url(/Templates/MotoMundiDesktop/content/fonts/mc-icons.svg?30194223#mc-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.icon-arrows-ccw:before {
    content: "\41"
}

.icon-heart:before {
    content: "\42"
}

.icon-heart-empty:before {
    content: "\43"
}

.icon-attention:before {
    content: "\44"
}

.icon-help-circled:before {
    content: "\45"
}

.icon-pinterest:before {
    content: "\48"
}

.icon-gplus:before {
    content: "\49"
}

.icon-mail-alt:before {
    content: "\4a"
}

.icon-eye:before {
    content: "\4b"
}

.icon-previous:before {
    content: "\61"
}

.icon-next:before {
    content: "\62"
}

.icon-angle-up:before {
    content: "\63"
}

.icon-angle-down:before {
    content: "\64"
}

.icon-down-dir:before {
    content: "\65"
}

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

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

.icon-youtube-play:before {
    content: "\68"
}

.icon-cancel:before {
    content: "\69"
}

.icon-plus:before {
    content: "\6a"
}

.icon-minus:before {
    content: "\6b"
}

.icon-th-large:before {
    content: "\6c"
}

.icon-th-list:before {
    content: "\6d"
}

.icon-circle:before {
    content: "\6e"
}

.icon-search:before {
    content: "\6f"
}

.icon-filter:before {
    content: "\70"
}

.icon-angle-double-left:before {
    content: "\71"
}

.icon-angle-double-right:before {
    content: "\72"
}

.icon-angle-double-up:before {
    content: "\73"
}

.icon-angle-double-down:before {
    content: "\74"
}

.icon-star:before {
    content: "\75"
}

.icon-star-empty:before {
    content: "\76"
}

.icon-star-half-alt:before {
    content: "\77"
}

.icon-basket:before {
    content: "\78"
}

.icon-ok:before {
    content: "\79"
}

.icon-ok-circled:before {
    content: "\7a"
}

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

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

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

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

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

.icon-minus-circled:before {
    content: "\e805"
}

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

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

.icon-tag:before {
    content: "\e808"
}

.icon-bank:before {
    content: "\e809"
}

.icon-euro:before {
    content: "\e80a"
}

.icon-user:before {
    content: "\e80b"
}

.icon-dollar:before {
    content: "\e80c"
}

.icon-box:before {
    content: "\e80d"
}

.icon-history:before {
    content: "\e80e"
}

.icon-menu:before {
    content: "\e80f"
}

.icon-check:before {
    content: "\e810"
}

.icon-check-empty:before {
    content: "\e811"
}

.icon-down:before {
    content: "\e812"
}

.icon-up:before {
    content: "\e813"
}

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

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

.icon-change:before {
    content: "\e816"
}

.icon-pin-outline:before {
    content: "\e817"
}

.icon-archive:before {
    content: "\e818"
}

.icon-switch:before {
    content: "\e819"
}

.icon-pin:before {
    content: "\e81a"
}

.icon-key:before {
    content: "\e81b"
}

.icon-return:before {
    content: "\e81c"
}

.icon-shopping-bag:before {
    content: "\e81d"
}

.icon-user-circle:before {
    content: "\e81e"
}

.icon-tracking:before {
    content: "\e81f"
}

.icon-info-circled:before {
    content: "\e820"
}

.icon-box-2:before {
    content: "\e821"
}

.icon-piggybank:before {
    content: "\e822"
}

.icon-returns:before {
    content: "\e823"
}

.icon-packs:before {
    content: "\e824"
}

.icon-availability:before {
    content: "\e825"
}

.icon-flash:before {
    content: "\e826"
}

.icon-ruler:before {
    content: "\e827"
}

.icon-motocard:before {
    content: "\e828"
}

.icon-rss:before {
    content: "\e829"
}

.icon-map-pin:before {
    content: "\e82a"
}

.icon-calc:before {
    content: "\f1ec"
}

.icon-paypal:before {
    content: "\f1ed"
}

.icon-credit-card-alt:before {
    content: "\f283"
}

@media screen and (min-width: 1200px) {
    .show-for-large-down {
        display: none !important
    }
}

@media screen and (max-width: 1199px) {
    .show-for-large-up {
        display: none !important
    }
}

.mc-spinner {
    width: 22px;
    height: 22px;
    border: 3px solid #dfdfdf;
    border-top-color: #c74044;
    border-radius: 50%;
    animation: b .6s cubic-bezier(.61, .06, .55, .75) infinite
}

.mc-spinner.small {
    width: 18px;
    height: 18px
}

.mc-spinner.medium {
    width: 32px;
    height: 32px;
    border-width: 4px
}

.mc-spinner.large {
    width: 40px;
    height: 40px;
    border-width: 5px
}

.mc-spinner.x-center {
    margin: 0 auto
}

.mc-spinner.xy-center {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -11px
}

.mc-spinner.y-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.mc-spinner.destination-spinner {
    margin-top: .3rem;
    margin-bottom: 1.4rem
}

.has-xy-spinner {
    position: relative
}

@keyframes b {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.overlay-spinner {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: hsla(0, 0%, 100%, .85);
    z-index: 9999
}

.overlay-spinner-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.overlay-spinner-content p {
    text-align: center;
    text-transform: uppercase;
    color: #484848
}

.overlay-spinner-content p button {
    font-size: .9rem;
    text-transform: none
}

.overlay-spinner-content p button:hover {
    color: #c74044
}

.three-bounce {
    margin: 20px auto;
    width: 80px;
    text-align: center
}

.three-bounce .child {
    width: 20px;
    height: 20px;
    background-color: #c74044;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: c 1.4s ease-in-out 0s infinite both;
    animation: c 1.4s ease-in-out 0s infinite both
}

.three-bounce .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.three-bounce .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

@-webkit-keyframes c {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes c {
    0%, 80%, to {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}


.product-list .products[data-v-141c49a3] {
    display: flex;
    flex-wrap: wrap;
}
.product-list .products.row .swiper-container[data-v-141c49a3] {
    flex-grow: 1;
}



.swiper-container {
    list-style: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1;
}
.swiper-container-pointer-events {
    touch-action: pan-y;
}

.swiper-slide {
    flex-shrink: 0;
    height: 100%;
    position: relative;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    width: 100%;
}


.product-list .products .item[data-v-141c49a3] {
    background-color: #fff;
    margin-bottom: 5px;
}

.item>div[data-v-2d98ecc8], .item>section[data-v-2d98ecc8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.item {
    position: relative;
}

.item[data-v-2d98ecc8] {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: 100%;
    padding: 40px 5px 20px;
}



/* swiper end */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/*

html {
    line-height: 1.15
}

body {
    margin: 0
}

article, aside, footer, header, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    -webkit-text-decoration-skip: objects;
    background-color: transparent
}

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

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

[hidden], template {
    display: none
}
*/

.row {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.section {
    padding-bottom: 1rem;
    padding-top: 1rem
}

.section.no-pad {
    padding: 0
}

.section.no-pad-bot {
    padding-bottom: 0
}

.section.no-pad-top {
    padding-top: 0
}

/*
.row {
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto
}

.row:after {
    clear: both;
    content: "";
    display: table
}
*/

.row .col {
    box-sizing: border-box;
    float: left;
    min-height: 1px;
    padding: 0 .375rem
}

.row .col[class*=pull-], .row .col[class*=push-] {
    position: relative
}

.row .col.s1 {
    width: 8.3333333333%
}

.row .col.s1, .row .col.s2 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s2 {
    width: 16.6666666667%
}

.row .col.s3 {
    width: 25%
}

.row .col.s3, .row .col.s4 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s4 {
    width: 33.3333333333%
}

.row .col.s5 {
    width: 41.6666666667%
}

.row .col.s5, .row .col.s6 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s6 {
    width: 50%
}

.row .col.s7 {
    width: 58.3333333333%
}

.row .col.s7, .row .col.s8 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s8 {
    width: 66.6666666667%
}

.row .col.s9 {
    width: 75%
}

.row .col.s10, .row .col.s9 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s10 {
    width: 83.3333333333%
}

.row .col.s11 {
    width: 91.6666666667%
}

.row .col.s11, .row .col.s12 {
    left: auto;
    margin-left: auto;
    right: auto
}

.row .col.s12 {
    width: 100%
}

.row .col.offset-s1 {
    margin-left: 8.3333333333%
}

.row .col.pull-s1 {
    right: 8.3333333333%
}

.row .col.push-s1 {
    left: 8.3333333333%
}

.row .col.offset-s2 {
    margin-left: 16.6666666667%
}

.row .col.pull-s2 {
    right: 16.6666666667%
}

.row .col.push-s2 {
    left: 16.6666666667%
}

.row .col.offset-s3 {
    margin-left: 25%
}

.row .col.pull-s3 {
    right: 25%
}

.row .col.push-s3 {
    left: 25%
}

.row .col.offset-s4 {
    margin-left: 33.3333333333%
}

.row .col.pull-s4 {
    right: 33.3333333333%
}

.row .col.push-s4 {
    left: 33.3333333333%
}

.row .col.offset-s5 {
    margin-left: 41.6666666667%
}

.row .col.pull-s5 {
    right: 41.6666666667%
}

.row .col.push-s5 {
    left: 41.6666666667%
}

.row .col.offset-s6 {
    margin-left: 50%
}

.row .col.pull-s6 {
    right: 50%
}

.row .col.push-s6 {
    left: 50%
}

.row .col.offset-s7 {
    margin-left: 58.3333333333%
}

.row .col.pull-s7 {
    right: 58.3333333333%
}

.row .col.push-s7 {
    left: 58.3333333333%
}

.row .col.offset-s8 {
    margin-left: 66.6666666667%
}

.row .col.pull-s8 {
    right: 66.6666666667%
}

.row .col.push-s8 {
    left: 66.6666666667%
}

.row .col.offset-s9 {
    margin-left: 75%
}

.row .col.pull-s9 {
    right: 75%
}

.row .col.push-s9 {
    left: 75%
}

.row .col.offset-s10 {
    margin-left: 83.3333333333%
}

.row .col.pull-s10 {
    right: 83.3333333333%
}

.row .col.push-s10 {
    left: 83.3333333333%
}

.row .col.offset-s11 {
    margin-left: 91.6666666667%
}

.row .col.pull-s11 {
    right: 91.6666666667%
}

.row .col.push-s11 {
    left: 91.6666666667%
}

.row .col.offset-s12 {
    margin-left: 100%
}

.row .col.pull-s12 {
    right: 100%
}

.row .col.push-s12 {
    left: 100%
}

@media only screen and (min-width: 601px) {
    .row .col.m1 {
        width: 8.3333333333%
    }

    .row .col.m1, .row .col.m2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m2 {
        width: 16.6666666667%
    }

    .row .col.m3 {
        width: 25%
    }

    .row .col.m3, .row .col.m4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m4 {
        width: 33.3333333333%
    }

    .row .col.m5 {
        width: 41.6666666667%
    }

    .row .col.m5, .row .col.m6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m6 {
        width: 50%
    }

    .row .col.m7 {
        width: 58.3333333333%
    }

    .row .col.m7, .row .col.m8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m8 {
        width: 66.6666666667%
    }

    .row .col.m9 {
        width: 75%
    }

    .row .col.m10, .row .col.m9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m10 {
        width: 83.3333333333%
    }

    .row .col.m11 {
        width: 91.6666666667%
    }

    .row .col.m11, .row .col.m12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.m12 {
        width: 100%
    }

    .row .col.offset-m1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-m1 {
        right: 8.3333333333%
    }

    .row .col.push-m1 {
        left: 8.3333333333%
    }

    .row .col.offset-m2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-m2 {
        right: 16.6666666667%
    }

    .row .col.push-m2 {
        left: 16.6666666667%
    }

    .row .col.offset-m3 {
        margin-left: 25%
    }

    .row .col.pull-m3 {
        right: 25%
    }

    .row .col.push-m3 {
        left: 25%
    }

    .row .col.offset-m4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-m4 {
        right: 33.3333333333%
    }

    .row .col.push-m4 {
        left: 33.3333333333%
    }

    .row .col.offset-m5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-m5 {
        right: 41.6666666667%
    }

    .row .col.push-m5 {
        left: 41.6666666667%
    }

    .row .col.offset-m6 {
        margin-left: 50%
    }

    .row .col.pull-m6 {
        right: 50%
    }

    .row .col.push-m6 {
        left: 50%
    }

    .row .col.offset-m7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-m7 {
        right: 58.3333333333%
    }

    .row .col.push-m7 {
        left: 58.3333333333%
    }

    .row .col.offset-m8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-m8 {
        right: 66.6666666667%
    }

    .row .col.push-m8 {
        left: 66.6666666667%
    }

    .row .col.offset-m9 {
        margin-left: 75%
    }

    .row .col.pull-m9 {
        right: 75%
    }

    .row .col.push-m9 {
        left: 75%
    }

    .row .col.offset-m10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-m10 {
        right: 83.3333333333%
    }

    .row .col.push-m10 {
        left: 83.3333333333%
    }

    .row .col.offset-m11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-m11 {
        right: 91.6666666667%
    }

    .row .col.push-m11 {
        left: 91.6666666667%
    }

    .row .col.offset-m12 {
        margin-left: 100%
    }

    .row .col.pull-m12 {
        right: 100%
    }

    .row .col.push-m12 {
        left: 100%
    }
}

@media only screen and (min-width: 993px) {
    .row .col.l1 {
        width: 8.3333333333%
    }

    .row .col.l1, .row .col.l2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l2 {
        width: 16.6666666667%
    }

    .row .col.l3 {
        width: 25%
    }

    .row .col.l3, .row .col.l4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l4 {
        width: 33.3333333333%
    }

    .row .col.l5 {
        width: 41.6666666667%
    }

    .row .col.l5, .row .col.l6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l6 {
        width: 50%
    }

    .row .col.l7 {
        width: 58.3333333333%
    }

    .row .col.l7, .row .col.l8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l8 {
        width: 66.6666666667%
    }

    .row .col.l9 {
        width: 75%
    }

    .row .col.l10, .row .col.l9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l10 {
        width: 83.3333333333%
    }

    .row .col.l11 {
        width: 91.6666666667%
    }

    .row .col.l11, .row .col.l12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.l12 {
        width: 100%
    }

    .row .col.offset-l1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-l1 {
        right: 8.3333333333%
    }

    .row .col.push-l1 {
        left: 8.3333333333%
    }

    .row .col.offset-l2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-l2 {
        right: 16.6666666667%
    }

    .row .col.push-l2 {
        left: 16.6666666667%
    }

    .row .col.offset-l3 {
        margin-left: 25%
    }

    .row .col.pull-l3 {
        right: 25%
    }

    .row .col.push-l3 {
        left: 25%
    }

    .row .col.offset-l4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-l4 {
        right: 33.3333333333%
    }

    .row .col.push-l4 {
        left: 33.3333333333%
    }

    .row .col.offset-l5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-l5 {
        right: 41.6666666667%
    }

    .row .col.push-l5 {
        left: 41.6666666667%
    }

    .row .col.offset-l6 {
        margin-left: 50%
    }

    .row .col.pull-l6 {
        right: 50%
    }

    .row .col.push-l6 {
        left: 50%
    }

    .row .col.offset-l7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-l7 {
        right: 58.3333333333%
    }

    .row .col.push-l7 {
        left: 58.3333333333%
    }

    .row .col.offset-l8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-l8 {
        right: 66.6666666667%
    }

    .row .col.push-l8 {
        left: 66.6666666667%
    }

    .row .col.offset-l9 {
        margin-left: 75%
    }

    .row .col.pull-l9 {
        right: 75%
    }

    .row .col.push-l9 {
        left: 75%
    }

    .row .col.offset-l10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-l10 {
        right: 83.3333333333%
    }

    .row .col.push-l10 {
        left: 83.3333333333%
    }

    .row .col.offset-l11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-l11 {
        right: 91.6666666667%
    }

    .row .col.push-l11 {
        left: 91.6666666667%
    }

    .row .col.offset-l12 {
        margin-left: 100%
    }

    .row .col.pull-l12 {
        right: 100%
    }

    .row .col.push-l12 {
        left: 100%
    }
}

@media only screen and (min-width: 1281px) {
    .row .col.xl1 {
        width: 8.3333333333%
    }

    .row .col.xl1, .row .col.xl2 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl2 {
        width: 16.6666666667%
    }

    .row .col.xl3 {
        width: 25%
    }

    .row .col.xl3, .row .col.xl4 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl4 {
        width: 33.3333333333%
    }

    .row .col.xl5 {
        width: 41.6666666667%
    }

    .row .col.xl5, .row .col.xl6 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl6 {
        width: 50%
    }

    .row .col.xl7 {
        width: 58.3333333333%
    }

    .row .col.xl7, .row .col.xl8 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl8 {
        width: 66.6666666667%
    }

    .row .col.xl9 {
        width: 75%
    }

    .row .col.xl10, .row .col.xl9 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl10 {
        width: 83.3333333333%
    }

    .row .col.xl11 {
        width: 91.6666666667%
    }

    .row .col.xl11, .row .col.xl12 {
        left: auto;
        margin-left: auto;
        right: auto
    }

    .row .col.xl12 {
        width: 100%
    }

    .row .col.offset-xl1 {
        margin-left: 8.3333333333%
    }

    .row .col.pull-xl1 {
        right: 8.3333333333%
    }

    .row .col.push-xl1 {
        left: 8.3333333333%
    }

    .row .col.offset-xl2 {
        margin-left: 16.6666666667%
    }

    .row .col.pull-xl2 {
        right: 16.6666666667%
    }

    .row .col.push-xl2 {
        left: 16.6666666667%
    }

    .row .col.offset-xl3 {
        margin-left: 25%
    }

    .row .col.pull-xl3 {
        right: 25%
    }

    .row .col.push-xl3 {
        left: 25%
    }

    .row .col.offset-xl4 {
        margin-left: 33.3333333333%
    }

    .row .col.pull-xl4 {
        right: 33.3333333333%
    }

    .row .col.push-xl4 {
        left: 33.3333333333%
    }

    .row .col.offset-xl5 {
        margin-left: 41.6666666667%
    }

    .row .col.pull-xl5 {
        right: 41.6666666667%
    }

    .row .col.push-xl5 {
        left: 41.6666666667%
    }

    .row .col.offset-xl6 {
        margin-left: 50%
    }

    .row .col.pull-xl6 {
        right: 50%
    }

    .row .col.push-xl6 {
        left: 50%
    }

    .row .col.offset-xl7 {
        margin-left: 58.3333333333%
    }

    .row .col.pull-xl7 {
        right: 58.3333333333%
    }

    .row .col.push-xl7 {
        left: 58.3333333333%
    }

    .row .col.offset-xl8 {
        margin-left: 66.6666666667%
    }

    .row .col.pull-xl8 {
        right: 66.6666666667%
    }

    .row .col.push-xl8 {
        left: 66.6666666667%
    }

    .row .col.offset-xl9 {
        margin-left: 75%
    }

    .row .col.pull-xl9 {
        right: 75%
    }

    .row .col.push-xl9 {
        left: 75%
    }

    .row .col.offset-xl10 {
        margin-left: 83.3333333333%
    }

    .row .col.pull-xl10 {
        right: 83.3333333333%
    }

    .row .col.push-xl10 {
        left: 83.3333333333%
    }

    .row .col.offset-xl11 {
        margin-left: 91.6666666667%
    }

    .row .col.pull-xl11 {
        right: 91.6666666667%
    }

    .row .col.push-xl11 {
        left: 91.6666666667%
    }

    .row .col.offset-xl12 {
        margin-left: 100%
    }

    .row .col.pull-xl12 {
        right: 100%
    }

    .row .col.push-xl12 {
        left: 100%
    }
}

select:focus {
    outline: 1px solid #d8f2d5
}

/*
button:focus {
    background-color: transparent;
    outline: none
}
*/

::-webkit-input-placeholder {
    color: #999
}

::-moz-placeholder {
    color: #999
}

:-ms-input-placeholder {
    color: #999
}

::-ms-input-placeholder {
    color: #999
}

::placeholder {
    color: #999
}

input:not([type]), input[type=date]:not(.browser-default), input[type=datetime-local]:not(.browser-default), input[type=datetime]:not(.browser-default), input[type=email]:not(.browser-default), input[type=number]:not(.browser-default), input[type=password]:not(.browser-default), input[type=search]:not(.browser-default), input[type=tel]:not(.browser-default), input[type=text]:not(.browser-default), input[type=time]:not(.browser-default), input[type=url]:not(.browser-default), textarea.materialize-textarea {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 0;
    box-shadow: none;
    box-sizing: content-box;
    font-size: 15px;
    height: 3rem;
    margin: 0 0 8px;
    outline: none;
    padding: 15px;
    width: 100%
}

input:not([type]):disabled, input:not([type])[readonly=readonly], input[type=date]:not(.browser-default):disabled, input[type=date]:not(.browser-default)[readonly=readonly], input[type=datetime-local]:not(.browser-default):disabled, input[type=datetime-local]:not(.browser-default)[readonly=readonly], input[type=datetime]:not(.browser-default):disabled, input[type=datetime]:not(.browser-default)[readonly=readonly], input[type=email]:not(.browser-default):disabled, input[type=email]:not(.browser-default)[readonly=readonly], input[type=number]:not(.browser-default):disabled, input[type=number]:not(.browser-default)[readonly=readonly], input[type=password]:not(.browser-default):disabled, input[type=password]:not(.browser-default)[readonly=readonly], input[type=search]:not(.browser-default):disabled, input[type=search]:not(.browser-default)[readonly=readonly], input[type=tel]:not(.browser-default):disabled, input[type=tel]:not(.browser-default)[readonly=readonly], input[type=text]:not(.browser-default):disabled, input[type=text]:not(.browser-default)[readonly=readonly], input[type=time]:not(.browser-default):disabled, input[type=time]:not(.browser-default)[readonly=readonly], input[type=url]:not(.browser-default):disabled, input[type=url]:not(.browser-default)[readonly=readonly], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly=readonly] {
    border-bottom: 1px dotted rgba(0, 0, 0, .42);
    color: rgba(0, 0, 0, .42)
}

input:not([type]):disabled + label, input:not([type])[readonly=readonly] + label, input[type=date]:not(.browser-default):disabled + label, input[type=date]:not(.browser-default)[readonly=readonly] + label, input[type=datetime-local]:not(.browser-default):disabled + label, input[type=datetime-local]:not(.browser-default)[readonly=readonly] + label, input[type=datetime]:not(.browser-default):disabled + label, input[type=datetime]:not(.browser-default)[readonly=readonly] + label, input[type=email]:not(.browser-default):disabled + label, input[type=email]:not(.browser-default)[readonly=readonly] + label, input[type=number]:not(.browser-default):disabled + label, input[type=number]:not(.browser-default)[readonly=readonly] + label, input[type=password]:not(.browser-default):disabled + label, input[type=password]:not(.browser-default)[readonly=readonly] + label, input[type=search]:not(.browser-default):disabled + label, input[type=search]:not(.browser-default)[readonly=readonly] + label, input[type=tel]:not(.browser-default):disabled + label, input[type=tel]:not(.browser-default)[readonly=readonly] + label, input[type=text]:not(.browser-default):disabled + label, input[type=text]:not(.browser-default)[readonly=readonly] + label, input[type=time]:not(.browser-default):disabled + label, input[type=time]:not(.browser-default)[readonly=readonly] + label, input[type=url]:not(.browser-default):disabled + label, input[type=url]:not(.browser-default)[readonly=readonly] + label, textarea.materialize-textarea:disabled + label, textarea.materialize-textarea[readonly=readonly] + label {
    color: rgba(0, 0, 0, .42)
}

input:not([type]):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #41a334;
    box-shadow: 0 1px 0 0 #41a334
}

input:not([type]):focus:not([readonly]) + label, input[type=date]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label, input[type=datetime]:not(.browser-default):focus:not([readonly]) + label, input[type=email]:not(.browser-default):focus:not([readonly]) + label, input[type=number]:not(.browser-default):focus:not([readonly]) + label, input[type=password]:not(.browser-default):focus:not([readonly]) + label, input[type=search]:not(.browser-default):focus:not([readonly]) + label, input[type=tel]:not(.browser-default):focus:not([readonly]) + label, input[type=text]:not(.browser-default):focus:not([readonly]) + label, input[type=time]:not(.browser-default):focus:not([readonly]) + label, input[type=url]:not(.browser-default):focus:not([readonly]) + label, textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #41a334
}

input:not([type]):focus.valid ~ label, input[type=date]:not(.browser-default):focus.valid ~ label, input[type=datetime-local]:not(.browser-default):focus.valid ~ label, input[type=datetime]:not(.browser-default):focus.valid ~ label, input[type=email]:not(.browser-default):focus.valid ~ label, input[type=number]:not(.browser-default):focus.valid ~ label, input[type=password]:not(.browser-default):focus.valid ~ label, input[type=search]:not(.browser-default):focus.valid ~ label, input[type=tel]:not(.browser-default):focus.valid ~ label, input[type=text]:not(.browser-default):focus.valid ~ label, input[type=time]:not(.browser-default):focus.valid ~ label, input[type=url]:not(.browser-default):focus.valid ~ label, textarea.materialize-textarea:focus.valid ~ label {
    color: color("green", "base")
}

input:not([type]):focus.invalid ~ label, input[type=date]:not(.browser-default):focus.invalid ~ label, input[type=datetime-local]:not(.browser-default):focus.invalid ~ label, input[type=datetime]:not(.browser-default):focus.invalid ~ label, input[type=email]:not(.browser-default):focus.invalid ~ label, input[type=number]:not(.browser-default):focus.invalid ~ label, input[type=password]:not(.browser-default):focus.invalid ~ label, input[type=search]:not(.browser-default):focus.invalid ~ label, input[type=tel]:not(.browser-default):focus.invalid ~ label, input[type=text]:not(.browser-default):focus.invalid ~ label, input[type=time]:not(.browser-default):focus.invalid ~ label, input[type=url]:not(.browser-default):focus.invalid ~ label, textarea.materialize-textarea:focus.invalid ~ label {
    color: #f44a4a
}

input:not([type]).validate + label, input[type=date]:not(.browser-default).validate + label, input[type=datetime-local]:not(.browser-default).validate + label, input[type=datetime]:not(.browser-default).validate + label, input[type=email]:not(.browser-default).validate + label, input[type=number]:not(.browser-default).validate + label, input[type=password]:not(.browser-default).validate + label, input[type=search]:not(.browser-default).validate + label, input[type=tel]:not(.browser-default).validate + label, input[type=text]:not(.browser-default).validate + label, input[type=time]:not(.browser-default).validate + label, input[type=url]:not(.browser-default).validate + label, textarea.materialize-textarea.validate + label {
    width: 100%
}

input:not([type]).valid, input:not([type]):focus.valid, input[type=date]:not(.browser-default).valid, input[type=date]:not(.browser-default):focus.valid, input[type=datetime-local]:not(.browser-default).valid, input[type=datetime-local]:not(.browser-default):focus.valid, input[type=datetime]:not(.browser-default).valid, input[type=datetime]:not(.browser-default):focus.valid, input[type=email]:not(.browser-default).valid, input[type=email]:not(.browser-default):focus.valid, input[type=number]:not(.browser-default).valid, input[type=number]:not(.browser-default):focus.valid, input[type=password]:not(.browser-default).valid, input[type=password]:not(.browser-default):focus.valid, input[type=search]:not(.browser-default).valid, input[type=search]:not(.browser-default):focus.valid, input[type=tel]:not(.browser-default).valid, input[type=tel]:not(.browser-default):focus.valid, input[type=text]:not(.browser-default).valid, input[type=text]:not(.browser-default):focus.valid, input[type=time]:not(.browser-default).valid, input[type=time]:not(.browser-default):focus.valid, input[type=url]:not(.browser-default).valid, input[type=url]:not(.browser-default):focus.valid, textarea.materialize-textarea.valid, textarea.materialize-textarea:focus.valid {
    border-bottom: 1px solid color("green", "base");
    box-shadow: 0 1px 0 0 color("green", "base")
}

input:not([type]).invalid, input:not([type]):focus.invalid, input[type=date]:not(.browser-default).invalid, input[type=date]:not(.browser-default):focus.invalid, input[type=datetime-local]:not(.browser-default).invalid, input[type=datetime-local]:not(.browser-default):focus.invalid, input[type=datetime]:not(.browser-default).invalid, input[type=datetime]:not(.browser-default):focus.invalid, input[type=email]:not(.browser-default).invalid, input[type=email]:not(.browser-default):focus.invalid, input[type=number]:not(.browser-default).invalid, input[type=number]:not(.browser-default):focus.invalid, input[type=password]:not(.browser-default).invalid, input[type=password]:not(.browser-default):focus.invalid, input[type=search]:not(.browser-default).invalid, input[type=search]:not(.browser-default):focus.invalid, input[type=tel]:not(.browser-default).invalid, input[type=tel]:not(.browser-default):focus.invalid, input[type=text]:not(.browser-default).invalid, input[type=text]:not(.browser-default):focus.invalid, input[type=time]:not(.browser-default).invalid, input[type=time]:not(.browser-default):focus.invalid, input[type=url]:not(.browser-default).invalid, input[type=url]:not(.browser-default):focus.invalid, textarea.materialize-textarea.invalid, textarea.materialize-textarea:focus.invalid {
    border-bottom: 1px solid #f44a4a;
    box-shadow: 0 1px 0 0 #f44a4a
}

input:not([type]).invalid ~ .helper-text[data-error], input:not([type]).valid ~ .helper-text[data-success], input:not([type]):focus.invalid ~ .helper-text[data-error], input:not([type]):focus.valid ~ .helper-text[data-success], input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default).valid ~ .helper-text[data-success], input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success], input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default).valid ~ .helper-text[data-success], input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default).valid ~ .helper-text[data-success], input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default).valid ~ .helper-text[data-success], input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default).valid ~ .helper-text[data-success], input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success], input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default).valid ~ .helper-text[data-success], input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default).valid ~ .helper-text[data-success], input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success], input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default).valid ~ .helper-text[data-success], input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error], input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success], textarea.materialize-textarea.invalid ~ .helper-text[data-error], textarea.materialize-textarea.valid ~ .helper-text[data-success], textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], textarea.materialize-textarea:focus.valid ~ .helper-text[data-success] {
    color: transparent;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

input:not([type]).valid ~ .helper-text:after, input:not([type]):focus.valid ~ .helper-text:after, input[type=date]:not(.browser-default).valid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=datetime]:not(.browser-default).valid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=email]:not(.browser-default).valid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=number]:not(.browser-default).valid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=password]:not(.browser-default).valid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=search]:not(.browser-default).valid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=tel]:not(.browser-default).valid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=text]:not(.browser-default).valid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=time]:not(.browser-default).valid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after, input[type=url]:not(.browser-default).valid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after, textarea.materialize-textarea.valid ~ .helper-text:after, textarea.materialize-textarea:focus.valid ~ .helper-text:after {
    color: color("green", "base");
    content: attr(data-success)
}

input:not([type]).invalid ~ .helper-text:after, input:not([type]):focus.invalid ~ .helper-text:after, input[type=date]:not(.browser-default).invalid ~ .helper-text:after, input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after, input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=email]:not(.browser-default).invalid ~ .helper-text:after, input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=number]:not(.browser-default).invalid ~ .helper-text:after, input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=password]:not(.browser-default).invalid ~ .helper-text:after, input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=search]:not(.browser-default).invalid ~ .helper-text:after, input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=tel]:not(.browser-default).invalid ~ .helper-text:after, input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=text]:not(.browser-default).invalid ~ .helper-text:after, input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=time]:not(.browser-default).invalid ~ .helper-text:after, input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after, input[type=url]:not(.browser-default).invalid ~ .helper-text:after, input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after, textarea.materialize-textarea.invalid ~ .helper-text:after, textarea.materialize-textarea:focus.invalid ~ .helper-text:after {
    color: #f44a4a;
    content: attr(data-error)
}

input:not([type]) + label:after, input[type=date]:not(.browser-default) + label:after, input[type=datetime-local]:not(.browser-default) + label:after, input[type=datetime]:not(.browser-default) + label:after, input[type=email]:not(.browser-default) + label:after, input[type=number]:not(.browser-default) + label:after, input[type=password]:not(.browser-default) + label:after, input[type=search]:not(.browser-default) + label:after, input[type=tel]:not(.browser-default) + label:after, input[type=text]:not(.browser-default) + label:after, input[type=time]:not(.browser-default) + label:after, input[type=url]:not(.browser-default) + label:after, textarea.materialize-textarea + label:after {
    content: "";
    display: block;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 100%;
    transition: opacity .2s ease-out, color .2s ease-out
}

.input-field {
    margin-bottom: 1rem;
    margin-top: 1rem;
    position: relative
}

.input-field.inline {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

.input-field.inline .select-dropdown, .input-field.inline input {
    margin-bottom: 1rem
}

.input-field.col label {
    left: .75rem
}

.input-field.col .prefix ~ .validate ~ label, .input-field.col .prefix ~ label {
    width: calc(100% - 4.5rem)
}

.input-field > label {
    color: #000;
    cursor: text;
    font-size: 1rem;
    left: 0;
    position: absolute;
    text-align: left;
    text-align: initial;
    top: 0;
    -webkit-transform: translateY(12px);
    transform: translateY(12px);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: color .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out;
    transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out
}

.input-field > label:not(.label-icon).active {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.input-field > input[type=date]:not(.browser-default) + label, .input-field > input[type=time]:not(.browser-default) + label, .input-field > input[type]:-webkit-autofill:not(.browser-default):not([type=search]) + label {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.input-field .helper-text {
    color: rgba(0, 0, 0, .54);
    display: block;
    font-size: 12px;
    min-height: 18px;
    position: relative
}

.input-field .helper-text:after {
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0
}

.input-field .prefix {
    font-size: 2rem;
    position: absolute;
    top: .5rem;
    transition: color .2s;
    width: 3rem
}

.input-field .prefix.active {
    color: #41a334
}

.input-field .prefix ~ .autocomplete-content, .input-field .prefix ~ .helper-text, .input-field .prefix ~ .validate ~ label, .input-field .prefix ~ input, .input-field .prefix ~ label, .input-field .prefix ~ textarea {
    margin-left: 3rem;
    width: 92%;
    width: calc(100% - 3rem)
}

.input-field .prefix ~ label {
    margin-left: 3rem
}

@media only screen and (max-width: 992px) {
    .input-field .prefix ~ input {
        width: 86%;
        width: calc(100% - 3rem)
    }
}

@media only screen and (max-width: 600px) {
    .input-field .prefix ~ input {
        width: 80%;
        width: calc(100% - 3rem)
    }
}

.input-field input[type=search] {
    display: block;
    line-height: inherit;
    transition: background-color .3s
}

.nav-wrapper .input-field input[type=search] {
    border: 0;
    box-shadow: none;
    height: inherit;
    padding-left: 4rem;
    width: calc(100% - 4rem)
}

.input-field input[type=search]:focus:not(.browser-default) {
    background-color: #fff;
    border: 0;
    box-shadow: none;
    color: #444
}

.input-field input[type=search]:focus:not(.browser-default) + label i, .input-field input[type=search]:focus:not(.browser-default) ~ .material-icons, .input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close {
    color: #444
}

.input-field input[type=search] + .label-icon {
    left: 1rem;
    -webkit-transform: none;
    transform: none
}

.input-field input[type=search] ~ .material-icons, .input-field input[type=search] ~ .mdi-navigation-close {
    color: transparent;
    cursor: pointer;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    transition: color .3s
}

textarea {
    background-color: transparent;
    height: 3rem;
    width: 100%
}

textarea.materialize-textarea {
    box-sizing: border-box;
    line-height: normal;
    min-height: 3rem;
    overflow-y: hidden;
    padding: .8rem 0;
    resize: none
}

.hiddendiv {
    word-wrap: break-word;
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
    visibility: hidden;
    white-space: pre-wrap;
    z-index: -1
}

.autocomplete-content li .highlight {
    color: #444
}

.autocomplete-content li img {
    height: 40px;
    margin: 5px 15px;
    width: 40px
}

.character-counter {
    min-height: 18px
}

.with-carousel .container {
    width: 95%
}

[v-cloak] {
    display: none !important
}

body:not(.modal-open) {
    position: static !important
}

@media only screen and (max-width: 600px) {
    body {
        min-height: 100vh !important;
        min-height: -webkit-fill-available !important
    }
}
/*

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", Helvetica Neue;
    font-size: 16px;
    font-weight: 300;
    scroll-behavior: smooth;
    word-spacing: 1px
}

@media only screen and (max-width: 600px) {
    html {
        height: 100vh !important;
        height: -webkit-fill-available
    }
}

*/
html .skiptranslate {
    display: none !important;
    pointer-events: none !important
}

ul {
    list-style-type: none !important;
    margin: 0;
    padding: 0
}

.pswp__bg {
    background: rgba(0, 0, 0, .92) !important
}

.swiper-button-disabled {
    opacity: .3
}

a, span.mtc-link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    color: #d6001c;
    cursor: pointer;
    -webkit-text-decoration: none;
    text-decoration: none
}

a.no-pointer, span.mtc-link.no-pointer {
    cursor: default
}

/*
a, button, span.mtc-link {
    transition: all .25s ease-out
}
*/

.strike {
    -webkit-text-decoration: line-through;
    text-decoration: line-through
}

button, input, optgroup, select, textarea {
    border-radius: 0;
    box-sizing: border-box !important;
    color: #000;
    font-family: system, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 500;
    outline: none
}

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

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

button {
    background-color: transparent;
    border: 0
}

button:hover {
    cursor: pointer
}

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

select {
    -webkit-appearance: none;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjYiIHZpZXdCb3g9IjAgMCAyMiA2IiB3aWR0aD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTAgMCAzLjYgMy42IDMuNi0zLjYiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSAxKSIvPjwvc3ZnPg==) right 50% no-repeat;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 10px;
    font-weight: 600;
    line-height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase
}

select:disabled {
    opacity: .5
}

select.available-size {
    box-shadow: 0 0 6px 0 #47a239
}

textarea {
    -webkit-appearance: none;
    border: 1px solid #000;
    font-size: 15px;
    margin: 0 0 8px;
    min-height: 100px;
    padding: 15px
}

textarea:disabled {
    opacity: .5
}

.form-fieldset {
    align-items: flex-start;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
    row-gap: 5px
}

.form-item {
    max-width: 410px;
    position: relative;
    width: 100%
}

@media only screen and (min-width: 601px) {
    .form-item {
        width: calc(50% - 5px)
    }
}

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

.form-item.full-width label {
    width: 100%
}

.form-item.half-width {
    width: calc(50% - 5px)
}

.input__group {
    margin: 5px 0;
    position: relative
}

.input__group.reverse {
    flex-direction: row-reverse
}

.input__group.checkbox, .input__group.radio {
    align-items: flex-start;
    display: flex;
    gap: 5px;
    margin: 5px 0
}

.input__group.checkbox label, .input__group.radio label {
    font-size: 14px
}

.input__group.checkbox input[type=checkbox], .input__group.checkbox input[type=radio], .input__group.radio input[type=checkbox], .input__group.radio input[type=radio] {
    top: 2px
}

.input__group.alert {
    background: #fff3cd;
    margin: 10px 0;
    padding: 10px 8px
}

.input__group input:not([type]), .input__group input[type=date]:not(.browser-default), .input__group input[type=datetime-local]:not(.browser-default), .input__group input[type=datetime]:not(.browser-default), .input__group input[type=email]:not(.browser-default), .input__group input[type=number]:not(.browser-default), .input__group input[type=password]:not(.browser-default), .input__group input[type=search]:not(.browser-default), .input__group input[type=tel]:not(.browser-default), .input__group input[type=text]:not(.browser-default), .input__group input[type=time]:not(.browser-default), .input__group input[type=url]:not(.browser-default), .input__group textarea {
    background-color: #fff;
    border-color: #d8d8d8;
    font-weight: 300;
    height: 45px;
    margin: 0;
    padding: 17px 10px 3px
}

.input__group input:not([type]):disabled, .input__group input[type=date]:not(.browser-default):disabled, .input__group input[type=datetime-local]:not(.browser-default):disabled, .input__group input[type=datetime]:not(.browser-default):disabled, .input__group input[type=email]:not(.browser-default):disabled, .input__group input[type=number]:not(.browser-default):disabled, .input__group input[type=password]:not(.browser-default):disabled, .input__group input[type=search]:not(.browser-default):disabled, .input__group input[type=tel]:not(.browser-default):disabled, .input__group input[type=text]:not(.browser-default):disabled, .input__group input[type=time]:not(.browser-default):disabled, .input__group input[type=url]:not(.browser-default):disabled, .input__group textarea:disabled {
    background-color: #f5f5f5;
    color: #000
}

.input__group .v-select {
    border-color: #d8d8d8;
    font-weight: 300
}

.input__group .v-select .vs__actions, .input__group .v-select .vs__search, .input__group .v-select .vs__selected-options {
    cursor: pointer !important
}

.input__group .v-select.vs--open .vs__actions, .input__group .v-select.vs--open .vs__search, .input__group .v-select.vs--open .vs__selected-options {
    cursor: text !important
}

.input__group .v-select input[type=search]:not(.browser-default) {
    background-color: transparent;
    background-color: initial
}

.input__group label {
    color: #747474 !important;
    font-size: 16px;
    margin-bottom: 0
}

.input__group label.error {
    color: #f44a4a !important
}

.input__group label strong {
    font-weight: 700
}

.input__group input:not([type]) + label, .input__group input[type=date]:not(.browser-default) + label, .input__group input[type=datetime-local]:not(.browser-default) + label, .input__group input[type=datetime]:not(.browser-default) + label, .input__group input[type=email]:not(.browser-default) + label, .input__group input[type=number]:not(.browser-default) + label, .input__group input[type=password]:not(.browser-default) + label, .input__group input[type=search]:not(.browser-default) + label, .input__group input[type=tel]:not(.browser-default) + label, .input__group input[type=text]:not(.browser-default) + label, .input__group input[type=time]:not(.browser-default) + label, .input__group input[type=url]:not(.browser-default) + label, .input__group textarea + label {
    left: 15px;
    pointer-events: none;
    position: absolute;
    top: 34px;
    -webkit-transform: translateY(-21px);
    transform: translateY(-21px);
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    width: auto !important
}

.input__group input:not([type]):not(:-moz-placeholder-shown) + label, .input__group input[type=date]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=datetime-local]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=datetime]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=email]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=number]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=password]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=search]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=tel]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=text]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=time]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group input[type=url]:not(.browser-default):not(:-moz-placeholder-shown) + label, .input__group textarea:not(:-moz-placeholder-shown) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    transform: translate(0)
}

.input__group input:not([type]):not(:-ms-input-placeholder) + label, .input__group input[type=date]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=datetime-local]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=datetime]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=email]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=number]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=password]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=search]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=tel]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=text]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=time]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group input[type=url]:not(.browser-default):not(:-ms-input-placeholder) + label, .input__group textarea:not(:-ms-input-placeholder) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    transform: translate(0)
}

.input__group input:not([type]):focus + label, .input__group input:not([type]):not(:placeholder-shown) + label, .input__group input[type=date]:not(.browser-default):focus + label, .input__group input[type=date]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=datetime-local]:not(.browser-default):focus + label, .input__group input[type=datetime-local]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=datetime]:not(.browser-default):focus + label, .input__group input[type=datetime]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=email]:not(.browser-default):focus + label, .input__group input[type=email]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=number]:not(.browser-default):focus + label, .input__group input[type=number]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=password]:not(.browser-default):focus + label, .input__group input[type=password]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=search]:not(.browser-default):focus + label, .input__group input[type=search]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=tel]:not(.browser-default):focus + label, .input__group input[type=tel]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=text]:not(.browser-default):focus + label, .input__group input[type=text]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=time]:not(.browser-default):focus + label, .input__group input[type=time]:not(.browser-default):not(:placeholder-shown) + label, .input__group input[type=url]:not(.browser-default):focus + label, .input__group input[type=url]:not(.browser-default):not(:placeholder-shown) + label, .input__group textarea:focus + label, .input__group textarea:not(:placeholder-shown) + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    top: 1px;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.input__group .motocard-select + label {
    font-size: 12px;
    left: 7px;
    padding: 0 5px;
    pointer-events: none;
    position: absolute;
    top: 1px;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: all .3s cubic-bezier(.3, 0, 0, 1);
    width: auto !important;
    z-index: 1
}

.input__group input[type=checkbox] ~ label, .input__group input[type=radio] ~ label {
    cursor: pointer;
    position: relative;
    width: 100%
}

.input__group input.invalid ~ label {
    color: #f44a4a !important
}

.input__toggle {
    display: inline-block;
    position: relative
}

.input__toggle input {
    height: 20px;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 20px
}

/*
.input__toggle label.toggle-item {
    -webkit-tap-highlight-color: rgba(255, 255, 255, .2);
    background: #e0e0e0;
    border: 1px solid #e8e8e8;
    border-radius: 25px;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    margin: 10px;
    position: relative;
    -webkit-transform-origin: 20% center;
    transform-origin: 20% center;
    transition: all .3s ease;
    transition-delay: 0s;
    width: 45px
}

.input__toggle label.toggle-item:before {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 25px;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease;
    transition-delay: 0s;
    width: 20px
}
*/

.input__toggle #normal:checked + label, .input__toggle .toggle-checkbox:checked + label {
    background: #41a334
}

.input__toggle #normal:checked + label:before, .input__toggle .toggle-checkbox:checked + label:before {
    border-color: #41a334;
    -webkit-transform: translateX(21px);
    transform: translateX(21px)
}

.form-fieldset .input__group {
    padding: 0
}

.input-hint {
    font-size: 12px;
    opacity: .8;
    position: relative;
    top: -3px
}

.input-hint.error {
    color: #f44a4a
}

.select--light .v-select {
    border: 1px solid #d8d8d8
}

.select--light .v-select .vs__actions:before {
    background-color: transparent;
    background-color: initial
}

.select--light .v-select .vs__dropdown-option--highlight {
    background-color: #f5f5f5;
    color: #000
}

.select--small .v-select .vs__dropdown-toggle, .select--small .v-select .vs__selected-option {
    height: 43px
}

.select--small .vs__selected-options {
    max-width: calc(100% - 33px)
}

.select--small .vs__selected-options .vs__selected, .select--small .vs__selected-options input {
    color: #000;
    font-size: 15px;
    font-weight: 300;
    height: 43px;
    margin: 0 0 8px;
    overflow: hidden;
    padding: 0 30px 0 10px !important;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--small .vs__selected-options .vs__selected strong, .select--small .vs__selected-options input strong {
    font-weight: 700
}

.select--small .v-select .vs__actions {
    min-height: 30px
}

.select--small .vs__dropdown-menu {
    font-size: 13px;
    font-weight: 300;
    padding: 0
}

.select--small .vs__dropdown-menu strong {
    font-weight: 700
}

.select--small .vs__dropdown-option {
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap
}

.select--with-label .vs__selected-options .vs__selected, .select--with-label .vs__selected-options input {
    padding: 17px 30px 3px 10px !important
}

.form-actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin: 10px 0;
    width: 100%
}

.form-actions.align-left {
    justify-content: flex-start
}

.form-actions .button {
    margin: 0 !important
}

.form-actions .button:only-child {
    margin: 0 auto !important;
    max-width: 410px;
    width: 100%
}

.divider {
    border-top: 1px solid #f2f2f2;
    margin: 40px 0
}

table, td, th {
    border: none
}

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

table.striped tr {
    border-bottom: none
}

table.striped > tbody > tr:nth-child(odd) {
    background-color: hsla(0, 0%, 95%, .5)
}

table.striped > tbody > tr > td {
    border-radius: 0
}

table.highlight > tbody > tr {
    transition: background-color .25s ease
}

table.highlight > tbody > tr:hover {
    background-color: hsla(0, 0%, 95%, .5)
}

table.centered tbody tr td, table.centered thead tr th {
    text-align: center
}

tr {
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

td, th {
    border-radius: 2px;
    display: table-cell;
    padding: 15px 5px;
    text-align: left;
    vertical-align: middle
}

@media only screen and (max-width: 992px) {
    table.responsive-table {
        border-collapse: collapse;
        border-spacing: 0;
        display: block;
        position: relative;
        width: 100%
    }

    table.responsive-table td:empty:before {
        content: " "
    }

    table.responsive-table td, table.responsive-table th {
        margin: 0;
        vertical-align: top
    }

    table.responsive-table th {
        text-align: left
    }

    table.responsive-table thead {
        display: block;
        float: left
    }

    table.responsive-table thead tr {
        display: block;
        padding: 0 10px 0 0
    }

    table.responsive-table thead tr th:before {
        content: " "
    }

    table.responsive-table tbody {
        display: block;
        overflow-x: auto;
        position: relative;
        white-space: nowrap;
        width: auto
    }

    table.responsive-table tbody tr {
        display: inline-block;
        vertical-align: top
    }

    table.responsive-table th {
        display: block;
        text-align: right
    }

    table.responsive-table td {
        display: block;
        min-height: 1.25em;
        text-align: left
    }

    table.responsive-table tr {
        border-bottom: none;
        padding: 0 10px
    }

    table.responsive-table thead {
        border: 0;
        border-right: 1px solid rgba(0, 0, 0, .12)
    }
}

.input-field > label {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    -webkit-transform: none;
    transform: none
}

.input-field.col label, .input-field > label {
    left: .375rem;
    top: -14px
}

.input-field select {
    height: 3rem;
    width: 100%
}

label .label {
    font-size: 12px;
    line-height: 21px;
    text-transform: uppercase
}

label {
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin-bottom: 8px
}

/*
[type=checkbox]:checked, [type=checkbox]:not(:checked), [type=radio]:checked, [type=radio]:not(:checked) {
    opacity: 0;
    pointer-events: none;
    position: absolute
}
*/

[type=checkbox] + span {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=checkbox] + span:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiIGQ9Ik05IDFMMy41IDYuNSAxIDQiLz48L3N2Zz4=) 50% no-repeat;
    background-size: 0;
    border: 1px solid #000;
    content: "";
    height: 18px;
    left: 0;
    margin-top: 3px;
    position: absolute;
    top: 0;
    transition: .2s;
    transition: all .2s ease-in-out;
    width: 18px;
    z-index: 0
}

[type=checkbox]:checked + span:before {
    background-color: #000;
    background-size: auto
}

[type=radio] + span {
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    padding-left: 30px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=radio] + span:before {
    border: 1px solid #000;
    border-radius: 200px;
    box-shadow: none;
    content: "";
    height: 18px;
    left: 0;
    margin-top: 3px;
    position: absolute;
    top: 0;
    transition: .2s;
    width: 18px;
    z-index: 0
}

[type=radio]:checked + span:before {
    box-shadow: inset 0 0 0 6px #000
}

.button {
    background: none;
    border: 2px solid #000;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
    overflow: hidden;
    padding: 13px 25px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    transition: all .2s ease-in-out;
    z-index: 1
}

.button:hover {
    background-color: #000;
    color: #fff
}

.button:hover use {
    stroke: #fff
}

.button:hover.button--with-icon .sprite-line-icons {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.button .sprite-line-icons {
    transition: all .2s ease-in-out;
    vertical-align: -2px
}

.button .sprite-line-icons use {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-in-out
}

.button.button--small {
    border: 1px solid #000;
    box-sizing: border-box;
    color: #000;
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    text-transform: uppercase
}

.button.button--small:hover {
    color: #fff
}

.button.button--tiny {
    border: 1px solid #000;
    color: #000;
    font-size: 9px !important;
    font-weight: 600;
    line-height: 20px !important;
    padding: 2px 10px;
    text-align: center !important
}

.button.button--tiny:hover {
    background-color: #f5f5f5;
    color: #000
}

.button:active, .button:focus {
    background-color: #bd0019;
    border-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: #fff
}

.button.button--primary {
    background-color: #d6001c;
    border-color: #d6001c;
    color: #fff
}

.button.button--primary use {
    stroke: #fff
}

.button.button--primary:after, .button.button--primary:hover {
    background-color: #f0001f
}

.button.button--primary:active, .button.button--primary:focus {
    background-color: #bd0019;
    border-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button.button--secondary {
    background-color: #41a334;
    border-color: #41a334;
    color: #fff
}

.button.button--secondary:after, .button.button--secondary:hover {
    background-color: #49b63a;
    color: #fff
}

.button.button--secondary:active, .button.button--secondary:focus {
    background-color: #39902e;
    border-color: #39902e;
    color: #fff
}

.button.button--secondary .sprite-line-icons use {
    stroke: #fff
}

.button.button--filled {
    background-color: #000;
    color: #fff
}

.button.button--filled use {
    stroke: #fff
}

.button.button--filled:after, .button.button--filled:hover {
    background-color: #f0001f;
    border-color: #f0001f;
    color: #fff
}

.button.button--light {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #000
}

.button.button--light:after, .button.button--light:hover {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    color: #000
}

.button.button--light:after use, .button.button--light:hover use {
    stroke: #000 !important
}

.button.button--light:active, .button.button--light:focus {
    background-color: #e8e8e8 !important;
    border-color: #e8e8e8 !important;
    color: #000
}

.button.button--light:active use, .button.button--light:focus use {
    stroke: #000 !important
}

.button.button--skewed:after {
    background-color: #d6001c;
    content: "";
    height: 100%;
    left: -35%;
    position: absolute;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: all .2s ease-in-out;
    width: 0;
    z-index: -1
}

.button.button--skewed:hover {
    background-color: transparent;
    border-color: #d6001c;
    color: #fff
}

.button.button--skewed:hover use {
    stroke: #fff
}

.button.button--skewed:hover:after {
    height: 100%;
    width: 135%
}

.button.button--skewed.button--primary:after {
    background-color: #f0001f
}

.button.button--skewed.button--primary:active, .button.button--skewed.button--primary:focus {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button.button--skewed.button--primary:active:after, .button.button--skewed.button--primary:focus:after {
    background-color: #bd0019
}

.button.button--clear {
    background: none;
    border: none;
    color: #41a334
}

.button.button--clear:active, .button.button--clear:focus {
    box-shadow: none
}

.button.button--disabled, .button:disabled {
    opacity: .3
}

.button.button--large {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.6px;
    line-height: 20px;
    padding: 14px 35px
}

.button.button--large svg {
    vertical-align: -1px
}

.button.button--large svg use {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .button.button--large {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .button.button--large {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

.button.button--huge {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1.8px;
    line-height: 24px;
    padding: 18px 45px
}

.button.button--huge svg {
    vertical-align: -1px
}

.button.button--huge svg use {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .button.button--huge {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .button.button--huge {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
        padding: 12px 40px
    }
}

.button.button--transparent {
    background-color: hsla(0, 0%, 100%, .2);
    border: 0;
    color: #000
}

.button.button--transparent:hover {
    background-color: #f0001f
}

.button.button--transparent:active, .button.button--transparent:focus {
    background-color: #bd0019;
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.button--text-only {
    background: none;
    border: none;
    color: #000;
    display: inline-block;
    margin: 0;
    padding: 0;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.button-animated {
    background: transparent url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjZWIwMDEyIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNlYjAwMTIiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transition: background-position .4s cubic-bezier(.175, .885, .32, 1.275)
}

.button-animated span {
    display: inline-block;
    transition: all .4s cubic-bezier(.175, .885, .32, 1.275)
}

.button-animated.animated {
    background-color: #f5f5f5;
    background-position: 50%;
    border-color: #f5f5f5
}

.button-animated.animated span {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.button-animated.white-spinner {
    background: #d6001c url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat
}

.button-animated.white-spinner.button--filled {
    background: #000 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOiBhdXRvOyBiYWNrZ3JvdW5kOiBub25lOyBkaXNwbGF5OiBibG9jazsgc2hhcGUtcmVuZGVyaW5nOiBhdXRvOyIgd2lkdGg9IjM0cHgiIGhlaWdodD0iMzRweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4KPGNpcmNsZSBjeD0iNTAiIGN5PSI1MCIgcj0iNDIiIHN0cm9rZS13aWR0aD0iOSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2UtZGFzaGFycmF5PSI2NS45NzM0NDU3MjUzODU2NiA2NS45NzM0NDU3MjUzODU2NiIgZmlsbD0ibm9uZSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiB0cmFuc2Zvcm09InJvdGF0ZSgxNS45NDAzIDUwIDUwKSI+CiAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiBkdXI9IjAuNzQwNzQwNzQwNzQwNzQwN3MiIGtleVRpbWVzPSIwOzEiIHZhbHVlcz0iMCA1MCA1MDszNjAgNTAgNTAiPjwvYW5pbWF0ZVRyYW5zZm9ybT4KPC9jaXJjbGU+CjxwYXRoIGQ9Ik0yNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljk4NTE0ODcsMTMuMTQ5MTEyMSBDMjYuMDA0MzQ3MSwxMy4xMTg3OTk4IDI2LjAwNDk4NywxMy4wODExMzkgMjUuOTg2NzQ4NiwxMy4wNDk2MDIgQzI1Ljk2ODUxMDEsMTMuMDE5Mjg5NyAyNS45MzQyNzMxLDEzIDI1Ljg5NjgzNjMsMTMgTDIxLjQyNDksMTMgQzIxLjM5NzM4MjMsMTMgMjEuMzcxMTQ0NiwxMy4wMTA0MTAzIDIxLjM1MTMwNjMsMTMuMDI5MzkzOCBMMTguNjU4NzM3MywxNS42MzEzNTMzIEwxOC42MTI5ODEzLDE1LjU5NzY3MyBMMjAuMTA5ODEyOCwxMy4xNDc1ODExIEMyMC4xMjgwNTEzLDEzLjExNjk2MjYgMjAuMTI4MzcxMiwxMy4wNzk5MTQzIDIwLjEwOTgxMjgsMTMuMDQ5Mjk1OCBDMjAuMDkxNTc0NCwxMy4wMTg2NzczIDIwLjA1NzY1NzMsMTMgMjAuMDIwNTQwNSwxMyBMMTAuNjQ1OTg0OCwxMyBDMTAuNjA5ODI3OSwxMyAxMC41NzU5MTA4LDEzLjAxODM3MTEgMTAuNTU3MzUyNCwxMy4wNDc3NjQ4IEwxMC4yMzgzMzk4LDEzLjU1NjAzMTggQzEwLjIyMzk0MSwxMy41NzkzMDE5IDEwLjIyMDEwMTQsMTMuNjA3NDcwOSAxMC4yMjgxMDA3LDEzLjYzMzQ5NjYgQzEwLjIzNTc4LDEzLjY2MDEzNDcgMTAuMjU1Mjk4NCwxMy42ODE1Njc3IDEwLjI4MDg5NjIsMTMuNjk0MTIxMiBMMTQuMzg4MDYzOCwxNS42NTIxNzM5IEwxNC40MDYzMDIyLDE1LjY2MTA1MzMgTDEwLjAxNDAzOTEsMjIuODUyNzI1IEM5Ljk5NTQ4MDY0LDIyLjg4MzAzNzQgOS45OTUxNjA2NywyMi45MjA2OTgxIDEwLjAxNDAzOTEsMjIuOTUxMDEwNCBDMTAuMDMyMjc3NSwyMi45ODEzMjI3IDEwLjA2NjE5NDYsMjMgMTAuMTAzMzExNCwyMyBMMTQuMDQwODkzNSwyMyBDMTQuMDc3NjkwNCwyMyAxNC4xMTE2MDc1LDIyLjk4MTYyODkgMTQuMTMwMTY1OSwyMi45NTEzMTY2IEwxNi40NTcwMDYyLDE5LjEzOTAwOCBMMTYuNDczMDA0OSwxOS4xMTI2NzYxIEwxNi44Mjk3NzQzLDE5LjY4OTUyODUgQzE2Ljg0ODY1MjYsMTkuNzIwMTQ3IDE2Ljg4MzIwOTcsMTkuNzM3OTA1NyAxNi45MTg3MjY2LDE5LjczNzkwNTcgQzE2LjkzMzc2NTMsMTkuNzM3OTA1NyAxNi45NDkxMjQsMTkuNzM0ODQzOCAxNi45NjM1MjI4LDE5LjcyODEwNzggTDE4LjI5MTQwODgsMTkuMTIwMDI0NSBMMTguMzQxNjQ0NSwxOS4xNzAyMzg4IEwxNi4xMDU2NzY0LDIyLjg1MzAzMTIgQzE2LjA4NzExOCwyMi44ODMzNDM1IDE2LjA4NzExOCwyMi45MjA2OTgxIDE2LjEwNTY3NjQsMjIuOTUxMDEwNCBDMTYuMTIzOTE0OCwyMi45ODEzMjI3IDE2LjE1ODE1MTksMjMgMTYuMTk0OTQ4NywyMyBMMTkuOTE3MTg5MywyMyBDMTkuOTUzOTg2MiwyMyAxOS45ODc1ODMzLDIyLjk4MTYyODkgMjAuMDA2NDYxNywyMi45NTEzMTY2IEwyNS43NjIxMjc4LDEzLjUwNzk2MDggQzI1Ljc2NjkyNzQsMTMuNTAwMzA2MiAyNS43NzA3NjcxLDEzLjQ5MTczMyAyNS43NzMwMDY5LDEzLjQ4MzE1OTggTDI1Ljc3MzAwNjksMTMuNDgzMTU5OCBaIiB0cmFuc2Zvcm09InNjYWxlKDMuNCkgdHJhbnNsYXRlKC0zIC0zKSIgaWQ9Im1vdG9jYXJkLW0iIGZpbGw9IiNGRkZGRkYiPjwvcGF0aD4KPC9zdmc+Cg==) center 50px no-repeat
}

.button-animated.white-spinner.animated {
    background-color: #d6001c;
    background-position: 50%;
    border-color: #d6001c
}

.button-animated.white-spinner.animated span {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.sprite-line-icons use {
    fill-rule: evenodd;
    fill: none;
    stroke: #2a2a2a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round
}

.swiper-container .swiper-wrapper {
    align-items: center
}

.skeleton-gradient {
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    background-color: #f5f5f5 !important;
    background-repeat: repeat !important;
    background-size: 1500px 640px !important;
    background: linear-gradient(274deg, #f5f5f5 15%, #e8e8e8 38%, #f5f5f5 60%);
    position: relative
}

@-webkit-keyframes placeHolderShimmer {
    0% {
        background-position: -718px 0
    }
    to {
        background-position: 718px 0
    }
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -718px 0
    }
    to {
        background-position: 718px 0
    }
}

@media only screen and (max-width: 600px) {
    .hide-on-small-and-down, .hide-on-small-only {
        display: none !important
    }
}

@media only screen and (max-width: 992px) {
    .hide-on-med-and-down {
        display: none !important
    }
}

@media only screen and (min-width: 601px) {
    .hide-on-med-and-up {
        display: none !important
    }
}

@media only screen and (min-width: 600px)and (max-width: 992px) {
    .hide-on-med-only {
        display: none !important
    }
}

@media only screen and (min-width: 993px) {
    .hide-on-large-only {
        display: none !important
    }
}

@media only screen and (min-width: 1281px) {
    .hide-on-extra-large-only {
        display: none !important
    }

    .show-on-extra-large {
        display: block !important
    }
}

@media only screen and (min-width: 993px) {
    .show-on-large {
        display: block !important
    }
}

@media only screen and (min-width: 600px)and (max-width: 992px) {
    .show-on-medium {
        display: block !important
    }
}

@media only screen and (max-width: 600px) {
    .show-on-small {
        display: block !important
    }
}

@media only screen and (min-width: 601px) {
    .show-on-medium-and-up {
        display: block !important
    }
}

@media only screen and (max-width: 992px) {
    .show-on-medium-and-down {
        display: block !important
    }
}

.colors .color {
    border: 1px solid #e0e0e0;
    display: inline-block;
    height: 29px;
    margin-bottom: 4px;
    margin-right: 4px;
    width: 29px
}

.colors .color:hover {
    opacity: .7
}

.colors .color.selected {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTExIDZsLTQuMTI1IDRMNSA4LjE4MiIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    transition: background-image .15s ease-in-out
}

.colors .color.selected:hover {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTEwLjg4IDVMNSAxMC44OE01IDVsNS44OCA1Ljg4Ii8+PC9nPjwvc3ZnPg==)
}

.colors .color.high-visibility, .colors .color.high-visibility.selected:hover {
    background-image: linear-gradient(45deg, #a8ff00, #e4ff00 20%, #e4ff00 33%, #b3ff00 48%, #e0ff00 64%, #e3ff00 76%, #abff00)
}

.colors .color.carbon, .colors .color.carbon.selected:hover {
    background: transparent url(https://motocard.s3.amazonaws.com/assets/images/colors/carbon.jpg) 50% no-repeat
}

.colors .color.carbon.selected, .colors .color.high-visibility.selected {
    position: relative
}

.colors .color.carbon.selected:before, .colors .color.high-visibility.selected:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTExIDZsLTQuMTI1IDRMNSA4LjE4MiIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-image .15s ease-in-out
}

.colors .color.carbon.selected:hover:before, .colors .color.high-visibility.selected:hover:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iOCIgZmlsbD0iI0ZGRiIgb3BhY2l0eT0iLjc0OSIvPjxwYXRoIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNCIgZD0iTTEwLjg4IDVMNSAxMC44OE01IDVsNS44OCA1Ljg4Ii8+PC9nPjwvc3ZnPg==)
}

.text-uppercase {
    text-transform: uppercase
}

.resize-vertical {
    resize: vertical
}

.underline {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.p-0 {
    padding: 0 !important
}

@media only screen and (max-width: 600px) {
    #fc_frame {
        z-index: 1001 !important
    }
}

.product-page #fc_frame {
    transition: all .25s ease-out
}

@media only screen and (max-width: 600px) {
    .product-page #fc_frame {
        bottom: 105px !important
    }
}

.product-page.sticky-bar #fc_frame {
    bottom: 85px !important
}

@media only screen and (max-width: 600px) {
    .product-page.sticky-bar #fc_frame {
        bottom: 105px !important
    }
}

.product-page.product-page-mobile-expanded #fc_frame {
    -webkit-transform: translateX(200px);
    transform: translateX(200px)
}

body.cross-selling-expanded #fc_frame, body.modal-open #fc_frame, body.product-page-mobile-expanded #fc_frame {
    display: none !important
}

.v-select {
    background: #fff;
    border: 1px solid #000
}

.v-select.vs--open .vs__open-indicator {
    -webkit-transform: scale(.65) rotate(180deg) !important;
    transform: scale(.65) rotate(180deg) !important
}

.v-select .vs__dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 0 20px 20px 0 rgba(0, 0, 0, .15), 0 0 35px 0 rgba(0, 0, 0, .2)
}

.v-select .vs__dropdown-option--highlight {
    background: #e8e8e8
}

.v-select .vs__clear svg, .v-select .vs__open-indicator {
    -webkit-transform: scale(.65);
    transform: scale(.65)
}

.v-select .vs__clear svg path, .v-select .vs__open-indicator path {
    fill: #000
}

.v-select .vs__clear {
    height: 100%;
    margin: 0;
    padding: 0 8px
}

.v-select .vs__clear svg {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.v-select .vs__actions {
    margin-left: 8px;
    min-height: 46px;
    padding: 0;
    position: relative
}

.v-select .vs__actions:before {
    background: #d8d8d8;
    content: "";
    display: block;
    height: 30px;
    left: 0;
    position: absolute;
    top: calc(50% - 15px);
    width: 1px
}

.v-select .vs__actions > svg {
    margin: 4px
}

.v-select .vs__dropdown-toggle, .v-select .vs__selected-options {
    margin: 0 !important;
    padding: 0 !important
}

.v-select .vs__dropdown-toggle, .v-select .vs__search {
    border: none !important
}

.v-select .vs__search {
    height: calc(3rem - 2px);
    margin: 0 !important
}

.v-select .vs__selected + input.vs__search {
    width: 0
}

.v-select .vs__dropdown-option {
    border-bottom: 1px solid #d8d8d8;
    padding: 6px 10px !important
}

.v-select .vs__hidden_input {
    opacity: 0;
    position: absolute;
    z-index: -10
}

.v-select .vs__selected {
    margin: 0 !important;
    width: 100%
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

html#department-motorama .added-values-block {
    background: #ffd13b;
    color: #000;
    padding: 5px 0
}

html#department-motorama .added-values-block .container {
    width: 100%
}

html#department-motorama .added-values-block .added-values__container.swiper-wrapper {
    margin-bottom: 0
}

html#department-motorama .added-values-block .added-values__container li {
    font-size: 12px;
    line-height: 1.2em;
    padding-left: 30px;
    text-transform: none
}

@media only screen and (max-width: 600px) {
    html#department-motorama .added-values-block .added-values__container li {
        padding-left: 0
    }
}

html#department-motorama .added-values-block .added-values__container li a {
    color: #000 !important
}

html#department-motorama .added-values-block .added-values__container li svg {
    display: none
}

html#department-motorama .home-container .newsletter-main {
    background: #000;
    background-image: url(https://cdn.motocard.com/assets/images/bg-newsletter-subscription.jpg);
    background-position: right bottom -140px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important
}

html#department-motorama .home-container .newsletter-main:after {
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

html#department-motorama .home-container .newsletter-main a {
    color: #fff;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email input[type=email] {
    background: #fff !important;
    border: none
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button {
    background-color: #fff;
    border: none;
    color: #1a1a1a
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button span {
    display: none
}

html#department-motorama .home-container .newsletter-main > .front .newsletter__content .content__email button.animated {
    background-color: #000
}

html#department-motorama .home-container .newsletter-main > .confirm .confirm__content h3 {
    color: #fff
}

html#department-motorama .home-container .newsletter-main .legal-accept {
    color: #fff !important;
    font-size: 12px;
    line-height: 1.2em
}

html#department-motorama .mobile-menu__toggle svg use {
    stroke: #fff !important
}

html#department-motorama .mobile-menu__toggle span {
    color: #fff
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header__top .motocard-logo {
        margin-left: -8px;
        max-width: 142px !important
    }

    html#department-motorama .header__top .motocard-logo-link img {
        height: auto;
        margin-left: 0;
        max-width: 142px;
        width: 142px !important
    }
}

html#department-motorama .header-container {
    background: #000;
    padding-top: 10px
}

html#department-motorama .header-container > div {
    background: #000
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header-container.sticky-header, html#department-motorama .header-container.sticky-header > div {
        height: 93px
    }
}

html#department-motorama .header-container.sticky-header .top-bar {
    margin-top: 0
}

@media only screen and (max-width: 600px) {
    html#department-motorama .header-container {
        padding-top: 0
    }
}

html#department-motorama .search input {
    border-radius: 0
}

html#department-motorama .search .sprite-line-icons use {
    stroke: #d6001c
}

html#department-motorama .search .mobile-search-toggle > span {
    color: #fff
}

html#department-motorama .search .mobile-search-toggle .sprite-line-icons use {
    stroke: #fff
}

html#department-motorama .top-menu, html#department-motorama .top-menu a, html#department-motorama .user-menu > li > a span {
    color: #fff
}

html#department-motorama .user-menu > li > a > svg use {
    stroke: #fff
}

html#department-motorama .top-bar {
    background: #ffd13b;
    margin-top: -10px;
    max-width: 100vw;
    overflow: hidden
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar {
        margin-top: 0
    }
}

html#department-motorama .top-bar .container {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 100vw;
    width: 100%
}

html#department-motorama .top-bar .added-values__container {
    margin-top: -3px
}

html#department-motorama .top-bar > .container {
    height: 32px;
    max-width: 1280px;
    width: 95%
}

@media only screen and (max-width: 992px) {
    html#department-motorama .top-bar > .container {
        max-width: 100vw;
        width: 100%
    }
}

html#department-motorama .top-bar .contact-info {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -.5px
}

html#department-motorama .top-bar .contact-info span {
    border-right: 1px solid #000;
    margin-right: 4px;
    padding-right: 8px;
    white-space: nowrap
}

html#department-motorama .top-bar .contact-info span:last-child {
    border-right: none;
    margin-right: 0;
    padding-right: 0
}

html#department-motorama .top-bar .contact-info span strong {
    margin-left: 2px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    html#department-motorama .top-bar .contact-info {
        font-size: 12px;
        padding-left: 4px
    }

    html#department-motorama .top-bar .contact-info span {
        margin-right: 2px;
        padding-right: 4px
    }
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar .contact-info {
        display: none
    }
}

html#department-motorama .top-bar .added-values-block .added-values__container, html#department-motorama .top-bar .added-values-block .row {
    max-width: 100%
}

html#department-motorama .top-bar .added-values-block .added-values__container li {
    font-size: 11px;
    line-height: 1em
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    html#department-motorama .top-bar .added-values-block .added-values__container li {
        font-size: 10px;
        padding-left: 10px
    }
}

@media only screen and (max-width: 600px) {
    html#department-motorama .top-bar .added-values-block .swiper-container {
        overflow: visible
    }
}

html#department-motorama .main-nav .main-nav__list li > .mtc-link, html#department-motorama .main-nav .main-nav__list li > a {
    color: #fff
}

html#department-motorama .main-nav .main-nav__list li ul li .mtc-link, html#department-motorama .main-nav .main-nav__list li ul li a {
    color: #000
}

html#department-motorama body.home .home-container .added-values-block {
    display: none;
    padding: 10px 0
}

@media only screen and (max-width: 600px) {
    html#department-motorama body.home .home-container .added-values-block {
        display: block
    }

    html#department-motorama body.home .header-container.sticky-header, html#department-motorama body.home .header-container.sticky-header > div {
        height: 61px
    }

    html#department-motorama body.home .top-bar {
        display: none
    }
}

html#department-motorama .results .added-values-block {
    display: none !important
}

html#department-motorama .facets-bar-mobile .fast-delivery-button.fixed, html#department-motorama .facets-bar-mobile button.fixed, html#department-motorama .facets-bar-mobile select.fixed {
    top: 86px
}

html#department-motorama .product-added-values .added-values-block {
    background: none
}

html#department-motorama .product-added-values .added-values__container li {
    line-height: 1em;
    text-transform: uppercase
}

html#department-motorama .product-added-values .added-values__container li a:before {
    background: #ffd13b !important
}

html#department-motorama .product-added-values .added-values__container li svg {
    display: inline-block
}

html#department-motorama .product-added-values .added-values__container li svg > * {
    stroke: #000 !important
}

:root {
    --vs-colors--lightest: rgba(60, 60, 60, .26);
    --vs-colors--light: rgba(60, 60, 60, .5);
    --vs-colors--dark: #333;
    --vs-colors--darkest: rgba(0, 0, 0, .15);
    --vs-search-input-color: inherit;
    --vs-search-input-bg: #fff;
    --vs-search-input-placeholder-color: inherit;
    --vs-font-size: 1rem;
    --vs-line-height: 1.4;
    --vs-state-disabled-bg: #f8f8f8;
    --vs-state-disabled-color: var(--vs-colors--light);
    --vs-state-disabled-controls-color: var(--vs-colors--light);
    --vs-state-disabled-cursor: not-allowed;
    --vs-border-color: var(--vs-colors--lightest);
    --vs-border-width: 1px;
    --vs-border-style: solid;
    --vs-border-radius: 4px;
    --vs-actions-padding: 4px 6px 0 3px;
    --vs-controls-color: var(--vs-colors--light);
    --vs-controls-size: 1;
    --vs-controls--deselect-text-shadow: 0 1px 0 #fff;
    --vs-selected-bg: #f0f0f0;
    --vs-selected-color: var(--vs-colors--dark);
    --vs-selected-border-color: var(--vs-border-color);
    --vs-selected-border-style: var(--vs-border-style);
    --vs-selected-border-width: var(--vs-border-width);
    --vs-dropdown-bg: #fff;
    --vs-dropdown-color: inherit;
    --vs-dropdown-z-index: 1000;
    --vs-dropdown-min-width: 160px;
    --vs-dropdown-max-height: 350px;
    --vs-dropdown-box-shadow: 0px 3px 6px 0px var(--vs-colors--darkest);
    --vs-dropdown-option-bg: #000;
    --vs-dropdown-option-color: var(--vs-dropdown-color);
    --vs-dropdown-option-padding: 3px 20px;
    --vs-dropdown-option--active-bg: #5897fb;
    --vs-dropdown-option--active-color: #fff;
    --vs-dropdown-option--deselect-bg: #fb5858;
    --vs-dropdown-option--deselect-color: #fff;
    --vs-transition-timing-function: cubic-bezier(1, -0.115, 0.975, 0.855);
    --vs-transition-duration: 150ms
}

.v-select {
    font-family: inherit;
    position: relative
}

.v-select, .v-select * {
    box-sizing: border-box
}

:root {
    --vs-transition-timing-function: cubic-bezier(1, 0.5, 0.8, 1);
    --vs-transition-duration: 0.15s
}

@-webkit-keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes vSelectSpinner {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.vs__fade-enter-active, .vs__fade-leave-active {
    pointer-events: none;
    transition: opacity .15s cubic-bezier(1, .5, .8, 1);
    transition: opacity var(--vs-transition-duration) var(--vs-transition-timing-function)
}

.vs__fade-enter, .vs__fade-leave-to {
    opacity: 0
}

:root {
    --vs-disabled-bg: var(--vs-state-disabled-bg);
    --vs-disabled-color: var(--vs-state-disabled-color);
    --vs-disabled-cursor: var(--vs-state-disabled-cursor)
}

.vs--disabled .vs__clear, .vs--disabled .vs__dropdown-toggle, .vs--disabled .vs__open-indicator, .vs--disabled .vs__search, .vs--disabled .vs__selected {
    background-color: #f8f8f8;
    background-color: var(--vs-disabled-bg);
    cursor: not-allowed;
    cursor: var(--vs-disabled-cursor)
}

.v-select[dir=rtl] .vs__actions {
    padding: 0 3px 0 6px
}

.v-select[dir=rtl] .vs__clear {
    margin-left: 6px;
    margin-right: 0
}

.v-select[dir=rtl] .vs__deselect {
    margin-left: 0;
    margin-right: 2px
}

.v-select[dir=rtl] .vs__dropdown-menu {
    text-align: right
}

.vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    background: var(--vs-search-input-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-radius: 4px;
    border-radius: var(--vs-border-radius);
    display: flex;
    padding: 0 0 4px;
    white-space: normal
}

.vs__selected-options {
    display: flex;
    flex-basis: 100%;
    flex-grow: 1;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative
}

.vs__actions {
    align-items: center;
    display: flex;
    padding: 4px 6px 0 3px;
    padding: var(--vs-actions-padding)
}

.vs--searchable .vs__dropdown-toggle {
    cursor: text
}

.vs--unsearchable .vs__dropdown-toggle {
    cursor: pointer
}

.vs--open .vs__dropdown-toggle {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.vs__open-indicator {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--vs-controls-size));
    transform: scale(var(--vs-controls-size));
    transition: -webkit-transform .15s cubic-bezier(1, .5, .8, 1);
    transition: transform .15s cubic-bezier(1, .5, .8, 1);
    transition: transform .15s cubic-bezier(1, .5, .8, 1), -webkit-transform .15s cubic-bezier(1, .5, .8, 1);
    transition: -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition: transform var(--vs-transition-duration) var(--vs-transition-timing-function), -webkit-transform var(--vs-transition-duration) var(--vs-transition-timing-function);
    transition-timing-function: cubic-bezier(1, .5, .8, 1);
    transition-timing-function: var(--vs-transition-timing-function)
}

.vs--open .vs__open-indicator {
    -webkit-transform: rotate(180deg) scale(1);
    transform: rotate(180deg) scale(1);
    -webkit-transform: rotate(180deg) scale(var(--vs-controls-size));
    transform: rotate(180deg) scale(var(--vs-controls-size))
}

.vs--loading .vs__open-indicator {
    opacity: 0
}

.vs__clear {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    background-color: transparent;
    border: 0;
    cursor: pointer;
    margin-right: 8px;
    padding: 0
}

.vs__dropdown-menu {
    background: #fff;
    background: var(--vs-dropdown-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-border-width) var(--vs-border-style) var(--vs-border-color);
    border-radius: 0 0 4px 4px;
    border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius);
    border-top-style: none;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15);
    box-shadow: var(--vs-dropdown-box-shadow);
    box-sizing: border-box;
    color: inherit;
    color: var(--vs-dropdown-color);
    display: block;
    left: 0;
    list-style: none;
    margin: 0;
    max-height: 350px;
    max-height: var(--vs-dropdown-max-height);
    min-width: 160px;
    min-width: var(--vs-dropdown-min-width);
    overflow-y: auto;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    top: calc(100% - 1px);
    top: calc(100% - var(--vs-border-width));
    width: 100%;
    z-index: 1000;
    z-index: var(--vs-dropdown-z-index)
}

.vs__no-options {
    text-align: center
}

.vs__dropdown-option {
    clear: both;
    color: inherit;
    color: var(--vs-dropdown-option-color);
    cursor: pointer;
    display: block;
    line-height: 1.42857143;
    padding: 3px 20px;
    padding: var(--vs-dropdown-option-padding);
    white-space: nowrap
}

.vs__dropdown-option--highlight {
    background: #5897fb;
    background: var(--vs-dropdown-option--active-bg);
    color: #fff;
    color: var(--vs-dropdown-option--active-color)
}

.vs__dropdown-option--deselect {
    background: #fb5858;
    background: var(--vs-dropdown-option--deselect-bg);
    color: #fff;
    color: var(--vs-dropdown-option--deselect-color)
}

.vs__dropdown-option--disabled {
    background: #f8f8f8;
    background: var(--vs-state-disabled-bg);
    color: rgba(60, 60, 60, .5);
    color: var(--vs-state-disabled-color);
    cursor: not-allowed;
    cursor: var(--vs-state-disabled-cursor)
}

.vs__selected {
    align-items: center;
    background-color: #f0f0f0;
    background-color: var(--vs-selected-bg);
    border: 1px solid rgba(60, 60, 60, .26);
    border: var(--vs-selected-border-width) var(--vs-selected-border-style) var(--vs-selected-border-color);
    border-radius: 4px;
    border-radius: var(--vs-border-radius);
    color: #333;
    color: var(--vs-selected-color);
    display: flex;
    line-height: 1.4;
    line-height: var(--vs-line-height);
    margin: 4px 2px 0;
    padding: 0 .25em;
    z-index: 0
}

.vs__deselect {
    fill: rgba(60, 60, 60, .5);
    fill: var(--vs-controls-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    cursor: pointer;
    display: inline-flex;
    margin-left: 4px;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
    text-shadow: var(--vs-controls--deselect-text-shadow)
}

.vs--single .vs__selected {
    background-color: transparent;
    border-color: transparent
}

.vs--single.vs--loading .vs__selected, .vs--single.vs--open .vs__selected {
    opacity: .4;
    position: absolute
}

.vs--single.vs--searching .vs__selected {
    display: none
}

.vs__search::-webkit-search-cancel-button {
    display: none
}

.vs__search::-ms-clear, .vs__search::-webkit-search-decoration, .vs__search::-webkit-search-results-button, .vs__search::-webkit-search-results-decoration {
    display: none
}

.vs__search, .vs__search:focus {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 1px solid transparent;
    border-left: none;
    box-shadow: none;
    color: inherit;
    color: var(--vs-search-input-color);
    flex-grow: 1;
    font-size: 1rem;
    font-size: var(--vs-font-size);
    line-height: 1.4;
    line-height: var(--vs-line-height);
    margin: 4px 0 0;
    max-width: 100%;
    outline: none;
    padding: 0 7px;
    width: 0;
    z-index: 1
}

.vs__search::-moz-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search:-ms-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::-webkit-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::-ms-input-placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs__search::placeholder {
    color: inherit;
    color: var(--vs-search-input-placeholder-color)
}

.vs--unsearchable .vs__search {
    opacity: 1
}

.vs--unsearchable:not(.vs--disabled) .vs__search {
    cursor: pointer
}

.vs--single.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: .2
}

.vs__spinner {
    align-self: center;
    -webkit-animation: vSelectSpinner 1.1s linear infinite;
    animation: vSelectSpinner 1.1s linear infinite;
    border: .9em solid hsla(0, 0%, 39%, .1);
    border-left-color: rgba(60, 60, 60, .45);
    font-size: 5px;
    opacity: 0;
    overflow: hidden;
    text-indent: -9999em;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
    -webkit-transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transform: translateZ(0) scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transition: opacity .1s
}

.vs__spinner, .vs__spinner:after {
    border-radius: 50%;
    height: 5em;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    transform: scale(var(--vs-controls--spinner-size, var(--vs-controls-size)));
    width: 5em
}

.vs--loading .vs__spinner {
    opacity: 1
}

.nuxt-progress {
    background-color: #d6001c;
    height: 4px;
    left: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    top: 0;
    transition: width .1s, opacity .4s;
    width: 0;
    z-index: 999999
}

.nuxt-progress.nuxt-progress-notransition {
    transition: none
}

.nuxt-progress-failed {
    background-color: red
}

[data-v-e0e29e98]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-e0e29e98] {
    max-width: 100%
}

.content-container[data-v-e0e29e98], .main-content[data-v-e0e29e98], body[data-v-e0e29e98] {
    min-height: 100vh
}

.error-flash-modal[data-v-e0e29e98] .modal-header, .success-flash-modal[data-v-e0e29e98] .modal-header {
    background-color: #fff;
    text-align: center;
    text-transform: uppercase
}

.error-flash-modal[data-v-e0e29e98] .modal-header h3, .success-flash-modal[data-v-e0e29e98] .modal-header h3 {
    font-weight: 900
}

.error-flash-modal[data-v-e0e29e98] .modal-header h3 img, .success-flash-modal[data-v-e0e29e98] .modal-header h3 img {
    display: block;
    margin: 0 auto 15px
}

.error-flash-modal[data-v-e0e29e98] .modal-body, .success-flash-modal[data-v-e0e29e98] .modal-body {
    padding: 40px 30px;
    text-align: center
}

.error-flash-modal h3[data-v-e0e29e98] {
    color: #d6001c
}

.success-flash-modal h3[data-v-e0e29e98] {
    color: #41a334
}

[data-v-37d6e1eb]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-37d6e1eb] {
    max-width: 100%
}

.newsletter-tab[data-v-37d6e1eb] {
    --border-radius: 8px 0 0 8px;
    align-items: center;
    bottom: 0;
    display: flex;
    max-width: 100%;
    position: fixed;
    right: -100%;
    top: 0;
    transition: right .6s ease;
    z-index: 300
}

@media only screen and (min-width: 601px) {
    .newsletter-tab[data-v-37d6e1eb] {
        max-width: 450px;
        right: -450px
    }
}

.newsletter-tab.show[data-v-37d6e1eb] {
    right: 0
}

.newsletter-tab.show .newsletter-tab__wrapper[data-v-37d6e1eb] {
    box-shadow: 0 0 20px 7px rgba(0, 0, 0, .2)
}

.newsletter-tab .newsletter-tab__wrapper[data-v-37d6e1eb] {
    align-items: center;
    background: #efefef url(/_nuxt/img/modal-newsletter-background.cdfc4ec.jpg) 80% 0 no-repeat;
    background-size: cover;
    display: flex;
    margin: 0 auto;
    position: relative;
    transition: box-shadow .6s ease
}

@media only screen and (min-width: 601px) {
    .newsletter-tab .newsletter-tab__wrapper[data-v-37d6e1eb] {
        background-position: 50%;
        border-radius: var(--border-radius)
    }
}

.newsletter-tab .newsletter-tab__wrapper[data-v-37d6e1eb]:before {
    background-color: hsla(0, 0%, 94%, .9);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (min-width: 601px) {
    .newsletter-tab .newsletter-tab__wrapper[data-v-37d6e1eb]:before {
        border-radius: var(--border-radius)
    }
}

.newsletter-tab .newsletter-tab__wrapper .newsletter-tab__close[data-v-37d6e1eb] {
    align-items: center;
    background-color: #000;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

.newsletter-tab .newsletter-tab__wrapper .newsletter-tab__close svg use[data-v-37d6e1eb] {
    stroke: #fff
}

.newsletter-tab span.tab[data-v-37d6e1eb] {
    align-items: center;
    background-color: #d6001c;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 20px 7px rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-weight: 500;
    gap: 8px;
    justify-content: center;
    left: -31px;
    padding: 13px 7px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-180deg);
    transform: translateY(-50%) rotate(-180deg);
    transition: left .4s ease, box-shadow .4s ease;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    z-index: -1
}

.newsletter-tab span.tab.disabled[data-v-37d6e1eb] {
    left: 10px
}

.newsletter-tab span.tab.disabled .tab__toggle[data-v-37d6e1eb] {
    box-shadow: 0 0 20px 7px transparent
}

.newsletter-tab span.tab .icon-mail[data-v-37d6e1eb] img {
    position: relative;
    right: 1px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (min-width: 993px) {
    .newsletter-tab .newsletter-main[data-v-37d6e1eb] .riding-styles__checkboxes {
        grid-template-columns:repeat(2, 1fr);
        width: 100%
    }
}

@media only screen and (min-width: 601px) {
    .newsletter-tab .newsletter-main[data-v-37d6e1eb] > .confirm .confirm__content {
        width: 100%
    }
}

.newsletter-tab[data-v-37d6e1eb] .panel-overlay {
    height: 100%;
    overflow: hidden;
    transition: opacity .25s ease-in-out;
    z-index: -2
}

.newsletter-tab[data-v-37d6e1eb] .form-group__riding-styles {
    margin: 20px 0;
    max-width: 100%
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .newsletter-tab[data-v-37d6e1eb] .form-group__riding-styles {
        margin: 5px 0
    }
}

[data-v-2c1dae3e]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-2c1dae3e] {
    max-width: 100%
}

.newsletter-main[data-v-2c1dae3e] {
    padding: 10px;
    position: relative;
    width: 100%
}

.newsletter-main[data-v-2c1dae3e] .title {
    margin-bottom: 20px
}

@media only screen and (max-width: 600px) {
    .newsletter-main[data-v-2c1dae3e] .title {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .newsletter-main[data-v-2c1dae3e] .title {
        margin-bottom: 10px
    }
}

.newsletter-main[data-v-2c1dae3e] .title h1 {
    color: #000;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.1em;
    margin-bottom: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .newsletter-main[data-v-2c1dae3e] .title h1 {
        font-size: 20px;
        margin: 0
    }
}

.newsletter-main[data-v-2c1dae3e] .title h1 strong {
    color: #d6001c;
    display: block;
    margin-bottom: 5px;
    max-width: 100%
}

.newsletter-main[data-v-2c1dae3e] .title h1 span {
    display: block;
    font-size: 14px;
    line-height: 1.2em
}

.newsletter-main[data-v-2c1dae3e] .title a {
    color: #d6001c;
    font-size: 9px;
    font-weight: 500;
    line-height: 22px;
    text-transform: uppercase
}

.newsletter-main[data-v-2c1dae3e] .title a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.newsletter-main > .back[data-v-2c1dae3e], .newsletter-main > .confirm[data-v-2c1dae3e], .newsletter-main > .front[data-v-2c1dae3e] {
    box-sizing: border-box;
    display: block;
    height: 100%;
    padding: 15px;
    transition-duration: .5s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    transition-timing-function: cubic-bezier(.175, .885, .32, 1.275);
    width: 100%
}

@media only screen and (min-width: 601px) {
    .newsletter-main > .back[data-v-2c1dae3e], .newsletter-main > .confirm[data-v-2c1dae3e], .newsletter-main > .front[data-v-2c1dae3e] {
        padding: 15px
    }
}

.newsletter-main > .back[data-v-2c1dae3e] {
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none
}

.newsletter-main > .back h2[data-v-2c1dae3e] {
    font-size: 14px;
    text-align: center;
    text-transform: uppercase
}

.newsletter-main > .confirm[data-v-2c1dae3e] {
    align-items: center;
    justify-content: center;
    opacity: 0
}

.newsletter-main > .confirm .confirm__content[data-v-2c1dae3e] {
    margin: 0 auto;
    text-align: center;
    width: 100%
}

@media only screen and (min-width: 601px) {
    .newsletter-main > .confirm .confirm__content[data-v-2c1dae3e] {
        width: 40%
    }
}

.newsletter-main > .confirm .confirm__content h3[data-v-2c1dae3e] {
    color: #d6001c;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase
}

.newsletter-main > .confirm .confirm__content > p[data-v-2c1dae3e] {
    font-weight: 500;
    margin-top: 5px
}

.newsletter-main > .confirm .confirm__content .confirm__club[data-v-2c1dae3e] {
    padding-top: 32px
}

.newsletter-main > .confirm .confirm__content .confirm__club h4[data-v-2c1dae3e] {
    font-size: 20px;
    font-weight: 900;
    margin: 15px 0 25px;
    text-transform: uppercase
}

.newsletter-main.step-1 > .front[data-v-2c1dae3e] {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.newsletter-main.step-1 > .back[data-v-2c1dae3e], .newsletter-main.step-1 > .confirm[data-v-2c1dae3e], .newsletter-main.step-2 > .front[data-v-2c1dae3e] {
    display: none;
    opacity: 0;
    pointer-events: none
}

.newsletter-main.step-2 > .back[data-v-2c1dae3e] {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.newsletter-main.step-2 > .confirm[data-v-2c1dae3e], .newsletter-main.step-3 > .back[data-v-2c1dae3e], .newsletter-main.step-3 > .front[data-v-2c1dae3e] {
    display: none;
    opacity: 0;
    pointer-events: none
}

.newsletter-main.step-3 > .confirm[data-v-2c1dae3e] {
    display: block;
    opacity: 1;
    pointer-events: auto
}

.newsletter-main .back__content[data-v-2c1dae3e] {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .newsletter-main .back__content .button[data-v-2c1dae3e] {
        width: 100%
    }
}

.newsletter-main .form-group__riding-styles[data-v-2c1dae3e] {
    max-width: 100%
}

.newsletter-main .riding-styles__checkboxes[data-v-2c1dae3e] {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 40%
}

@media only screen and (max-width: 600px) {
    .newsletter-main .riding-styles__checkboxes[data-v-2c1dae3e] {
        width: 100%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .newsletter-main .riding-styles__checkboxes[data-v-2c1dae3e] {
        width: 60%
    }
}

.form-group__email[data-v-2c1dae3e] {
    display: flex;
    justify-content: stretch;
    max-width: 600px;
    width: 100%
}

.form-group__email .input__group[data-v-2c1dae3e]:first-child {
    flex-grow: 1
}

.form-group__email .input__group input[type=text]:not(.browser-default) + label[data-v-2c1dae3e] {
    font-size: 14px;
    height: 45px;
    left: 10px;
    letter-spacing: -.5px;
    line-height: 1.1em
}

.form-group__email .input__group input[type=text]:not(.browser-default):not(:-moz-placeholder-shown) + label[data-v-2c1dae3e] {
    font-size: 13px;
    left: 7px;
    letter-spacing: -.5px;
    line-height: 1em
}

.form-group__email .input__group input[type=text]:not(.browser-default):not(:-ms-input-placeholder) + label[data-v-2c1dae3e] {
    font-size: 13px;
    left: 7px;
    letter-spacing: -.5px;
    line-height: 1em
}

.form-group__email .input__group input[type=text]:not(.browser-default):focus + label[data-v-2c1dae3e], .form-group__email .input__group input[type=text]:not(.browser-default):not(:placeholder-shown) + label[data-v-2c1dae3e] {
    font-size: 13px;
    left: 7px;
    letter-spacing: -.5px;
    line-height: 1em
}

.form-group__email .input__group button[data-v-2c1dae3e] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    font-size: 10px;
    height: 45px;
    justify-content: center;
    margin: 0 !important;
    padding: 12px
}

.form-group__riding-styles[data-v-2c1dae3e] {
    margin: 20px 0
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .form-group__riding-styles[data-v-2c1dae3e] {
        margin: 5px 0
    }
}

@media only screen and (max-width: 600px) {
    .form-group__riding-styles[data-v-2c1dae3e] {
        max-width: 100%
    }
}

.form-group__riding-styles h2[data-v-2c1dae3e] {
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    margin: 10px 0 0;
    text-transform: uppercase
}

.form-group__riding-styles h2 span[data-v-2c1dae3e] {
    color: #d6001c
}

.form-group__riding-styles label svg[data-v-2c1dae3e] {
    vertical-align: -4px
}

.form-group__riding-styles label use[data-v-2c1dae3e] {
    stroke: #fff;
    stroke-width: .8
}

.input__group.checkbox[data-v-2c1dae3e] {
    padding-top: 6px
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: 1px solid #8e8e8e;
    color: #000;
    cursor: pointer;
    flex: 0 0 auto;
    height: 15px;
    margin: 0;
    opacity: 1;
    pointer-events: all;
    position: relative;
    -webkit-transform: translateY(-.075em);
    transform: translateY(-.075em);
    width: 15px
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox]:before {
    box-shadow: inset 13px 13px #000;
    content: "";
    height: 13px;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: -webkit-transform .12s ease-in-out;
    transition: transform .12s ease-in-out;
    transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
    width: 13px
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox]:after {
    box-shadow: inset 13px 13px #fff;
    -webkit-clip-path: polygon(20% 51%, 41% 70%, 83% 31%, 75% 22%, 41% 54%, 28% 42%);
    clip-path: polygon(20% 51%, 41% 70%, 83% 31%, 75% 22%, 41% 54%, 28% 42%);
    content: "";
    height: 13px;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    transition: -webkit-transform .12s ease-in-out;
    transition: transform .12s ease-in-out;
    transition: transform .12s ease-in-out, -webkit-transform .12s ease-in-out;
    width: 13px
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox]:checked {
    border-color: #000
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox]:checked:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox]:checked:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.input__group.checkbox[data-v-2c1dae3e] input[type=checkbox] + span:before {
    border-color: #8e8e8e;
    height: 15px;
    width: 15px
}

.input__group.checkbox label[data-v-2c1dae3e] {
    font-size: 12px
}

.legal p[data-v-2c1dae3e] {
    color: #000;
    font-size: 7px;
    line-height: 8px !important
}

.legal p[data-v-2c1dae3e]:last-child {
    margin-bottom: 0
}

.riding-styles__checkboxes[data-v-2c1dae3e] {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    width: 100%
}

@media only screen and (min-width: 993px) {
    .riding-styles__checkboxes[data-v-2c1dae3e] {
        width: 40%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .riding-styles__checkboxes[data-v-2c1dae3e] {
        width: 60%
    }
}

.riding-styles__checkboxes label[data-v-2c1dae3e] {
    color: #000;
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 0;
    padding: 25px 10px 10px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media (max-width: 374px) {
    .riding-styles__checkboxes label[data-v-2c1dae3e] {
        font-size: 10px
    }
}

.riding-styles__checkboxes label svg[data-v-2c1dae3e] {
    display: block;
    margin: 0 auto 8px;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.riding-styles__checkboxes label svg use[data-v-2c1dae3e] {
    stroke: #000;
    stroke-width: .5
}

.riding-styles__checkboxes [type=checkbox] + span[data-v-2c1dae3e] {
    padding-left: 0;
    position: static
}

.riding-styles__checkboxes [type=checkbox] + span[data-v-2c1dae3e]:before {
    background-color: hsla(0, 0%, 100%, .3);
    border-color: hsla(0, 0%, 100%, 0);
    bottom: 0;
    height: auto;
    right: 0;
    width: auto
}

.riding-styles__checkboxes [type=checkbox]:checked + span[data-v-2c1dae3e] {
    color: #fff
}

.riding-styles__checkboxes [type=checkbox]:checked + span svg use[data-v-2c1dae3e] {
    stroke: #fff
}

.riding-styles__checkboxes [type=checkbox]:checked + span[data-v-2c1dae3e]:before {
    background-color: #d6001c;
    background-image: none;
    border-color: #d6001c
}

[data-v-762b5eeb]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-762b5eeb] {
    max-width: 100%
}

.spinner-container[data-v-762b5eeb] {
    align-items: center;
    display: flex
}

.message[data-v-762b5eeb] {
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px
}

.block-mode img[data-v-762b5eeb] {
    display: block;
    margin: 0 auto
}

.button-mode[data-v-762b5eeb], .inline-mode[data-v-762b5eeb] {
    display: inline
}

.button-mode img[data-v-762b5eeb] {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    width: 28px
}

[data-v-7292d933]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-7292d933] {
    max-width: 100%
}

.spinner-container[data-v-7292d933] {
    align-items: center;
    display: flex
}

.message[data-v-7292d933] {
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px
}

.block-mode img[data-v-7292d933] {
    display: block;
    margin: 0 auto
}

.button-mode[data-v-7292d933], .inline-mode[data-v-7292d933] {
    display: inline
}

.button-mode img[data-v-7292d933] {
    vertical-align: middle;
    width: 28px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.riding-styles__checkboxes {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:1fr;
    margin: 20px auto 30px;
    padding: 0;
    width: 100%
}

@media only screen and (min-width: 993px) {
    .riding-styles__checkboxes {
        width: 70%
    }
}

.riding-styles__checkboxes .checkbox__wrapper {
    margin: 0
}

.riding-styles__checkboxes [type=checkbox] + span {
    height: auto;
    line-height: 1.1em;
    padding: 0
}

.riding-styles__checkboxes .checkbox__input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.riding-styles__checkboxes .checkbox__input:checked + .checkbox__tile {
    color: #000
}

.riding-styles__checkboxes .checkbox__input:checked + .checkbox__tile:before {
    background-color: #d6001c;
    border-color: #d6001c;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.riding-styles__checkboxes .checkbox__input:checked + .checkbox__tile .checkbox__icon, .riding-styles__checkboxes .checkbox__input:checked + .checkbox__tile .checkbox__label {
    color: #000
}

.riding-styles__checkboxes .checkbox__tile {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 50px;
    padding: 10px 0 !important;
    position: relative;
    transition: .15s ease;
    width: 100%
}

.riding-styles__checkboxes .checkbox__tile:before {
    background-color: #fff;
    border: 2px solid #d8d8d8;
    border-radius: 50%;
    content: "";
    display: block;
    height: .8rem;
    left: 8px;
    margin: 0;
    position: absolute;
    top: 8px;
    transition: .25s ease;
    width: .8rem
}

.riding-styles__checkboxes .checkbox__icon {
    color: #494949;
    transition: .375s ease
}

.riding-styles__checkboxes .checkbox__icon svg {
    display: block;
    margin: 6px auto
}

.riding-styles__checkboxes .checkbox__icon svg use {
    stroke: #000;
    stroke-width: .5
}

.riding-styles__checkboxes .checkbox__label {
    font-size: 11px;
    text-align: center;
    text-transform: uppercase;
    transition: .375s ease
}

[data-v-2f722d51]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-2f722d51] {
    max-width: 100%
}

.panel-overlay[data-v-2f722d51] {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 100vh;
    transition: opacity .8s ease-in-out;
    z-index: 8000
}

@media only screen and (max-width: 600px) {
    .panel-overlay[data-v-2f722d51]:not(.all) {
        z-index: -1
    }
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .panel-overlay[data-v-2f722d51]:not(.all) {
        z-index: -1
    }
}

.panel-overlay.show[data-v-2f722d51] {
    opacity: 1;
    pointer-events: auto;
    top: 0
}

.panel-overlay.spinner[data-v-2f722d51] {
    align-items: center;
    display: flex;
    justify-content: center
}

[data-v-9e3702d0]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-9e3702d0] {
    max-width: 100%
}

.login__modal[data-v-9e3702d0] .modal-header {
    display: none
}

.login__modal[data-v-9e3702d0] .modal-body {
    padding-top: 30px !important
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.modal-wrapper {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.modal-wrapper .modal-backdrop {
    background: hsla(0, 0%, 96%, .9);
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.modal-wrapper .modal {
    background: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15), 0 0 35px 0 rgba(0, 0, 0, .2);
    display: flex;
    flex-direction: column;
    max-height: 80%;
    max-width: 70%;
    overflow: visible;
    z-index: 2
}

.modal-wrapper .modal * {
    box-sizing: border-box
}

.modal-wrapper .modal .modal__close-cont {
    position: relative
}

.modal-wrapper .modal .modal__close {
    background-color: #000;
    padding: 8px 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 25
}

.modal-wrapper .modal .modal__close use {
    stroke: #fff;
    stroke-width: 1
}

.modal-wrapper .modal .modal-header {
    background-color: #f5f5f5;
    padding: 30px 30px 0;
    position: relative;
    z-index: 20
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-header {
        padding: 30px 40px 30px 30px
    }
}

.modal-wrapper .modal .modal-header h1 {
    color: #000;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.4px;
    margin: 0;
    padding: 0 0 20px 35px;
    position: relative;
    text-transform: uppercase
}

.modal-wrapper .modal .modal-header h1 img {
    left: 0;
    position: absolute;
    top: 3px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.modal-wrapper .modal .modal-header h1 svg {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(2);
    transform: translateY(-50%) scale(2);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.modal-wrapper .modal .modal-header h1 svg use {
    stroke-width: .8
}

.modal-wrapper .modal .modal-header h1 small {
    display: block;
    opacity: .4
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-header h1 {
        font-size: 17px;
        margin-left: 0;
        margin-right: 0;
        padding-left: 35px
    }
}

.modal-wrapper .modal .modal-body {
    max-height: 100%;
    overflow-y: auto;
    padding: 10px
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-body {
        padding: 20px
    }
}

.modal-wrapper .modal .modal-body p {
    font-weight: 500;
    line-height: 1.4;
    margin-top: 0
}

.modal-wrapper .modal .modal-body p small {
    display: block;
    margin-top: 10px;
    opacity: .4
}

.modal-wrapper.contact-form__modal .modal-header h1 {
    padding-left: 10px
}

@media only screen and (max-width: 600px) {
    .modal-wrapper.contact-form__modal .modal-header h1 {
        padding-bottom: 0
    }
}

@media only screen and (min-width: 1281px) {
    .modal-wrapper .modal {
        max-height: 80%;
        max-width: 60%
    }
}

@media only screen and (max-width: 992px) {
    .modal-wrapper .modal {
        max-height: 90%;
        max-width: 80%
    }
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal {
        margin: 0 auto;
        max-height: 95% !important;
        max-width: 95% !important;
        min-width: 0
    }
}

.modal-fade-enter, .modal-fade-leave-active {
    opacity: 0
}

.modal-fade-enter-active, .modal-fade-leave-active {
    transition: opacity .5s ease
}

[data-v-3d45c396]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-3d45c396] {
    max-width: 100%
}

.auth[data-v-3d45c396] {
    max-width: 570px;
    position: relative
}

@media only screen and (max-width: 600px) {
    .auth[data-v-3d45c396] {
        width: auto
    }
}

.auth a[data-v-3d45c396] {
    color: #000
}

.auth p[data-v-3d45c396] {
    font-size: 12px;
    font-weight: 800;
    letter-spacing: -.25px;
    margin: 15px 0 !important;
    text-align: center;
    text-transform: uppercase
}

.auth .social[data-v-3d45c396] {
    background-color: #f5f5f5;
    margin: 30px -40px -40px;
    padding: 30px 0
}

@media only screen and (max-width: 600px) {
    .auth .social[data-v-3d45c396] {
        margin: 20px -20px -20px;
        padding: 20px 0
    }
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.tabs {
    display: flex
}

.tabs svg {
    display: block;
    margin: 0 auto 6px
}

.tabs svg use {
    stroke-width: 1.2
}

.tabs .tab {
    border-bottom: 2px solid #ccc;
    color: #949494;
    cursor: pointer;
    flex: 1 1 auto;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: -.5px;
    padding: 22px 5px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tabs .tab {
        font-size: 12px;
        line-height: 1.2;
        padding: 10px 0
    }
}

.tabs .tab:hover {
    color: #000
}

.tabs .tab:hover use {
    stroke: #d6001c
}

.tabs .tab.is-active {
    border-color: #d6001c;
    color: #000
}

.tabs .tab.is-active use {
    stroke: #d6001c
}

.disable-click {
    pointer-events: none
}

[data-v-357e6c41]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-357e6c41] {
    max-width: 100%
}

form[data-v-357e6c41] {
    margin: 0 auto
}

form > .login-form__field[data-v-357e6c41] {
    float: left;
    width: 48%
}

@media only screen and (max-width: 600px) {
    form > .login-form__field[data-v-357e6c41] {
        float: none;
        width: 100%
    }
}

form > .login-form__field[data-v-357e6c41]:nth-child(3) {
    float: right
}

@media only screen and (max-width: 600px) {
    form > .login-form__field[data-v-357e6c41]:nth-child(3) {
        float: none
    }
}

form span.h2[data-v-357e6c41] {
    display: block;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -.25px;
    margin: 0 auto 30px;
    padding: 30px 0 0;
    text-align: center;
    text-transform: uppercase
}

form span.h2 strong[data-v-357e6c41] {
    display: block;
    font-size: 12px;
    margin-bottom: 10px
}

form span.h2 strong[data-v-357e6c41] span span {
    color: #d6001c !important
}

@media only screen and (max-width: 600px) {
    form span.h2[data-v-357e6c41] {
        font-size: 13px;
        margin: 0;
        padding: 20px 0
    }
}

form .button[data-v-357e6c41] {
    background-color: #41a334;
    border-color: #41a334;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -.25px;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: uppercase;
    width: 100%
}

form a[data-v-357e6c41] {
    color: #41a334;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
    text-align: center
}

.login-form__links[data-v-357e6c41] {
    display: flex;
    justify-content: space-between
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

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

.social .social__google {
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    color: #000;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.25px;
    padding: 10px 13px;
    text-transform: uppercase
}

.social .social__google img {
    height: 18px;
    margin-right: 5px;
    width: 18px
}

.social .social-login-facebook {
    align-items: center;
    justify-content: center;
    background-color: #3b5b9d;

    border-color: #3b5b9d;
    border-radius: 2px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.25px;
    padding: 12px 15px;
    text-transform: uppercase;
}


[data-v-48a93329]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-48a93329] {
    max-width: 100%
}

.cart[data-v-48a93329] {
    bottom: 0;
    isolation: isolate;
    list-style-type: none;
    opacity: 0;
    padding: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .5s ease-in;
    z-index: 3000000000
}

.cart.show[data-v-48a93329] {
    opacity: 1;
    pointer-events: auto
}

.cart .cart__overlay[data-v-48a93329] {
    background-color: hsla(0, 0%, 100%, .8);
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1
}

.cart .user-menu__cart-container[data-v-48a93329] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    height: calc(var(--vh) * 100);
    opacity: 0;
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    transition: all .3s ease-in;
    width: 500px
}

@media only screen and (max-width: 600px) {
    .cart .user-menu__cart-container[data-v-48a93329] {
        max-width: 86vw;
        min-width: 86vw
    }
}

.cart .user-menu__cart-container > div[data-v-48a93329] {
    display: flex;
    flex-direction: column;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.cart .user-menu__cart-container.show[data-v-48a93329] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.cart .user-menu__cart-container[data-v-48a93329]:after {
    border: 8px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    bottom: 100%;
    content: "";
    height: 0;
    margin-left: -8px;
    pointer-events: none;
    position: absolute;
    right: 22px;
    width: 0
}

[data-v-00d27d9a]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-00d27d9a] {
    max-width: 100%
}

.tablet .user-menu__cart-wrapper[data-v-00d27d9a] {
    height: calc(var(--vh) * 100);
    position: relative
}

.tablet .user-menu__buy-buttons .user-menu__cart-total[data-v-00d27d9a] {
    padding: 0 20px 10px
}

.tablet .user-menu__buy-buttons .user-menu__cart-total p[data-v-00d27d9a] {
    margin-bottom: 10px;
    padding-top: 20px
}

.tablet .user-menu__buy-buttons .cart-buy-button[data-v-00d27d9a], .tablet .user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] {
    font-size: 12px;
    padding: 15px
}

.tablet .user-menu__buy-buttons .cart-buy-button svg[data-v-00d27d9a], .tablet .user-menu__buy-buttons .cart-paypal-button svg[data-v-00d27d9a] {
    vertical-align: -5px
}

.tablet .user-menu__cart-empty[data-v-00d27d9a] {
    left: 0;
    padding: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.user-menu__cart-wrapper[data-v-00d27d9a] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden
}

.user-menu__buy-buttons[data-v-00d27d9a] {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-top: auto
}

.user-menu__buy-buttons .user-menu__cart-total[data-v-00d27d9a] {
    box-sizing: border-box;
    flex: 0 0 100%;
    padding: 0 30px 10px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .user-menu__cart-total[data-v-00d27d9a] {
        padding: 0 20px 10px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .user-menu__cart-total[data-v-00d27d9a] {
        padding: 0 20px 10px
    }
}

.user-menu__buy-buttons .user-menu__cart-total p[data-v-00d27d9a] {
    border-top: 1px solid #000;
    font-weight: 700;
    line-height: 20px;
    margin-top: 0;
    padding-top: 25px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .user-menu__cart-total p[data-v-00d27d9a] {
        margin-bottom: 10px;
        padding-top: 20px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .user-menu__cart-total p[data-v-00d27d9a] {
        margin-bottom: 10px;
        padding-top: 20px
    }
}

.user-menu__buy-buttons .user-menu__cart-total p strong[data-v-00d27d9a] {
    float: right;
    font-size: 20px;
    font-weight: 800
}

.user-menu__buy-buttons .user-menu__cart-total .user-menu__cart-financing[data-v-00d27d9a] {
    font-size: 11px;
    letter-spacing: -.2px;
    line-height: 15px;
    padding-top: 15px;
    text-align: right;
    text-transform: uppercase
}

.user-menu__buy-buttons .user-menu__cart-total .user-menu__cart-financing strong[data-v-00d27d9a] {
    float: none;
    font-size: 11px
}

.user-menu__buy-buttons.paypal-enabled .cart-buy-button[data-v-00d27d9a] {
    flex: 0 0 50%
}

.user-menu__buy-buttons.paypal-enabled .cart-paypal-button[data-v-00d27d9a] {
    flex: 1 0 50%;
    position: relative
}

.user-menu__buy-buttons .cart-buy-button[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] {
    color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 800;
    padding: 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .cart-buy-button[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] {
        font-size: 12px;
        padding: 15px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .cart-buy-button[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] {
        font-size: 12px;
        padding: 15px
    }
}

.user-menu__buy-buttons .cart-buy-button svg[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button svg[data-v-00d27d9a] {
    margin-right: 5px;
    vertical-align: -3px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__buy-buttons .cart-buy-button svg[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button svg[data-v-00d27d9a] {
        vertical-align: -5px
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__buy-buttons .cart-buy-button svg[data-v-00d27d9a], .user-menu__buy-buttons .cart-paypal-button svg[data-v-00d27d9a] {
        vertical-align: -5px
    }
}

.user-menu__buy-buttons .cart-buy-button[data-v-00d27d9a] {
    background-color: #41a334
}

.user-menu__buy-buttons .cart-buy-button use[data-v-00d27d9a] {
    stroke: #fff
}

.user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] {
    background-color: #238ec2;
    min-width: 0 !important
}

.user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] .spinner-container.button-mode, .user-menu__buy-buttons .cart-paypal-button[data-v-00d27d9a] > span {
    align-items: center;
    display: flex;
    justify-content: center
}

.user-menu__cart-empty[data-v-00d27d9a] {
    align-items: center;
    display: flex;
    flex-direction: column;
    font-size: 11px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .user-menu__cart-empty[data-v-00d27d9a] {
        left: 0;
        padding: 20px;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 600px) {
    .user-menu__cart-empty[data-v-00d27d9a] {
        padding: 20px
    }
}

.user-menu__cart-empty svg[data-v-00d27d9a] {
    display: block;
    margin: 0 auto 10px
}

.user-menu__cart-empty svg use[data-v-00d27d9a] {
    stroke: #c2c2c2;
    stroke-width: 1.2
}

[data-v-00d27d9a] .spinner-container {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.add-for-free-flight[data-v-00d27d9a], .add-for-free-shipping[data-v-00d27d9a] {
    background-color: #cdfcee;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 500;
    padding: 5px 2px;
    text-align: center;
    text-transform: uppercase
}

.add-for-free-flight strong[data-v-00d27d9a], .add-for-free-shipping strong[data-v-00d27d9a] {
    font-weight: 900
}

.add-for-free-flight[data-v-00d27d9a] {
    background-color: #fff3cd;
    margin-top: 5px
}

.add-for-free-flight[data-v-00d27d9a]:after {
    content: " ✈"
}

[data-v-5facef4a]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-5facef4a] {
    max-width: 100%
}

.cart__title[data-v-5facef4a] {
    align-items: center;
    border-bottom: 1px solid #000;
    display: flex !important;
    font-size: 14px;
    font-weight: 800;
    justify-content: space-between;
    margin: 20px 30px 0;
    padding-bottom: 15px;
    text-align: left;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .cart__title[data-v-5facef4a] {
        margin: 30px 20px 0
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cart__title[data-v-5facef4a] {
        margin: 30px 30px 0
    }
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .cart__title[data-v-5facef4a] {
        padding: 15px
    }
}

.cart__title .mtc-link[data-v-5facef4a] {
    align-items: center;
    color: #000;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    line-height: 1
}

.cart__title .mtc-link svg[data-v-5facef4a] {
    margin: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.cart__title .mtc-link use[data-v-5facef4a] {
    stroke: #000
}

[data-v-163929be]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-163929be] {
    max-width: 100%
}

.dark .header-container[data-v-163929be] .motocard-logo .light {
    display: block
}

.dark .header-container[data-v-163929be] .motocard-logo .dark {
    display: none
}

.header-container[data-v-163929be] {
    border-bottom: 2px solid #efefef
}

@media only screen and (max-width: 600px) {
    .header-container[data-v-163929be] {
        border: 0;
        z-index: 1000 !important
    }
}

.header-container > div[data-v-163929be] {
    background-color: #fff
}

.header-container[data-v-163929be] .motocard-logo > span img {
    height: 68px;
    width: 220px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .header-container[data-v-163929be] .motocard-logo > span img {
        height: 39px;
        width: 140px
    }
}

@media only screen and (max-width: 600px) {
    .header-container[data-v-163929be] .motocard-logo > span img {
        height: 23px;
        width: 35px
    }
}

.header-container[data-v-163929be] .motocard-logo .light {
    display: none
}

.header-container[data-v-163929be] .motocard-logo .dark {
    display: block
}

.header-container.sticky-header[data-v-163929be] {
    height: 113px
}

@media only screen and (max-width: 600px) {
    .header-container.sticky-header[data-v-163929be] {
        height: 61px
    }
}

.header-container.sticky-header > div[data-v-163929be] {
    border-bottom: 0;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .1);
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all .2s ease-in;
    will-change: transform;
    z-index: 900
}

@media only screen and (max-width: 600px) {
    .header-container.sticky-header > div[data-v-163929be] {
        height: 61px
    }
}

@media (max-width: 374px) {
    .header-container.sticky-header > div[data-v-163929be] {
        height: 50px
    }
}

.header-container.sticky-header.absolute-pinned > div[data-v-163929be] {
    position: absolute
}

.header-container.sticky-header.sticky-header--unpinned > div[data-v-163929be] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%)
}

[data-v-789a42b8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-789a42b8] {
    max-width: 100%
}

.header-container > div .container > .row[data-v-789a42b8] {
    margin-bottom: 0
}

.header__top[data-v-789a42b8] {
    align-content: center;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 18px 0 0;
    position: relative;
    z-index: 100
}

@media only screen and (max-width: 600px) {
    .header__top[data-v-789a42b8] {
        padding: 10px 0
    }

    .header__top > img[data-v-789a42b8] {
        height: auto;
        max-width: 124px
    }
}

.header__top > div[data-v-789a42b8] {
    flex: 0 0 33.33%
}

.header__top > div.motocard-logo[data-v-789a42b8] {
    min-width: 220px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .header__top > div[data-v-789a42b8] {
        flex: 0 0 20%
    }
}

.top-menu[data-v-789a42b8] {
    left: 50%;
    position: absolute;
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

#department-motorama .bcorp-logo.bcorp-logo--black, .dark .bcorp-logo.bcorp-logo--black {
    display: none !important
}

#department-motorama .bcorp-logo.bcorp-logo--white, #department-motorama .light .bcorp-logo.bcorp-logo--black, .dark .bcorp-logo.bcorp-logo--white {
    display: block !important
}

#department-motorama .light .bcorp-logo.bcorp-logo--white {
    display: none !important
}

[data-v-70d97741]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-70d97741] {
    max-width: 100%
}

.motocard-logo[data-v-70d97741] {
    align-items: center;
    display: flex
}

@media only screen and (max-width: 600px) {
    .motocard-logo[data-v-70d97741] {
        flex-direction: row-reverse
    }

    .bcorp-link[data-v-70d97741] {
        margin-left: 10px;
        margin-top: 6px
    }
}

.bcorp-link .bcorp-logo[data-v-70d97741] {
    display: flex;
    height: 42px;
    margin-right: 8px;
    width: 25px
}

.bcorp-link .bcorp-logo[data-v-70d97741] img {
    height: 42px;
    width: 25px
}

.bcorp-link .bcorp-logo.bcorp-logo--white[data-v-70d97741] {
    display: none
}

.mtc-link[data-v-70d97741], .mtc-link .light[data-v-70d97741] {
    display: block
}

.mtc-link .light[data-v-70d97741] img {
    display: block
}

@media only screen and (max-width: 600px) {
    img[data-v-70d97741] {
        display: block
    }
}

[data-v-64e7e9d9]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-64e7e9d9] {
    max-width: 100%
}

.mobile-search-toggle[data-v-64e7e9d9] {
    display: block;
    float: right;
    padding: 5px 2px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .mobile-search-toggle[data-v-64e7e9d9] {
        float: none;
        padding: 10px
    }
}

.mobile-search-toggle > svg[data-v-64e7e9d9] {
    display: block;
    margin: 0 auto 2px
}

@media only screen and (max-width: 600px) {
    .mobile-search-toggle > svg[data-v-64e7e9d9] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.mobile-search-toggle use[data-v-64e7e9d9] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

.mobile-search-toggle:hover use[data-v-64e7e9d9] {
    stroke: #d6001c
}

.mobile-search-toggle > span[data-v-64e7e9d9] {
    color: #000;
    display: block;
    font-size: 7px;
    font-weight: 500;
    letter-spacing: .2px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .mobile-search-toggle > span[data-v-64e7e9d9] {
        font-size: 8px
    }
}

@media (max-width: 374px) {
    .mobile-search-toggle > span[data-v-64e7e9d9] {
        display: none
    }
}

.search[data-v-64e7e9d9] {
    flex: 0 0 33.33%
}

@media only screen and (max-width: 600px) {
    .search[data-v-64e7e9d9] {
        flex: 0 0 15%
    }
}

.search input[data-v-64e7e9d9] {
    -webkit-appearance: none;
    background-color: #fff;
    border: 0 !important;
    border-radius: 200px;
    box-shadow: 0 0 0 1px #000 !important;
    height: 2.2rem;
    margin-bottom: 0;
    padding: 15px 25px 15px 20px;
    transition: box-shadow .2s ease
}

.search input[data-v-64e7e9d9]:focus {
    border: 0 !important;
    box-shadow: 0 0 0 3px rgba(214, 0, 28, .75) !important
}

.search input:focus + button use[data-v-64e7e9d9] {
    stroke-width: 2.2
}

.search .search__input[data-v-64e7e9d9] {
    position: relative
}

.search button[data-v-64e7e9d9] {
    content: "";
    display: block;
    height: 20px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

.search button use[data-v-64e7e9d9] {
    stroke: #d6001c;
    transition: all .2s ease
}

[data-v-444a01e8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-444a01e8] {
    max-width: 100%
}

.order-tracking[data-v-444a01e8] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    padding: 20px !important;
    position: absolute;
    right: 0;
    text-align: left;
    width: 20%;
    z-index: 50
}

.order-tracking[data-v-444a01e8]:before {
    border: 4px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    clear: both;
    content: "";
    height: 0;
    position: absolute;
    right: 50px;
    top: -8px;
    width: 0
}

.user-menu[data-v-444a01e8] {
    align-content: center;
    align-items: center;
    display: flex;
    flex: 0 0 33.33%;
    justify-content: flex-end;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 600px) {
    .user-menu[data-v-444a01e8] {
        flex: 0 0 25%;
        margin: 0
    }
}

.user-menu a[data-v-444a01e8] {
    display: block;
    padding: 10px
}

@media only screen and (max-width: 600px) {
    .user-menu a[data-v-444a01e8] {
        padding: 5px 2px
    }
}

.user-menu .user-menu__item a[data-v-444a01e8] {
    text-align: center
}

.user-menu .user-menu__item a[data-v-444a01e8] .account__user-avatar {
    position: relative
}

.user-menu .user-menu__item a[data-v-444a01e8] .account__user-avatar img {
    height: 26px;
    width: 26px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a[data-v-444a01e8] .account__user-avatar img {
        height: 22px;
        width: 22px
    }
}

.user-menu .user-menu__item a > svg[data-v-444a01e8] {
    display: block;
    margin: 0 auto 2px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a > svg[data-v-444a01e8] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.user-menu .user-menu__item a > svg use[data-v-444a01e8] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

.user-menu .user-menu__item a span[data-v-444a01e8] {
    color: #000;
    display: block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item a span[data-v-444a01e8] {
        font-size: 7px;
        letter-spacing: 0
    }
}

@media (max-width: 374px) {
    .user-menu .user-menu__item a span[data-v-444a01e8] {
        display: none
    }
}

.user-menu .user-menu__item a:hover use[data-v-444a01e8] {
    stroke: #d6001c
}

.user-menu .user-menu__item .badge[data-v-444a01e8] {
    background-color: #d6001c;
    border-radius: 200px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 3px 5px;
    position: absolute;
    right: 5px;
    top: 9px
}

@media only screen and (max-width: 600px) {
    .user-menu .user-menu__item .badge[data-v-444a01e8] {
        right: -3px;
        top: 3px
    }
}

.user-menu .user-menu__order-tracking[data-v-444a01e8] {
    position: relative
}

.user-menu .user-menu__order-tracking .order-tracking[data-v-444a01e8] {
    right: 0;
    top: calc(100% + 8px);
    width: 200px
}

.user-menu .user-menu__order-tracking .order-tracking[data-v-444a01e8]:before {
    right: 30px
}

.user-menu__account[data-v-444a01e8] {
    position: relative
}

.user-menu__account div[data-v-444a01e8] {
    margin: 1px auto 2px
}

@media only screen and (max-width: 600px) {
    .user-menu__mobile-cart[data-v-444a01e8] svg {
        margin: 0 auto
    }
}

.mobile-menu__toggle[data-v-444a01e8] {
    background-color: transparent;
    padding: 0
}

.mobile-menu__toggle img[data-v-444a01e8] {
    display: block
}

[data-v-0376363b]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-0376363b] {
    max-width: 100%
}

span.h3[data-v-0376363b] {
    font-size: 13px;
    font-weight: 800;
    margin-bottom: 1em;
    margin-top: 0
}

label[data-v-0376363b], span.h3[data-v-0376363b] {
    display: block;
    text-transform: uppercase
}

label[data-v-0376363b] {
    color: #000;
    font-size: 10px;
    margin-bottom: 0;
    padding-bottom: 3px
}

input[data-v-0376363b] {
    height: 2.6rem !important;
    padding: 10px !important
}

button[data-v-0376363b] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    line-height: 23px;
    margin-top: 5px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase
}

button[data-v-0376363b]:hover {
    background-color: #d6001c;
    border-color: #d6001c
}

button[data-v-0376363b]:active, button[data-v-0376363b]:focus {
    background-color: #f0001f;
    border-color: #f0001f
}

.error div[data-v-0376363b] {
    color: #f44a4a;
    padding: 5px;
    text-align: center
}

[data-v-a5457e26]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-a5457e26] {
    max-width: 100%
}

.user-menu__cart[data-v-a5457e26] {
    position: relative
}

@media only screen and (max-width: 600px) {
    .user-menu__cart > a[data-v-a5457e26] {
        padding: 5px 2px
    }
}

[data-v-12bdca8a]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-12bdca8a] {
    max-width: 100%
}

a[data-v-12bdca8a] {
    display: block;
    padding: 10px;
    text-align: center
}

a use[data-v-12bdca8a] {
    stroke: #000;
    stroke-width: 1;
    transition: all .2s ease-out
}

a > svg[data-v-12bdca8a] {
    margin: 1px auto 2px
}

@media only screen and (max-width: 600px) {
    a > svg[data-v-12bdca8a] {
        margin: 0 auto -1px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

a:hover use[data-v-12bdca8a] {
    stroke: #d6001c
}

a > svg[data-v-12bdca8a] {
    display: block
}

@media only screen and (max-width: 600px) {
    a > svg[data-v-12bdca8a] {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

a .text[data-v-12bdca8a] {
    color: #000;
    display: block;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .8px;
    line-height: 1;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    a .text[data-v-12bdca8a] {
        font-size: 7px;
        letter-spacing: 0
    }
}

@media (max-width: 374px) {
    a .text[data-v-12bdca8a] {
        display: none
    }
}

.badge[data-v-12bdca8a] {
    background-color: #d6001c;
    border-radius: 200px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 6px;
    position: absolute;
    right: 5px;
    top: 9px
}

@media only screen and (max-width: 600px) {
    .badge[data-v-12bdca8a] {
        right: -8px;
        top: 3px
    }
}

[data-v-59179949]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-59179949] {
    max-width: 100%
}

.top-menu[data-v-59179949] {
    display: flex;
    font-size: 8px;
    letter-spacing: 1px;
    line-height: 8px;
    text-align: center;
    text-transform: uppercase
}

.top-menu > li[data-v-59179949] {
    border-right: 1px solid #d8d8d8
}

.top-menu > li[data-v-59179949]:last-child {
    border: 0
}

.top-menu a[data-v-59179949] {
    color: #000;
    font-weight: 500;
    padding: 2px 8px
}

.top-menu a[data-v-59179949]:hover {
    color: #d6001c
}

.top-menu .shops[data-v-59179949] {
    position: relative
}

.top-menu .shops svg[data-v-59179949] {
    left: -6px;
    position: absolute;
    top: -3px
}

.top-menu .shops svg use[data-v-59179949] {
    stroke-width: 1;
    stroke: #000
}

.change-locale[data-v-59179949] {
    font-size: 8px;
    font-weight: 500;
    padding: 0 8px;
    position: relative;
    text-transform: uppercase
}

.change-locale > ul > li[data-v-59179949] {
    align-items: center;
    display: flex
}

.change-locale strong[data-v-59179949] {
    font-weight: 500;
    margin-right: 3px
}

.change-locale strong[data-v-59179949]:last-child {
    margin-right: 0
}

.change-locale strong + svg use[data-v-59179949] {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.change-locale .flag[data-v-59179949] {
    display: inline-block;
    height: 7px;
    position: relative;
    width: 7px
}

.change-locale .flag img[data-v-59179949] {
    height: 7px;
    left: 50%;
    max-width: 10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.change-locale svg[data-v-59179949] {
    position: absolute;
    right: -3px;
    top: -3px
}

.change-locale use[data-v-59179949] {
    stroke-width: .9
}

.change-locale .change-local-form[data-v-59179949] {
    right: 0;
    top: calc(100% + 8px);
    width: 200px
}

.change-local-form[data-v-59179949] {
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    padding: 20px !important;
    position: absolute;
    right: 0;
    text-align: left;
    top: 20px;
    width: 65%;
    z-index: 120
}

.change-local-form[data-v-59179949]:before {
    border: 4px solid rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    clear: both;
    content: "";
    height: 0;
    position: absolute;
    right: 30px;
    top: -8px;
    width: 0
}

[data-v-1cffcd6d]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-1cffcd6d] {
    max-width: 100%
}

label[data-v-1cffcd6d] {
    color: #000;
    display: block;
    font-size: 10px;
    margin-bottom: 0;
    padding-bottom: 3px;
    text-transform: uppercase
}

select[data-v-1cffcd6d] {
    width: 100%
}

button[data-v-1cffcd6d] {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 9px;
    font-weight: 600;
    line-height: 23px;
    margin-top: 5px;
    padding: 2px 10px;
    text-align: center;
    text-transform: uppercase
}

button[data-v-1cffcd6d]:hover {
    background-color: #d6001c;
    border-color: #d6001c
}

button[data-v-1cffcd6d]:active, button[data-v-1cffcd6d]:focus {
    background-color: #f0001f;
    border-color: #f0001f
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.main-nav__list {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center
}

.main-nav__list > li {
    align-items: center;
    display: flex;
    height: 34px
}

.main-nav__list > li > .mtc-link, .main-nav__list > li > a {
    line-height: 1.05em
}

[data-v-cb0d13fa]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-cb0d13fa] {
    max-width: 100%
}

.main-nav[data-v-cb0d13fa] {
    height: 34px;
    margin-top: 5px;
    max-height: 34px;
    position: relative;
    text-align: center
}

.main-nav > .container > .row[data-v-cb0d13fa] {
    margin-bottom: 0
}

@media only screen and (max-width: 600px) {
    .main-nav[data-v-cb0d13fa] {
        display: none
    }
}

[data-v-bf82a170]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-bf82a170] {
    max-width: 100%
}

li[data-v-bf82a170] {
    display: flex
}

li.open[data-v-bf82a170] {
    background-color: #d6001c
}

li.open .mtc-link[data-v-bf82a170], li.open > a[data-v-bf82a170] {
    color: #fff
}

li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
    color: #000;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.05em;
    padding: 6px 18px;
    text-transform: uppercase
}

@media (max-width: 1399px) {
    li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 6px 10px
    }
}

@media (max-width: 1020px) {
    li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
        font-size: 11px;
        letter-spacing: .2px;
        padding: 6px 8px
    }
}

@media (max-width: 980px) {
    li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
        font-size: 10px;
        letter-spacing: 0;
        padding: 6px
    }
}

@media (max-width: 890px) {
    li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
        font-size: 10px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

@media (max-width: 771px) {
    li .mtc-link[data-v-bf82a170], li > a[data-v-bf82a170] {
        font-size: 9px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

li.outlet a[data-v-bf82a170], li.outlet span.mtc-link[data-v-bf82a170] {
    color: #d6001c;
    font-weight: 800
}

li.outlet a[data-v-bf82a170]:hover, li.outlet span.mtc-link[data-v-bf82a170]:hover {
    background-color: #d6001c;
    color: #fff
}

[data-v-5ef598b8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-5ef598b8] {
    max-width: 100%
}

.change-country-buttons[data-v-5ef598b8] {
    padding-top: 15px
}

.change-country-buttons button[data-v-5ef598b8] {
    border: 1px solid #000;
    font-size: 12px;
    font-weight: 800;
    height: 47px;
    letter-spacing: -.26px;
    line-height: 47px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .change-country-buttons button[data-v-5ef598b8] {
        margin-bottom: 10px;
        padding: 0;
        width: 100%
    }
}

.change-country-buttons button img[data-v-5ef598b8] {
    margin-right: 5px
}

[data-v-299f20bf]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-299f20bf] {
    max-width: 100%
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .row.product-main > .col.m7[data-v-299f20bf] {
        width: 100%
    }
}

@media only screen and (min-width: 601px) {
    .banner-top-list[data-v-299f20bf] {
        margin-bottom: 5px
    }
}

.product-main[data-v-299f20bf] {
    background-color: #fff;
    padding-top: 15px;
    /*margin: 0 0 0 16px;*/
    margin: 0;
}

@media only screen and (max-width: 600px) {
    .product-main[data-v-299f20bf] {
        margin-bottom: 10px !important;
        position: relative
    }
}

@media only screen and (min-width: 601px) {
    .product-main > .l7[data-v-299f20bf], .product-main > .m7[data-v-299f20bf] {
        /*padding-right: 30px*/
        padding-right: 6px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-main[data-v-299f20bf] {
        padding-top: 0
    }
}

.product-main .product-unavailable__text[data-v-299f20bf] {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 300px;
    justify-content: center;
    position: relative
}

[data-v-299f20bf] .product-main .countdown__container.countdown--mobile {
    left: 50%;
    margin: 15px -50vw 0;
    position: relative;
    right: 50%;
    width: 100vw
}

.product-main .countdown-with-banner--mobile[data-v-299f20bf] {
    display: block;
    left: 50%;
    margin: 20px -50vw 15px;
    position: relative;
    right: 50%;
    width: 100vw
}

.product-added-values[data-v-299f20bf] {
    border-bottom: 2px solid #e2e2e2;
    border-top: 2px solid #e2e2e2;
    margin-top: 15px;
    padding: 32px 0 15px
}

.product-added-values h3[data-v-299f20bf] {
    font-size: 14px;
    margin: 0;
    text-align: center;
    text-transform: uppercase
}

.product-added-values .added-values-block[data-v-299f20bf] {
    background: none;
    padding: 10px 0
}

.product-added-values[data-v-299f20bf] .added-values__container li {
    padding: 15px 0 15px 30px
}

@media only screen and (max-width: 600px) {
    .product-added-values[data-v-299f20bf] .added-values__container li {
        padding-left: 0
    }
}

.product-added-values[data-v-299f20bf] .added-values__container li a {
    color: #000;
    position: relative
}

.product-added-values[data-v-299f20bf] .added-values__container li a:before {
    background: #d6001c;
    border-radius: 50%;
    content: " ";
    height: 32px;
    left: -41px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 32px
}

@media only screen and (max-width: 600px) {
    .product-added-values[data-v-299f20bf] .added-values__container li a:before {
        left: -9px
    }
}

.product-added-values[data-v-299f20bf] .added-values__container li svg {
    left: -32px;
    -webkit-transform: translateY(-50%) scale(1.4);
    transform: translateY(-50%) scale(1.4)
}

.product-added-values[data-v-299f20bf] .added-values__container li svg > * {
    stroke: #fff !important
}

@media only screen and (max-width: 600px) {
    .product-added-values[data-v-299f20bf] .added-values__container li svg {
        -webkit-transform: translateY(0) scale(1.4) !important;
        transform: translateY(0) scale(1.4) !important
    }
}

[data-v-299f20bf] h2 {
    font-size: 24px;
    font-weight: 900;
    line-height: 26.2px;
    margin-bottom: 30px;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    [data-v-299f20bf] h2 {
        font-size: 20px;
        margin-top: 0
    }
}

@media only screen and (max-width: 600px) {
    [data-v-299f20bf] h2 {
        font-size: 18px;
        margin-top: 0
    }
}

button[data-v-299f20bf] {
    font-family: "Montserrat", sans-serif
}

.rating-number[data-v-299f20bf] {
    font-size: 13px;
    font-weight: 700
}

.overflow-hidden[data-v-299f20bf] {
    overflow: hidden
}

@media (orientation: landscape) {
    .buy-mobile[data-v-299f20bf] {
        margin-top: 0
    }
}

.container .row .product-unavailable__mobile-container[data-v-299f20bf] {
    align-items: center;
    background-color: #fff;
    bottom: 0;
    display: flex;
    height: 12vh;
    justify-content: center;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    z-index: 90
}

.product-description-container[data-v-299f20bf] {
    background-color: #fff;
    margin: 13px;
}

@media only screen and (max-width: 600px) {
    .product-description-container[data-v-299f20bf] {
        margin: 0;
    }

}

.product-title__aside[data-v-299f20bf] {
    position: relative
}

.last-units-alert[data-v-299f20bf] {
    color: #d6001c;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 3px;
    margin: 10px 0
}

.last-units-alert svg use[data-v-299f20bf] {
    stroke: #d6001c
}

[data-v-299f20bf] .shipping-options__container {
    align-items: center;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    font-size: 12px;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 2px;
    padding: 10px 9px
}

[data-v-299f20bf] .shipping-options__container.not-clickable {
    cursor: auto
}

[data-v-299f20bf] .shipping-options__container .shipping-options__heading {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: flex-start;
    margin: 0;
    text-transform: uppercase
}

[data-v-299f20bf] .shipping-options__container .shipping-options__heading svg {
    margin-right: 7px;
    min-width: 13px
}

[data-v-299f20bf] .shipping-options__container .shipping-options__heading svg use {
    stroke-width: 1
}

[data-v-299f20bf] .shipping-options__container .shipping-options__heading .shipping-options__heading-extra-info {
    font-weight: 300;
    text-transform: none
}

[data-v-299f20bf] .shipping-options__container .shipping-options__body {
    padding-left: 20px
}

[data-v-299f20bf] .shipping-options__container .shipping-options__option p {
    align-items: baseline;
    display: flex;
    justify-content: flex-start;
    margin: 8px 0 0
}

[data-v-299f20bf] .shipping-options__container .shipping-options__option p:before {
    background-color: #41a334;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 10px;
    margin-right: 5px;
    position: relative;
    top: 1px;
    width: 10px
}

[data-v-299f20bf] .shipping-options__container .shipping-options__option p.option__available-2h:before {
    background-color: #00a8d6
}

[data-v-299f20bf] .shipping-options__container .shipping-options__option p.option__not-available:before {
    background-color: #f44a4a
}

[data-v-299f20bf] .shipping-options__container .shipping-options__option p.option__not-checked:before {
    background-color: #c9c9c9
}

[data-v-299f20bf] .shipping-options__container .shipping-options__actions button {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: nowrap;
    font-size: 10px;
    justify-content: flex-end;
    text-transform: uppercase
}

.product-title__imperfects-tag[data-v-299f20bf] {
    color: #41a334;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .product-title__imperfects-tag[data-v-299f20bf] {
        font-size: 14px
    }
}

.product-title__imperfects-tag svg[data-v-299f20bf] {
    position: relative;
    top: 1px
}

.product-title__imperfects-tag svg use[data-v-299f20bf] {
    fill: #41a334
}

[data-v-3230146f]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-3230146f] {
    max-width: 100%
}

.swiper-wrapper[data-v-3230146f] {
    align-items: normal
}

.banner-top-list[data-v-3230146f] {
    margin: 0 0 20px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.breadcrumb-container {
    display: flex;
    margin-top: 15px
}

@media only screen and (max-width: 600px) {
    .breadcrumb-container {
        margin-top: 5px
    }
}

.breadcrumb-container .desktop-reference, .breadcrumb-container .mobile-reference {
    display: inline-block;
    font-size: 11px;
    padding: 0 3px
}

.breadcrumb-container .desktop-reference > span {
    background: #f5f5f5 !important;
    display: inline-block;
    margin-top: -2px;
    padding: 2px 6px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.breadcrumb {
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .breadcrumb {
        font-size: 9px;
        line-height: 14px
    }
}

.breadcrumb li {
    display: inline
}

.breadcrumb li:after {
    background: transparent url(https://cdn.motocard.com/assets/images/breadcrumb-chevron.svg) 50% no-repeat;
    content: "";
    display: inline-block;
    height: 8px;
    opacity: .5;
    width: 10px
}

@media only screen and (max-width: 600px) {
    .breadcrumb li:after {
        width: 12px
    }
}

.breadcrumb li:last-child:after {
    display: none
}

@media only screen and (max-width: 600px) {
    .breadcrumb li:nth-last-child(2):after {
        display: none
    }
}

.breadcrumb a, .breadcrumb span.mtc-link {
    color: #686868
}

[data-v-20bb553f]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-20bb553f] {
    max-width: 100%
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-title[data-v-20bb553f] {
        display: flex;
        justify-content: space-between
    }
}

@media only screen and (max-width: 600px) {
    .product-title[data-v-20bb553f] {
        display: flex;
        justify-content: space-between
    }
}

.product-title .product-title__container[data-v-20bb553f] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 600px) {
    .product-title .product-title__container[data-v-20bb553f] {
        display: block;
        padding-right: 10px
    }
}

.product-title h1[data-v-20bb553f] {
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin: 8px 0;
    max-width: 85%;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-title h1[data-v-20bb553f] {
        font-size: 22px;
        line-height: 24px;
        margin: 6px 0 0;
        max-width: 100%
    }
}

@media only screen and (max-width: 600px) {
    .product-title h1[data-v-20bb553f] {
        font-size: 12px;
        line-height: 18px;
        margin: 2px 0 8px;
        max-width: 100%
    }
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .product-title h1[data-v-20bb553f] {
        font-size: 22px;
        line-height: 22px
    }
}

.product-title h1.with-lightbox[data-v-20bb553f] {
    background-color: #fff;
    font-size: 13px;
    left: 0;
    line-height: 14px;
    max-width: 80%;
    padding: 20px;
    position: absolute;
    top: 0;
    z-index: 10050
}

@media screen and (max-width: 39.9375em) {
    .product-title h1.with-lightbox[data-v-20bb553f] {
        font-size: 11px
    }
}

.product-title h1.with-lightbox strong[data-v-20bb553f] {
    display: block;
    font-size: 16px;
    margin: 0
}

@media screen and (max-width: 39.9375em) {
    .product-title h1.with-lightbox strong[data-v-20bb553f] {
        font-size: 14px
    }
}

.product-title h1 strong[data-v-20bb553f] {
    font-weight: 800
}

@media only screen and (max-width: 600px) {
    .product-title h1 strong[data-v-20bb553f] {
        display: block;
        font-size: 18px;
        margin: 0 0 3px
    }
}

.product-title .mobile-share-button[data-v-20bb553f] {
    padding: 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-title .mobile-share-button[data-v-20bb553f] {
        margin-right: -10px;
        padding: 5px 10px
    }
}

.product-title .mobile-share-button use[data-v-20bb553f] {
    stroke: #d6001c
}

.product-title a[data-v-20bb553f] {
    flex: 0 1 auto;
    min-height: 40px;
    width: auto
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-title a[data-v-20bb553f] {
        display: none
    }
}

.product-title a[data-v-20bb553f] img {
    height: auto;
    width: 70px
}

@media only screen and (max-width: 600px) {
    .product-title a[data-v-20bb553f] img {
        display: none
    }
}

[data-v-d9c110da]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-d9c110da] {
    max-width: 100%
}

.share-on__container[data-v-d9c110da] {
    position: relative
}

.share-on__container .share-on[data-v-d9c110da] {
    align-items: center;
    background-color: #f5f5f5;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    left: 0;
    position: absolute;
    top: calc(100% + 15px);
    transition: background-color .25s ease-in-out;
    width: 34px;
    z-index: 20
}

@media only screen and (max-width: 600px) {
    .share-on__container .share-on[data-v-d9c110da] {
        top: calc(100% + 10px)
    }
}

.share-on__container .share-on svg use[data-v-d9c110da] {
    transition: all .25s ease-in-out
}

.share-on__container:hover .share-on[data-v-d9c110da] {
    background-color: #d6001c
}

.share-on__container:hover svg use[data-v-d9c110da] {
    stroke: #fff
}

.share-on__networks[data-v-d9c110da] {
    left: 0;
    padding-top: 8px;
    position: absolute;
    top: calc(100% + 46px);
    visibility: hidden;
    z-index: 20
}

@media only screen and (max-width: 600px) {
    .share-on__networks[data-v-d9c110da] {
        top: calc(100% + 42px)
    }
}

.share-on__networks.show[data-v-d9c110da] {
    visibility: visible
}

.share-on__networks.show .share-network-email[data-v-d9c110da], .share-on__networks.show .share-network-facebook[data-v-d9c110da], .share-on__networks.show .share-network-telegram[data-v-d9c110da], .share-on__networks.show .share-network-twitter[data-v-d9c110da], .share-on__networks.show .share-network-whatsapp[data-v-d9c110da] {
    opacity: 1
}

.share-on__networks.show .share-network-whatsapp[data-v-d9c110da] {
    transition-delay: .1s
}

.share-on__networks.show .share-network-telegram[data-v-d9c110da] {
    transition-delay: .15s
}

.share-on__networks.show .share-network-twitter[data-v-d9c110da] {
    transition-delay: .2s
}

.share-on__networks.show .share-network-facebook[data-v-d9c110da] {
    transition-delay: .25s
}

.share-on__networks.show .share-network-email[data-v-d9c110da] {
    transition-delay: .3s
}

.share-network-email[data-v-d9c110da], .share-network-facebook[data-v-d9c110da], .share-network-telegram[data-v-d9c110da], .share-network-twitter[data-v-d9c110da], .share-network-whatsapp[data-v-d9c110da] {
    opacity: 0;
    transition: opacity .2s ease-in
}

[class*=" share-network-"][data-v-d9c110da], [class^=share-network-][data-v-d9c110da] {
    display: block;
    height: 34px;
    margin-bottom: 5px;
    width: 34px
}

.share-email[data-v-d9c110da], .share-facebook[data-v-d9c110da], .share-telegram[data-v-d9c110da], .share-twitter[data-v-d9c110da], .share-whatsapp[data-v-d9c110da] {
    background-position: 50%;
    background-size: 30px 30px;
    display: inline-block;
    height: 30px;
    padding: 2px;
    transition: background-size .15s ease-out;
    width: 30px;
    margin: 2px 0 0 2px;
}

.share-email[data-v-d9c110da]:hover, .share-facebook[data-v-d9c110da]:hover, .share-telegram[data-v-d9c110da]:hover, .share-twitter[data-v-d9c110da]:hover, .share-whatsapp[data-v-d9c110da]:hover {
    background-size: 35px 35px
}

.share-whatsapp[data-v-d9c110da] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE0Ljk5IDcuMjQxQTcuNzQ2IDcuNzQ2IDAgMCAxIDIyLjczOCAxNWE3Ljc2MSA3Ljc2MSAwIDAgMS0xMi4xNTUgNi4zOTNsLTIuNjE3IDEuMzAzYS41MzUuNTM1IDAgMCAxLS42LS4xMDMuNTI0LjUyNCAwIDAgMS0uMTA0LS42bDEuMzA0LTIuNjE4QTcuNjg4IDcuNjg4IDAgMCAxIDcuMiAxNC45OGwuMDQxLjAyYTcuNzQ2IDcuNzQ2IDAgMCAxIDcuNzQ5LTcuNzU4em0tLjc4NiA1LjFjLS4xODctMS4xMTctMS40Ni0xLjY2Ni0yLjM5LTEuMDM0bC0uMjA3LjE0NC0uMDcyLS4wNzJhLjU0My41NDMgMCAwIDAtLjIyOC40NDV2MS4wMzRhNS42OTMgNS42OTMgMCAwIDAgNS42OSA1LjY5aDEuMDM0YS41NDMuNTQzIDAgMCAwIC40NDUtLjIyOGwuMTQ1LS4yMDdjLjYyLS45NDEuMDcyLTIuMjEzLTEuMDM1LTIuMzlsLS44NTgtLjEzNGExLjUyIDEuNTIgMCAwIDAtMS41NDIuNjczbC0uNDQ1LjY4MmE0LjYzMSA0LjYzMSAwIDAgMS0xLjc1OC0xLjc1OGwuNjgzLS40NDVjLjUwNy0uMzQxLjc2NS0uOTQxLjY3Mi0xLjU0MXoiLz48L3N2Zz4=)
}

.share-telegram[data-v-d9c110da] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTIxLjcxMyA4Ljg3NWEuNTM0LjUzNCAwIDAgMC0uMTg2LS40ODYuNTA5LjUwOSAwIDAgMC0uNTA3LS4wOTNMNi41MzggMTMuNDdhLjUyNy41MjcgMCAwIDAtLjM1Mi40NTUuNDk3LjQ5NyAwIDAgMCAuMjguNDg2bDQuMTM3IDIuMDY5YS41MTYuNTE2IDAgMCAwIC41MTctLjA0MWwzLjQzNS0yLjI5Ny0yLjA1OSAyLjU2NmEuNDk1LjQ5NSAwIDAgMCAuMTA0LjczNGw2LjIwNiA0LjEyOGEuNTEuNTEgMCAwIDAgLjQ4Ny4wNDEuNTM1LjUzNSAwIDAgMCAuMy0uMzkzbDIuMDY5LTEyLjQxNC4wNTEuMDcyeiIvPjwvc3ZnPg==)
}

.share-twitter[data-v-d9c110da] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjMwIiB3aWR0aD0iMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIyLjcyOCA4Ljc1MWEuNTE1LjUxNSAwIDAgMCAtLjM1Mi0uNDU1LjUxLjUxIDAgMCAwIC0uNTU5LjEzNSAyLjczNCAyLjczNCAwIDAgMSAtMS4yNzIuNzg2IDMuNTYgMy41NiAwIDAgMCAtMi40NDEtLjk2MiAzLjY1NiAzLjY1NiAwIDAgMCAtMy42NjMgMy42NjJ2LjQ0NWMtMy4xMDMtLjI0OS00Ljc1OC0yLjU5Ny01LjIwMy0zLjc4N2EuNTI3LjUyNyAwIDAgMCAtLjQ2NS0uMzQuNTAyLjUwMiAwIDAgMCAtLjQ5Ny4yNzhjLTEuMDg2IDIuMTYyLTEuMjUyIDQuMjczLS40NjYgNi4wNjIuNjgzIDEuNTYzIDIuMDcgMi44MTQgNC4wMzUgMy42NDItLjkuNjMtMi40IDEuMzc2LTQuMTU5IDEuMzc2YS41MDMuNTAzIDAgMCAwIC0uNDk2LjM2Mi41MDEuNTAxIDAgMCAwIC4yMDcuNThjMS42NzYgMS4xMTYgMy40MzQgMS4xMTYgNS4wNjkgMS4xMTZoLjA0MWM1LjAyOCAwIDkuMDkzLTQuMDg2IDkuMDkzLTkuMTI0di0uNDk2Yy4zNzMtLjM4My42NjItLjc3Ni44MzgtMS4yODMuMTk3LS41Ny4yMzgtMS4yMi4xNzYtMi4wOHoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=)
}

.share-facebook[data-v-d9c110da] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuMjQxIDE1QTcuNzQ4IDcuNzQ4IDAgMCAxIDE1IDcuMjQgNy43NTUgNy43NTUgMCAwIDEgMjIuNzU4IDE1YzAgNC4xMDctMy4yMDcgNy40NjktNy4yNDEgNy43MzhWMTYuNTRoMi4wNjl2LTEuMDM0aC0yLjA3di0xLjU1MmExLjU1IDEuNTUgMCAwIDEgMS41NTMtMS41NTJoLjUxN1YxMS4zN2gtLjUxN2EyLjU3NCAyLjU3NCAwIDAgMC0yLjU4NyAyLjU4NnYxLjU1MmgtMi4wNjl2MS4wMzRoMi4wN3Y2LjE4NkE3Ljc2MiA3Ljc2MiAwIDAgMSA3LjI0IDE0Ljk4VjE1eiIvPjwvc3ZnPg==)
}

.share-email[data-v-d9c110da] {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTcuNzQ4IDEyLjIzOGw3Ljc2OSA0LjM2NiA3Ljc1OC00LjM1NnY3LjkxNGMwIC44NDgtLjcwMyAxLjU1Mi0xLjU1MSAxLjU1Mkg5LjMxYTEuNTU2IDEuNTU2IDAgMCAxLTEuNTUyLTEuNTUyVjEyLjI2bC0uMDEtLjAyem0xMy45NzYtMy45NjJjLjg0OCAwIDEuNTUxLjY5MyAxLjU1MSAxLjU1MnYxLjI0MWwtNy43NTggNC4zNTUtNy43Ny00LjM2NVY5LjgwN2wuMDExLjAyYTEuNTUgMS41NSAwIDAgMSAxLjU1Mi0xLjU1aDEyLjQxNHoiLz48L3N2Zz4=)
}

[data-v-fec18fec]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-fec18fec] {
    max-width: 100%
}

[data-v-fec18fec] .swiper-container .swiper-wrapper {
    max-height: 554px
}

.carousel-content__wrapper[data-v-fec18fec] {
    position: relative
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .carousel-content__wrapper[data-v-fec18fec] {
        height: 300px;
        margin: 0 auto;
        width: 230px
    }
}

.carousel-content_sizer[data-v-fec18fec] {
    height: 0;
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 100%;
    position: relative
}

.carousel-content[data-v-fec18fec] {
    bottom: 0;
    font-weight: 300;
    height: 100%;
    left: 0;
    margin: 0 auto 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .carousel-content[data-v-fec18fec] {
        width: 100%
    }
}

@media only screen and (max-width: 600px) {
    .carousel-content[data-v-fec18fec] {
        width: 100%
    }
}

.carousel[data-v-fec18fec] {
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center
}

.carousel .hide[data-v-fec18fec] {
    height: 0;
    overflow: hidden
}

.carousel .video-thumb-container[data-v-fec18fec], .carousel .video-title[data-v-fec18fec] {
    margin: 0 auto;
    max-width: 90%
}

@media only screen and (max-width: 600px) {
    .carousel .video-thumb-container[data-v-fec18fec], .carousel .video-title[data-v-fec18fec] {
        max-width: 100%
    }
}

.carousel .video-title[data-v-fec18fec] {
    background-color: #000;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    margin: 0 auto;
    padding: 10px 0;
    text-transform: uppercase
}

.carousel .iframe-container[data-v-fec18fec], .carousel .video-thumb[data-v-fec18fec] {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative
}

.carousel .video-thumb[data-v-fec18fec] {
    cursor: pointer;
    width: 100%
}

.carousel .video-thumb svg[data-v-fec18fec] {
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.carousel .video-thumb img[data-v-fec18fec] {
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%
}

.carousel .iframe-container[data-v-fec18fec] {
    margin: 0 auto;
    max-width: 90%;
    position: relative
}

@media only screen and (max-width: 600px) {
    .carousel .iframe-container[data-v-fec18fec] {
        max-width: 100%
    }
}

.carousel .iframe-container .iframe__close[data-v-fec18fec] {
    background-color: #d6001c;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    width: 35px;
    z-index: 1
}

.carousel .iframe-container .iframe__close use[data-v-fec18fec] {
    stroke: #fff;
    stroke-width: 1.2
}

.carousel .iframe-container iframe[data-v-fec18fec] {
    height: 100%;
    left: 0;
    max-height: 675px;
    position: absolute;
    top: 0;
    width: 100%
}

.carousel img[data-v-fec18fec] {
    cursor: pointer
}

.carousel div[class*=slide--] > img[data-v-fec18fec], .carousel div[class^=slide--] > img[data-v-fec18fec] {
    max-width: 90%
}

@media only screen and (max-width: 600px) {
    .carousel div[class*=slide--] > img[data-v-fec18fec], .carousel div[class^=slide--] > img[data-v-fec18fec] {
        max-width: 100%;
        width: 100%
    }
}

.carousel .carousel-content--nav[data-v-fec18fec] {
    padding: 20px 0 0;
    text-align: center
}

.carousel .carousel-content--nav use[data-v-fec18fec] {
    fill: #c3c3c3;
    transition: all .25s ease-out
}

.carousel .carousel-content--nav button[data-v-fec18fec] {
    padding: 0 3px
}

@media (hover: none) {
    .carousel .carousel-content--nav button use[data-v-fec18fec] {
        fill: #e8e8e8 !important
    }
}

.carousel .carousel-content--nav button[data-v-fec18fec]:first-child, .carousel .carousel-content--nav button[data-v-fec18fec]:last-child {
    background-color: #f5f5f5;
    height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    z-index: 5
}

.carousel .carousel-content--nav button:first-child.hideArrows[data-v-fec18fec], .carousel .carousel-content--nav button:last-child.hideArrows[data-v-fec18fec] {
    display: none
}

.carousel .carousel-content--nav button:first-child svg[data-v-fec18fec], .carousel .carousel-content--nav button:last-child svg[data-v-fec18fec] {
    vertical-align: -2px
}

.carousel .carousel-content--nav button:first-child use[data-v-fec18fec], .carousel .carousel-content--nav button:last-child use[data-v-fec18fec] {
    fill: none;
    stroke: #000;
    stroke-width: 1.2;
    transition: none
}

.carousel .carousel-content--nav button[data-v-fec18fec]:first-child:hover, .carousel .carousel-content--nav button[data-v-fec18fec]:last-child:hover {
    background-color: #e8e8e8
}

.carousel .carousel-content--nav button:first-child:hover use[data-v-fec18fec], .carousel .carousel-content--nav button:last-child:hover use[data-v-fec18fec] {
    fill: none
}

.carousel .carousel-content--nav button[data-v-fec18fec]:first-child:active, .carousel .carousel-content--nav button[data-v-fec18fec]:last-child:active {
    background-color: #000
}

.carousel .carousel-content--nav button:first-child:active use[data-v-fec18fec], .carousel .carousel-content--nav button:last-child:active use[data-v-fec18fec] {
    stroke: #fff;
    fill: none
}

.carousel .carousel-content--nav button:first-child.swiper-button-disabled[data-v-fec18fec], .carousel .carousel-content--nav button:last-child.swiper-button-disabled[data-v-fec18fec] {
    opacity: .1
}

.carousel .carousel-content--nav button[data-v-fec18fec]:first-child {
    left: 0
}

.carousel .carousel-content--nav button[data-v-fec18fec]:last-child {
    right: 0
}

.carousel .carousel-content--nav button:hover use[data-v-fec18fec] {
    fill: #d6001c
}

.carousel .carousel-content--nav button.current use[data-v-fec18fec] {
    fill: #d6001c !important
}

.ov-control-panel[data-v-fec18fec] {
    z-index: 149 !important
}

[data-v-fec18fec] .ovviosinfo, [data-v-fec18fec] .ovviosinfodesktop {
    display: none !important
}

[data-v-0d09d6d5]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-0d09d6d5] {
    max-width: 100%
}

.product__notice[data-v-0d09d6d5] {
    bottom: 25px;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 10
}

.product__notice button[data-v-0d09d6d5] {
    align-items: center;
    background-color: rgba(255, 174, 2, .3);
    color: #825800;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    margin: 0 auto;
    padding: 8px 15px;
    position: relative;
    text-transform: uppercase;
    transition: all .2s ease;
    z-index: 1
}

.product__notice button[data-v-0d09d6d5]:hover {
    background-color: hsla(0, 0%, 100%, .9)
}

.product__notice button:hover + .product__notice-text[data-v-0d09d6d5] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (max-width: 600px) {
    .product__notice button[data-v-0d09d6d5] {
        display: inline-block;
        font-size: 10px;
        margin: 0 auto;
        padding: 4px 10px
    }
}

.product__notice button svg[data-v-0d09d6d5] {
    margin-right: 5px
}

.product__notice button svg use[data-v-0d09d6d5] {
    stroke: #e89d00
}

.product__notice .product__notice-text[data-v-0d09d6d5] {
    background-color: rgba(255, 215, 130, .95);
    bottom: 0;
    box-sizing: border-box;
    font-size: 12px;
    left: 0;
    opacity: 0;
    padding: 15px 15px 40px;
    position: absolute;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: bottom center;
    transform-origin: bottom center;
    transition: all .2s ease;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .product__notice .product__notice-text[data-v-0d09d6d5] {
        bottom: 0;
        font-size: 11px;
        left: -5px;
        padding: 10px 10px 30px;
        right: -5px;
        text-align: left;
        top: auto;
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        width: auto
    }
}

.product__notice .product__notice-text p[data-v-0d09d6d5] {
    margin: 0
}

[data-v-4b9a0f22]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-4b9a0f22] {
    max-width: 100%
}

.other-versions[data-v-4b9a0f22] {
    margin-bottom: 50px
}

@media only screen and (max-width: 600px) {
    .other-versions[data-v-4b9a0f22] {
        box-sizing: border-box;
        left: 50%;
        margin: 25px -50vw 35px;
        position: relative;
        right: 50%;
        width: 100vw
    }
}

.other-versions[data-v-4b9a0f22] .swiper-container {
    padding: 0 10px
}

.other-versions[data-v-4b9a0f22] .swiper-wrapper {
    max-height: 103px
}

@media only screen and (max-width: 600px) {
    .other-versions[data-v-4b9a0f22] .swiper-wrapper {
        max-height: 85px
    }
}

@media (max-width: 374px) {
    .other-versions[data-v-4b9a0f22] .swiper-wrapper {
        max-height: 85px
    }
}

.other-versions[data-v-4b9a0f22] .swiper-slide {
    display: inline-block
}

.other-versions h2[data-v-4b9a0f22] {
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 0;
    padding: 0 10px 10px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .other-versions h2[data-v-4b9a0f22] {
        margin: 0 10px 15px;
        padding: 0 0 10px
    }
}

[data-v-4b9a0f22] .products-list {
    overflow: hidden;
    position: relative
}

[data-v-4b9a0f22] .products-list .carousel-content--nav {
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button {
    background-color: #f5f5f5;
    height: 30px;
    line-height: 32px;
    padding: 0;
    width: 30px
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button use {
    stroke-width: 1.2
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button:hover {
    background-color: #e8e8e8
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button:hover use {
    fill: none
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button:active {
    background-color: #000
}

[data-v-4b9a0f22] .products-list .carousel-content--nav button:active use {
    stroke: #fff;
    fill: none
}

[data-v-4b9a0f22] .products-list .carousel-content--nav.prev {
    left: 0
}

@media only screen and (max-width: 600px) {
    [data-v-4b9a0f22] .products-list .carousel-content--nav.prev {
        left: 0
    }
}

[data-v-4b9a0f22] .products-list .carousel-content--nav.next {
    right: 0
}

@media only screen and (max-width: 600px) {
    [data-v-4b9a0f22] .products-list .carousel-content--nav.next {
        right: 0
    }
}

[data-v-4b9a0f22] .products-list .product-link {
    display: block;
    max-height: 103px;
    max-width: 103px;
    position: relative
}

@media only screen and (max-width: 600px) {
    [data-v-4b9a0f22] .products-list .product-link {
        max-height: 85px;
        max-width: 85px;
        width: 85px
    }

    [data-v-4b9a0f22] .products-list .product-link > span {
        display: block
    }
}

[data-v-4b9a0f22] .products-list img {
    display: block;
    height: auto
}

@media only screen and (max-width: 600px) {
    [data-v-4b9a0f22] .products-list img {
        max-height: 85px;
        max-width: 85px;
        width: 85px
    }
}

[data-v-39ac6be2]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-39ac6be2] {
    max-width: 100%
}

.countdown-with-banner .countdown-banner[data-v-39ac6be2] {
    align-items: center;
    background-color: transparent;
    box-sizing: border-box;
    display: flex;
    gap: 5px;
    height: 80px;
    justify-content: center;
    padding: 5px 0;
    position: relative
}

.countdown-with-banner .countdown-banner[data-v-39ac6be2] .cdn-img {
    margin: 0 auto;
    max-height: 70px;
    position: relative;
    width: auto;
    z-index: 1
}

@media only screen and (max-width: 600px) {
    .countdown-with-banner .countdown-banner[data-v-39ac6be2] .cdn-img {
        height: auto;
        width: 95vw
    }
}

.countdown-with-banner .countdown-banner.banner--with-title[data-v-39ac6be2] {
    padding: 5px 10px
}

.countdown-with-banner .countdown-banner.banner--with-title[data-v-39ac6be2] span {
    flex-shrink: 1;
    max-width: 40%;
    min-width: 25%;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .countdown-with-banner .countdown-banner.banner--with-title[data-v-39ac6be2] .cdn-img {
        max-height: 70px;
        width: auto
    }
}

.countdown-with-banner .countdown-banner .banner__title[data-v-39ac6be2] {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    line-height: 1.1em;
    margin: 5px 0;
    max-width: 65%;
    text-align: center;
    text-transform: uppercase;
    z-index: 1
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .countdown-with-banner .countdown-banner .banner__title[data-v-39ac6be2] {
        font-size: 17px
    }
}

@media only screen and (max-width: 600px) {
    .countdown-with-banner .countdown-banner .banner__title[data-v-39ac6be2] {
        font-size: 15px
    }
}

.countdown-with-banner .countdown-banner .banner__background[data-v-39ac6be2] {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    position: absolute;
    top: 0;
    width: 100%
}

.countdown-with-banner .countdown-banner.banner__theme--dark .banner__title[data-v-39ac6be2] {
    color: #000
}

[data-v-59d370d8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-59d370d8] {
    max-width: 100%
}

.tooltip[data-v-59d370d8] {
    font-size: 11px;
    font-weight: 600;
    height: 30px;
    left: 0;
    line-height: 30px;
    opacity: 0;
    padding: 0 10px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 31px;
    transition: all .2s cubic-bezier(.68, -.55, .265, 1.55);
    z-index: -1
}

.tooltip svg[data-v-59d370d8] {
    vertical-align: -2px
}

.tooltip use[data-v-59d370d8] {
    stroke: #856404;
    stroke-width: 1
}

.tooltip.active[data-v-59d370d8] {
    opacity: 1;
    top: -31px;
    z-index: 0
}

.tooltip.tooltip--attention[data-v-59d370d8] {
    -webkit-animation: tooltip-attention-59d370d8 1s 3;
    animation: tooltip-attention-59d370d8 1s 3
}

.tooltip.tooltip--warning[data-v-59d370d8] {
    background-color: #fff3cd;
    color: #856404
}

.product-sizes + .free-size-change[data-v-59d370d8] {
    justify-content: flex-start;
    margin-top: 10px
}

.divider[data-v-59d370d8] {
    margin: 40px 0 30px
}

.fade-enter-active[data-v-59d370d8], .fade-leave-active[data-v-59d370d8] {
    transition: opacity 1s
}

.fade-enter[data-v-59d370d8], .fade-leave-to[data-v-59d370d8] {
    opacity: 0
}

.product-stock__extras[data-v-59d370d8] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px
}

.product-buy-panel__shipping-options[data-v-59d370d8] {
    border-top: 1px solid #ebebeb;
    padding: 15px 0 0
}

.product-buy-panel__shipping-options .stock[data-v-59d370d8] {
    flex: 0 1 100%;
    margin: 0 0 10px
}

.product-buy-panel__shipping-options .free-shipping[data-v-59d370d8] {
    flex: 0 1 30%
}

.product-buy-panel__price[data-v-59d370d8] {
    background-color: #f5f5f5;
    padding: 50px 30px 30px;
    position: relative;
    text-align: center
}

[data-v-59d370d8] .product-price {
    display: block;
    font-size: 55px;
    font-weight: 900
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    [data-v-59d370d8] .product-price {
        font-size: 38px !important
    }
}

[data-v-59d370d8] .product-old-price {
    font-size: 14px;
    opacity: .4
}

[data-v-59d370d8] .product-savings {
    font-size: 14px;
    font-weight: 700
}

.price-bottom__checks[data-v-59d370d8] {
    border-top: 1px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1.2em;
    margin: 12px 0 0
}

.price-bottom__checks > *[data-v-59d370d8] {
    font-size: 11px;
    font-weight: 700;
    margin: 0 7px;
    padding: 0;
    text-transform: uppercase
}

.price-bottom__checks > * a[data-v-59d370d8] {
    color: #000
}

.price-bottom__checks > * a[data-v-59d370d8]:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.price-bottom__checks > * svg use[data-v-59d370d8] {
    stroke: #41a334
}

.product-buy-panel__buttons[data-v-59d370d8] {
    align-content: stretch;
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    position: relative
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-buy-panel__buttons[data-v-59d370d8] {
        height: 60px
    }
}

button[data-v-59d370d8] {
    border: 0
}

.already-club-member[data-v-59d370d8] {
    text-align: center
}

.already-club-member svg use[data-v-59d370d8] {
    stroke: #d6001c
}

.already-club-member > p[data-v-59d370d8] {
    font-size: 12px;
    margin: 5px 0;
    text-align: center
}

.already-club-member > p > strong[data-v-59d370d8] {
    font-weight: 800;
    text-transform: uppercase
}

.already-club-member > div[data-v-59d370d8] {
    font-size: 13px;
    font-weight: 600;
    text-align: center
}

.already-club-member > div button[data-v-59d370d8] {
    color: #d6001c;
    font-weight: 800;
    padding: 0
}

.only-available-club[data-v-59d370d8] {
    display: flex
}

.only-available-club .lock-icon[data-v-59d370d8] {
    align-items: center;
    background: #f5f5f5;
    display: flex;
    flex: 0 0 80px;
    justify-content: center
}

.only-available-club .lock-icon use[data-v-59d370d8] {
    stroke: #d6001c
}

.only-available-club p[data-v-59d370d8] {
    border: 1px solid #f5f5f5;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding: 10px 20px
}

.only-available-club p strong[data-v-59d370d8] {
    display: block;
    font-weight: 700
}

.last-units-alert[data-v-59d370d8] {
    color: #d6001c;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    gap: 3px;
    margin: 10px 0
}

@media only screen and (max-width: 600px) {
    .last-units-alert[data-v-59d370d8] {
        margin-top: 5px
    }
}

.last-units-alert svg use[data-v-59d370d8] {
    stroke: #d6001c
}

@-webkit-keyframes tooltip-attention-59d370d8 {
    0% {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, .4)
    }
    70% {
        box-shadow: inset 0 0 0 10px rgba(255, 174, 2, 0)
    }
    to {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, 0)
    }
}

@keyframes tooltip-attention-59d370d8 {
    0% {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, .4)
    }
    70% {
        box-shadow: inset 0 0 0 10px rgba(255, 174, 2, 0)
    }
    to {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, 0)
    }
}

.people-viewing[data-v-59d370d8] {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.minimumprice-modal {
    position: relative
}

.minimumprice-modal .modal-header {
    display: none
}

.product-buy-panel {
    position: relative
}

.seen-cheaper-form {
    background-color: #fff;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .45);
    left: .5rem;
    opacity: 1;
    position: absolute;
    right: .5rem;
    top: .9375rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .2s ease;
    z-index: 90
}

@media only screen and (max-width: 600px) {
    .seen-cheaper-form {
        background-color: transparent;
        box-shadow: none
    }
}

.seen-cheaper-form.seen-cheaper-show {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.seen-cheaper-form > .col.s12 {
    padding: 0
}

.seen-cheaper-form .form-block {
    border-top: 1px solid #e6e6e6;
    padding: 20px 30px 0
}

@media only screen and (max-width: 600px) {
    .seen-cheaper-form .form-block {
        padding: 20px 15px 0
    }
}

.seen-cheaper-form .form-block .input-field > label:not(.label-icon).active {
    -webkit-transform: translateY(-2px) scale(1);
    transform: translateY(-2px) scale(1)
}

.seen-cheaper-form select {
    width: 100%
}

.seen-cheaper-form span.h3 {
    display: block;
    font-size: 18px;
    font-weight: 900;
    margin: 25px 0;
    text-align: center;
    text-transform: uppercase
}

.seen-cheaper-form span.h3 strong {
    color: #d6001c;
    display: block
}

.seen-cheaper-form span.h4 {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 16px 0;
    text-align: center;
    text-transform: uppercase
}

.seen-cheaper-form span.h4 small {
    display: block;
    font-weight: 500;
    margin-top: 3px;
    opacity: .5;
    text-transform: none
}

.seen-cheaper-form .close-button {
    position: absolute;
    right: 5px;
    top: 10px
}

.seen-cheaper-form .close-button svg {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}

.seen-cheaper-form .gdpr-legal-text small {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 13px
}

.seen-cheaper-form .send-form {
    padding-bottom: 25px
}

.seen-cheaper-form .send-form button {
    background-color: #eb0012;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px;
    padding: 10px 25px;
    text-transform: uppercase
}

.seen-cheaper-form .send-form a {
    display: block;
    font-size: 13px;
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .seen-cheaper-form {
        position: static
    }

    .seen-cheaper-form .close-button {
        display: none
    }

    .seen-cheaper-form h3 {
        margin: 0 0 15px
    }

    .seen-cheaper-form h4 {
        margin-top: 0
    }
}

[data-v-6d8e746a]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-6d8e746a] {
    max-width: 100%
}

.product-buy__header[data-v-6d8e746a] {
    align-items: center;
    display: flex;
    height: 46px;
    justify-content: space-between;
    margin: -50px -30px 10px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-buy__header[data-v-6d8e746a] {
        height: 40px;
        margin: -40px -30px 10px
    }
}

.product-buy__header > *[data-v-6d8e746a] {
    flex: 0 0 33.3333%
}

.inc-vat[data-v-6d8e746a] {
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 500;
    padding-right: 10px;
    text-align: right
}

.product-buy-panel__price.with-seen-cheaper[data-v-6d8e746a] {
    padding-bottom: 30px
}

.seen-cheaper-button[data-v-6d8e746a] {
    font-size: 9px;
    font-weight: 600;
    padding: 8px 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .seen-cheaper-button[data-v-6d8e746a] {
        font-size: 9px;
        padding: 6px 9px
    }
}

.product-finance[data-v-6d8e746a] {
    margin: 20px -30px -30px;
    min-height: 90px
}

.with-seen-cheaper .product-finance[data-v-6d8e746a] {
    margin-bottom: 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .free-shipping[data-v-6d8e746a] {
        padding-left: 10px
    }

    .product-tags[data-v-6d8e746a] {
        left: 0;
        position: absolute;
        top: 0
    }
}

.product-buy-panel__countdown[data-v-6d8e746a] {
    letter-spacing: .3px;
    padding: 0;
    text-align: center
}

.product-buy-panel__countdown[data-v-6d8e746a] > p {
    color: #d6001c !important;
    display: inline !important;
    font-size: 10px !important;
    text-align: left !important
}

.product-buy-panel__countdown[data-v-6d8e746a] .countdown {
    display: inline;
    text-align: left
}

.product-buy-panel__countdown[data-v-6d8e746a] .countdown div {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0
}

.product-buy-panel__countdown[data-v-6d8e746a] .countdown div .countdown-text {
    display: none
}

.product-buy-panel__countdown[data-v-6d8e746a] .countdown .countdown__dots {
    margin: 0 -4px !important;
    opacity: .5 !important
}

.product-price-my-motocard[data-v-6d8e746a] {
    color: #d6001c;
    font-size: 12px;
    font-weight: 500;
    margin: 5px 0 10px
}

.product-price-my-motocard[data-v-6d8e746a] .price {
    font-size: 13px !important
}

.product-price-my-motocard[data-v-6d8e746a] .price {
    font-weight: 700
}

.product-price-my-motocard svg use[data-v-6d8e746a] {
    stroke: #d6001c
}

.product-price-my-motocard.product-price-my-motocard--offer[data-v-6d8e746a] {
    color: #626262
}

.product-price-my-motocard.product-price-my-motocard--offer svg use[data-v-6d8e746a] {
    stroke: #626262
}

.product-price__offer[data-v-6d8e746a] {
    color: #d6001c
}

.customs-included[data-v-6d8e746a] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.customs-included svg use[data-v-6d8e746a] {
    stroke: #41a334
}

.price-bottom__checks[data-v-6d8e746a] {
    border-top: 1px solid #fff;
    display: flex;
    justify-content: center;
    margin: 10px 0 -15px;
    padding-top: 15px
}

.price-bottom__checks > *[data-v-6d8e746a] {
    margin: 0 7px
}

.price-bottom__checks .inc-vat[data-v-6d8e746a] {
    font-size: 11px;
    font-weight: 700;
    padding: 0;
    text-transform: uppercase
}

.price-bottom__checks .inc-vat svg use[data-v-6d8e746a] {
    stroke: #41a334
}

.product-buy__price[data-v-6d8e746a] {
    align-items: baseline;
    display: flex;
    justify-content: center
}

.product-buy__price .product-price__tooltip[data-v-6d8e746a] {
    margin-left: 7px
}

.product-buy__price .product-price__tooltip b[data-v-6d8e746a] {
    font-weight: 700
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.product-buy-panel.mobile .tag.product-tag {
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 8px
}

.product-tags {
    display: flex;
    flex-wrap: wrap
}

.product-buy__header .product-tags {
    flex: 0 0 100% !important;
    width: 100%
}

.product-buy__header .tag.product-tag.product-tag--blackfriday {
    font-size: 15px;
    width: 100%
}

.product-buy__header .tag.product-tag.product-tag--blackfriday > span:before, .tag.product-tag {
    margin-bottom: 1px
}

.tag.product-tag {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-right: 1px;
    padding: 3px 8px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tag.product-tag {
        font-size: 9px;
        padding: 2px 8px
    }
}

.tag.product-tag.product-tag--new {
    background-color: #e68931
}

.tag.product-tag.product-tag--bestprice, .tag.product-tag.product-tag--crazydays, .tag.product-tag.product-tag--offer, .tag.product-tag.product-tag--outlet, .tag.product-tag.product-tag--pre-order, .tag.product-tag.product-tag--sales {
    background-color: #d6001c
}

.tag.product-tag.product-tag--child {
    background-color: #25b6a4
}

.tag.product-tag.product-tag--women {
    background-color: #b30d75
}

.tag.product-tag.product-tag--blackfriday, .tag.product-tag.product-tag--cybermonday, .tag.product-tag.product-tag--preblackfriday {
    background-color: #000
}

.tag.product-tag.product-tag--blackfriday > span:before, .tag.product-tag.product-tag--cybermonday > span:before, .tag.product-tag.product-tag--preblackfriday > span:before {
    border-radius: 200px;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 5px -1px 0;
    width: 8px
}

.tag.product-tag.product-tag--preblackfriday {
    background-image: linear-gradient(125deg, #000 25%, #393334 0, #393334 50%, #000 0, #000 75%, #393334 0, #393334);
    background-size: 7.32px 10.46px
}

@media only screen and (max-width: 600px) {
    .tag.product-tag.product-tag--preblackfriday {
        font-size: 8px;
        height: 12px;
        line-height: 12px;
        padding: 2px 10px
    }
}

@media (max-width: 374px) {
    .tag.product-tag.product-tag--preblackfriday {
        font-size: 7px;
        padding: 2px 6px
    }

    .tag.product-tag.product-tag--preblackfriday > span:before {
        display: inline-block;
        height: 6px;
        width: 6px
    }
}

.tag.product-tag.product-tag--preblackfriday > span {
    color: #fdecee
}

.tag.product-tag.product-tag--preblackfriday > span:before {
    background-color: #ec2742
}

.tag.product-tag.product-tag--blackfriday > span {
    color: #fdecee;
    text-shadow: 0 0 6px #f0566b
}

.tag.product-tag.product-tag--blackfriday > span:before {
    background-color: #ec2742
}

.tag.product-tag.product-tag--cybermonday {
    background-image: radial-gradient(50% 50% at 0 0, #0a2e38 50%, #000 100%)
}

.tag.product-tag.product-tag--cybermonday > span {
    color: #dbf6ff;
    text-shadow: 0 0 8px #4bb0d1
}

.tag.product-tag.product-tag--cybermonday > span:before {
    background-color: #27ccec
}

.tag.product-tag.product-tag--flashoffer {
    background-color: #eb5252
}

.tag.product-tag.product-tag--flashoffer > span:before {
    content: "⚡️"
}

.tag.product-tag.product-tag--daysoffer {
    background-image: linear-gradient(125deg, #d6001e 25%, #d95364 0, #d95364 50%, #d6001e 0, #d6001e 75%, #d95364 0, #d95364);
    background-size: 7.32px 10.46px
}

.tag.product-tag.product-tag--daysoffer > span:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljg1OC4zMzhsLjEzMy0uMjM0YS4wNzMuMDczIDAgMCAwIDAtLjA3QS4wNjQuMDY0IDAgMCAwIDkuOTM3IDBINy4xNGEuMDYzLjA2MyAwIDAgMC0uMDQ2LjAyTDUuNDEyIDEuODQzbC0uMDI5LS4wMjRMNi4zMi4xMDNhLjA3My4wNzMgMCAwIDAgMC0uMDY4QS4wNjMuMDYzIDAgMCAwIDYuMjYzIDBILjQwM2EuMDY0LjA2NCAwIDAgMC0uMDU1LjAzM0wuMTUuMzlhLjA3My4wNzMgMCAwIDAtLjAwNi4wNTQuMDY3LjA2NyAwIDAgMCAuMDMzLjA0M2wyLjU2NyAxLjM3LjAxLjAwN0wuMDEgNi44OTdhLjA3Mi4wNzIgMCAwIDAgMCAuMDY5QS4wNjMuMDYzIDAgMCAwIC4wNjUgN2gyLjQ2YS4wNjQuMDY0IDAgMCAwIC4wNTYtLjAzNGwxLjQ1NS0yLjY2OS4wMS0uMDE4LjIyMy40MDRhLjA2NC4wNjQgMCAwIDAgLjA1NS4wMzQuMDYuMDYgMCAwIDAgLjAyOC0uMDA3bC44My0uNDI2LjAzMi4wMzUtMS4zOTggMi41NzhhLjA3Mi4wNzIgMCAwIDAgMCAuMDY5LjA2NC4wNjQgMCAwIDAgLjA1Ni4wMzRoMi4zMjZhLjA2NC4wNjQgMCAwIDAgLjA1Ni0uMDM0TDkuODUxLjM1NmEuMDY4LjA2OCAwIDAgMCAuMDA3LS4wMTh6Ii8+Cjwvc3ZnPgo=) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 7px;
    margin: 0 5px 0 0;
    width: 10px
}

.tag.product-tag.product-tag--crazydays > span:before {
    background: transparent url(https://cdn.motocard.com/assets/images/tags/crazy-1.png) no-repeat 0 0;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    width: 12px
}

.tag.product-tag.product-tag--bestprice > span:before {
    background: transparent url(https://cdn.motocard.com/assets/images/tags/euro-2.png) no-repeat 0 0;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 11px;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    width: 11px
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.product-buy-panel.mobile .tag.product-tag {
    display: block;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 8px
}

.product-tags {
    display: flex;
    flex-wrap: wrap
}

.tag.product-tag {
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-bottom: 1px;
    margin-right: 1px;
    padding: 3px 8px;
    text-transform: uppercase
}

.tag.product-tag.product-tag--old {
    color: #fff
}

@media only screen and (max-width: 600px) {
    .tag.product-tag {
        font-size: 9px;
        padding: 2px 8px
    }
}

.tag.product-tag.product-tag--new {
    background-color: #e68931
}

.tag.product-tag.product-tag--crazydays, .tag.product-tag.product-tag--offer, .tag.product-tag.product-tag--sales {
    background-color: #d6001c
}

.tag.product-tag.product-tag--child {
    background-color: #25b6a4
}

.tag.product-tag.product-tag--women {
    background-color: #b30d75
}

.tag.product-tag.product-tag--outlet, .tag.product-tag.product-tag--pre-order {
    background-color: #d6001c
}

.tag.product-tag.product-tag--blackfriday, .tag.product-tag.product-tag--cybermonday, .tag.product-tag.product-tag--preblackfriday {
    background-color: #000
}

.tag.product-tag.product-tag--blackfriday > span:before, .tag.product-tag.product-tag--cybermonday > span:before, .tag.product-tag.product-tag--preblackfriday > span:before {
    border-radius: 200px;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 5px -1px 0;
    width: 8px
}

.tag.product-tag.product-tag--preblackfriday {
    background-image: linear-gradient(125deg, #000 25%, #393334 0, #393334 50%, #000 0, #000 75%, #393334 0, #393334);
    background-size: 7.32px 10.46px
}

@media only screen and (max-width: 600px) {
    .tag.product-tag.product-tag--preblackfriday {
        font-size: 8px;
        height: 12px;
        line-height: 12px;
        padding: 2px 10px
    }
}

@media (max-width: 374px) {
    .tag.product-tag.product-tag--preblackfriday {
        font-size: 7px;
        padding: 2px 6px
    }

    .tag.product-tag.product-tag--preblackfriday > span:before {
        display: inline-block;
        height: 6px;
        width: 6px
    }
}

.tag.product-tag.product-tag--preblackfriday > span {
    color: #fdecee
}

.tag.product-tag.product-tag--preblackfriday > span:before {
    background-color: #ec2742
}

.tag.product-tag.product-tag--blackfriday > span {
    color: #fdecee;
    text-shadow: 0 0 6px #f0566b
}

.tag.product-tag.product-tag--blackfriday > span:before {
    background-color: #ec2742
}

.tag.product-tag.product-tag--cybermonday {
    background-image: radial-gradient(50% 50% at 0 0, #0a2e38 50%, #000 100%)
}

.tag.product-tag.product-tag--cybermonday > span {
    color: #dbf6ff;
    text-shadow: 0 0 8px #4bb0d1
}

.tag.product-tag.product-tag--cybermonday > span:before {
    background-color: #27ccec
}

.tag.product-tag.product-tag--flashoffer {
    background-color: #eb5252
}

.tag.product-tag.product-tag--flashoffer > span:before {
    content: "⚡️"
}

.tag.product-tag.product-tag--daysoffer {
    background-image: linear-gradient(125deg, #d6001e 25%, #d95364 0, #d95364 50%, #d6001e 0, #d6001e 75%, #d95364 0, #d95364);
    background-size: 7.32px 10.46px
}

.tag.product-tag.product-tag--daysoffer > span:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI3Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05Ljg1OC4zMzhsLjEzMy0uMjM0YS4wNzMuMDczIDAgMCAwIDAtLjA3QS4wNjQuMDY0IDAgMCAwIDkuOTM3IDBINy4xNGEuMDYzLjA2MyAwIDAgMC0uMDQ2LjAyTDUuNDEyIDEuODQzbC0uMDI5LS4wMjRMNi4zMi4xMDNhLjA3My4wNzMgMCAwIDAgMC0uMDY4QS4wNjMuMDYzIDAgMCAwIDYuMjYzIDBILjQwM2EuMDY0LjA2NCAwIDAgMC0uMDU1LjAzM0wuMTUuMzlhLjA3My4wNzMgMCAwIDAtLjAwNi4wNTQuMDY3LjA2NyAwIDAgMCAuMDMzLjA0M2wyLjU2NyAxLjM3LjAxLjAwN0wuMDEgNi44OTdhLjA3Mi4wNzIgMCAwIDAgMCAuMDY5QS4wNjMuMDYzIDAgMCAwIC4wNjUgN2gyLjQ2YS4wNjQuMDY0IDAgMCAwIC4wNTYtLjAzNGwxLjQ1NS0yLjY2OS4wMS0uMDE4LjIyMy40MDRhLjA2NC4wNjQgMCAwIDAgLjA1NS4wMzQuMDYuMDYgMCAwIDAgLjAyOC0uMDA3bC44My0uNDI2LjAzMi4wMzUtMS4zOTggMi41NzhhLjA3Mi4wNzIgMCAwIDAgMCAuMDY5LjA2NC4wNjQgMCAwIDAgLjA1Ni4wMzRoMi4zMjZhLjA2NC4wNjQgMCAwIDAgLjA1Ni0uMDM0TDkuODUxLjM1NmEuMDY4LjA2OCAwIDAgMCAuMDA3LS4wMTh6Ii8+Cjwvc3ZnPgo=) no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 7px;
    margin: 0 5px 0 0;
    width: 10px
}

.tag.product-tag.custom-tag-icon:before {
    background-image: var(--customIcon);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    height: 12px;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    width: 12px
}

[data-v-6ae6488e]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-6ae6488e] {
    max-width: 100%
}

.tooltip[data-v-6ae6488e] {
    display: inline-block;
    position: relative
}

.tooltip > .tooltip-text[data-v-6ae6488e] {
    --tooltip-arrow-horizontal-position: 50%;
    background-color: #333;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    max-width: 350px;
    min-width: 100px;
    padding: 10px 15px 12px;
    position: absolute;
    text-align: center;
    text-align: left;
/*    visibility: hidden;*/
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    z-index: 200
}

.tooltip > .tooltip-text > div > div[data-v-6ae6488e]:not(:last-child) {
    margin-bottom: 5px
}

.tooltip > .tooltip-text.right[data-v-6ae6488e] {
    left: 105%;
    margin-left: 7px;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
}

.tooltip > .tooltip-text.right[data-v-6ae6488e]:after {
    border: 5px solid transparent;
    border-right-color: #333;
    content: " ";
    margin-top: -5px;
    position: absolute;
    right: 100%;
    top: 50%
}

.tooltip > .tooltip-text.bottom[data-v-6ae6488e] {
    left: 50%;
    margin-top: 5px;
    top: 100%;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.tooltip > .tooltip-text.bottom[data-v-6ae6488e]:after {
    border: 5px solid transparent;
    border-bottom-color: #333;
    bottom: 100%;
    content: " ";
    left: var(--tooltip-arrow-horizontal-position);
    margin-left: -5px;
    position: absolute
}

.tooltip > .tooltip-text.left[data-v-6ae6488e] {
    margin-right: 7px;
    right: 105%;
    top: 50%;
    -webkit-transform: translatey(-50%);
    transform: translatey(-50%)
}

.tooltip > .tooltip-text.left[data-v-6ae6488e]:after {
    border: 5px solid transparent;
    border-left-color: #333;
    content: " ";
    left: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%
}

.tooltip > .tooltip-text.top[data-v-6ae6488e] {
    bottom: 150%;
    left: 50%;
    margin-bottom: 5px;
    -webkit-transform: translatex(-50%);
    transform: translatex(-50%)
}

.tooltip > .tooltip-text.top[data-v-6ae6488e]:after {
    border: 5px solid transparent;
    border-top-color: #333;
    content: " ";
    left: var(--tooltip-arrow-horizontal-position);
    margin-left: -5px;
    position: absolute;
    top: 100%
}

.tooltip .show[data-v-6ae6488e] {
    visibility: visible
}

[data-v-76e57d24]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-76e57d24] {
    max-width: 100%
}

.product__discount-code[data-v-76e57d24] {
    background-color: #ebebeb;
    border-bottom: 1px dashed #ccc;
    border-top: 1px dashed #ccc;
    font-size: 11px;
    font-weight: 600;
    margin: 15px -30px;
    padding: 10px 0;
    text-transform: uppercase
}

.product__discount-code[data-v-76e57d24] strong {
    color: #d6001c;
    font-weight: 600
}

.product__discount-code[data-v-76e57d24] + .price-bottom__checks {
    border: 0;
    margin-top: 20px
}

.mobile[data-v-76e57d24] {
    font-size: 10px;
    margin: 15px 0 0;
    padding: 5px 0;
    text-align: center
}

[data-v-78275474]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-78275474] {
    max-width: 100%
}

.financing[data-v-78275474] {
    align-items: center;
    border-top: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    margin: 10px 0 -15px;
    padding-top: 15px
}

@media only screen and (max-width: 600px) {
    .financing[data-v-78275474] {
        margin-bottom: 0;
        margin-top: 0;
        padding: 0 10px 10px
    }
}

.financing p[data-v-78275474] {
    font-size: 12px;
    letter-spacing: -.4px;
    line-height: 13px;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .financing p[data-v-78275474] {
        font-size: 12px
    }
}

.financing p strong[data-v-78275474] {
    display: block;
    font-weight: 600;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .financing p strong[data-v-78275474] {
        padding-bottom: 4px
    }
}

.financing p[data-v-78275474] span strong {
    font-weight: 600
}

.financing .financing__description[data-v-78275474] {
    font-size: 11px;
    text-align: left
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .financing .financing__description[data-v-78275474] {
        flex-shrink: 1
    }
}

.financing .financing__description[data-v-78275474] span strong {
    font-size: 13px;
    font-weight: 700
}

.financing .financing__logos[data-v-78275474] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: flex-end
}

.financing .financing__logos[data-v-78275474] img {
    height: 20px;
    max-width: 60px;
    width: auto
}

@media only screen and (max-width: 600px) {
    .financing .financing__logos[data-v-78275474] img {
        max-width: 60px
    }
}

.financing .financing__logos[data-v-78275474]:has(img:nth-child(4)) img {
    max-width: 55px
}

@media only screen and (max-width: 600px) {
    .financing .financing__logos[data-v-78275474]:has(img:nth-child(4)) img {
        max-width: 50px
    }
}

.financing-block[data-v-78275474] {
    align-items: center;
    border-bottom: 1px solid #d8d8d8;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 50%;
    justify-content: space-between;
    padding: 8px 0
}

.financing-block[data-v-78275474]:last-child {
    border-bottom: 0
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.free-shipping {
    align-items: center;
    display: flex;
    font-size: 11px;
    justify-content: center
}

@media only screen and (min-width: 601px) {
    .free-shipping {
        font-weight: 700;
        text-transform: uppercase
    }

    .free-shipping svg use {
        stroke: #41a334 !important
    }
}

.free-shipping svg {
    margin-right: 3px
}

.free-shipping svg use {
    stroke: #41a334;
    stroke-width: 1.4
}

[data-v-20b74bf9]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-20b74bf9] {
    max-width: 100%
}

.tooltip[data-v-20b74bf9] {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    margin: 10px 0 0;
    padding: 20px 20px 20px 45px;
    position: relative;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tooltip[data-v-20b74bf9] {
        font-size: 10px;
        line-height: 11px;
        padding: 12px 12px 12px 45px
    }
}

@media screen and (max-height: 667px)and (max-width: 375px) {
    .tooltip[data-v-20b74bf9] {
        margin-top: 0
    }
}

.tooltip svg[data-v-20b74bf9] {
    left: 18px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.tooltip use[data-v-20b74bf9] {
    stroke: #856404;
    stroke-width: 1
}

.tooltip.tooltip--attention[data-v-20b74bf9] {
    -webkit-animation: tooltip-attention-20b74bf9 1s 3;
    animation: tooltip-attention-20b74bf9 1s 3
}

.tooltip.tooltip--warning[data-v-20b74bf9] {
    background-color: #fff3cd;
    color: #856404
}

.product-sizes__header[data-v-20b74bf9] {
    align-items: stretch;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.product-sizes__header h2[data-v-20b74bf9] {
    font-size: 11px;
    line-height: 14px;
    margin: 10px 0;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .product-sizes__header h2[data-v-20b74bf9] {
        margin: 0
    }
}

.product-sizes[data-v-20b74bf9] {
    padding: 0
}

.product-sizes select[data-v-20b74bf9] {
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center;
    width: 100%
}

.product-sizes select.selected[data-v-20b74bf9] {
    box-shadow: 0 0 6px 1px rgba(65, 163, 52, .8)
}

.product-sizes .unavailable[data-v-20b74bf9] {
    opacity: .2
}

.product-sizes .unavailable input[type=radio]:disabled:not(:checked) + label[data-v-20b74bf9] {
    cursor: default
}

.product-sizes .sizes-form[data-v-20b74bf9] {
    margin-bottom: 8px
}

.product-sizes .sizes-form[data-v-20b74bf9]:after {
    content: "";
    flex: auto
}

.product-sizes h4[data-v-20b74bf9] {
    font-size: 11px;
    line-height: 14px;
    margin-bottom: 12px;
    text-transform: uppercase
}

@-webkit-keyframes tooltip-attention-20b74bf9 {
    0% {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, .4)
    }
    70% {
        box-shadow: inset 0 0 0 10px rgba(255, 174, 2, 0)
    }
    to {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, 0)
    }
}

@keyframes tooltip-attention-20b74bf9 {
    0% {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, .4)
    }
    70% {
        box-shadow: inset 0 0 0 10px rgba(255, 174, 2, 0)
    }
    to {
        box-shadow: inset 0 0 0 0 rgba(255, 174, 2, 0)
    }
}

[data-v-20b74bf9]:root {
    --vs-dropdown-color: red
}

[data-v-55f123cc]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-55f123cc] {
    max-width: 100%
}

.size_guide_button[data-v-55f123cc] {
    align-items: center;
    background-color: #e7e7e7;
    color: #000;
    display: flex;
    font-size: 11px;
    gap: 5px;
    justify-content: center;
    line-height: 14px;
    padding: 10px 12px !important;
    text-transform: uppercase;
    white-space: nowrap
}

.size_guide_button[data-v-55f123cc]:hover {
    background-color: #cecece
}

.size_guide_button[data-v-55f123cc]:active, .size_guide_button[data-v-55f123cc]:disabled {
    background-color: #9b9b9b
}

.size_guide_button[data-v-55f123cc] span {
    align-items: center;
    display: flex;
    gap: 5px
}

.sizes-modal[data-v-55f123cc] {
    align-items: center;
    background: hsla(0, 0%, 100%, .8);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 10000
}

.sizes-modal *[data-v-55f123cc] {
    box-sizing: border-box
}

.sizes-modal.first-step[data-v-55f123cc] .modal {
    max-height: 90%;
    max-width: 70%
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal.first-step[data-v-55f123cc] .modal {
        max-width: 90%
    }
}

.sizes-modal[data-v-55f123cc] .modal {
    max-width: 90%
}

.sizes-modal[data-v-55f123cc] .modal-header {
    background-color: #fff;
    margin-bottom: 15px
}

@media only screen and (max-width: 992px) {
    .sizes-modal[data-v-55f123cc] .modal-header {
        padding-bottom: 0
    }
}

.sizes-modal[data-v-55f123cc] .modal-body {
    padding: 0 40px 40px
}

.sizes-modal[data-v-55f123cc] .modal-body.full-width {
    padding-top: 12px
}

.sizes-modal[data-v-55f123cc] .modal-body.full-width .sizes-modal__sizes {
    flex: none
}

.sizes-modal__box[data-v-55f123cc] {
    background-color: #fff;
    box-shadow: 0 108px 80px 0 rgba(0, 0, 0, .07), 0 39px 33px 0 rgba(0, 0, 0, .05), 0 16px 17px 0 rgba(0, 0, 0, .04), 0 4px 10px 0 rgba(0, 0, 0, .04), 0 -2px 5px 0 rgba(0, 0, 0, .03), 0 -6px 2px 0 rgba(0, 0, 0, .02);
    padding: 50px;
    position: relative
}

@media only screen and (max-width: 992px) {
    .sizes-modal__box[data-v-55f123cc] {
        display: flex;
        flex-direction: column;
        height: 100vh;
        height: -webkit-fill-available;
        overflow-y: auto;
        padding: 40px 25px
    }
}

.sizes-modal__header[data-v-55f123cc] {
    align-items: center;
    display: flex;
    gap: 12px;
    padding-bottom: 24px
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header[data-v-55f123cc] {
        flex-wrap: wrap;
        justify-content: space-between
    }
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal__header[data-v-55f123cc] {
        flex-wrap: wrap
    }
}

.sizes-modal__header[data-v-55f123cc] img {
    flex: 0 0 78px;
    height: auto;
    mix-blend-mode: multiply;
    width: 78px
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header[data-v-55f123cc] img {
        flex: 0 0 60px;
        width: 60px
    }
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal__header[data-v-55f123cc] img {
        flex: 0 0 50px;
        width: 50px
    }
}

.sizes-modal__header .sizes-modal__product[data-v-55f123cc] {
    align-items: center;
    display: flex;
    flex: 0 1 auto
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal__header .sizes-modal__product[data-v-55f123cc] {
        flex: 0 0 100%
    }
}

.sizes-modal__header .sizes-modal__product-name[data-v-55f123cc] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header .sizes-modal__product-name[data-v-55f123cc] {
        flex: 0 0 calc(100% - 60px)
    }
}

.sizes-modal__header .sizes-modal__product-name h4[data-v-55f123cc], .sizes-modal__header .sizes-modal__product-name p[data-v-55f123cc] {
    margin: 0;
    text-transform: uppercase
}

.sizes-modal__header .sizes-modal__product-name h4[data-v-55f123cc] {
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 6px
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header .sizes-modal__product-name h4[data-v-55f123cc] {
        font-size: 22px
    }
}

.sizes-modal__header .sizes-modal__product-name p[data-v-55f123cc] {
    font-size: 15px;
    font-weight: 600
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header .sizes-modal__product-name p[data-v-55f123cc] {
        line-height: 1.1
    }
}

.sizes-modal__header .sizes-modal__type[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit[data-v-55f123cc] {
    flex: 1 0 auto;
    margin-left: auto;
    text-align: center
}

@media only screen and (max-width: 992px) {
    .sizes-modal__header .sizes-modal__type[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit[data-v-55f123cc] {
        margin-left: 0
    }
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal__header .sizes-modal__type[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit[data-v-55f123cc] {
        align-items: center;
        display: flex;
        gap: 4px
    }

    .sizes-modal__header .sizes-modal__type label[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit label[data-v-55f123cc] {
        margin: 0
    }
}

.sizes-modal__header .sizes-modal__type label[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit label[data-v-55f123cc] {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase
}

.sizes-modal__header .sizes-modal__type .button-group[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit .button-group[data-v-55f123cc] {
    display: flex;
    justify-content: center
}

.sizes-modal__header .sizes-modal__type button[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit button[data-v-55f123cc] {
    border: 1px solid #000;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 18px;
    text-transform: uppercase
}

.sizes-modal__header .sizes-modal__type button.active[data-v-55f123cc], .sizes-modal__header .sizes-modal__unit button.active[data-v-55f123cc] {
    background-color: #000;
    color: #fff
}

.sizes-modal__header .sizes-modal__type button[data-v-55f123cc]:first-child, .sizes-modal__header .sizes-modal__unit button[data-v-55f123cc]:first-child {
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px
}

.sizes-modal__header .sizes-modal__type button[data-v-55f123cc]:last-child, .sizes-modal__header .sizes-modal__unit button[data-v-55f123cc]:last-child {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.sizes-modal__header .sizes-modal__type button[data-v-55f123cc]:nth-child(2):not(:last-child), .sizes-modal__header .sizes-modal__unit button[data-v-55f123cc]:nth-child(2):not(:last-child) {
    border-left: 0;
    border-right: 0
}

.sizes-modal__tabs[data-v-55f123cc] {
    display: flex;
    justify-content: center;
    position: relative
}

.sizes-modal__tabs[data-v-55f123cc]:after {
    background-color: #d3d3d3;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: calc(50% - 1px);
    width: 100%
}

.sizes-modal__tabs button[data-v-55f123cc] {
    background-color: #fff;
    color: #9c9c9c;
    font-size: 11px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.sizes-modal__tabs button.active[data-v-55f123cc] {
    color: #000
}

.sizes-modal__content[data-v-55f123cc] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    overflow-x: auto
}

@media only screen and (max-width: 992px) {
    .sizes-modal__content[data-v-55f123cc] {
        align-items: flex-start;
        flex: 2;
        flex-direction: column;
        justify-content: center;
        overflow-x: auto;
        position: relative;
        width: 100%
    }
}

@media only screen and (min-width: 600px)and (max-width: 1024px)and (orientation: landscape) {
    .sizes-modal__content[data-v-55f123cc] {
        align-items: flex-start
    }
}

.sizes-modal__sizes[data-v-55f123cc] {
    align-items: flex-end;
    display: flex;
    flex: 0 0 60%;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center
}

@media only screen and (max-width: 992px) {
    .sizes-modal__sizes[data-v-55f123cc] {
        flex: 0 0 100%;
        margin-bottom: 12px;
        width: 100%
    }

    .sizes-modal__graph[data-v-55f123cc] {
        align-self: center
    }
}

.sizes-modal__graph > span[data-v-55f123cc] {
    display: flex;
    justify-content: flex-end
}

@media only screen and (max-width: 992px) {
    .sizes-modal__graph > span[data-v-55f123cc] {
        justify-content: center
    }
}

.sizes-modal__graph[data-v-55f123cc] .cdn-img {
    display: block;
    max-width: 82%;
    width: 100%
}

.sizes-modal__actions[data-v-55f123cc] {
    display: flex;
    justify-content: center;
    margin-top: 28px
}

.sizes-modal__actions[data-v-55f123cc] :first-child {
    margin-right: 16px
}

@media only screen and (max-width: 992px) {
    .sizes-modal__actions[data-v-55f123cc] {
        margin-top: 12px
    }
}

[data-v-fb018caa]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-fb018caa] {
    max-width: 100%
}

.default-selector-container[data-v-fb018caa] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    flex-flow: row wrap
}

.radio[data-v-fb018caa] {
    flex: 0 1 19%;
    height: 40px;
    margin: .5% 1% .5% 0;
    position: relative
}

.radio.with-arrow[data-v-fb018caa]:after, .radio.with-arrow[data-v-fb018caa]:before {
    border: solid transparent;
    bottom: -10%;
    content: " ";
    height: 0;
    left: 50%;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 6
}

.radio.with-arrow[data-v-fb018caa]:after {
    border-color: rgba(255, 174, 2, 0) rgba(255, 174, 2, 0) #ffae02;
    border-width: 6px;
    margin-left: -6px;
    z-index: 550
}

.radio.with-arrow[data-v-fb018caa]:before {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
    border-width: 7px;
    margin-left: -7px
}

.radio.unique[data-v-fb018caa] {
    flex: 0 0 170px
}

.radio.unique input:checked + label[data-v-fb018caa] {
    box-sizing: border-box;
    padding: 0 20px;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%
}

.radio.paack-2h-container input[type=radio]:not(:checked) + label[data-v-fb018caa]:after, .radio.paack-2h-container input[type=radio]:not(:checked) + label[data-v-fb018caa]:before {
    background: rgba(0, 168, 214, .15);
    border-color: #00a8d6;
    box-shadow: inset 0 0 0 1px #00a8d6
}

.radio .paack-2h-label[data-v-fb018caa] {
    background-color: #00a8d6;
    color: #fff;
    font-size: 7px;
    font-weight: 800;
    padding: 2px 5px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.radio input[type=radio][data-v-fb018caa]:checked, .radio input[type=radio][data-v-fb018caa]:not(:checked) {
    left: -9999px;
    position: absolute
}

.radio input[type=radio]:checked + label[data-v-fb018caa], .radio input[type=radio]:not(:checked) + label[data-v-fb018caa] {
    color: #000;
    cursor: pointer;
    display: block;
    font-weight: 500;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.radio input[type=radio]:checked + label[data-v-fb018caa]:before, .radio input[type=radio]:not(:checked) + label[data-v-fb018caa]:before {
    background: transparent;
    border: 1px solid #000;
    border-radius: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.radio input[type=radio]:checked + label[data-v-fb018caa]:after, .radio input[type=radio]:not(:checked) + label[data-v-fb018caa]:after {
    background: #41a334;
    border: 1px solid #41a334;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all .2s ease;
    width: 100%;
    z-index: -1
}

.radio input[type=radio]:not(:checked) + label[data-v-fb018caa]:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.radio input[type=radio]:checked + label[data-v-fb018caa] {
    color: #fff;
    font-weight: 600
}

.radio input[type=radio]:checked + label[data-v-fb018caa]:before {
    opacity: 0
}

.radio input[type=radio]:checked + label[data-v-fb018caa]:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.radio input[type=radio].oosk + label[data-v-fb018caa]:before {
    background-color: hsla(0, 0%, 72%, .1);
    border-color: #ccc;
    box-shadow: inset 0 0 0 1px #eee
}

.radio input[type=radio].oosk + label .oosk__badge[data-v-fb018caa] {
    background: #ccc url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjIiPjxwYXRoIGQ9Ik0yLjIgMWg5LjZjLjY2IDAgMS4yLjU2MyAxLjIgMS4yNXY3LjVjMCAuNjg4LS41NCAxLjI1LTEuMiAxLjI1SDIuMkMxLjU0IDExIDEgMTAuNDM3IDEgOS43NXYtNy41QzEgMS41NjIgMS41NCAxIDIuMiAxWiIvPjxwYXRoIGQ9Ik0xMyAyLjI1IDcgNi42MjUgMSAyLjI1Ii8+PC9nPjwvc3ZnPg==") 50% no-repeat;
    display: block;
    height: 20px;
    position: absolute;
    right: -2px;
    top: 0;
    transition: all .2s ease;
    width: 25px
}

.radio input[type=radio]:checked.oosk + label[data-v-fb018caa] {
    color: #fff !important
}

.radio input[type=radio]:checked.oosk + label[data-v-fb018caa]:after {
    background-color: #ffae02 !important;
    border-color: #ffae02 !important;
    z-index: -1
}

.radio input[type=radio]:checked.oosk + label .oosk__badge[data-v-fb018caa] {
    background-color: #ffae02
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.similar-products a img {
    display: block;
    width: 100px
}

@media only screen and (max-width: 600px) {
    .similar-products a img {
        max-height: 60px;
        max-width: 60px
    }
}

[data-v-645f469e]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-645f469e] {
    max-width: 100%
}

.size-oosk[data-v-645f469e] {
    background: #fff;
    border-top: 3px solid #ffae02;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1), 0 0 35px 0 rgba(0, 0, 0, .15);
    left: 0;
    padding: 25px;
    position: relative;
    right: 0;
    top: 105%;
    z-index: 5
}

@media only screen and (max-width: 600px) {
    .size-oosk[data-v-645f469e] {
        bottom: 0;
        left: 0;
        padding: 15px;
        position: fixed;
        right: 0;
        top: auto !important;
        z-index: 550
    }
}

.size-oosk input[type=checkbox] + span[data-v-645f469e]:before {
    margin-top: 0
}

.size-oosk input[type=checkbox].error + span[data-v-645f469e]:before {
    background-color: rgba(255, 174, 2, .2);
    border-color: #ffae02 !important;
    box-shadow: inset 0 0 0 2px rgba(255, 174, 2, .5) !important
}

.size-oosk > div > form > span.h3[data-v-645f469e] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 0;
    padding-left: 35px;
    position: relative;
    text-transform: uppercase
}

.size-oosk > div > form > span.h3 span[data-v-645f469e] {
    color: #ffae02;
    font-weight: 800
}

.size-oosk > div > form > span.h3 svg[data-v-645f469e] {
    left: 0;
    position: absolute;
    top: 55%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.size-oosk > div > form > span.h3 use[data-v-645f469e] {
    stroke: #ffae02;
    stroke-width: 1;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

.size-oosk .oosk__close[data-v-645f469e] {
    background-color: #ffae02;
    height: 30px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    z-index: 100
}

.size-oosk .oosk__close use[data-v-645f469e] {
    stroke: #fff
}

.size-oosk > span.h3[data-v-645f469e] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}

.size-oosk > span.h3 span[data-v-645f469e] {
    color: #ffae02;
    font-weight: 800
}

.size-oosk > span.h3[data-v-645f469e]:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIxIiB2aWV3Qm94PSIwIDAgMjQgMjEiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPjxwYXRoIGQ9Im05LjI5IDEuODYtOC40NyAxNC4xNC0uMDAwMDAwMDguMDAwMDAwMWMtLjU1MjM1MS45NTY1NDctLjIyNDY4NiAyLjE3OTc1LjczMTg2IDIuNzMyMS4yOTc2MTQuMTcxODU1LjYzNDQ5MS4yNjQxMjEuOTc4MTQuMjY3ODk4aDE2LjkzOTk5OTk4LS4wMDAwMDAxYzEuMTA0NS0uMDEyMTM5NyAxLjk5MDA0LS45MTczNTcgMS45NzgwMjM0LTIuMDIxODYtLjAwMzkwMDUtLjM0MzY0OC0uMDk2MTY2Mi0uNjgwNTI2LS4yNjgwMjE0LS45NzgxNGwtOC40Ny0xNC4xMzk5OTk5NnYuMDAwMDAwMDNjLS41NzI4NjEtLjk0NDQwNy0xLjgwMjg1LTEuMjQ1Ni0yLjc0NzI1OTk3LS42NzI3NDQtLjI3NTA5Ny4xNjY4NjktLjUwNTg3NS4zOTc2NDctLjY3Mjc0NC42NzI3NDR6bTEuNzEgNS4xNHY0IiBzdHJva2U9IiNmY2FiMDEiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iMTEiIGN5PSIxNCIgZmlsbD0iI2ZjYWIwMSIgcj0iMSIvPjwvZz48L3N2Zz4=) 50% no-repeat;
    content: "";
    display: inline-block;
    float: left;
    height: 26px;
    margin-right: 10px;
    width: 24px
}

.size-oosk__similar[data-v-645f469e] {
    background-color: #f5f5f5;
    margin: 20px -25px -25px;
    padding: 20px 30px
}

@media (max-height: 568px) {
    .size-oosk__similar[data-v-645f469e] {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .size-oosk__similar[data-v-645f469e] {
        margin: 0 -15px -15px;
        padding: 15px
    }
}

.size-oosk__similar .skeleton[data-v-645f469e] {
    background-color: #fff;
    border-radius: 200px;
    height: 100px;
    width: 100px
}

@media only screen and (max-width: 600px) {
    .size-oosk__similar .skeleton[data-v-645f469e] {
        height: 60px;
        margin: 3px;
        width: 60px
    }
}

.size-oosk__similar span.h3[data-v-645f469e] {
    display: block;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin-bottom: 11px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase
}

.size-oosk__similar .similar-products[data-v-645f469e] {
    display: flex;
    justify-content: space-between;
    position: relative
}

.size-oosk__similar .similar-products .carousel-content--nav[data-v-645f469e] {
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

@media only screen and (max-width: 600px) {
    .size-oosk__similar .similar-products .carousel-content--nav[data-v-645f469e] {
        display: none
    }
}

.size-oosk__similar .similar-products .carousel-content--nav.prev[data-v-645f469e] {
    left: -30px
}

.size-oosk__similar .similar-products .carousel-content--nav.next[data-v-645f469e] {
    right: -30px
}

.size-oosk__similar .similar-products .carousel-content--nav button[data-v-645f469e] {
    background-color: hsla(0, 0%, 96%, .5);
    padding: 10px
}

.size-oosk__similar .similar-products .carousel-content--nav button use[data-v-645f469e] {
    stroke: #000;
    stroke-width: 1.2
}

.size-oosk__similar .similar-products .carousel-content--nav button:hover use[data-v-645f469e] {
    stroke: #d6001c
}

.size-oosk__similar .similar-products .mtc-link[data-v-645f469e], .size-oosk__similar .similar-products a[data-v-645f469e] {
    display: inline-block;
    margin: 3px;
    position: relative
}

.size-oosk__similar .similar-products .mtc-link[data-v-645f469e]:before, .size-oosk__similar .similar-products a[data-v-645f469e]:before {
    background: rgba(0, 0, 0, .04);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.size-oosk__similar .similar-products .swiper-container[data-v-645f469e] {
    margin-left: -30px;
    margin-right: -30px
}

@media only screen and (max-width: 600px) {
    .size-oosk__similar .similar-products .swiper-container[data-v-645f469e] {
        margin-left: -15px;
        margin-right: -15px
    }
}

.size-oosk__similar .similar-products .swiper-container .swiper-slide[data-v-645f469e] {
    width: 100px !important
}

.size-oosk__similar .similar-products .swiper-container .swiper-slide[data-v-645f469e]:first-child {
    margin-left: 15px
}

label span[data-v-645f469e] {
    color: #000;
    font-size: 10px !important;
    font-weight: 500;
    letter-spacing: -.2px;
    line-height: 12px !important
}

@media only screen and (max-width: 600px) {
    label span[data-v-645f469e] {
        font-size: 9px !important;
        line-height: 11px !important
    }
}

label span a[data-v-645f469e] {
    color: #000;
    font-weight: 700
}

.size-oosk__email-form-fields[data-v-645f469e] {
    display: flex
}

.size-oosk__email-form-fields.error .input-field input[data-v-645f469e] {
    background-color: rgba(255, 174, 2, .2);
    border-color: #ffae02 !important;
    box-shadow: inset 0 0 0 2px rgba(255, 174, 2, .5) !important
}

.input-field[data-v-645f469e]:first-child {
    flex: 1 1 70%
}

.input-field[data-v-645f469e]:last-child {
    flex: 1 1 30%
}

.submit[data-v-645f469e], input[type=email][data-v-645f469e] {
    box-shadow: none !important;
    margin: 0 !important;
    width: 100%
}

input[type=email][data-v-645f469e] {
    border: 1px solid #000 !important;
    border-right: 0 !important;
    font-size: 13px !important;
    height: 46px !important;
    padding: 0 10px !important
}

@media only screen and (max-width: 600px) {
    input[type=email][data-v-645f469e] {
        height: 36px !important
    }
}

.submit[data-v-645f469e] {
    background-color: #41a334;
    border: 1px solid #41a334;
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    height: 46px;
    letter-spacing: -.25px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .submit[data-v-645f469e] {
        height: 36px
    }
}

.size-oosk__success[data-v-645f469e] {
    padding: 15px 0;
    text-align: center
}

.size-oosk__success span.h3[data-v-645f469e] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase
}

.size-oosk__success span.h3 span[data-v-645f469e] {
    color: #ffae02;
    font-weight: 800
}

.size-oosk__success p[data-v-645f469e] {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 20px;
    margin-top: 5px
}

.size-oosk__success > img[data-v-645f469e] {
    margin-bottom: 20px;
    -webkit-transform: scale(1.8);
    transform: scale(1.8)
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.buy-button {
    align-self: stretch;
    background-color: #41a334 !important;
    border: 0;
    color: #fff;
    flex: 0 0 75%;
    font-weight: 800;
    overflow: hidden;
    position: relative;
    text-transform: uppercase !important
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .buy-button {
        font-size: 13px
    }
}

@media only screen and (max-width: 600px) {
    .buy-button {
        display: block;
        height: 50px;
        line-height: 50px;
        width: 100%
    }
}

.buy-button > span {
    position: relative;
    z-index: 2
}

.buy-button svg {
    margin-right: 5px;
    vertical-align: -3px
}

@media only screen and (max-width: 600px) {
    .buy-button svg {
        vertical-align: -4px
    }
}

.buy-button svg use {
    stroke: #fff;
    stroke-width: 1.2
}

.buy-button:after {
    background-color: #49b63a;
    content: "";
    height: 100%;
    left: -45%;
    position: absolute;
    top: 0;
    -webkit-transform: skew(50deg);
    transform: skew(50deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    transition: all .2s ease-in-out;
    width: 0;
    z-index: 1
}

.buy-button:hover {
    background-color: transparent;
    border-color: #49b63a;
    color: #fff
}

.buy-button:hover:after {
    height: 100%;
    width: 145%
}

.buy-button .blocked-by-country {
    -webkit-animation: blocked-by-country 1s linear both;
    animation: blocked-by-country 1s linear both;
    background-color: #ffae02;
    bottom: 10%;
    color: #684700;
    display: block;
    display: none;
    font-size: 10px;
    font-weight: 600;
    left: 0;
    padding: 12px 8px;
    position: absolute;
    right: 0
}

.buy-button .blocked-by-country:after {
    border: 10px solid rgba(255, 174, 2, 0);
    border-top-color: #ffae02;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -10px;
    pointer-events: none;
    position: absolute;
    top: 100%;
    width: 0
}

.buy-button.disabled-by-country {
    background-color: #d1d2d1 !important;
    opacity: 1;
    overflow: visible;
    position: relative
}

.buy-button.disabled-by-country:hover .blocked-by-country {
    bottom: 105%;
    display: block
}

.buy-button.disabled-by-country:hover:after {
    height: 0;
    width: 0
}

@-webkit-keyframes blocked-by-country {
    0% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 80);
        transform: matrix(1, 0, 0, 1, 0, 80)
    }
    1.3% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 63.205);
        transform: matrix(1, 0, 0, 1, 0, 63.205)
    }
    2.55% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 48.746);
        transform: matrix(1, 0, 0, 1, 0, 48.746)
    }
    4.1% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 33.577);
        transform: matrix(1, 0, 0, 1, 0, 33.577)
    }
    5.71% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 21.226);
        transform: matrix(1, 0, 0, 1, 0, 21.226)
    }
    8.11% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 8.439);
        transform: matrix(1, 0, 0, 1, 0, 8.439)
    }
    8.81% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 5.824);
        transform: matrix(1, 0, 0, 1, 0, 5.824)
    }
    11.96% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1.287);
        transform: matrix(1, 0, 0, 1, 0, -1.287)
    }
    12.11% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1.475);
        transform: matrix(1, 0, 0, 1, 0, -1.475)
    }
    15.07% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -3.376);
        transform: matrix(1, 0, 0, 1, 0, -3.376)
    }
    16.12% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -3.468);
        transform: matrix(1, 0, 0, 1, 0, -3.468)
    }
    27.23% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.627);
        transform: matrix(1, 0, 0, 1, 0, -.627)
    }
    27.58% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.565);
        transform: matrix(1, 0, 0, 1, 0, -.565)
    }
    38.34% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .083);
        transform: matrix(1, 0, 0, 1, 0, .083)
    }
    40.09% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .078);
        transform: matrix(1, 0, 0, 1, 0, .078)
    }
    50% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .013);
        transform: matrix(1, 0, 0, 1, 0, .013)
    }
    60.56% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.002);
        transform: matrix(1, 0, 0, 1, 0, -.002)
    }
    82.78% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes blocked-by-country {
    0% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 80);
        transform: matrix(1, 0, 0, 1, 0, 80)
    }
    1.3% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 63.205);
        transform: matrix(1, 0, 0, 1, 0, 63.205)
    }
    2.55% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 48.746);
        transform: matrix(1, 0, 0, 1, 0, 48.746)
    }
    4.1% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 33.577);
        transform: matrix(1, 0, 0, 1, 0, 33.577)
    }
    5.71% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 21.226);
        transform: matrix(1, 0, 0, 1, 0, 21.226)
    }
    8.11% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 8.439);
        transform: matrix(1, 0, 0, 1, 0, 8.439)
    }
    8.81% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 5.824);
        transform: matrix(1, 0, 0, 1, 0, 5.824)
    }
    11.96% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1.287);
        transform: matrix(1, 0, 0, 1, 0, -1.287)
    }
    12.11% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -1.475);
        transform: matrix(1, 0, 0, 1, 0, -1.475)
    }
    15.07% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -3.376);
        transform: matrix(1, 0, 0, 1, 0, -3.376)
    }
    16.12% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -3.468);
        transform: matrix(1, 0, 0, 1, 0, -3.468)
    }
    27.23% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.627);
        transform: matrix(1, 0, 0, 1, 0, -.627)
    }
    27.58% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.565);
        transform: matrix(1, 0, 0, 1, 0, -.565)
    }
    38.34% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .083);
        transform: matrix(1, 0, 0, 1, 0, .083)
    }
    40.09% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .078);
        transform: matrix(1, 0, 0, 1, 0, .078)
    }
    50% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, .013);
        transform: matrix(1, 0, 0, 1, 0, .013)
    }
    60.56% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, -.002);
        transform: matrix(1, 0, 0, 1, 0, -.002)
    }
    82.78% {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.product-buy-panel__hidden-image .cdn-img {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    z-index: 100
}

[data-v-cbd86054]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-cbd86054] {
    max-width: 100%
}

.product-buy-panel__hidden-image[data-v-cbd86054] {
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
    box-sizing: border-box;
    display: none;
    height: 80px;
    left: 50%;
    line-height: 100%;
    margin-left: -40px;
    opacity: .8;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 80px;
    z-index: 99999
}

.product-buy-panel__hidden-image .cdn-img[data-v-cbd86054] {
    border-radius: 50%;
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    z-index: 100
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.item {
    position: relative
}

.item:hover .add-to-favs {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (max-width: 600px) {
    .item .add-to-favs {
        right: 5px !important;
        top: 5px !important;
        -webkit-transform: scale(.8) !important;
        transform: scale(.8) !important
    }
}

.add-to-favs__product-page .add-to-favs, .add-to-favs__product-sticky .add-to-favs {
    opacity: 1 !important;
    position: static !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important
}

.add-to-favs__product-page {
    background-color: #f5f5f5;
    flex: 0 0 25%
}

.add-to-favs__product-page, .add-to-favs__product-sticky {
    align-items: center;
    align-self: stretch;
    display: flex;
    justify-content: center
}

.add-to-favs__product-sticky {
    flex: 0 0 7%
}

.products-list + .add-to-favs__product-mobile {
    top: calc(60% - 90px)
}

@media only screen and (min-width: 601px) {
    .add-to-favs__product-mobile {
        display: none
    }
}

@media only screen and (max-width: 600px) {
    .add-to-favs__product-mobile {
        background-color: #f5f5f5;
        display: block;
        height: 34px;
        padding: 0;
        position: absolute;
        right: 0;
        top: calc(100% + 10px);
        width: 34px;
        z-index: 3
    }

    .add-to-favs__product-mobile svg {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .add-to-favs__product-mobile svg use {
        stroke: #000
    }

    .add-to-favs__product-mobile .active svg use, .add-to-favs__product-mobile .wished svg use {
        fill: #d6001c;
        stroke: #d6001c
    }

    .add-to-favs__product-mobile .add-to-favs {
        left: 2px !important;
        right: auto !important;
        top: 5px !important
    }
}

[data-v-1daaf0fa]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-1daaf0fa] {
    max-width: 100%
}

.add-to-favs[data-v-1daaf0fa] {
    background-color: transparent;
    height: 24px;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 15px;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    transition: all .2s ease;
    width: 29px
}

.add-to-favs.is-toucheable[data-v-1daaf0fa] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

@media only screen and (max-width: 600px) {
    .add-to-favs[data-v-1daaf0fa] {
        right: 1px;
        top: 7px
    }
}

.add-to-favs.wished[data-v-1daaf0fa] {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.add-to-favs.wished svg use[data-v-1daaf0fa] {
    fill: #d6001c;
    stroke: #d6001c
}

.add-to-favs svg[data-v-1daaf0fa] {
    height: 24px;
    transition: all .2s ease;
    width: 29px
}

.add-to-favs svg use[data-v-1daaf0fa] {
    stroke: #bfbfbf
}

@media only screen and (max-width: 600px) {
    .add-to-favs svg use[data-v-1daaf0fa] {
        stroke: #000
    }
}

.add-to-favs:hover svg use[data-v-1daaf0fa] {
    stroke: #d6001c
}

.add-to-favs.active[data-v-1daaf0fa] {
    -webkit-animation: like-anim-1daaf0fa .7s both;
    animation: like-anim-1daaf0fa .7s both;
    opacity: 1
}

.add-to-favs.active svg use[data-v-1daaf0fa] {
    fill: #d6001c;
    stroke: #d6001c
}

@-webkit-keyframes like-anim-1daaf0fa {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes like-anim-1daaf0fa {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .85, 1)
    }
    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }
    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }
    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

[data-v-70bb2686]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-70bb2686] {
    max-width: 100%
}

.product-packs h2[data-v-70bb2686] {
    font-size: 14px
}

@media only screen and (max-width: 600px) {
    .product-packs[data-v-70bb2686] {
        margin-top: 35px
    }
}

@media only screen and (max-width: 992px) {
    .product-packs[data-v-70bb2686] {
        margin-top: 35px
    }
}

.product-packs .show-more-container[data-v-70bb2686] {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: flex-end;
    margin-top: -60px;
    position: relative
}

@media only screen and (max-width: 600px) {
    .product-packs .show-more-container[data-v-70bb2686] {
        margin-bottom: 16px;
        text-align: center
    }
}

@media only screen and (max-width: 992px) {
    .product-packs .show-more-container[data-v-70bb2686] {
        margin-bottom: 16px;
        text-align: center
    }
}

.product-packs .show-more-container[data-v-70bb2686]:after {
    background: #fff;
    background: linear-gradient(0deg, #fff 20%, hsla(0, 0%, 100%, .8) 60%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: "";
    display: block;
    height: 110px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0
}

.product-packs .show-more-container button[data-v-70bb2686] {
    align-items: center;
    color: #d6001c;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    gap: 6px;
    padding: 0 12px;
    position: relative;
    text-transform: uppercase;
    z-index: 1
}

.product-packs .show-more-container button span[data-v-70bb2686]:nth-child(2) {
    display: none
}

.product-packs .show-more-container button svg[data-v-70bb2686] {
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, -webkit-transform .2s ease
}

.product-packs .show-more-container button svg use[data-v-70bb2686] {
    stroke: #d6001c
}

.product-packs__container[data-v-70bb2686] {
    overflow: hidden;
    padding-top: 10px
}

.product-packs__container.expanded[data-v-70bb2686] {
    height: auto !important
}

.product-packs__container.expanded + .show-more-container button span[data-v-70bb2686]:first-child, .product-packs__container.expanded + .show-more-container[data-v-70bb2686]:after {
    display: none
}

.product-packs__container.expanded + .show-more-container button span[data-v-70bb2686]:nth-child(2) {
    display: inline
}

.product-packs__container.expanded + .show-more-container button svg[data-v-70bb2686] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.pack-item[data-v-70bb2686] {
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding: 12px 24px 24px;
    position: relative
}

@media only screen and (max-width: 600px) {
    .pack-item[data-v-70bb2686] {
        margin-bottom: 40px;
        padding: 20px 10px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item[data-v-70bb2686] {
        margin-bottom: 40px;
        padding: 20px 10px
    }
}

.pack-item.hidden[data-v-70bb2686] {
    display: none
}

.pack-item__image-container[data-v-70bb2686] {
    align-items: center;
    display: flex;
    justify-content: center
}

@media only screen and (max-width: 600px) {
    .pack-item__image-container[data-v-70bb2686] {
        margin-bottom: 40px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__image-container[data-v-70bb2686] {
        margin-bottom: 40px
    }
}

.pack-item__image[data-v-70bb2686] {
    align-items: center;
    display: flex
}

.pack-item__image .mtc-link[data-v-70bb2686], .pack-item__image span[data-v-70bb2686] {
    display: block;
    height: 65px;
    position: relative;
    width: 65px
}

@media only screen and (max-width: 600px) {
    .pack-item__image .mtc-link[data-v-70bb2686], .pack-item__image span[data-v-70bb2686] {
        height: 55px;
        width: 55px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__image .mtc-link[data-v-70bb2686], .pack-item__image span[data-v-70bb2686] {
        height: 55px;
        width: 55px
    }
}

.pack-item__image .mtc-link[data-v-70bb2686] img, .pack-item__image span[data-v-70bb2686] img {
    mix-blend-mode: multiply
}

.pack-item__image[data-v-70bb2686]:last-child:after {
    display: none
}

.pack-item__image[data-v-70bb2686]:after {
    color: #d6001c;
    content: "+";
    display: block;
    font-size: 38px;
    font-weight: 200;
    padding: 8px
}

.pack-item__plus[data-v-70bb2686] {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    height: 55px;
    justify-content: center;
    width: 55px
}

.pack-item__description[data-v-70bb2686] {
    align-items: center;
    display: flex;
    margin-bottom: 4px;
    position: relative
}

@media only screen and (max-width: 600px) {
    .pack-item__description[data-v-70bb2686] {
        position: static;
        text-align: center
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description[data-v-70bb2686] {
        position: static;
        text-align: center
    }
}

.pack-item__description[data-v-70bb2686]:before {
    background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22'%3E%3Cpath fill='none' fill-rule='evenodd' stroke='%23d6001c' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11 1 1 6l10 5 10-5zM1 16l10 5 10-5M1 11l10 5 10-5'/%3E%3C/svg%3E") 50% no-repeat;
    border-radius: 200px;
    content: "";
    display: block;
    flex: 0 0 40px;
    height: 40px;
    width: 40px
}

@media only screen and (max-width: 600px) {
    .pack-item__description[data-v-70bb2686]:before {
        background-position: 50%;
        height: 50px;
        left: 50%;
        margin-left: -20px;
        position: absolute;
        top: -20px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: center top;
        transform-origin: center top;
        width: 50px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description[data-v-70bb2686]:before {
        background-position: 50%;
        height: 50px;
        left: 50%;
        margin-left: -20px;
        position: absolute;
        top: -20px;
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: center top;
        transform-origin: center top;
        width: 50px
    }
}

.pack-item__description h4[data-v-70bb2686] {
    font-size: 16px;
    font-weight: 800;
    line-height: .9;
    margin: 0 0 3px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .pack-item__description h4[data-v-70bb2686] {
        font-size: 14px;
        margin-top: 12px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description h4[data-v-70bb2686] {
        font-size: 14px;
        margin-top: 12px
    }
}

.pack-item__description h4 + p[data-v-70bb2686] {
    font-size: 11px;
    font-weight: 600;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .pack-item__description h4 + p[data-v-70bb2686] {
        font-size: 10px
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description h4 + p[data-v-70bb2686] {
        font-size: 10px
    }
}

@media only screen and (max-width: 600px) {
    .pack-item__description[data-v-70bb2686] {
        align-self: center;
        flex: 1 1 60%
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description[data-v-70bb2686] {
        align-self: center;
        flex: 1 1 60%
    }
}

.pack-item__description .pack-item__description-content[data-v-70bb2686] {
    display: flex;
    flex-direction: column;
    padding-left: 15px
}

@media only screen and (max-width: 600px) {
    .pack-item__description .pack-item__description-content[data-v-70bb2686] {
        margin-bottom: 12px;
        padding-left: 0;
        text-align: center !important
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description .pack-item__description-content[data-v-70bb2686] {
        margin-bottom: 12px;
        padding-left: 0;
        text-align: center !important
    }
}

.pack-item__description .pack-item__more-info[data-v-70bb2686] {
    align-items: center;
    background-color: #d6001c;
    color: #fff;
    cursor: pointer;
    display: flex;
    margin-left: auto;
    padding: 12px 18px;
    -webkit-transform: translate(28px, -18px);
    transform: translate(28px, -18px)
}

@media only screen and (max-width: 600px) {
    .pack-item__description .pack-item__more-info[data-v-70bb2686] {
        bottom: -6px;
        left: 50%;
        padding: 10px 14px;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description .pack-item__more-info[data-v-70bb2686] {
        bottom: -6px;
        left: 50%;
        padding: 10px 14px;
        position: absolute;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 2
    }
}

.pack-item__description .pack-item__more-info svg use[data-v-70bb2686] {
    stroke: #fff
}

.pack-item__description .pack-item__more-info .pack-item__savings[data-v-70bb2686] {
    line-height: .9;
    margin: 0 32px 0 0
}

@media only screen and (max-width: 600px) {
    .pack-item__description .pack-item__more-info .pack-item__savings[data-v-70bb2686] {
        text-align: left
    }
}

@media only screen and (max-width: 992px) {
    .pack-item__description .pack-item__more-info .pack-item__savings[data-v-70bb2686] {
        text-align: left
    }
}

.pack-item__description .pack-item__more-info .pack-item__savings strong[data-v-70bb2686] {
    display: block;
    font-size: 16px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap
}

.pack-item__description .pack-item__more-info .pack-item__savings strong span[data-v-70bb2686] {
    color: #fff;
    font-size: 12px
}

.pack-item__description .pack-item__more-info .pack-item__savings small[data-v-70bb2686] {
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -.25px;
    opacity: .75;
    text-transform: uppercase;
    white-space: nowrap
}

.skeleton-pack-item .pack-item__description[data-v-70bb2686] {
    gap: 32px
}

.skeleton-pack-item .pack-item__description[data-v-70bb2686]:before {
    display: none
}

.skeleton-pack-item .pack-item__photos[data-v-70bb2686] {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: center
}

.skeleton-pack-item .skeleton-description[data-v-70bb2686] {
    background-color: #fff;
    border-radius: 6px;
    height: 50px;
    margin: 0 0 16px;
    width: 100%
}

.skeleton-pack-item .skeleton-product[data-v-70bb2686] {
    background-color: #fff;
    border-radius: 6px;
    height: 60px;
    width: 60px
}

.skeleton-pack-item .skeleton-button[data-v-70bb2686] {
    background-color: #fff;
    border-radius: 6px;
    height: 50px;
    width: 160px
}

[data-v-8ea81b0e]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-8ea81b0e] {
    max-width: 100%
}

.description[data-v-8ea81b0e] {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 50px;
    padding-right: 50px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .description[data-v-8ea81b0e] {
        font-size: 14px;
        line-height: 21px;
        padding-right: 0
    }
}

@media only screen and (max-width: 600px) {
    .description[data-v-8ea81b0e] {
        margin: 0 -.375rem;
        padding-right: 0
    }
}

.description[data-v-8ea81b0e] > .description-content h1 {
    font-size: 1.3em;
    font-weight: 800;
    text-transform: uppercase
}

.description[data-v-8ea81b0e] > .description-content h2 {
    font-size: 1.15em;
    font-weight: 800;
    margin: 25px 0 15px
}

.description[data-v-8ea81b0e] > .description-content h3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.8em;
    margin: 25px 0 15px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .description[data-v-8ea81b0e] > .description-content h1 {
        font-size: 1.05em
    }

    .description[data-v-8ea81b0e] > .description-content h2 {
        font-size: 1em
    }

    .description[data-v-8ea81b0e] > .description-content h3 {
        font-size: .95em
    }
}

.description[data-v-8ea81b0e] > .description-content ul {
    padding-left: 0
}

.description[data-v-8ea81b0e] > .description-content ul li {
    margin-bottom: 12px;
    padding-left: 25px;
    position: relative
}

.description[data-v-8ea81b0e] > .description-content ul li:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjExIiB3aWR0aD0iMTUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE0IDFsLTguOTM3IDlMMSA1LjkwOSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAwIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS42Ii8+PC9zdmc+) 0 0 no-repeat;
    background-size: 90% auto;
    content: "";
    display: block;
    height: 11px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 15px
}

.description .empty[data-v-8ea81b0e] {
    font-style: italic
}

.description[data-v-8ea81b0e] .product-query {
    background-color: #f5f5f5;
    color: #000;
    display: block;
    font-weight: 700;
    margin-top: 50px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase
}

.description[data-v-8ea81b0e] .product-query span svg {
    display: inline-block;
    height: 22px;
    margin-right: 5px;
    vertical-align: -6px;
    width: 22px
}

@media only screen and (max-width: 600px) {
    .description[data-v-8ea81b0e] .product-query span svg {
        margin-right: 2px;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

@media only screen and (max-width: 600px) {
    .description[data-v-8ea81b0e] .product-query {
        font-size: 14px;
        line-height: 14px
    }
}

.description .hide-full-description[data-v-8ea81b0e], .description .show-full-description[data-v-8ea81b0e] {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
    text-transform: uppercase
}

.description .hide-full-description svg[data-v-8ea81b0e], .description .show-full-description svg[data-v-8ea81b0e] {
    margin-right: 5px
}

.description .hide-full-description svg use[data-v-8ea81b0e], .description .show-full-description svg use[data-v-8ea81b0e] {
    stroke: #d6001c;
    stroke-width: 1
}

.description .show-full-description[data-v-8ea81b0e] {
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    z-index: 10
}

.description .hide-full-description[data-v-8ea81b0e] {
    margin-top: 20px
}

.description.collapsed[data-v-8ea81b0e] {
    /*
    max-height: 550px;
    */
    overflow: hidden;
    position: relative
}

.description.collapsed[data-v-8ea81b0e]:after {
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, #fff 83%, #fff);
    bottom: 0;
    content: "";
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .description.collapsed[data-v-8ea81b0e] {
        max-height: 350px
    }

    .description.collapsed[data-v-8ea81b0e]:after {
        background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff 55%, #fff);
        height: 55%
    }
}

.description.collapsed .show-full-description[data-v-8ea81b0e] {
    display: block
}

.description.collapsed .hide-full-description[data-v-8ea81b0e] {
    display: none
}

.description.collapsed .show-original-product[data-v-8ea81b0e] {
    display: block
}

.description.expanded[data-v-8ea81b0e] {
    max-height: none !important
}

.description .show-original-product[data-v-8ea81b0e] {
    bottom: 0;
    display: none;
    left: 0;
    position: relative;
    z-index: 10
}

.automatic-translation[data-v-8ea81b0e] {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    font-size: 10px;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 5px 10px
}

.automatic-translation p[data-v-8ea81b0e] {
    font-weight: 500;
    margin: 0;
    text-transform: uppercase
}

.automatic-translation .button.button--small[data-v-8ea81b0e] {
    height: auto;
    line-height: 1;
    padding: 7px 16px
}

[data-v-52e39f5f]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-52e39f5f] {
    max-width: 100%
}

.product-homologations[data-v-52e39f5f] {
    background-color: #f5f5f5;
    border-top: 3px solid #d6001c;
    font-size: 13px;
    line-height: 15px;
    margin-top: 30px;
    padding: 25px 30px 30px
}

.product-homologations h3[data-v-52e39f5f] {
    font-size: 14px;
    font-weight: 900;
    line-height: 25px;
    margin: 0 0 10px !important;
    text-transform: uppercase
}

.product-homologations h3 + div[data-v-52e39f5f] {
    margin-bottom: 20px
}

.product-homologations ul li[data-v-52e39f5f] {
    font-weight: 600;
    padding-left: 20px
}

.product-homologations ul li div[data-v-52e39f5f] {
    font-size: 11px
}

.product-homologations ul li[data-v-52e39f5f]:before {
    top: 3px
}

.product-homologations ul li[data-v-52e39f5f]:last-child {
    margin-bottom: 0
}

[data-v-8653df22]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-8653df22] {
    max-width: 100%
}

@media only screen and (max-width: 600px) {
    .data-sheet[data-v-8653df22] {
        margin-top: 24px
    }
}

table[data-v-8653df22] {
    font-size: 13px;
    margin-bottom: 50px
}

table h3[data-v-8653df22] {
    margin: 0
}

table h3 > strong[data-v-8653df22] {
    font-size: 13px;
    font-weight: 400
}

td[data-v-8653df22], th[data-v-8653df22] {
    padding: 10px
}

.data-sheet__table .data-sheet_detail-key[data-v-8653df22] {
    width: 40%
}

.data-sheet__table .data-sheet_detail-value[data-v-8653df22] {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.data-sheet__table .data-sheet_detail-value.motorbikes[data-v-8653df22] {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start
}

.data-sheet__table .data-sheet_detail-value.motorbikes .product-motorbike-range[data-v-8653df22] {
    white-space: nowrap
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.related {
    position: relative
}

.related .carousel-content--nav {
    padding: 0 30px;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .related .carousel-content--nav {
        display: none
    }
}

.related .carousel-content--nav use {
    fill: #c3c3c3;
    transition: all .25s ease-out
}

.related .carousel-content--nav button {
    background-color: #f5f5f5;
    height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    z-index: 90
}

@media only screen and (max-width: 600px) {
    .related .carousel-content--nav button {
        display: none
    }
}

.related .carousel-content--nav button svg {
    vertical-align: -2px
}

.related .carousel-content--nav button use {
    fill: none;
    stroke: #000;
    stroke-width: 1.2;
    transition: none
}

.related .carousel-content--nav button:hover {
    background-color: #e8e8e8
}

.related .carousel-content--nav button:hover use {
    fill: none
}

.related .carousel-content--nav button:active {
    background-color: #000
}

.related .carousel-content--nav button:active use {
    stroke: #fff;
    fill: none
}

.related .carousel-content--nav.prev button {
    left: 0
}

.related .carousel-content--nav.next button {
    right: 0
}

[data-v-141c49a3]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-141c49a3] {
    max-width: 100%
}

.product-list.margin-top[data-v-141c49a3] {
    margin-top: 50px
}

.product-list .products[data-v-141c49a3] {
    display: flex;
    flex-wrap: wrap
}

.product-list .products.row .swiper-container[data-v-141c49a3] {
    flex-grow: 1
}

.product-list .products.row > .col[data-v-141c49a3] {
    margin-left: 0
}

.product-list .products .item[data-v-141c49a3] {
    background-color: #fff;
    margin-bottom: 5px
}

.product-list .products.has-banner[data-v-141c49a3] {
    display: grid;
    grid-auto-flow: dense;
    grid-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-template-rows:auto
}

.product-list .products.has-banner .col.banner[data-v-141c49a3] {
    height: calc(100% - 15px)
}

.product-list .products.has-banner .col.banner.banner--1x1[data-v-141c49a3] {
    align-self: stretch;
    grid-column: span 1;
    grid-row: 1;
    min-height: 376px
}

.product-list .products.has-banner .col.banner.banner--2x1[data-v-141c49a3] {
    align-self: stretch;
    grid-column: span 2;
    grid-row: 1;
    min-height: 376px
}

.product-list .products.has-banner .col.banner.banner--2x2[data-v-141c49a3] {
    align-self: stretch;
    grid-column: span 2;
    grid-row: span 2;
    min-height: 767px
}

.product-list .products.has-banner.banner--right .col.banner--1x1[data-v-141c49a3] {
    grid-column: 5/span 1
}

.product-list .products.has-banner.banner--right .col.banner--2x1[data-v-141c49a3], .product-list .products.has-banner.banner--right .col.banner--2x2[data-v-141c49a3] {
    grid-column: 4/span 2
}

@media only screen and (max-width: 992px) {
    .product-list .products.has-banner[data-v-141c49a3] .banner--2x1, .product-list .products.has-banner[data-v-141c49a3] .banner--2x2 {
        display: block !important
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .product-list .products.has-banner[data-v-141c49a3] {
        grid-template-columns:1fr 1fr 1fr;
        margin-top: 15px
    }

    .product-list .products.has-banner.banner--right .col.banner.banner--1x1[data-v-141c49a3] {
        grid-column: 3/span 1
    }

    .product-list .products.has-banner.banner--right .col.banner.banner--2x1[data-v-141c49a3], .product-list .products.has-banner.banner--right .col.banner.banner--2x2[data-v-141c49a3] {
        grid-column: 2/span 2
    }
}

@media only screen and (max-width: 600px) {
    .product-list .products.has-banner[data-v-141c49a3] {
        grid-template-columns:1fr 1fr
    }

    .product-list .products.has-banner.banner--right .col.banner.banner--1x1[data-v-141c49a3], .product-list .products.has-banner.banner--right .col.banner.banner--2x1[data-v-141c49a3], .product-list .products.has-banner.banner--right .col.banner.banner--2x2[data-v-141c49a3] {
        grid-column: 2/span 1
    }
}

.product-list .products.has-banner > .col[data-v-141c49a3] {
    justify-self: stretch;
    width: 100% !important
}

.product-list .product-list__title[data-v-141c49a3] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product-list .product-list__title h2[data-v-141c49a3] {
    margin-bottom: 0
}

.product-list .product-list__title .button--primary svg[data-v-141c49a3] {
    display: inline-block;
    margin-left: 5px;
    vertical-align: -2px
}

.product-list .product-list__title .button--primary svg use[data-v-141c49a3] {
    stroke: #fff;
    stroke-width: 1
}

.product-list .product-list__title .skeleton-title[data-v-141c49a3] {
    background-color: #f4f4f4;
    height: 24px;
    width: 500px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .home-products-list .product-list .products.has-banner .col.banner--1x1[data-v-141c49a3] {
        grid-column: 2/span 1
    }

    .home-products-list .product-list .products.has-banner .col.banner--2x1[data-v-141c49a3], .home-products-list .product-list .products.has-banner .col.banner--2x2[data-v-141c49a3] {
        grid-column: 1/span 2
    }

    .home-products-list .product-list .products.has-banner.banner--right .col.banner.banner--2x1[data-v-141c49a3] {
        grid-column: 2/span 2;
        grid-row: 2
    }
}

@media only screen and (max-width: 600px) {
    .home-products-list .product-list .products.has-banner .col.banner.banner--2x1[data-v-141c49a3] {
        grid-column: 1/span 2
    }

    .home-products-list .product-list .products.has-banner.banner--right .col.banner.banner--2x1[data-v-141c49a3] {
        grid-row: 3
    }
}

@media only screen and (min-width: 993px) {
    .row .col.lc5[data-v-141c49a3] {
        left: auto;
        margin-left: auto;
        right: auto;
        width: 20%
    }

    .row .col.lc5 .item[data-v-141c49a3] {
        padding: 30px 5px 15px
    }

    .row .col.lc5 .item[data-v-141c49a3] .item__info {
        padding: 0 10px
    }

    .row .col.lc5 .item[data-v-141c49a3] .item__info .item__name {
        margin: 0 0 15px
    }
}

[data-v-2d98ecc8]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-2d98ecc8] {
    max-width: 100%
}

.item[data-v-2d98ecc8] {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: 100%;
    padding: 40px 5px 20px
}

.item > div[data-v-2d98ecc8], .item > section[data-v-2d98ecc8] {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.item .item__info[data-v-2d98ecc8] {
    padding: 0 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item[data-v-2d98ecc8] {
        min-height: 300px;
        padding: 30px 3px 10px
    }

    .item .item__info[data-v-2d98ecc8] {
        padding: 0 10px
    }

    .item .item__rating[data-v-2d98ecc8] {
        display: block;
        float: none;
        margin-top: -2px
    }

    .item .item__rating .rating-block[data-v-2d98ecc8] {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

@media only screen and (max-width: 600px) {
    .item[data-v-2d98ecc8] {
        min-height: 260px;
        padding: 25px 2px 15px
    }

    .item .item__info[data-v-2d98ecc8] {
        padding: 0 10px
    }

    .item .item__rating[data-v-2d98ecc8] {
        display: block;
        float: none
    }

    .item .item__rating .rating-block[data-v-2d98ecc8] {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.item:hover .item__sizes[data-v-2d98ecc8] {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.item.with-countdown[data-v-2d98ecc8] {
    padding-bottom: 36px !important
}

.item.with-countdown .product-image[data-v-2d98ecc8] img {
    display: block;
    margin: 0 auto;
    width: 90%
}

.item .item__name[data-v-2d98ecc8] {
    justify-content: flex-end;
    margin: 35px 0 15px;
    position: relative
}

@media only screen and (max-width: 992px) {
    .item .item__name[data-v-2d98ecc8] {
        margin: 5px 0 15px
    }
}

.item .item__sizes[data-v-2d98ecc8] {
    bottom: 2px;
    color: gray;
    font-size: 10px;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-overflow: ellipsis;
    -webkit-transform: translateX(5%);
    transform: translateX(5%);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    transition: opacity .2s ease-out, -webkit-transform .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out;
    white-space: nowrap
}

.item .heading-tag[data-v-2d98ecc8] {
    border-bottom: 1px solid #d8d8d8;
    color: #000;
    display: flex;
    flex-direction: column;
    font-size: 10px;
    font-weight: 500;
    justify-content: flex-end;
    line-height: 13px;
    margin: 0;
    padding-bottom: 12px;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item .heading-tag[data-v-2d98ecc8] {
        font-size: 10px;
        line-height: 14px;
        margin: 10px 0;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 600px) {
    .item .heading-tag[data-v-2d98ecc8] {
        font-size: 9px;
        line-height: 12px;
        padding-bottom: 10px
    }
}

.item .heading-tag > span[data-v-2d98ecc8] {
    color: #333;
    display: inline-block;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 2px
}

.item .heading-tag strong[data-v-2d98ecc8] {
    display: block;
    font-size: 13px;
    font-weight: 700
}

@media only screen and (max-width: 600px) {
    .item .heading-tag strong[data-v-2d98ecc8] {
        font-size: 11px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item .heading-tag strong[data-v-2d98ecc8] {
        font-size: 12px
    }
}

@media only screen and (max-width: 600px) {
    .item .item__rating[data-v-2d98ecc8] {
        float: none
    }
}

.item .rating-block img[data-v-2d98ecc8] {
    height: auto;
    margin-right: -4px;
    width: 10px
}

.item.with-skeleton[data-v-2d98ecc8] {
    border-color: #ededed
}

.item__bottom[data-v-2d98ecc8] {
    position: relative
}

.item__price[data-v-2d98ecc8] {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px
}

@media (max-width: 374px) {
    .item__price[data-v-2d98ecc8] {
        font-size: 12px
    }
}

.item__old-price[data-v-2d98ecc8] {
    color: #000;
    font-size: 10px;
    font-weight: 500;
    left: 0;
    line-height: 16px;
    opacity: .4;
    position: absolute;
    top: -10px
}

@media (max-width: 374px) {
    .item__old-price[data-v-2d98ecc8] {
        font-size: 9px
    }
}

.item__price-my-motocard[data-v-2d98ecc8] {
    align-items: baseline;
    border-top: 2px dashed #e6e6e6;
    clear: both;
    display: flex;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    flex-wrap: wrap;
    font-size: 11px;
    font-weight: 500;
    justify-content: space-between;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-top: 5px;
    position: relative
}

.item__price-my-motocard[data-v-2d98ecc8] .price {
    font-size: 11px;
    font-weight: 700
}

.item__price-my-motocard[data-v-2d98ecc8] .club-price {
    font-size: 10px
}

.item__price-my-motocard[data-v-2d98ecc8] .club-info__icon {
    display: none
}

.item__price-my-motocard[data-v-2d98ecc8] .club-info__tooltip {
    margin: 7px 0 0;
    right: -8px;
    top: 21px
}

.item__price-my-motocard[data-v-2d98ecc8] .club-info__tooltip:before {
    border-color: transparent transparent #333;
    left: auto;
    right: 10px;
    top: -11px
}

.item__price-my-motocard .price__title[data-v-2d98ecc8] {
    flex-shrink: 0
}

@media only screen and (max-width: 600px) {
    .item__price-my-motocard .price[data-v-2d98ecc8] {
        font-size: 11px
    }
}

.skeleton-loading[data-v-2d98ecc8] {
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
    overflow: hidden;
    padding: 0 10px
}

@media only screen and (max-width: 600px) {
    .skeleton-loading[data-v-2d98ecc8] {
        padding: 5px
    }
}

.skeleton-loading *[data-v-2d98ecc8] {
    background-color: #f5f5f5
}

.skeleton-loading .skeleton-image[data-v-2d98ecc8] {
    background-color: #f5f5f5;
    border-radius: 100%;
    margin: 0 auto;
    padding-top: 100%;
    width: 100%
}

.skeleton-loading .skeleton-info[data-v-2d98ecc8] {
    background-color: transparent
}

.skeleton-loading .skeleton-title-one[data-v-2d98ecc8] {
    height: 14px;
    margin: 42px 0 2px;
    width: 80%
}

.skeleton-loading .skeleton-title-two[data-v-2d98ecc8] {
    height: 16px;
    margin: 6px 0 17px;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .skeleton-loading .skeleton-title-two[data-v-2d98ecc8] {
        margin-bottom: 12px
    }
}

.skeleton-loading .separator[data-v-2d98ecc8] {
    height: 1px;
    width: 100%
}

.skeleton-loading .skeleton-price[data-v-2d98ecc8] {
    float: left;
    width: 40%
}

.skeleton-loading .skeleton-stars[data-v-2d98ecc8] {
    float: right;
    width: 25%
}

.skeleton-loading .skeleton-price[data-v-2d98ecc8], .skeleton-loading .skeleton-stars[data-v-2d98ecc8] {
    height: 16px;
    margin-top: 17px
}

@media only screen and (max-width: 600px) {
    .skeleton-loading .skeleton-price[data-v-2d98ecc8], .skeleton-loading .skeleton-stars[data-v-2d98ecc8] {
        margin-top: 12px
    }
}

.info-tags[data-v-2d98ecc8] {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 35%);
    transform: translate(-50%, 35%)
}

@media only screen and (max-width: 600px) {
    .info-tags[data-v-2d98ecc8] {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.product-tags[data-v-2d98ecc8] {
    left: 0;
    position: absolute;
    top: 12px
}

@media only screen and (max-width: 600px) {
    .product-tags[data-v-2d98ecc8] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        top: 10px
    }
}

.product-tags .tag.product-tag[data-v-2d98ecc8] {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    margin-right: 1px;
    padding: 5px 15px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .product-tags .tag.product-tag[data-v-2d98ecc8] {
        font-size: 9px;
        margin-bottom: 1px;
        padding: 2px 10px
    }
}

.product-tags .tag.info-tag[data-v-2d98ecc8] {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 12px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .product-tags .tag.info-tag[data-v-2d98ecc8] {
        font-size: 9px;
        padding: 1px 10px
    }
}

.compatibles[data-v-2d98ecc8] {
    margin: 12px 0 14px
}

@media only screen and (max-width: 600px) {
    .compatibles[data-v-2d98ecc8] {
        margin-top: 15px
    }

    .compatibles[data-v-2d98ecc8] .button--small {
        height: auto;
        line-height: normal;
        padding: 5px
    }
}

.compatibles[data-v-2d98ecc8] .button {
    width: 100%
}

.price-overlay[data-v-2d98ecc8] {
    background: #000;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    left: 0;
    opacity: 0;
    padding: 4px 2px;
    position: absolute;
    text-align: center;
    transition: all .5s;
    width: calc(100% + 1px);
    z-index: 150
}

.price-overlay.price-overlay__countdown[data-v-2d98ecc8] {
    padding: 14px 10px
}

.price-overlay .price-overlay__heading[data-v-2d98ecc8] {
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase
}

.price-overlay .price-overlay__heading strong[data-v-2d98ecc8] {
    display: block;
    font-size: 13px;
    font-weight: 700
}

.price-overlay .price-overlay__old-price[data-v-2d98ecc8] {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: -.5px
}

.price-overlay .price-overlay__price[data-v-2d98ecc8] {
    color: #fff;
    font-size: 14px;
    font-weight: 900
}

.price-overlay .product-price-my-motocard[data-v-2d98ecc8] {
    color: #fff;
    margin-left: 8px;
    margin-right: 8px
}

.price-overlay .product-price-my-motocard[data-v-2d98ecc8] svg use {
    stroke: #fff !important
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .price-overlay[data-v-2d98ecc8] {
        padding: 2px
    }

    .price-overlay.price-overlay__countdown[data-v-2d98ecc8] {
        padding: 12px 10px
    }

    .price-overlay .price-overlay__heading strong[data-v-2d98ecc8] {
        font-size: 12px
    }
}

.item:hover .price-overlay[data-v-2d98ecc8] {
    opacity: 1
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.related {
    position: relative
}

.related .carousel-content--nav {
    padding: 0 30px;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .related .carousel-content--nav {
        display: none
    }
}

.related .carousel-content--nav use {
    fill: #c3c3c3;
    transition: all .25s ease-out
}

.related .carousel-content--nav button {
    background-color: #f5f5f5;
    height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    z-index: 90
}

@media only screen and (max-width: 600px) {
    .related .carousel-content--nav button {
        display: none
    }
}

.related .carousel-content--nav button svg {
    vertical-align: -2px
}

.related .carousel-content--nav button use {
    fill: none;
    stroke: #000;
    stroke-width: 1.2;
    transition: none
}

.related .carousel-content--nav button:hover {
    background-color: #e8e8e8
}

.related .carousel-content--nav button:hover use {
    fill: none
}

.related .carousel-content--nav button:active {
    background-color: #000
}

.related .carousel-content--nav button:active use {
    stroke: #fff;
    fill: none
}

.related .carousel-content--nav.prev button {
    left: 0
}

.related .carousel-content--nav.next button {
    right: 0
}

:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img {
    max-width: 100%
}

.seen-lately {
    position: relative
}

.seen-lately .carousel-content--nav {
    padding: 0 30px;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .seen-lately .carousel-content--nav {
        display: none
    }
}

.seen-lately .carousel-content--nav use {
    fill: #c3c3c3;
    transition: all .25s ease-out
}

.seen-lately .carousel-content--nav button {
    background-color: #f5f5f5;
    height: 40px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
    z-index: 90
}

@media only screen and (max-width: 600px) {
    .seen-lately .carousel-content--nav button {
        display: none
    }
}

.seen-lately .carousel-content--nav button svg {
    vertical-align: -2px
}

.seen-lately .carousel-content--nav button use {
    fill: none;
    stroke: #000;
    stroke-width: 1.2;
    transition: none
}

.seen-lately .carousel-content--nav button:hover {
    background-color: #e8e8e8
}

.seen-lately .carousel-content--nav button:hover use {
    fill: none
}

.seen-lately .carousel-content--nav button:active {
    background-color: #000
}

.seen-lately .carousel-content--nav button:active use {
    stroke: #fff;
    fill: none
}

.seen-lately .carousel-content--nav.prev button {
    left: 0
}

.seen-lately .carousel-content--nav.next button {
    right: 0
}

[data-v-3e48f0bc]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-3e48f0bc] {
    max-width: 100%
}

.block-container[data-v-3e48f0bc] {
    background-color: #f5f5f5
}

.block-container .container[data-v-3e48f0bc] {
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    padding: 60px 0
}

.footer-nav[data-v-3e48f0bc] {
    grid-column-gap: 20px;
    grid-row-gap: 30px;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    display: grid;
    grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
    row-gap: 30px
}

@media only screen and (max-width: 992px) {
    .footer-nav[data-v-3e48f0bc] {
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-3e48f0bc] {
        grid-template-columns:repeat(auto-fill, minmax(150px, 1fr))
    }
}

.footer-nav span.h3[data-v-3e48f0bc] {
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase
}

.footer-nav li[data-v-3e48f0bc] {
    padding-bottom: 4px
}

.footer-nav .mtc-link[data-v-3e48f0bc] {
    color: #000;
    font-size: 12px
}

.footer-nav .mtc-link[data-v-3e48f0bc]:hover {
    color: #d6001c
}

[data-v-59b0e841]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-59b0e841] {
    max-width: 100%
}

.footer-description[data-v-59b0e841] .motocard-logo .light {
    display: none
}

.footer-description[data-v-59b0e841] .motocard-logo .dark {
    display: block
}

@media only screen and (max-width: 992px) {
    .footer-description[data-v-59b0e841] .motocard-logo {
        justify-content: center
    }

    .footer-description[data-v-59b0e841] .motocard-logo img {
        margin: 0 auto
    }
}

.dark.home .footer-description[data-v-59b0e841] .motocard-logo .light {
    display: block
}

.dark.home .footer-description[data-v-59b0e841] .motocard-logo .dark {
    display: none
}

footer[data-v-59b0e841] {
    background-color: #f5f5f5;
    padding: 50px 0
}

footer > .container > .row[data-v-59b0e841] {
    margin-bottom: 0
}

footer ul[data-v-59b0e841] {
    list-style-type: none;
    margin: 0 auto;
    padding: 0
}

footer span.h3[data-v-59b0e841] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    margin: 0 0 10px;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    footer span.h3[data-v-59b0e841] {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-container[data-v-59b0e841] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-container[data-v-59b0e841] {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 600px) {
    .footer-container[data-v-59b0e841] {
        flex-wrap: wrap
    }
}

.footer-description[data-v-59b0e841] {
    flex: 0 0 35%
}

.footer-description > img[data-v-59b0e841] {
    height: auto;
    width: 140px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description[data-v-59b0e841] {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description[data-v-59b0e841] {
        flex: 0 0 100%;
        text-align: center
    }
}

.footer-description p[data-v-59b0e841] {
    font-size: 13px;
    line-height: 18px;
    margin: 15px 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description p[data-v-59b0e841] {
        font-size: 13px;
        line-height: 16px
    }
}

.footer-description nav ul[data-v-59b0e841] {
    display: flex
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul[data-v-59b0e841] {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description nav ul[data-v-59b0e841] {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer-description nav ul li[data-v-59b0e841] {
    margin-right: 3px
}

.footer-description nav ul .mtc-link[data-v-59b0e841], .footer-description nav ul a[data-v-59b0e841], .footer-description nav ul span[data-v-59b0e841] {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    line-height: 30px;
    text-align: center;
    width: 30px
}

@media only screen and (max-width: 600px) {
    .footer-description nav ul .mtc-link[data-v-59b0e841], .footer-description nav ul a[data-v-59b0e841], .footer-description nav ul span[data-v-59b0e841] {
        margin-bottom: 3px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul .mtc-link[data-v-59b0e841], .footer-description nav ul a[data-v-59b0e841], .footer-description nav ul span[data-v-59b0e841] {
        margin-bottom: 3px
    }
}

.footer-description nav ul .mtc-link > svg use[data-v-59b0e841], .footer-description nav ul a > svg use[data-v-59b0e841], .footer-description nav ul span > svg use[data-v-59b0e841] {
    fill: #fff
}

.footer-description nav ul .mtc-link.sm-blog[data-v-59b0e841], .footer-description nav ul a.sm-blog[data-v-59b0e841], .footer-description nav ul span.sm-blog[data-v-59b0e841] {
    background-color: #d6001c
}

.footer-description nav ul .mtc-link.sm-blog[data-v-59b0e841]:hover, .footer-description nav ul a.sm-blog[data-v-59b0e841]:hover, .footer-description nav ul span.sm-blog[data-v-59b0e841]:hover {
    background-color: #f0001f
}

.footer-description nav ul .mtc-link.sm-fb[data-v-59b0e841], .footer-description nav ul a.sm-fb[data-v-59b0e841], .footer-description nav ul span.sm-fb[data-v-59b0e841] {
    background-color: #3b5997
}

.footer-description nav ul .mtc-link.sm-fb[data-v-59b0e841]:hover, .footer-description nav ul a.sm-fb[data-v-59b0e841]:hover, .footer-description nav ul span.sm-fb[data-v-59b0e841]:hover {
    background-color: #4264a9
}

.footer-description nav ul .mtc-link.sm-tw[data-v-59b0e841], .footer-description nav ul a.sm-tw[data-v-59b0e841], .footer-description nav ul span.sm-tw[data-v-59b0e841] {
    background-color: #1ea0f3
}

.footer-description nav ul .mtc-link.sm-tw[data-v-59b0e841]:hover, .footer-description nav ul a.sm-tw[data-v-59b0e841]:hover, .footer-description nav ul span.sm-tw[data-v-59b0e841]:hover {
    background-color: #36aaf4
}

.footer-description nav ul .mtc-link.sm-yt[data-v-59b0e841], .footer-description nav ul a.sm-yt[data-v-59b0e841], .footer-description nav ul span.sm-yt[data-v-59b0e841] {
    background-color: #e40303
}

.footer-description nav ul .mtc-link.sm-yt[data-v-59b0e841]:hover, .footer-description nav ul a.sm-yt[data-v-59b0e841]:hover, .footer-description nav ul span.sm-yt[data-v-59b0e841]:hover {
    background-color: #fc0505
}

.footer-description nav ul .mtc-link.sm-ig[data-v-59b0e841], .footer-description nav ul a.sm-ig[data-v-59b0e841], .footer-description nav ul span.sm-ig[data-v-59b0e841] {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f09433", endColorstr="#bc1888", GradientType=1)
}

.footer-description nav ul .mtc-link.sm-ig[data-v-59b0e841]:hover, .footer-description nav ul a.sm-ig[data-v-59b0e841]:hover, .footer-description nav ul span.sm-ig[data-v-59b0e841]:hover {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888)
}

.footer-description nav ul .mtc-link.sm-tt[data-v-59b0e841], .footer-description nav ul a.sm-tt[data-v-59b0e841], .footer-description nav ul span.sm-tt[data-v-59b0e841] {
    background-color: #000
}

.footer-description nav ul .mtc-link.sm-tt[data-v-59b0e841]:hover, .footer-description nav ul a.sm-tt[data-v-59b0e841]:hover, .footer-description nav ul span.sm-tt[data-v-59b0e841]:hover {
    background-color: #333
}

.footer-description nav ul .mtc-link.sm-twitch[data-v-59b0e841], .footer-description nav ul a.sm-twitch[data-v-59b0e841], .footer-description nav ul span.sm-twitch[data-v-59b0e841] {
    background-color: #6441a4
}

.footer-description nav ul .mtc-link.sm-twitch[data-v-59b0e841]:hover, .footer-description nav ul a.sm-twitch[data-v-59b0e841]:hover, .footer-description nav ul span.sm-twitch[data-v-59b0e841]:hover {
    background-color: #9a7fcc
}

.footer-description nav ul .mtc-link.sm-nl[data-v-59b0e841], .footer-description nav ul a.sm-nl[data-v-59b0e841], .footer-description nav ul span.sm-nl[data-v-59b0e841] {
    background-color: #e40303;
    color: #fff;
    font-size: 9px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.footer-description nav ul .mtc-link.sm-nl svg[data-v-59b0e841], .footer-description nav ul a.sm-nl svg[data-v-59b0e841], .footer-description nav ul span.sm-nl svg[data-v-59b0e841] {
    margin-right: 3px
}

.footer-description nav ul .mtc-link.sm-nl svg use[data-v-59b0e841], .footer-description nav ul a.sm-nl svg use[data-v-59b0e841], .footer-description nav ul span.sm-nl svg use[data-v-59b0e841] {
    fill: none;
    stroke: #fff;
    stroke-width: 1
}

.footer-description nav ul .mtc-link.sm-nl[data-v-59b0e841]:hover, .footer-description nav ul a.sm-nl[data-v-59b0e841]:hover, .footer-description nav ul span.sm-nl[data-v-59b0e841]:hover {
    background-color: #fc0505
}

.footer-nav[data-v-59b0e841] {
    display: flex;
    flex: 0 0 60%;
    justify-content: space-between;
    margin-top: 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-nav[data-v-59b0e841] {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-59b0e841] {
        flex-wrap: wrap;
        text-align: center
    }

    .footer-nav ul[data-v-59b0e841] {
        margin-bottom: 30px
    }
}

.footer-nav .mtc-link[data-v-59b0e841] {
    color: #000;
    font-size: 13px;
    line-height: 23px
}

.footer-nav .mtc-link[data-v-59b0e841]:hover {
    color: #d6001c
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-nav .mtc-link[data-v-59b0e841] {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav[data-v-59b0e841] {
        flex: 0 0 100%
    }
}

.footer-nav__block[data-v-59b0e841] {
    flex: 0 0 33%
}

.footer-nav__block .footer-nav__menu[data-v-59b0e841] {
    margin-top: 15px
}

@media only screen and (max-width: 600px) {
    .footer-nav__block[data-v-59b0e841] {
        flex: 0 0 100%
    }
}

.footer-secondary[data-v-59b0e841] {
    border-top: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    margin-top: 20px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary[data-v-59b0e841] {
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary[data-v-59b0e841] {
        flex-wrap: wrap
    }
}

.footer-secondary__block[data-v-59b0e841] {
    padding-top: 30px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-59b0e841] {
        text-align: center
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-59b0e841] {
        text-align: center
    }
}

.footer-secondary__block[data-v-59b0e841]:first-child {
    flex: 0 0 38%
}

.footer-secondary__block:first-child li[data-v-59b0e841] {
    display: inline;
    margin-right: 8px
}

.footer-secondary__block:first-child li > svg[data-v-59b0e841] {
    vertical-align: -1px
}

.footer-secondary__block:first-child li use[data-v-59b0e841] {
    stroke-width: .9
}

.footer-secondary__block:first-child li select[data-v-59b0e841] {
    background-color: transparent;
    background-image: none;
    border: 0;
    line-height: 1.2;
    margin-bottom: 3px;
    padding: 0
}

.footer-secondary__block:first-child li select[data-v-59b0e841]:focus {
    outline: 0
}

.footer-secondary__block:first-child li select[data-v-59b0e841]:hover {
    cursor: pointer
}

.footer-secondary__block:first-child p[data-v-59b0e841] {
    color: #484848;
    font-size: 11px;
    line-height: 13px;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-59b0e841]:first-child {
        flex: 0 0 100%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-59b0e841]:first-child {
        flex: 0 0 100%;
        margin-bottom: 10px
    }
}

.footer-secondary__block[data-v-59b0e841]:last-child {
    display: flex;
    flex: 0 0 60%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.footer-secondary__block:last-child > span[data-v-59b0e841] {
    align-items: center;
    background-color: red;
    border-radius: 3px;
    display: flex;
    font-weight: 500;
    height: 30px;
    justify-content: center;
    line-height: 1;
    margin: 1px 3px 1px 0;
    width: 50px
}

.footer-secondary__block:last-child > span svg[data-v-59b0e841] {
    display: inline-block;
    margin-right: 3px
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block:last-child > span[data-v-59b0e841] {
        margin-bottom: 3px
    }
}

.footer-secondary__block:last-child > span.cc-visa[data-v-59b0e841] {
    background-color: #26337a
}

.footer-secondary__block:last-child > span.cc-maestro[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-mastercard[data-v-59b0e841] {
    background-color: #006
}

.footer-secondary__block:last-child > span.cc-paypal[data-v-59b0e841] {
    background-color: #00457c
}

.footer-secondary__block:last-child > span.cc-amex[data-v-59b0e841] {
    background-color: #0072ce
}

.footer-secondary__block:last-child > span.cc-apple-pay[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-google-pay[data-v-59b0e841] {
    background-color: #000
}

.footer-secondary__block:last-child > span.cc-klarna[data-v-59b0e841] {
    background-color: #ffb3c7
}

.footer-secondary__block:last-child > span.cc-sofort[data-v-59b0e841] {
    background-color: #ef809f
}

.footer-secondary__block:last-child > span.cc-bancontact[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-googlepay[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-multibanco[data-v-59b0e841] {
    background-color: #fff
}

.footer-secondary__block:last-child > span.cc-ideal[data-v-59b0e841] {
    background-color: #c06
}

.footer-secondary__block:last-child > span.cc-carte-bancaire[data-v-59b0e841] {
    background-image: linear-gradient(146deg, #289847, #1787b9 49%, #1d3564)
}

.footer-secondary__block:last-child > span.cc-transfer[data-v-59b0e841] {
    background-color: #d6001c
}

.footer-secondary__block:last-child > span.cc-cofidis[data-v-59b0e841] {
    background-color: #eb8832
}

.footer-secondary__block:last-child > span.cc-scalapay[data-v-59b0e841] {
    background-color: #f8cacd;
    padding: 0 8px;
    width: auto
}

.footer-secondary__block:last-child > span.cc-scalapay svg[data-v-59b0e841] {
    margin: 0
}

.footer-secondary__block:last-child > span.cc-bizum[data-v-59b0e841] {
    background-color: #53565a;
    padding: 0 4px
}

.footer-secondary__block:last-child > span.cc-cod[data-v-59b0e841] {
    background-color: #3199cc
}

.footer-secondary__block:last-child > span.cc-cod[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-transfer[data-v-59b0e841] {
    color: #fff;
    font-size: 8px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.footer-secondary__block:last-child > span.cc-cod svg[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-transfer svg[data-v-59b0e841] {
    margin-right: 5px
}

.footer-secondary__block:last-child > span.cc-cod use[data-v-59b0e841], .footer-secondary__block:last-child > span.cc-transfer use[data-v-59b0e841] {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block[data-v-59b0e841]:last-child {
        flex: 0 0 100%;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 30px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block[data-v-59b0e841]:last-child {
        flex: 0 0 100%;
        justify-content: center
    }
}

.footer-secondary__block .change-locale-desktop-container[data-v-59b0e841] {
    padding-top: 0 !important
}

.legal-menu[data-v-59b0e841] {
    font-size: 11px;
    line-height: 1.2
}

.legal-menu li[data-v-59b0e841] {
    border-right: 1px solid #000;
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px 0 0
}

.legal-menu li a[data-v-59b0e841] {
    color: #000
}

.legal-menu li a[data-v-59b0e841]:hover {
    color: #d6001c
}

.legal-menu li[data-v-59b0e841]:last-child {
    border-right: none;
    margin-right: 0
}

[data-v-2bc9f585]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-2bc9f585] {
    max-width: 100%
}

.footer-lang__block[data-v-2bc9f585] {
    margin-top: 30px
}

.footer-lang__block span.h3[data-v-2bc9f585] {
    display: block;
    font-size: 14px;
    font-weight: 700;
    line-height: 23px;
    margin: 0;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-lang__block span.h3[data-v-2bc9f585] {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-lang__block svg[data-v-2bc9f585] {
    pointer-events: none
}

.footer-lang__block svg use[data-v-2bc9f585] {
    stroke: #000
}

.footer-lang__block .chevron[data-v-2bc9f585] {
    position: relative;
    right: 10px
}

.footer-lang__block .footer-lang__block-content[data-v-2bc9f585] {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    position: relative
}

@media only screen and (max-width: 992px) {
    .footer-lang__block .footer-lang__block-content[data-v-2bc9f585] {
        justify-content: center
    }
}

.footer-lang__block select[data-v-2bc9f585] {
    background: transparent;
    border: none;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
    margin: 0 0 0 -15px;
    padding: 0 25px;
    position: relative;
    text-transform: none
}

.footer-lang__block select[data-v-2bc9f585]:active, .footer-lang__block select[data-v-2bc9f585]:focus {
    border: none;
    outline: none
}

[data-v-12a116bb]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

img[data-v-12a116bb] {
    max-width: 100%
}

div.change-locale-desktop-container[data-v-12a116bb] {
    cursor: default;
    padding-top: 30px !important
}

ul[data-v-12a116bb] {
    list-style-type: none;
    margin: 0;
    min-width: 239px;
    padding: 0
}

.lang-currency[data-v-12a116bb] {
    position: relative
}

.lang-currency > li[data-v-12a116bb] {
    display: inline-block;
    padding-bottom: 2px
}

.lang-currency > li svg[data-v-12a116bb] {
    vertical-align: -2px
}

.lang-currency > li strong[data-v-12a116bb] {
    background-color: transparent;
    background-image: none;
    border: 0;
    font-size: 9px;
    line-height: 1.2;
    margin-bottom: 3px;
    margin-right: 8px;
    padding: 0;
    text-transform: uppercase
}

.show[data-v-12a116bb] {
    display: block
}

.hide[data-v-12a116bb] {
    display: none
}

/********************************* product detail page ************************/
.cf-hidden { display: none; } .cf-invisible { visibility: hidden; }

.modal-wrapper .modal .modal__close use {
    stroke: #fff;
    stroke-width: 1;
}

.sprite-line-icons use {
    fill-rule: evenodd;
    fill: none;
    stroke: #2a2a2a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.shipping-options__modal .modal .form-group button {
    background: #d6001c;
    color: #fff;
    flex: 1 0 auto;
    padding: 0 20px;
}

.shipping-options__modal .modal .form-group button, .shipping-options__modal .modal .form-group input {
    border: 0;
    height: 36px;
    line-height: 36px;
    margin: 0;
}

.shipping-options__modal .modal .form-group input {
    background: #fff;
    border: 1px solid #e8e8e8;
    flex: 0 1 auto;
    font-size: 12px;
    font-weight: 700;
    padding: 0 10px;
    text-transform: uppercase;
}

.shipping-options__modal .modal .form-group button, .shipping-options__modal .modal .form-group input {
    border: 0;
    height: 36px;
    line-height: 36px;
    margin: 0;
}

.shipping-options__modal .modal .form-group {
    display: flex;
    width: 100%;
}

.shipping-options__modal .modal .form-group input {
    background: #fff;
    border: 1px solid #e8e8e8;
    flex: 0 1 auto;
    font-size: 12px;
    font-weight: 700;
    padding: 0 10px;
    text-transform: uppercase;
}

.shipping-options__container .shipping-options__heading svg {
    margin-right: 7px;
    min-width: 13px;
}

.shipping-options__heading svg use {
    scale: .6;
}

svg:not(:root) {
    overflow: hidden;
}

.shop-lookup__modal .modal-header {
    background-color: #fff !important;
    padding: 25px 30px !important;
}

.shop-lookup__modal .modal-header span.h1 {
    display: block;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.4px;
    padding-bottom: 0;
    text-transform: uppercase;
}

.shop-lookup__modal .modal-header .shop-lookup__header {
    align-items: flex-start;
    display: flex;
    gap: 15px;
    justify-content: flex-start;
}

.shop-lookup__modal .modal-body {
    position: relative;
}

.shop:first-child {
    border-top: 1px solid #e5e5e5;
}

.shop:first-child {
    border-top: 1px solid #e5e5e5;
}

.shop {
    border-bottom: 1px solid #e5e5e5;
    display: flex;
    justify-content: space-between;
    padding: 12px 10px 12px 12px;
    position: relative;
}

.shop .shop__address {
    align-items: baseline;
    display: flex;
    flex: 0 1 65%;
    font-size: 13px;
    gap: 7px;
    justify-content: flex-start;
    line-height: 16px;
    margin: 0;
    max-width: 65%;
    padding: 0;
}

.shop .shop__address {
    align-items: baseline;
    display: flex;
    flex: 0 1 65%;
    font-size: 13px;
    gap: 7px;
    justify-content: flex-start;
    line-height: 16px;
    margin: 0;
    max-width: 65%;
    padding: 0;
}

.shop .shop__address .shop__address-info {
    flex-grow: 1;
}

.shop .shop__address p, .shop .shop__address strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop .shop__address strong {
    display: block;
    font-size: 14px;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.shop .shop__address p, .shop .shop__address strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.shop .shop__stock {
    align-items: flex-end;
    display: flex;
    flex: 1 0 35%;
    flex-direction: column;
    flex-wrap: nowrap;
    font-size: 12px;
    gap: 4px;
    justify-content: center;
    text-align: right;
}

.shop .shop__stock p {
    margin-bottom: 0;
}

.shop .shop__stock p:after {
    background-color: #41a334;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    position: relative;
    top: 1px;
    width: 10px;
}

.shop .shop__stock p.shop__no-stock:after {
    background-color: #f44a4a;
}
.shop-lookup__conditions {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    bottom: 0;
    display: block;
    font-size: 11px;
    line-height: 15px;
    padding: 16px;
    position: sticky;
}
.shop-lookup__conditions a{
    font-size: 11px;
    padding: 0;
    text-transform: none;
}

.seen-cheaper-form .gdpr-legal-text small {
    color: #000;
    display: block;
    font-size: 11px;
    line-height: 13px;
}

.product-wrapper.product-detail .swatch.color-value.unavailable {
    cursor: not-allowed;
    opacity: 0.7;
}



<!-- ------------------------------------ composite product ---------------------------------- -->

#composite-product {
    flex-direction: row;
}

#composite-product .product-sizes {
    padding: 0;
}

#composite-product .product-sizes .item {
    align-self: flex-end;
    margin-bottom: 20px;
    padding: 0px;
    border: none;
    min-height: unset;
}


#composite-product .product-sizes .item .product-sizes__header h2 a {
    color: #000;
}

#composite-product .product-sizes .item .product-sizes__header h2 a:hover {
    color: #d6001c;
}

#composite-product .product-sizes .item .product-sizes__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
}

#composite-product .product-sizes .item .product-sizes__header h2 {
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    text-transform: uppercase;
}


#composite-product .product-sizes .item .product-size__select {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: stretch;
}

#composite-product .product-sizes .item .product-size__select {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: stretch;
}

#composite-product .product-sizes .item .product-size__select .size-guide-wrapper,
#composite-product .product-sizes .item .product-size__select .size-guide-wrapper > div {
    display: inline-block;
    flex: 1;
}


#composite-product .size_guide_button {
    align-items: center;
    background-color: #e7e7e7;
    color: #000;
    display: flex;
    font-size: 11px;
    gap: 5px;
    justify-content: center;
    line-height: 14px;
    padding: 10px 12px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

#composite-product .product-sizes .item .product-size__select select {
    border: 1px solid #ccc;
    color: #000;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 32px;
    margin: 0;
    text-align: left;
    width: 100%;
}