/*! 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;
    cursor: pointer;
}

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

.container {
    margin: 0 auto;
    max-width: 1280px;
    width: 95%;
}

.col .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);

}

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

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

img {
    max-width: 100%
}

.content-container, .main-content, body {
    min-height: 100vh;


}


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

.error-flash-modal .modal-header h3, .success-flash-modal .modal-header h3 {
    font-weight: 900
}

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

.error-flash-modal .modal-body, .success-flash-modal .modal-body {
    padding: 40px 30px;
    text-align: center
}

.error-flash-modal h3 {
    color: #d6001c
}

.success-flash-modal h3 {
    color: #41a334
}

[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: 40px
}

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


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

.user-menu__cart-wrapper[data-v-4945e36c] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.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: 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-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
}

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

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

img {
    max-width: 100%
}

p {
    margin: 0 0 1.5em;
}


/*
JCF CHANGED
li {
    display: flex
}
*/

li.open {
    background-color: #d6001c
}

li.open .mtc-link, li.open > a {
    color: #fff
}

li .mtc-link, li > a {
    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, li > a {
        font-size: 11px;
        letter-spacing: .5px;
        padding: 6px 10px
    }
}

@media (max-width: 1020px) {
    li .mtc-link, li > a {
        font-size: 11px;
        letter-spacing: .2px;
        padding: 6px 8px
    }
}

@media (max-width: 980px) {
    li .mtc-link, li > a {
        font-size: 10px;
        letter-spacing: 0;
        padding: 6px
    }
}

@media (max-width: 890px) {
    li .mtc-link, li > a {
        font-size: 10px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

@media (max-width: 771px) {
    li .mtc-link, li > a {
        font-size: 9px;
        letter-spacing: -.5px;
        padding: 6px
    }
}

li.outlet a, li.outlet span.mtc-link {
    color: #d6001c;
    font-weight: 800
}

li.outlet a:hover, li.outlet span.mtc-link: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-51f2fb5b]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

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

.video-banner__container[data-v-51f2fb5b] {
    align-items: center;
    aspect-ratio: 16/9;
    display: flex;
    justify-content: center;
    max-height: 550px;
    overflow: hidden;
    position: relative;
    width: 100%
}

@supports not ((-moz-text-align-last:) or (text-align-last:)) {
    @media only screen and (min-width: 993px) {
        .video-banner__container[data-v-51f2fb5b] {
            aspect-ratio: unset;
            min-height: 500px
        }
    }
}

@supports not (aspect-ratio:16/9) {
    .video-banner[data-v-51f2fb5b]:before {
        content: "";
        float: left;
        padding-top: 56.25%
    }

    .video-banner[data-v-51f2fb5b]:after {
        clear: both;
        content: "";
        display: block
    }
}

.video-banner video[data-v-51f2fb5b] {
    bottom: 0;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.video-banner__image[data-v-51f2fb5b] {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1
}

@media only screen and (max-width: 992px) {
    .video-banner__image[data-v-51f2fb5b] {
        max-width: 80%
    }
}

.video-banner__image img[data-v-51f2fb5b] {
    height: auto;
    max-height: 286px;
    max-width: 100%;
    text-align: center;
    width: 560px
}

.video-banner__conditions_link[data-v-51f2fb5b] {
    background-color: rgba(0, 0, 0, .5);
    bottom: 10px;
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    left: 0;
    padding: 4px 10px;
    position: absolute;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {
    .video-banner__conditions_link[data-v-51f2fb5b] {
        bottom: 5px
    }
}

.video-banner__conditions_link[data-v-51f2fb5b]:hover {
    background-color: #d6001c
}

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

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

.added-values-block[data-v-4d6d429e] {
    background-color: #0f0f0f;
    color: #fff;
    padding: 25px 0
}

.added-values-block .row[data-v-4d6d429e] {
    margin-bottom: 0
}

@media only screen and (max-width: 600px) {
    .added-values-block[data-v-4d6d429e] {
        padding: 20px 0 5px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .added-values-block[data-v-4d6d429e] {
        padding: 15px 0
    }
}

.added-values-block .swiper-container[data-v-4d6d429e] {
    overflow: visible
}

.added-values__container.swiper-wrapper[data-v-4d6d429e] {
    margin-bottom: 15px
}

@media only screen and (max-width: 600px) {
    .added-values__container.swiper-wrapper li[data-v-4d6d429e] {
        display: flex;
        flex: 1 0 100%;
        justify-content: center;
        margin-bottom: 0;
        padding: 0
    }

    .added-values__container.swiper-wrapper li > *[data-v-4d6d429e] {
        align-items: center;
        display: flex
    }

    .added-values__container.swiper-wrapper li > * svg[data-v-4d6d429e] {
        margin-right: 15px;
        position: static;
        -webkit-transform: translateY(0) scale(1.6);
        transform: translateY(0) scale(1.6)
    }
}

.added-values__container[data-v-4d6d429e] {
    align-items: center;
    display: flex;
    justify-content: space-around;
    list-style-type: none;
    margin: 0;
    padding: 0
}

@media only screen and (max-width: 600px) {
    .added-values__container[data-v-4d6d429e] {
        justify-content: normal
    }
}

.added-values__container li[data-v-4d6d429e] {
    box-sizing: border-box;
    font-size: 11px;
    font-weight: 600;
    line-height: 11px;
    padding-left: 25px;
    position: relative;
    text-transform: uppercase
}

.added-values__container li.trustpilot[data-v-4d6d429e] {
    padding-left: 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .added-values__container li[data-v-4d6d429e] {
        display: inline-block;
        font-size: 9px
    }
}

@media only screen and (max-width: 600px) {
    .added-values__container li[data-v-4d6d429e] {
        padding-left: 0
    }
}

.added-values__container li[data-v-4d6d429e] a {
    color: #fff
}

.added-values__container li[data-v-4d6d429e] svg {
    left: 0;
    margin-right: 2px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(1.6);
    transform: translateY(-50%) scale(1.6);
    vertical-align: -3px
}

.added-values__container li[data-v-4d6d429e] svg use {
    stroke-width: .8;
    stroke: #41a334
}

.added-values__container .trustpilot[data-v-4d6d429e] {
    text-align: center
}

@media only screen and (max-width: 600px) {
    .added-values__container .trustpilot[data-v-4d6d429e] {
        text-align: left
    }

    .added-values__container .trustpilot[data-v-4d6d429e]:nth-child(3), .added-values__container .trustpilot[data-v-4d6d429e]:nth-child(5) {
        text-align: center
    }
}

.added-values__container .trustpilot > img[data-v-4d6d429e] {
    display: block;
    height: auto;
    margin: 0 auto;
    width: 60px
}

@media only screen and (max-width: 600px) {
    .added-values__container .trustpilot > img[data-v-4d6d429e] {
        display: inline-block;
        margin: 0;
        vertical-align: -2px
    }
}

.added-values__container .trustpilot strong[data-v-4d6d429e] {
    font-size: 12px;
    font-weight: 700
}

.added-values__container .trustpilot strong > img[data-v-4d6d429e] {
    vertical-align: -2px
}

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

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

.scrolling-text[data-v-7d8842e1] {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    text-transform: uppercase;
    visibility: hidden;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .scrolling-text[data-v-7d8842e1] {
        font-size: 12px
    }
}

.scrolling-text.swiper-container-initialized[data-v-7d8842e1] {
    visibility: visible !important
}

.scrolling-text strong[data-v-7d8842e1] {
    font-weight: 900
}

.scrolling-text .marquee-text[data-v-7d8842e1] {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: center;
    max-width: 100vw;
    width: 100%
}

.scrolling-text .marquee-text > span[data-v-7d8842e1] {
    align-items: center;
    display: flex;
    gap: 3px;
    justify-content: center;
    max-width: 95vw
}

.scrolling-text .marquee-text[data-v-7d8842e1] img {
    margin: 0 10px;
    max-height: var(--max-height);
    width: auto
}

.scrolling-text .marquee-text .button[data-v-7d8842e1] {
    background: #000;
    font-size: 9px;
    font-weight: 600;
    line-height: 20px !important;
    margin: 0 10px;
    padding: 2px 10px
}

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

img {
    max-width: 100%
}

.promo-categories__container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 45px 0 40px
}

@media only screen and (max-width: 600px) {
    .promo-categories__container {
        padding: 40px 0 30px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .promo-categories__container {
        padding: 40px 0 50px
    }
}

.promo-categories__header {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 30px;
    max-height: 79px
}

.promo-categories__header.with-countdown {
    flex-direction: row;
    justify-content: space-between;
    max-height: 110px
}

.promo-categories__header.with-countdown .promo-categories__title {
    flex: 0 1 auto
}

.promo-categories__header.with-countdown .promo-categories__countdown .countdown__container {
    margin: 0
}

@media only screen and (max-width: 600px) {
    .promo-categories__header.with-countdown .promo-categories__countdown {
        margin: 0 auto
    }
}

.promo-categories__header .promo-categories__title {
    flex: 1 1 100%
}

.promo-categories__header .promo-categories__title img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 95%;
    width: 480px
}

.promo-categories__header .promo-categories__countdown .countdown__container {
    margin: 10px 0 30px
}

.promo-categories__header .promo-categories__countdown .countdown__container p {
    font-size: 10px;
    font-weight: 500
}

@media only screen and (max-width: 600px) {
    .promo-categories__header {
        flex-wrap: wrap
    }
}

.promo-categories {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-bottom: 40px
}

@media only screen and (max-width: 600px) {
    .promo-categories {
        flex-wrap: wrap;
        margin-bottom: 20px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .promo-categories {
        flex-wrap: wrap;
        gap: 10px
    }
}

.promo-categories .mtc-link {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    justify-content: flex-end;
    padding: 30px 5px;
    transition: all .65s ease-out
}

@media only screen and (max-width: 600px) {
    .promo-categories .mtc-link {
        flex: 0 0 45%
    }
}

@media (max-width: 374px) {
    .promo-categories .mtc-link {
        flex: 0 0 44%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .promo-categories .mtc-link {
        flex: 0 0 32%;
        justify-content: center;
        padding: 20px 0
    }
}

.promo-categories .mtc-link.square {
    aspect-ratio: 1/1
}

@supports not (aspect-ratio:1/1) {
    .promo-categories .mtc-link.square {
        margin-bottom: 15px
    }

    .promo-categories .mtc-link.square:before {
        content: "";
        float: left;
        padding-top: 50%
    }

    .promo-categories .mtc-link.square:after {
        clear: both;
        content: "";
        display: block
    }
}

.promo-categories .mtc-link img {
    align-self: center;
    display: block;
    height: 58px;
    justify-self: center;
    margin: 0 auto 15px;
    width: auto
}

.promo-categories .mtc-link h2 {
    display: block;
    font-size: 12px;
    font-weight: 900;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
}

.promo-categories .mtc-link h2 small {
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-top: 1px;
    opacity: .7
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .promo-categories .mtc-link h2 {
        font-size: 10px
    }
}

.promo-categories__footer {
    display: flex;
    justify-content: center
}

.promo-categories__footer .button {
    border: 0;
    font-size: 12px;
    letter-spacing: .7px;
    padding: 16px 30px
}

@media only screen and (max-width: 600px) {
    .promo-categories__footer .button {
        margin: 25px 0 12px;
        width: 100%
    }
}

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

img {
    max-width: 100%
}

.banner-block {
    align-items: center;
    background-color: #f5f5f5;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
   /* margin-top: 60px;*/
    min-height: 500px;
    padding: 40px;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .banner-block {
        align-items: flex-end;
        aspect-ratio: 4/5;
        height: auto;
        justify-content: center;
        min-height: 400px;
        padding-bottom: 40px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .banner-block {
        height: 400px;
        min-height: 400px
    }
}

@media only screen and (min-width: 1281px) {
    .banner-block {
        height: 525px;
        min-height: 525px
    }
}

.banner-block .container {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 40px
}

@media only screen and (max-width: 600px) {
    .banner-block .container {
        align-items: center !important;
        padding: 0
    }
}

.banner-block .banner-block__content {
    max-width: 45%
}

@media only screen and (max-width: 600px) {
    .banner-block .banner-block__content {
        max-width: 100%
    }
}

.banner-block .banner-block__image {
    height: auto;
    max-height: 261px;
    max-width: 100%;
    text-align: center;
    width: 512px
}

.banner-block .banner-block__image img {
    max-height: 261px
}

.banner-block .banner-block__image span {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.banner-block .banner-block__image span .cdn-img {
    max-height: 261px;
    width: auto
}

.banner-block .banner-block__image span .cdn-img + h2 {
    display: none
}

.banner-block.banner-block__layout--text-and-image .banner-block__image {
    margin-bottom: 10px;
    max-height: 100px
}

.banner-block.banner-block__layout--text-and-image .banner-block__image .cdn-img {
    max-height: 100px;
    max-width: 95%;
    width: auto
}

.banner-block .title {
    font-size: 29px;
    font-weight: 900;
    line-height: 1.1em;
    margin: 0 auto;
    max-width: 350px;
    position: relative;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 992px) {
    .banner-block .title {
        font-size: 25px
    }
}

@media only screen and (max-width: 600px) {
    .banner-block .title {
        max-width: 100%
    }
}

.banner-block .text {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1em;
    margin: 0 auto 40px;
    max-width: 350px;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .banner-block .text {
        max-width: 100%
    }
}

.banner-link {
    margin: 10px 0 0
}

.banner-link.center {
    text-align: center
}

.banner-link.right {
    text-align: right
}

.banner-link.left {
    text-align: left
}

.banner-link .button--primary svg {
    display: inline-block;
    margin-left: 5px;
    vertical-align: -2px
}

.banner-link .button--primary use {
    stroke: #fff;
    stroke-width: 1
}

.banner-block__theme--light .text, .banner-block__theme--light .title {
    color: #fff !important
}

.banner-block__theme--light .banner-link .button--primary {
    background-color: hsla(0, 0%, 100%, .8);
    border-color: hsla(0, 0%, 100%, .8);
    color: #000
}

.banner-block__theme--dark .text, .banner-block__theme--dark .title {
    color: #000
}77

.banner-block__theme--dark .banner-link .button--primary {
    background-color: rgba(0, 0, 0, .8);
    border-color: rgba(0, 0, 0, .8);
    color: #fff
}

.banner-block__theme--red .text, .banner-block__theme--red .title {
    color: #000 !important
}

.banner-block__theme--red-light .text, .banner-block__theme--red-light .title {
    color: #fff !important
}

.banner-block__layout--right .container {
    align-items: flex-end
}

.banner-block__layout--center .container {
    align-items: center
}

.banner-block__layout--left .container {
    align-items: flex-start
}

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

img {
    max-width: 100%
}

.show-products-block .row {
    margin-bottom: 0
}

.home-products-list .item {
    border-color: rgba(0, 0, 0, .025);
    position: relative
}

.home-products-list .item:before {
    background: rgba(0, 0, 0, .025);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}

.home-products-list .row .col {
    margin-bottom: 10px
}

.home-products-list .row .col.lc5 .item {
    margin: 0
}

.home-products-list .row .col.lc5 .item .product__discount-code {
    margin-bottom: 10px
}

.home-products-list .products {
    position: relative
}

.home-products-list .carousel-content--nav {
    position: absolute;
    top: 45%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5
}

.home-products-list .carousel-content--nav.prev {
    left: 0
}

.home-products-list .carousel-content--nav.next {
    right: 0
}

.home-products-list .carousel-content--nav button {
    padding: 0 3px
}

.home-products-list .carousel-content--nav button:first-child, .home-products-list .carousel-content--nav button:last-child {
    background-color: rgba(0, 0, 0, .6);
    height: 40px;
    padding: 0;
    text-align: center;
    width: 40px
}



.home-products-list .carousel-content--nav button:first-child svg, .home-products-list .carousel-content--nav button:last-child svg {
    vertical-align: -2px
}

.home-products-list .carousel-content--nav button:first-child use, .home-products-list .carousel-content--nav button:last-child use {
    fill: none;
    stroke: #fff;
    stroke-width: 1.2;
    transition: none
}

.home-products-list .carousel-content--nav button:first-child:hover, .home-products-list .carousel-content--nav button:last-child:hover {
    background-color: rgba(0, 0, 0, .8)
}

.home-products-list .carousel-content--nav button:first-child:hover use, .home-products-list .carousel-content--nav button:last-child:hover use {
    fill: none
}

.home-products-list .carousel-content--nav button:first-child:active, .home-products-list .carousel-content--nav button:last-child:active {
    background-color: #000
}

.home-products-list .carousel-content--nav button:first-child:active use, .home-products-list .carousel-content--nav button:last-child:active use {
    stroke: #fff;
    fill: none
}

.skeleton-loading * {
    background-color: #f5f5f5
}

.skeleton-loading .skeleton-image {
    padding-top: 100%;
    width: 100%
}

.skeleton-loading .skeleton-title-one {
    height: 12px;
    margin: 42px 0 2px;
    width: 80%
}

.skeleton-loading .skeleton-title-two {
    height: 12px;
    margin: 2px 0 17px;
    width: 100%
}

.skeleton-loading .separator {
    background-color: #d8d8d8;
    height: 1px;
    width: 100%
}

.skeleton-loading .skeleton-price {
    height: 14px;
    margin-bottom: 2px;
    margin-top: 17px;
    width: 90%
}

.product-list__mobile_link {
    display: block;
    margin: 30px 0 15px;
    text-align: center
}

.button--primary svg {
    display: inline-block;
    margin-left: 5px;
    vertical-align: -2px
}

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

@media only screen and (max-width: 600px) {
    .button--primary {
        font-size: 10px;
        line-height: 22px;
        padding: 5px 30px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .button--primary {
        font-size: 10px;
        line-height: 22px;
        padding: 5px 30px
    }
}

.product-list__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 40px 0 50px
}


.product-list__title h2 {
    font-size: 36px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase
}


.product-list__title .skeleton-title {
    background-color: #f4f4f4;
    height: 24px;
    width: 500px
}

.info-tags {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 35%);
    transform: translate(-50%, 35%)
}

@media only screen and (max-width: 600px) {
    .info-tags {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.product-tags {
    left: 0;
    position: absolute;
    top: 12px
}

@media only screen and (max-width: 600px) {
    .product-tags {
        top: 10px
    }
}

.tag.product-tag {
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 15px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tag.product-tag {
        font-size: 9px;
        padding: 2px 10px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .tag.product-tag {
        font-size: 9px;
        padding: 2px 10px
    }
}

.tag.product-tag.product-tag--outlet {
    background-color: #d6001c
}

.tag.info-tag {
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 12px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .tag.info-tag {
        font-size: 9px;
        padding: 1px 10px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .tag.info-tag {
        font-size: 9px;
        padding: 1px 10px
    }
}

.tag.info-tag.info-tag--woman {
    background-color: #d05697
}

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

img {
    max-width: 100%
}

.product-list.margin-top {
    margin-top: 50px
}

.product-list .products {
    display: flex;
    flex-wrap: wrap
}

.product-list .products.row .swiper-container {
    flex-grow: 1
}

.product-list .products.row > .col {
    margin-left: 0
}

.product-list .products .item {
    background-color: #fff;
    margin-bottom: 5px
}

.product-list .products.has-banner {
    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 {
    height: calc(100% - 15px)
}

.product-list .products.has-banner .col.banner.banner--1x1 {
    align-self: stretch;
    grid-column: span 1;
    grid-row: 1;
    min-height: 376px
}

.product-list .products.has-banner .col.banner.banner--2x1 {
    align-self: stretch;
    grid-column: span 2;
    grid-row: 1;
    min-height: 376px
}

.product-list .products.has-banner .col.banner.banner--2x2 {
    align-self: stretch;
    grid-column: span 2;
    grid-row: span 2;
    min-height: 767px
}

.product-list .products.has-banner.banner--right .col.banner--1x1 {
    grid-column: 5/span 1
}

.product-list .products.has-banner.banner--right .col.banner--2x1, .product-list .products.has-banner.banner--right .col.banner--2x2 {
    grid-column: 4/span 2
}


.product-list .products.has-banner > .col {
    justify-self: stretch;
    width: 100% !important
}

.product-list .product-list__title {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.product-list .product-list__title h2 {
    margin-bottom: 0
}

.product-list .product-list__title .button--primary svg {
    display: inline-block;
    margin-left: 5px;
    vertical-align: -2px
}

.product-list .product-list__title .button--primary svg use {
    stroke: #fff;
    stroke-width: 1
}

.product-list .product-list__title .skeleton-title {
    background-color: #f4f4f4;
    height: 24px;
    width: 500px
}

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

img {
    max-width: 100%
}

.item {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: 100%;
    padding: 40px 5px 20px
}

.item > div, .item > section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.item .item__info {
    padding: 0 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item {
        min-height: 300px;
        padding: 30px 3px 10px
    }

    .item .item__info {
        padding: 0 10px
    }

    .item .item__rating {
        display: block;
        float: none;
        margin-top: -2px
    }

    .item .item__rating .rating-block {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

.home-products-list .product-list .rating-block img {
    display: inline-block;
    height: 12px;
    width: 68px;
}

@media only screen and (max-width: 600px) {
    .item {
        min-height: 260px;
        padding: 25px 2px 15px
    }

    .item .item__info {
        padding: 0 10px
    }

    .item .item__rating {
        display: block;
        float: none
    }

    .item .item__rating .rating-block {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

.item:hover .item__sizes {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.item.with-countdown {
    padding-bottom: 36px !important
}

.item.with-countdown .product-image img {
    display: block;
    margin: 0 auto;
    width: 90%
}

.item .item__name {
    justify-content: flex-end;
    margin: 35px 0 15px;
    position: relative
}

@media only screen and (max-width: 992px) {
    .item .item__name {
        margin: 5px 0 15px
    }
}

.item .item__sizes {
    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 {
    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 {
        font-size: 10px;
        line-height: 14px;
        margin: 10px 0;
        padding-bottom: 10px
    }
}

@media only screen and (max-width: 600px) {
    .item .heading-tag {
        font-size: 9px;
        line-height: 12px;
        padding-bottom: 10px
    }
}

.item .heading-tag > span {
    color: #333;
    display: inline-block;
    font-weight: 300;
    line-height: 1.1;
    margin-bottom: 2px
}

.item .heading-tag strong {
    display: block;
    font-size: 13px;
    font-weight: 700
}

@media only screen and (max-width: 600px) {
    .item .heading-tag strong {
        font-size: 11px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item .heading-tag strong {
        font-size: 12px
    }
}

@media only screen and (max-width: 600px) {
    .item .item__rating {
        float: none
    }
}

/*
.item .rating-block img {
    height: auto;
    margin-right: -4px;
    width: 10px
}
*/

.item.with-skeleton {
    border-color: #ededed
}

.item__bottom {
    position: relative
}

.item__price {
    color: #000;
    font-size: 14px;
    font-weight: 800;
    line-height: 20px
}

@media (max-width: 374px) {
    .item__price {
        font-size: 12px
    }
}

.item__old-price {
    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 {
        font-size: 9px
    }
}

.item__price-my-motocard {
    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 .price {
    font-size: 11px;
    font-weight: 700
}

.item__price-my-motocard .club-price {
    font-size: 10px
}

.item__price-my-motocard .club-info__icon {
    display: none
}

.item__price-my-motocard .club-info__tooltip {
    margin: 7px 0 0;
    right: -8px;
    top: 21px
}

.item__price-my-motocard .club-info__tooltip:before {
    border-color: transparent transparent #333;
    left: auto;
    right: 10px;
    top: -11px
}

.item__price-my-motocard .price__title {
    flex-shrink: 0
}

@media only screen and (max-width: 600px) {
    .item__price-my-motocard .price {
        font-size: 11px
    }
}

.skeleton-loading {
    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 {
        padding: 5px
    }
}

.skeleton-loading * {
    background-color: #f5f5f5
}

.skeleton-loading .skeleton-image {
    background-color: #f5f5f5;
    border-radius: 100%;
    margin: 0 auto;
    padding-top: 100%;
    width: 100%
}

.skeleton-loading .skeleton-info {
    background-color: transparent
}

.skeleton-loading .skeleton-title-one {
    height: 14px;
    margin: 42px 0 2px;
    width: 80%
}

.skeleton-loading .skeleton-title-two {
    height: 16px;
    margin: 6px 0 17px;
    width: 100%
}

@media only screen and (max-width: 600px) {
    .skeleton-loading .skeleton-title-two {
        margin-bottom: 12px
    }
}

.skeleton-loading .separator {
    height: 1px;
    width: 100%
}

.skeleton-loading .skeleton-price {
    float: left;
    width: 40%
}

.skeleton-loading .skeleton-stars {
    float: right;
    width: 25%
}

.skeleton-loading .skeleton-price, .skeleton-loading .skeleton-stars {
    height: 16px;
    margin-top: 17px
}

@media only screen and (max-width: 600px) {
    .skeleton-loading .skeleton-price, .skeleton-loading .skeleton-stars {
        margin-top: 12px
    }
}

.info-tags {
    bottom: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%, 35%);
    transform: translate(-50%, 35%)
}

@media only screen and (max-width: 600px) {
    .info-tags {
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.product-tags {
    left: 0;
    position: absolute;
    top: 12px
}

@media only screen and (max-width: 600px) {
    .product-tags {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        top: 10px
    }
}

.product-tags .tag.product-tag {
    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 {
        font-size: 9px;
        margin-bottom: 1px;
        padding: 2px 10px
    }
}

.product-tags .tag.info-tag {
    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 {
        font-size: 9px;
        padding: 1px 10px
    }
}

.compatibles {
    margin: 12px 0 14px
}

@media only screen and (max-width: 600px) {
    .compatibles {
        margin-top: 15px
    }

    .compatibles .button--small {
        height: auto;
        line-height: normal;
        padding: 5px
    }
}

.compatibles .button {
    width: 100%
}

.price-overlay {
    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 {
    padding: 14px 10px
}

.price-overlay .price-overlay__heading {
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase
}

.price-overlay .price-overlay__heading strong {
    display: block;
    font-size: 13px;
    font-weight: 700
}

.price-overlay .price-overlay__old-price {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: -.5px
}

.price-overlay .price-overlay__price {
    color: #fff;
    font-size: 14px;
    font-weight: 900
}

.price-overlay .product-price-my-motocard {
    color: #fff;
    margin-left: 8px;
    margin-right: 8px
}

.price-overlay .product-price-my-motocard svg use {
    stroke: #fff !important
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .price-overlay {
        padding: 2px
    }

    .price-overlay.price-overlay__countdown {
        padding: 12px 10px
    }

    .price-overlay .price-overlay__heading strong {
        font-size: 12px
    }
}

.item:hover .price-overlay {
    opacity: 1
}

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

img {
    max-width: 100%
}

.brands-block {
    background-color: #f5f5f5;
    padding: 40px 0
}

@media only screen and (max-width: 600px) {
    .brands-block {
        padding: 40px 0 30px
    }
}

.brands-block .row .col {
    overflow: hidden
}

.brands-block .row .col .skeleton-loading {
    border-collapse: separate;
    border-spacing: 10px;
    padding: 0;
    width: 100%
}

.brands-block .row .col .skeleton-loading td {
    padding: 0;
    vertical-align: middle
}

.brands-block .row .col .skeleton-loading .skeleton-brand {
    align-items: center;
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    height: 340px;
    justify-content: center;
    overflow: hidden;
    width: 270px
}

.brands-block .row .col .skeleton-loading .skeleton-brand .skeleton-brand__logo {
    background-color: #f5f5f5;
    display: block;
    height: 60px;
    width: 150px
}

h2 {
    font-weight: 900;
    margin: 30px 0 50px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    h2 {
        font-size: 20px;
        margin: 0 0 30px
    }
}


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

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

.bike-search-block[data-v-fb0f1036] {
    padding: 50px 0 40px
}

.bike-search-block[data-v-fb0f1036] .bike-search.horizontal .h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0 auto 30px
}

.bike-search-block[data-v-fb0f1036] .search-button button:hover {
    -webkit-filter: opacity(.8);
    filter: opacity(.8)
}

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

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

.bike-search[data-v-fd363e34] {
    flex: 0 0 30%;
    text-align: center
}

.bike-search .h3[data-v-fd363e34] {
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    margin: 0 auto 20px;
    text-align: left;
    text-transform: uppercase
}

.bike-search .bike-search-filter .bike-selector[data-v-fd363e34] {
    flex: 0 0 100%
}

.bike-search .bike-search-filter .search-button[data-v-fd363e34] {
    display: flex;
    flex: 0 1 100%;
    margin-bottom: 8px;
    position: relative
}

.bike-search .bike-search-filter .search-button button[data-v-fd363e34] {
    flex: 0 1 100%;
    line-height: 32px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-top: 0
}

.bike-search .bike-search-filter .search-button button[disabled][data-v-fd363e34] {
    pointer-events: none
}

.bike-search.horizontal .h3[data-v-fd363e34] {
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto 10px
}

@media only screen and (max-width: 600px) {
    .bike-search.horizontal .h3[data-v-fd363e34] {
        font-size: 12px;
        margin: 10px auto 12px
    }
}

.bike-search.horizontal .bike-search-filter[data-v-fd363e34] {
    gap: 7px
}

.bike-search.horizontal .bike-search-filter .bike-selector[data-v-fd363e34] {
    flex: 0 1 100%
}

@media only screen and (min-width: 601px) {
    .bike-search.horizontal .bike-search-filter[data-v-fd363e34] {
        display: flex
    }

    .bike-search.horizontal .bike-search-filter .search-button[data-v-fd363e34] {
        flex: 0 1 20%
    }
}

.bike-search__selected[data-v-fd363e34] {
    margin-bottom: 24px
}

@media only screen and (max-width: 600px) {
    .bike-search__selected[data-v-fd363e34] {
        margin-top: 10px
    }
}

.bike-search__selected .h3[data-v-fd363e34] {
    font-size: 14px;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .bike-search__selected .h3[data-v-fd363e34] {
        margin-top: 0 !important
    }

    .bike-search__selected .h3[data-v-fd363e34] strong {
        display: block
    }
}

.bike-search__selected .choose-another[data-v-fd363e34] {
    color: #d6001c;
    font-size: 9px !important;
    font-weight: 600;
    text-transform: uppercase
}

.add-bike__message[data-v-fd363e34] {
    align-items: center;
    background: #f5f5f5;
    display: flex;
    font-size: 11px;
    font-weight: 600;
    gap: 8px;
    justify-content: center;
    padding: 12px 8px;
    position: relative;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .add-bike__message[data-v-fd363e34] {
        flex-direction: column
    }
}

.add-bike__message p[data-v-fd363e34] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .add-bike__message p[data-v-fd363e34] {
        flex-direction: column
    }
}

.add-bike__message[data-v-fd363e34]:before {
    border-color: transparent transparent #f5f5f5;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 100%;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.add-bike__message strong[data-v-fd363e34] {
    color: #d6001c;
    display: inline
}

.add-bike__message .icon-garage[data-v-fd363e34] {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center right;
    transform-origin: center right
}

.add-bike__message svg use[data-v-fd363e34] {
    stroke: #d6001c
}

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

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

.bike-selector[data-v-05a18027] {
    text-align: center
}

.bike-selector[data-v-05a18027] .vs__selected-options {
    padding-left: 20px !important
}

.bike-selector[data-v-05a18027] .vs__selected-options input, .bike-selector[data-v-05a18027] .vs__selected-options span {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase;
    vertical-align: middle
}

.bike-selector[data-v-05a18027] .v-select.vs--disabled {
    opacity: .5
}

.bike-selector[data-v-05a18027] .v-select .vs__actions {
    min-height: 34px
}

.bike-selector[data-v-05a18027] .v-select.vs--searching:not(.vs--open):not(.vs--loading) .vs__search {
    opacity: 1
}

.bike-selector[data-v-05a18027] ul {
    padding: 0
}

.bike-selector[data-v-05a18027] ul li {
    padding: 0 30px 0 10px !important
}

.bike-selector[data-v-05a18027] ul li {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap
}

.bike-selector[data-v-05a18027] ul li.vs__dropdown-option--highlight {
    background-color: #f5f5f5;
    color: #000
}

.bike-selector[data-v-05a18027] ul li > div {
    height: 34px
}

.bike-selector select[data-v-05a18027] {
    margin: 0;
    padding-left: 30px;
    width: 100%
}

.bike-selector .select-container[data-v-05a18027] {
    flex: 0 1 100%;
    margin-bottom: 8px;
    position: relative
}

.bike-selector .select-container > span[data-v-05a18027] {
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    display: block;
    font-size: 8px;
    font-weight: 800;
    height: 14px;
    left: 10px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px
}

.bike-selector.horizontal[data-v-05a18027] {
    width: 100%
}

.bike-selector.horizontal[data-v-05a18027] .selector {
    display: flex;
    gap: 8px
}

.bike-selector.horizontal[data-v-05a18027] .selector .select-container {
    margin-bottom: 0
}

.bike-selector .search-button[data-v-05a18027] {
    flex: 0 1 20%
}

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

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

img {
    max-width: 100%
}

.multi-banner-block__title {
    font-size: 36px;
    font-weight: 900;
    margin: 70px 0 0;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .multi-banner-block__title {
        font-size: 26px
    }
}

.multi-banner-block__container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-template-rows:repeat(1, 1fr);
    margin-bottom: 32px;
    padding: 32px 0 0
}

.multi-banner-block__container.invisible .multi-banner-block__item, .multi-banner-block__container.invisible .multi-banner-block__item:before {
    background: transparent
}

.multi-banner-block__container.invisible img {
    opacity: 0
}

.multi-banner-block__container.columns-2 {
    grid-template-columns:repeat(2, 1fr)
}

.multi-banner-block__container.columns-3 {
    grid-template-columns:repeat(3, 1fr)
}

.multi-banner-block__item {
    align-items: center;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background: #f5f5f5;
    box-sizing: border-box;
    display: flex;
    height: 350px;
    justify-content: center;
    overflow: hidden;
    padding: 32px;
    position: relative;
    text-align: center;
    width: 100%
}

.multi-banner-block__item:before {
    background: rgba(0, 0, 0, .5);
    background: inherit;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: inherit
}

@media only screen and (max-width: 600px) {
    .multi-banner-block__item:before {
        display: none
    }
}

.multi-banner-block__item > a:before, .multi-banner-block__item > div:before {
    background: rgba(0, 0, 0, .2);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.multi-banner-block__item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%
}

.multi-banner-block__item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width: 600px) {
    .multi-banner-block__item, .multi-banner-block__item:hover {
        background-size: cover !important
    }
}

.multi-banner-block__item p, .multi-banner-block__item small, .multi-banner-block__item strong {
    display: block;
    position: relative;
    z-index: 5
}

.multi-banner-block__item p {
    color: #fff;
    font-size: 16px;
    margin: 0
}

.multi-banner-block__item small {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px
}

.multi-banner-block__item strong {
    color: #fff;
    font-size: 36px;
    font-weight: 900;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .multi-banner-block__container {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100vw
    }

    .multi-banner-block__item {
        height: 220px;
        padding: 0
    }

    .multi-banner-block__item a {
        display: block;
        padding: 0 16px
    }

    .multi-banner-block__item strong {
        font-size: 22px
    }
}

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

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

.newsletter-main[data-v-5df1cf32] {
    background: #000;
    background-image: url(https://cdn.motocard.com/assets/images/bg-newsletter-subscription.jpg);
    background-position: right -140px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff !important;
    position: relative
}

.newsletter-main[data-v-5df1cf32]:after {
    background-color: rgba(0, 0, 0, .75);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0
}

.newsletter-main > .back[data-v-5df1cf32], .newsletter-main > .confirm[data-v-5df1cf32], .newsletter-main > .front[data-v-5df1cf32] {
    box-sizing: border-box;
    display: block;
    height: 100%;
    min-height: 480px;
    padding: 60px 30px;
    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%;
    z-index: 1
}

@media only screen and (max-width: 600px) {
    .newsletter-main > .back[data-v-5df1cf32], .newsletter-main > .confirm[data-v-5df1cf32], .newsletter-main > .front[data-v-5df1cf32] {
        padding: 15px;
        width: 100%
    }
}

.newsletter-main > .front[data-v-5df1cf32] {
    align-items: center;
    display: flex;
    position: relative
}

@media (max-width: 374px) {
    .newsletter-main > .front[data-v-5df1cf32] {
        height: 100%;
        padding: 15px
    }
}

.newsletter-main > .front .front__content[data-v-5df1cf32] {
    margin: 0 auto;
    width: 70%
}

@media only screen and (max-width: 600px) {
    .newsletter-main > .front .front__content[data-v-5df1cf32] {
        width: 100%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .newsletter-main > .front .front__content[data-v-5df1cf32] {
        width: 80%
    }
}

.newsletter-main > .front .newsletter__content[data-v-5df1cf32] {
    max-width: 600px;
    width: 70%
}

@media only screen and (max-width: 600px) {
    .newsletter-main > .front .newsletter__content[data-v-5df1cf32] {
        width: 100%
    }
}

.newsletter-main > .front .newsletter__content .content__email[data-v-5df1cf32] {
    display: flex;
    position: relative
}

.newsletter-main > .front .newsletter__content .content__email input[type=email][data-v-5df1cf32] {
    -webkit-appearance: none;
    background: #fff !important;
    background-image: none;
    border: none;
    border-radius: 3px 0 0 3px;
    box-sizing: border-box;
    font-size: 1rem;
    height: 40px;
    line-height: 20px;
    max-width: 100%;
    padding: 16px;
    width: 100%
}

.newsletter-main > .front .newsletter__content .content__email[data-v-5df1cf32]:focus {
    border: none
}

.newsletter-main > .front .newsletter__content .content__email button[data-v-5df1cf32] {
    background-color: #fff;
    border: none;
    border-radius: 0 3px 3px 0;
    color: #1a1a1a;
    flex: 1 0 45px;
    height: 40px;
    max-width: 45px;
    padding: 0
}

.newsletter-main > .front .newsletter__content .content__email button span[data-v-5df1cf32] {
    display: none
}

.newsletter-main > .front .newsletter__content .content__email button.animated[data-v-5df1cf32] {
    background-color: #000
}

.newsletter-main > .front .newsletter__content .content__email button.animated svg[data-v-5df1cf32] {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2)
}

.newsletter-main > .back[data-v-5df1cf32] {
    align-items: center;
    box-sizing: border-box;
    height: 100%;
    justify-content: center;
    padding: 30px;
    pointer-events: none;
    position: relative;
    width: 100%
}

@media (max-width: 374px) {
    .newsletter-main > .back[data-v-5df1cf32] {
        padding: 15px
    }
}

.newsletter-main > .back h2[data-v-5df1cf32] {
    color: #fff;
    font-size: 2.2em;
    margin-top: 0;
    text-align: center
}

@media only screen and (max-width: 600px) {
    .newsletter-main > .back h2[data-v-5df1cf32] {
        font-size: 1.8em;
        margin-bottom: 15px
    }
}

.newsletter-main .newsletter__title[data-v-5df1cf32] {
    margin-bottom: 30px
}

.newsletter-main .newsletter__title h2[data-v-5df1cf32] {
    font-size: 2.2em;
    margin-top: 0
}

@media only screen and (max-width: 600px) {
    .newsletter-main .newsletter__title h2[data-v-5df1cf32] {
        font-size: 1.8em;
        margin-bottom: 15px
    }
}

.newsletter-main .legal-accept[data-v-5df1cf32] {
    color: #fff !important;
    font-size: 12px;
    line-height: 1.2em
}

.newsletter-main a[data-v-5df1cf32] {
    color: #fff !important;
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.newsletter-main > .confirm[data-v-5df1cf32] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: relative;
    width: 100%
}

.newsletter-main > .confirm .confirm__content[data-v-5df1cf32] {
    box-sizing: border-box;
    margin: 0 auto;
    width: 70%
}

@media only screen and (max-width: 600px) {
    .newsletter-main > .confirm .confirm__content[data-v-5df1cf32] {
        width: 95%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .newsletter-main > .confirm .confirm__content[data-v-5df1cf32] {
        width: 80%
    }
}

.newsletter-main > .confirm .confirm__content h3[data-v-5df1cf32] {
    color: #fff;
    font-size: 2.2em;
    margin-top: 0
}

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

.newsletter-main.step-1 > .front[data-v-5df1cf32] {
    display: flex;
    pointer-events: auto
}

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

.newsletter-main.step-2 > .back[data-v-5df1cf32] {
    display: flex;
    pointer-events: auto
}

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

.newsletter-main.step-3 > .confirm[data-v-5df1cf32] {
    display: flex;
    pointer-events: auto
}

.newsletter-main .back__content[data-v-5df1cf32] {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 70%
}

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

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .newsletter-main .back__content[data-v-5df1cf32] {
        width: 80%
    }
}

.email-form[data-v-5df1cf32] {
    line-height: 0;
    margin-top: 17px;
    position: relative
}

@media only screen and (max-width: 992px)and (orientation: landscape) {
    .email-form[data-v-5df1cf32] {
        margin-top: 0
    }
}

@media only screen and (max-width: 600px) {
    .email-form[data-v-5df1cf32] {
        padding-top: 0
    }
}

.error-message[data-v-5df1cf32] {
    bottom: calc(100% + 5px);
    color: #f44a4a;
    display: block;
    flex: 0 0 100%;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 13px;
    position: absolute;
    text-transform: uppercase
}

.form-group__riding-styles[data-v-5df1cf32] {
    margin: 40px 0;
    max-width: 70%
}

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

@media only screen and (max-width: 600px) {
    .form-group__riding-styles[data-v-5df1cf32] {
        max-width: 100%
    }
}

.form-group__riding-styles h2[data-v-5df1cf32] {
    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-5df1cf32] {
    color: #d6001c
}

.form-group__riding-styles label[data-v-5df1cf32] {
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: .4px;
    line-height: 23px;
    margin-bottom: 6px;
    text-transform: uppercase
}

.form-group__riding-styles label svg[data-v-5df1cf32] {
    vertical-align: -4px
}

.form-group__riding-styles label use[data-v-5df1cf32] {
    stroke: #fff;
    stroke-width: .8
}

.form-group__riding-styles [type=checkbox] + span[data-v-5df1cf32] {
    height: 16px;
    line-height: 16px;
    padding-left: 22px
}

.form-group__riding-styles [type=checkbox] + span[data-v-5df1cf32]:before {
    border-color: #fff;
    height: 14px;
    margin-top: 0;
    width: 14px
}

.form-group__riding-styles [type=checkbox]:checked + span[data-v-5df1cf32]:before {
    background-color: #d6001c;
    border-color: #d6001c
}

.riding-styles__checkboxes[data-v-5df1cf32] {
    width: 100%
}

@media only screen and (min-width: 601px) {
    .riding-styles__checkboxes[data-v-5df1cf32] {
        width: 70%
    }
}

.riding-styles__checkboxes[data-v-5df1cf32] .checkbox__tile {
    background-color: hsla(0, 0%, 100%, .7)
}

: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-dfb1346e]:root {
    --swiper-pagination-color: hsla(0, 0%, 100%, .8)
}

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

.blog-block[data-v-dfb1346e] {
    background-color: #f5f5f5;
    margin-top: 70px;
    padding: 50px 0
}

@media only screen and (max-width: 600px) {
    .blog-block[data-v-dfb1346e] {
        padding: 30px 0
    }

    .blog-block > .container[data-v-dfb1346e] {
        width: 100%
    }

    .blog-block > .container > .row > .col[data-v-dfb1346e] {
        padding: 0
    }
}

.blog-block__content[data-v-dfb1346e] {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 40px;
    padding: 0
}

@media only screen and (max-width: 600px) {
    .blog-block__content[data-v-dfb1346e] {
        overflow-x: scroll
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .blog-block__content[data-v-dfb1346e] {
        overflow-x: scroll
    }
}

.blog-block__content li[data-v-dfb1346e] {
    flex: 0 0 32%
}

@media only screen and (max-width: 600px) {
    .blog-block__content li[data-v-dfb1346e] {
        flex: 0 0 90%;
        margin-right: 15px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .blog-block__content li[data-v-dfb1346e] {
        flex: 0 0 42%;
        margin-right: 15px
    }
}

.blog-block__content a[data-v-dfb1346e]:not(.image-link) {
    bottom: 15px;
    font-size: 10px;
    font-weight: 500;
    left: 30px;
    line-height: 21px;
    position: absolute;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .blog-block__content a[data-v-dfb1346e]:not(.image-link) {
        left: 20px
    }
}

@media only screen and (max-width: 600px) {
    .blog-block__content a[data-v-dfb1346e]:not(.image-link) {
        left: 20px
    }
}

.blog-block__content a:not(.image-link) img[data-v-dfb1346e] {
    margin-left: 3px;
    vertical-align: -2px
}

h2[data-v-dfb1346e] {
    font-weight: 900;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    h2[data-v-dfb1346e] {
        margin: 0 15px 30px
    }
}

.article[data-v-dfb1346e] {
    background-color: #fff;
    position: relative
}

.article > img[data-v-dfb1346e] {
    -webkit-clip-path: rectangle(0, 0, 100%, 50%, 0, 0);
    clip-path: rectangle(0, 0, 100%, 50%, 0, 0)
}

.home-blog-post__content[data-v-dfb1346e] {
    padding: 20px 30px 30px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .home-blog-post__content[data-v-dfb1346e] {
        padding: 15px 20px 30px
    }
}

@media only screen and (max-width: 600px) {
    .home-blog-post__content[data-v-dfb1346e] {
        padding: 15px 20px 30px
    }
}

h3[data-v-dfb1346e] {
    font-size: 24px;
    font-weight: 900;
    line-height: 25px;
    margin: 0 0 3px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    h3[data-v-dfb1346e] {
        font-size: 18px;
        line-height: 20px
    }
}

small[data-v-dfb1346e] {
    color: #acacac;
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

p[data-v-dfb1346e], small[data-v-dfb1346e] {
    line-height: 21px;
    margin-bottom: 15px
}

p[data-v-dfb1346e] {
    font-size: 14px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    p[data-v-dfb1346e] {
        font-size: 13px;
        line-height: 18px
    }
}

.blog-link[data-v-dfb1346e] {
    text-align: center
}

.blog-link a svg[data-v-dfb1346e] {
    vertical-align: -2px
}

.blog-link a svg use[data-v-dfb1346e] {
    stroke-width: 1
}

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

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

.text-block[data-v-12b46706] {
    padding: 40px 0
}

.text-block[data-v-12b46706] .motocard-logo .light {
    display: none
}

.text-block[data-v-12b46706] .motocard-logo .dark {
    display: block
}

h1[data-v-12b46706], span.h1[data-v-12b46706] {
    display: block;
    margin-bottom: 30px;
    text-align: center
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    h1[data-v-12b46706], span.h1[data-v-12b46706] {
        margin-bottom: 10px
    }
}

@media only screen and (max-width: 600px) {
    h1[data-v-12b46706], span.h1[data-v-12b46706] {
        margin-bottom: 10px
    }

    h1[data-v-12b46706] img, span.h1[data-v-12b46706] img {
        margin: 0 auto
    }
}

.text[data-v-12b46706] {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    transition: all .5s ease-in-out
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .text[data-v-12b46706] {
        font-size: 14px;
        line-height: 24px
    }
}

@media only screen and (max-width: 600px) {
    .text[data-v-12b46706] {
        font-size: 14px;
        line-height: 24px
    }
}

.text a[data-v-12b46706] {
    font-weight: 700
}

.show-full-text[data-v-12b46706] {
    margin-top: 10px;
    text-align: center
}

.show-full-text button[data-v-12b46706] {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 0;
    text-transform: uppercase
}

.show-full-text button svg[data-v-12b46706] {
    margin-left: 5px;
    vertical-align: -2px
}

.show-full-text button svg use[data-v-12b46706] {
    stroke: #d6001c;
    stroke-width: 1.2
}

.show-full-text button[data-v-12b46706]:hover {
    color: #d6001c
}

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

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

.youtube-block[data-v-ca165f42] {
    margin-top: 70px;
    padding: 50px 0
}

@media only screen and (max-width: 600px) {
    .youtube-block[data-v-ca165f42] {
        padding: 30px 0
    }

    .youtube-block > .container[data-v-ca165f42] {
        width: 100%
    }

    .youtube-block > .container > .row > .col[data-v-ca165f42] {
        padding: 0
    }
}

.video-thumb[data-v-ca165f42] {
    display: block;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative
}

.video-thumb img[data-v-ca165f42], .video-thumb[data-v-ca165f42]:before {
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-thumb[data-v-ca165f42]:before {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0NSI+PHBhdGggZmlsbD0iI0ZGRiIgZD0iTTUuMzcxIDQ0LjA3YTYuNDMgNi40MyAwIDAgMCAxLjc0NC0uMjU4Yy41ODgtLjE4IDEuMjc1LS40ODkgMi4wNjItLjk0N2wyNi42NjEtMTUuNTAyYzEuMDc2LS42MzggMS45NTMtMS4zNDUgMi42MS0yLjE0Mi42NDgtLjgwNy45NzctMS43NzQuOTc3LTIuOTIgMC0xLjE0NS0uMzI5LTIuMTEyLS45ODYtMi45MDktLjY1OC0uNzk3LTEuNTM1LTEuNTA0LTIuNjItMi4xMzJMOS4xNDYgMS43MzhDOC4zNiAxLjI4OSA3LjY3My45OCA3LjA3NS44QTYuMDUxIDYuMDUxIDAgMCAwIDUuMzIyLjUzMmMtMS4yNjYgMC0yLjM5MS40NTktMy40MDggMS4zODVDLjg5OCAyLjg0NC4zOSA0LjE1LjM5IDUuODMzVjM4LjcxYzAgMS42OTQuNDk4IDMgMS41MTQgMy45MjYgMS4wMDcuOTE2IDIuMTQyIDEuMzc1IDMuMzk4IDEuMzc1bC4wNy4wNnoiLz48L3N2Zz4=) 50% no-repeat;
    content: "";
    height: 100%;
    opacity: .8;
    transition: all .35s ease-out;
    width: 100%
}

.video-thumb[data-v-ca165f42]:hover:before {
    background-color: rgba(0, 0, 0, .25);
    opacity: 1
}

.youtube-block__content[data-v-ca165f42] {
    display: flex;
    justify-content: space-between;
    list-style-type: none;
    margin: 0 0 40px;
    padding: 0
}

@media only screen and (max-width: 600px) {
    .youtube-block__content[data-v-ca165f42] {
        overflow-x: scroll
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .youtube-block__content[data-v-ca165f42] {
        overflow-x: scroll
    }
}

.youtube-block__content li[data-v-ca165f42] {
    flex: 0 0 32%
}

@media only screen and (max-width: 600px) {
    .youtube-block__content li[data-v-ca165f42] {
        flex: 0 0 90%;
        margin-right: 15px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .youtube-block__content li[data-v-ca165f42] {
        flex: 0 0 42%;
        margin-right: 15px
    }
}

.youtube-block__content .view-video-link[data-v-ca165f42] {
    bottom: 15px;
    font-size: 10px;
    font-weight: 500;
    left: 30px;
    line-height: 21px;
    position: absolute;
    text-transform: uppercase
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .youtube-block__content .view-video-link[data-v-ca165f42] {
        left: 20px
    }
}

@media only screen and (max-width: 600px) {
    .youtube-block__content .view-video-link[data-v-ca165f42] {
        left: 20px
    }
}

.youtube-block__content .view-video-link img[data-v-ca165f42] {
    margin-left: 3px;
    vertical-align: -2px
}

h2[data-v-ca165f42] {
    font-weight: 900;
    margin: 0 0 40px;
    text-align: center;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    h2[data-v-ca165f42] {
        margin: 0 0 30px
    }
}

.video[data-v-ca165f42] {
    background-color: #f5f5f5;
    position: relative
}

.video > img[data-v-ca165f42] {
    -webkit-clip-path: rectangle(0, 0, 100%, 50%, 0, 0);
    clip-path: rectangle(0, 0, 100%, 50%, 0, 0)
}

.home-youtube-post__content[data-v-ca165f42] {
    padding: 20px 30px 30px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .home-youtube-post__content[data-v-ca165f42] {
        padding: 15px 20px 30px
    }
}

@media only screen and (max-width: 600px) {
    .home-youtube-post__content[data-v-ca165f42] {
        padding: 15px 20px 30px
    }
}

h3[data-v-ca165f42] {
    font-size: 24px;
    font-weight: 900;
    line-height: 25px;
    margin: 0 0 3px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    h3[data-v-ca165f42] {
        font-size: 18px;
        line-height: 20px
    }
}

small[data-v-ca165f42] {
    color: #acacac;
    display: block;
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase
}

p[data-v-ca165f42], small[data-v-ca165f42] {
    line-height: 21px;
    margin-bottom: 15px
}

p[data-v-ca165f42] {
    font-size: 14px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    p[data-v-ca165f42] {
        font-size: 13px;
        line-height: 18px
    }
}

.youtube-link[data-v-ca165f42] {
    text-align: center
}

.youtube-link a svg[data-v-ca165f42] {
    vertical-align: -2px
}

.youtube-link a svg use[data-v-ca165f42] {
    stroke-width: 1
}

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

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

img {
    max-width: 100%
}

.footer-description .motocard-logo .light {
    display: none
}

.footer-description .motocard-logo .dark {
    display: block
}

@media only screen and (max-width: 992px) {
    .footer-description .motocard-logo {
        justify-content: center
    }

    .footer-description .motocard-logo img {
        margin: 0 auto
    }
}

.dark.home .footer-description .motocard-logo .light {
    display: block
}

.dark.home .footer-description .motocard-logo .dark {
    display: none
}

footer {
    background-color: #f5f5f5;
    padding: 50px 0
}

footer > .container > .row {
    margin-bottom: 0
}

footer ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0
}

footer span.h3 {
    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 {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-container {
        flex-wrap: wrap
    }
}

@media only screen and (max-width: 600px) {
    .footer-container {
        flex-wrap: wrap
    }
}

.footer-description {
    flex: 0 0 35%
}

.footer-description > img {
    height: auto;
    width: 140px
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description {
        flex: 0 0 100%;
        text-align: center
    }
}

.footer-description p {
    font-size: 13px;
    line-height: 18px;
    margin: 15px 0
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description p {
        font-size: 13px;
        line-height: 16px
    }
}

.footer-description nav ul {
    display: flex
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul {
        flex-wrap: wrap;
        justify-content: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-description nav ul {
        flex-wrap: wrap;
        justify-content: center
    }
}

.footer-description nav ul li {
    margin-right: 3px
}

.footer-description nav ul .mtc-link, .footer-description nav ul a, .footer-description nav ul span {
    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, .footer-description nav ul a, .footer-description nav ul span {
        margin-bottom: 3px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-description nav ul .mtc-link, .footer-description nav ul a, .footer-description nav ul span {
        margin-bottom: 3px
    }
}

.footer-description nav ul .mtc-link > svg use, .footer-description nav ul a > svg use, .footer-description nav ul span > svg use {
    fill: #fff
}

.footer-description nav ul .mtc-link.sm-blog, .footer-description nav ul a.sm-blog, .footer-description nav ul span.sm-blog {
    background-color: #d6001c
}

.footer-description nav ul .mtc-link.sm-blog:hover, .footer-description nav ul a.sm-blog:hover, .footer-description nav ul span.sm-blog:hover {
    background-color: #f0001f
}

.footer-description nav ul .mtc-link.sm-fb, .footer-description nav ul a.sm-fb, .footer-description nav ul span.sm-fb {
    background-color: #3b5997
}

.footer-description nav ul .mtc-link.sm-fb:hover, .footer-description nav ul a.sm-fb:hover, .footer-description nav ul span.sm-fb:hover {
    background-color: #4264a9
}

.footer-description nav ul .mtc-link.sm-tw, .footer-description nav ul a.sm-tw, .footer-description nav ul span.sm-tw {
    background-color: #1ea0f3
}

.footer-description nav ul .mtc-link.sm-tw:hover, .footer-description nav ul a.sm-tw:hover, .footer-description nav ul span.sm-tw:hover {
    background-color: #36aaf4
}

.footer-description nav ul .mtc-link.sm-yt, .footer-description nav ul a.sm-yt, .footer-description nav ul span.sm-yt {
    background-color: #e40303
}

.footer-description nav ul .mtc-link.sm-yt:hover, .footer-description nav ul a.sm-yt:hover, .footer-description nav ul span.sm-yt:hover {
    background-color: #fc0505
}

.footer-description nav ul .mtc-link.sm-ig, .footer-description nav ul a.sm-ig, .footer-description nav ul span.sm-ig {
    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:hover, .footer-description nav ul a.sm-ig:hover, .footer-description nav ul span.sm-ig:hover {
    background: linear-gradient(45deg, #f09433, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888)
}

.footer-description nav ul .mtc-link.sm-tt, .footer-description nav ul a.sm-tt, .footer-description nav ul span.sm-tt {
    background-color: #000
}

.footer-description nav ul .mtc-link.sm-tt:hover, .footer-description nav ul a.sm-tt:hover, .footer-description nav ul span.sm-tt:hover {
    background-color: #333
}

.footer-description nav ul .mtc-link.sm-twitch, .footer-description nav ul a.sm-twitch, .footer-description nav ul span.sm-twitch {
    background-color: #6441a4
}

.footer-description nav ul .mtc-link.sm-twitch:hover, .footer-description nav ul a.sm-twitch:hover, .footer-description nav ul span.sm-twitch:hover {
    background-color: #9a7fcc
}

.footer-description nav ul .mtc-link.sm-nl, .footer-description nav ul a.sm-nl, .footer-description nav ul span.sm-nl {
    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, .footer-description nav ul a.sm-nl svg, .footer-description nav ul span.sm-nl svg {
    margin-right: 3px
}

.footer-description nav ul .mtc-link.sm-nl svg use, .footer-description nav ul a.sm-nl svg use, .footer-description nav ul span.sm-nl svg use {
    fill: none;
    stroke: #fff;
    stroke-width: 1
}

.footer-description nav ul .mtc-link.sm-nl:hover, .footer-description nav ul a.sm-nl:hover, .footer-description nav ul span.sm-nl:hover {
    background-color: #fc0505
}

.footer-nav {
    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 {
        flex: 0 0 100%;
        text-align: center
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav {
        flex-wrap: wrap;
        text-align: center
    }

    .footer-nav ul {
        margin-bottom: 30px
    }
}

.footer-nav .mtc-link {
    color: #000;
    font-size: 13px;
    line-height: 23px
}

.footer-nav .mtc-link:hover {
    color: #d6001c
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-nav .mtc-link {
        font-size: 12px;
        line-height: 20px
    }
}

@media only screen and (max-width: 600px) {
    .footer-nav {
        flex: 0 0 100%
    }
}

.footer-nav__block {
    flex: 0 0 33%
}

.footer-nav__block .footer-nav__menu {
    margin-top: 15px
}

@media only screen and (max-width: 600px) {
    .footer-nav__block {
        flex: 0 0 100%
    }
}

.footer-secondary {
    border-top: 1px solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    margin-top: 20px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary {
        flex-wrap: wrap
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary {
        flex-wrap: wrap
    }
}

.footer-secondary__block {
    padding-top: 30px !important
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block {
        text-align: center
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block {
        text-align: center
    }
}

.footer-secondary__block:first-child {
    flex: 0 0 38%
}

.footer-secondary__block:first-child li {
    display: inline;
    margin-right: 8px
}

.footer-secondary__block:first-child li > svg {
    vertical-align: -1px
}

.footer-secondary__block:first-child li use {
    stroke-width: .9
}

.footer-secondary__block:first-child li select {
    background-color: transparent;
    background-image: none;
    border: 0;
    line-height: 1.2;
    margin-bottom: 3px;
    padding: 0
}

.footer-secondary__block:first-child li select:focus {
    outline: 0
}

.footer-secondary__block:first-child li select:hover {
    cursor: pointer
}

.footer-secondary__block:first-child p {
    color: #484848;
    font-size: 11px;
    line-height: 13px;
    margin: 0
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block:first-child {
        flex: 0 0 100%
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .footer-secondary__block:first-child {
        flex: 0 0 100%;
        margin-bottom: 10px
    }
}

.footer-secondary__block:last-child {
    display: flex;
    flex: 0 0 60%;
    flex-wrap: wrap;
    justify-content: flex-end
}

.footer-secondary__block:last-child > span {
    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 {
    display: inline-block;
    margin-right: 3px
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block:last-child > span {
        margin-bottom: 3px
    }
}

.footer-secondary__block:last-child > span.cc-visa {
    background-color: #26337a
}

.footer-secondary__block:last-child > span.cc-maestro, .footer-secondary__block:last-child > span.cc-mastercard {
    background-color: #006
}

.footer-secondary__block:last-child > span.cc-paypal {
    background-color: #00457c
}

.footer-secondary__block:last-child > span.cc-amex {
    background-color: #0072ce
}

.footer-secondary__block:last-child > span.cc-apple-pay, .footer-secondary__block:last-child > span.cc-google-pay {
    background-color: #000
}

.footer-secondary__block:last-child > span.cc-klarna {
    background-color: #ffb3c7
}

.footer-secondary__block:last-child > span.cc-sofort {
    background-color: #ef809f
}

.footer-secondary__block:last-child > span.cc-bancontact, .footer-secondary__block:last-child > span.cc-googlepay, .footer-secondary__block:last-child > span.cc-multibanco {
    background-color: #fff
}

.footer-secondary__block:last-child > span.cc-ideal {
    background-color: #c06
}

.footer-secondary__block:last-child > span.cc-carte-bancaire {
    background-image: linear-gradient(146deg, #289847, #1787b9 49%, #1d3564)
}

.footer-secondary__block:last-child > span.cc-transfer {
    background-color: #d6001c
}

.footer-secondary__block:last-child > span.cc-cofidis {
    background-color: #eb8832
}

.footer-secondary__block:last-child > span.cc-scalapay {
    background-color: #f8cacd;
    padding: 0 8px;
    width: auto
}

.footer-secondary__block:last-child > span.cc-scalapay svg {
    margin: 0
}

.footer-secondary__block:last-child > span.cc-bizum {
    background-color: #53565a;
    padding: 0 4px
}

.footer-secondary__block:last-child > span.cc-cod {
    background-color: #3199cc
}

.footer-secondary__block:last-child > span.cc-cod, .footer-secondary__block:last-child > span.cc-transfer {
    color: #fff;
    font-size: 8px;
    padding: 0 8px;
    text-transform: uppercase;
    width: auto
}

.footer-secondary__block:last-child > span.cc-cod svg, .footer-secondary__block:last-child > span.cc-transfer svg {
    margin-right: 5px
}

.footer-secondary__block:last-child > span.cc-cod use, .footer-secondary__block:last-child > span.cc-transfer use {
    stroke: #fff;
    stroke-width: 1
}

@media only screen and (max-width: 600px) {
    .footer-secondary__block: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:last-child {
        flex: 0 0 100%;
        justify-content: center
    }
}

.footer-secondary__block .change-locale-desktop-container {
    padding-top: 0 !important
}

.legal-menu {
    font-size: 11px;
    line-height: 1.2
}

.legal-menu li {
    border-right: 1px solid #000;
    display: inline-block;
    margin-right: 8px;
    padding: 0 8px 0 0
}

.legal-menu li a {
    color: #000
}

.legal-menu li a:hover {
    color: #d6001c
}

.legal-menu li:last-child {
    border-right: none;
    margin-right: 0
}

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

img {
    max-width: 100%
}

.footer-lang__block {
    margin-top: 30px
}

.footer-lang__block span.h3 {
    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 {
        font-size: 12px;
        line-height: 13px
    }
}

.footer-lang__block svg {
    pointer-events: none
}

.footer-lang__block svg use {
    stroke: #000
}

.footer-lang__block .chevron {
    position: relative;
    right: 10px
}

.footer-lang__block .footer-lang__block-content {
    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 {
        justify-content: center
    }
}

.footer-lang__block select {
    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:active, .footer-lang__block select:focus {
    border: none;
    outline: none
}

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

img {
    max-width: 100%
}

div.change-locale-desktop-container {
    cursor: default;
    padding-top: 30px !important
}

.lang-currency {
    position: relative
}

.lang-currency > li {
    display: inline-block;
    padding-bottom: 2px
}

.lang-currency > li svg {
    vertical-align: -2px
}

.lang-currency > li strong {
    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 {
    display: block
}

.hide {
    display: none
}

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

img {
    max-width: 100%
}

.cookie-notice {
    background-color: #fff;
    bottom: 35px;
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .35);
    left: 35px;
    padding: 15px 25px 20px 60px;
    position: fixed;
    right: 35px;
    z-index: 9999
}

@media only screen and (max-width: 600px) {
    .cookie-notice {
        bottom: 10px;
        left: 10px;
        padding: 15px;
        right: 10px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cookie-notice {
        padding: 15px 15px 15px 50px
    }
}

.cookie-notice h3 {
    font-size: 17px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .cookie-notice h3 {
        margin-top: 0
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cookie-notice h3 {
        margin-top: 5px
    }
}

.cookie-notice h3 svg {
    left: -35px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media only screen and (max-width: 600px) {
    .cookie-notice h3 svg {
        position: static;
        -webkit-transform: none;
        transform: none;
        vertical-align: -6px
    }
}

.cookie-notice h3 use {
    stroke-width: 1
}

.cookie-notice p {
    font-size: 12px;
    line-height: 16px
}

@media only screen and (max-width: 600px) {
    .cookie-notice p {
        font-size: 11px;
        line-height: 16px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cookie-notice p {
        font-size: 11px;
        line-height: 15px
    }
}

.cookie-notice a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

.cookie-notice__main {
    align-items: center;
    display: flex;
    justify-content: space-between
}

@media only screen and (max-width: 600px) {
    .cookie-notice__main {
        flex-direction: column
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cookie-notice__main {
        flex-direction: column
    }
}

.main__text {
    flex: 0 1 75%
}

@media only screen and (max-width: 600px) {
    .main__text + button {
        width: 100%
    }
}

.cookie-notice__buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-end
}

@media only screen and (max-width: 992px) {
    .cookie-notice__buttons {
        flex-direction: row;
        justify-content: center
    }
}

.cookie-notice__buttons .button {
    flex-basis: 50%;
    padding: 13px 15px
}

.cookie-notice__buttons .button-outline:active, .cookie-notice__buttons .button-outline:focus {
    background-color: #f5f5f5;
    border-color: #000;
    color: #000
}

.cookie-notice__settings {
    margin: -15px -25px -20px -60px
}

@media only screen and (max-width: 600px) {
    .cookie-notice__settings {
        margin: -15px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .cookie-notice__settings {
        margin: -15px -15px -15px -50px
    }
}

.settings__checkboxes {
    grid-column-gap: 1px;
    grid-row-gap: 1px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, 1fr)
}

@media only screen and (max-width: 600px) {
    .settings__checkboxes {
        grid-template-columns:repeat(1, 1fr);
        grid-template-rows:repeat(1, 1fr)
    }
}

.settings__checkboxes label {
    cursor: pointer;
    margin: 0;
    padding: 15px 20px
}

@media only screen and (max-width: 600px) {
    .settings__checkboxes label {
        padding: 10px 15px
    }

    .settings__checkboxes label:first-child {
        padding-top: 12px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .settings__checkboxes label {
        padding: 15px
    }
}

.settings__checkboxes label span {
    float: left
}

.settings__checkboxes label p {
    margin: 5px 0 0 35px
}

@media only screen and (max-width: 600px) {
    .settings__checkboxes label p {
        font-size: 10px;
        line-height: 13px;
        margin-top: 7px
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .settings__checkboxes label p {
        font-size: 10px;
        line-height: 13px;
        margin-top: 0
    }
}

.settings__checkboxes label strong {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 6px;
    text-transform: uppercase
}

@media only screen and (max-width: 600px) {
    .settings__checkboxes label strong {
        font-size: 12px;
        line-height: 13px
    }
}

.settings__checkboxes label.checked {
    background-color: #f5f5f5
}

.settings__checkboxes label [type=checkbox]:checked + span:before {
    background-color: #d6001c;
    border-color: #d6001c
}

.settings__buttons {
    border-top: 1px solid #ebebeb;
    padding: 20px
}

@media only screen and (max-width: 600px) {
    .settings__buttons {
        border: none;
        display: flex;
        justify-content: space-between;
        padding: 15px
    }

    .settings__buttons button {
        padding: 0 15px
    }

    .settings__buttons button:first-child {
        margin-right: 5px
    }

    .settings__buttons button:first-child svg {
        margin-left: -5px
    }

    .settings__buttons button:last-child {
        flex: 1 0 auto
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .settings__buttons {
        padding: 15px
    }
}

.settings__buttons svg {
    vertical-align: -3px
}

.settings__buttons use {
    stroke: 1
}

.cookie-policy-link {
    float: right;
    font-size: 9pt
}

@media only screen and (max-width: 992px) {
    .cookie-policy-link {
        display: none
    }
}



/***************************** footer *************************/
#footer{
    margin-top: 4px;background-color: #F5F4EF;border-top: 1px solid #eeeeee;
}

#footercopyright{
    margin-top: 14px;text-align: center;
}

#footercopyright2{
    text-align:center;
}

#ailoo_logo{
    float:right;position: relative; top: -50px;
}



.nl-footer {
//margin-left: 40px;
    margin-bottom: 30px;
    text-align: center;
    height: 250px;
    color: white;
    padding-top: 20px;

    background: url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/nl-bg.png) no-repeat;
    background-position-x: center;
    background-size: contain;
}

.nl-footer h1, .nl-footer h2 {
    color: white;
    font-size: 18px;
    font-family: Verb, Tahoma, Geneva, Verdana, sans-serif;
}

#footer {
    padding: 30px;
    padding-bottom: 0px;
}

#footer ul {
    padding-left: 0px;
}

#footer h4, #footer li a {
    color: white;
}

#footer h4, #footer ul, #footer a {
    color: white;
}

#footer .footer-col-content li a {
    color: #a3a3a3;
}

.zoom-instagram-widget__items {
    list-style: none !important;
}

.zoom-instagram-widget__items {
    padding: 0;
    margin: 6px;
}

.zoom-instagram-widget__items li {
    list-style-type: none;
}

.zoom-instagram-widget__item {
    float: left;
    position: relative;
    margin-top: 0 !important;
}

.zoom-instagram-widget__items .zoom-instagram-widget__item .zoom-instagram-link {
    display: block;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 96px;
    height: 96px;
}
/**************************** /footer *****************************/


/**************************** item list w countdown *****************************/

.product-list__title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 70px 0 50px;
}


.product-list .products.has-banner .col.banner {
    height: calc(100% - 15px);
}



.product-list .products.row > .col {
    margin-left: 0;
}

.search-results__banner {
    background-color: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 20px 5px;
    position: relative;
    text-align: center;
    transition: all .45s ease-out;
}

.search-results__banner .banner__container {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.search-results__banner .banner__image .cdn-img {
    max-height: 350px;
    max-width: 95%;
    width: auto;
}

.search-results__banner {
    background-color: transparent;
    border-radius: 6px;
    box-sizing: border-box;
    display: block;
    height: 100%;
    overflow: hidden;
    padding: 20px 5px;
    position: relative;
    text-align: center;
    transition: all .45s ease-out;
}

.banner__background .cdn-img {
    background-color: #f5f5f5;
    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%;
    z-index: 0;
}

.banner__container {
    align-items: center;
    display: flex !important;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.banner__image{
    z-index: 1;
}
.banner__image .cdn-img {
    max-height: 350px;
    max-width: 95%;
    width: auto;

}

.item .heading-tag strong{
    display: block;
    font-size: 13px;
    font-weight: 700;
}

.product-list .products .countdown__container {
    align-items: center;
    bottom: 0;
    flex-direction: row;
    height: 26px;
    justify-content: space-between;
    left: 0;
    padding: 6px 10px;
    position: absolute;
    right: 0;
}

.product-list .products .countdown__container>p {
    align-items: center;
    display: flex;
    font-size: 8px;
    line-height: 1;
    margin: 0;
}

.countdown__container>p {
    display: inline;
    font-size: 8px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.product-list .products .countdown__container>p svg {
    margin-right: 3px;
}
.product-list .products .countdown__container .countdown {
    margin-top: -3px;
}

.countdown__container .countdown {
    display: inline;
}

.product-list .products .countdown__container .countdown div {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: -2px;
}

.countdown__container .countdown div {
    display: inline-block;
}


.product-list .products .countdown__container .countdown div.countdown__dots {
    margin: 0;
}

.product-list .products .countdown__container .countdown div {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0;
    margin-right: -2px;
}

.product-list .products .countdown__container .countdown div .countdown-text {
    display: none;
}
.product-list .products .countdown__container .countdown div .countdown-text-abbr {
    display: inline;
}
.countdown__container .countdown div .countdown-text-abbr, .countdown__container .countdown div.countdown__dots {
    display: none;
}

.item>div, .item>section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.countdown__container {
    box-sizing: border-box;
    text-align: center;
}



/****************************** click & collect ***************/
.scrolling-text.swiper-container-initialized{
    visibility: visible!important;
}

.swiper-container .swiper-wrapper {
    align-items: center;
    height:100%;
}

.scrolling-text .marquee-text {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    gap: 3px;
    justify-content: center;
    max-width: 100vw;
    width: 100%;
}
.scrolling-text .marquee-text>span{
    align-items: center;
    display: flex;
    gap: 3px;
    justify-content: center;
    max-width: 95vw;
    color: white;
}
.scrolling-text {
    align-items: center;
    display: flex;
    font-size: 13px;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    pointer-events: none;
    text-transform: uppercase;

    width: 100%;
}

.scrolling-text .marquee-text img {
    margin: 0 10px;
    max-height: var(--max-height);
    width: auto;
}


.scrolling-text.swiper-container-initialized {
    visibility: visible!important;
}

.marquee-group.owl-carousel .owl-item {

    padding-top: 10px;
}


/*********************************** brands block home ***************************************/
.brands-block {
    background-color: #f5f5f5;
    padding: 40px 0;
}

.brands-block h2 {
    font-size: 1.5em;
    font-weight: 900;
    margin: 30px 0 50px;
    text-align: center;
    text-transform: uppercase;
}


.brands-block .row .col {
    overflow: hidden;
}

.brands-block__container .brands-container .brand h3 {
    margin: 0;
}

.brands-block__container .brands-container .brand {
    align-items: center;
    background-color: rgba(0, 0, 0, .025);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-shrink: 0;
    height: 340px;
    justify-content: center;
    position: relative;
    width: 270px;
}

.brands-block__container .brands-container .brand .background {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

.brands-block__container .brands-container .brand h3 {
    margin: 0;
}

.brands-block__container .brand img.logo {
    -webkit-filter: brightness(5);
    filter: brightness(5);
    height: 95px;
    width: 203px;

}

.brands-block__container .brands-container .brand .background {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
}

/********************** add to favorites *****************************/



.add-to-favs:hover svg use {
    stroke: #d6001c;
}

.item:hover .add-to-favs {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.add-to-favs:hover svg use {
    stroke: #d6001c;
}

button:hover {
    cursor: pointer;
}

.add-to-favs.wished svg use {
    fill: #d6001c;
    stroke: #d6001c;
}

.add-to-favs.wished {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.add-to-favs {
    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 svg {
    height: 24px;
    transition: all .2s ease;
    width: 29px;
}


/**************************** foooter *******************************/

#footer h4 {
}

#footer .footer-col-content {
    margin-top: 14px;
    font-size: 0.9em;
}

#footer .footer-col-content li {
    margin: 2px 0;
}


/******************** main navigation ***********************/

/* main navigation */

#nav {
    position: relative;
    font-weight: normal;
}

#nav a {
    font-weight: normal;
}

#nav {
    width: 90%;
    min-width: 800px;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}


#nav ul.u0  ul.u1 a {
    transition: unset;
}


#nav .mtc-link {
    transition: none !important;
}

#nav ul.u0  ul.u1 {
    visibility: hidden;
    transition-delay: 300ms;
}
#nav ul.u0 li:hover  ul.u1 {
    visibility: visible;
    transition-delay: 300ms;
}


#nav ul {
    padding: 0;
    margin: 0;
}

#nav ul li a {
    display: block;
    color: inherit;
    font-size: 14px;
}

#nav #segments li.open {
    color: #fff;
}


#nav ul li {
    display: inline-block;
    line-height: inherit;
}

#nav #segments li a {
    padding: 10px 5px 7px 8px;
    font-weight: 600;
    text-transform: uppercase;
}

#nav #segments li.open a {
    padding: 14px 14px 8px 15px;
    margin-top: -3px;
    font-weight: 700;
    background-color: #b21a15;
}

#nav ul {
    padding: 0;
    margin: 0;
}


#nav ul li a {
    display: block;
    color: inherit;
    font-size: 14px;
}


#nav ul.u0 li.l0 > a {
    display: block;
    padding: 12px 14px 10px 13px;
    color: #fff;
    letter-spacing: -.5px;
}

#nav ul.u0 li.l0:first-child > a {
    padding-left: 15px;
}

#nav ul.u0 {
    background-color: #b21a15;
}

#nav ul.u0 li.l0 + li.l0:before {
    content: "";
    display: block;
    height: 12px;
    border-left: solid 1px #cb3d01;
    position: absolute;
    bottom: 12px;
}

#nav ul.u1 {
   position: absolute;
    left: 0px;
    z-index: 2000;
    box-sizing: border-box;
    width: 100%;
    background: #fff;
    border-bottom: solid 2px #b21a15;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
}

/*
#nav ul.u0  ul.u1 {
    visibility: hidden;
    transition: all 0s;
}
*/

#nav #segments li.segment-float-right {
    float: right;
    padding-right: 24px;
}

#nav #segments li.segment-float-right + .segment-float-right {
    padding-right: 14px;
}




#nav ul li a {
    display: block;
    color: inherit;
    font-size: 14px;
}


#banner-menu-cascos {
    background-repeat: no-repeat;
    background-size: cover;
}
#banner-menu-ropa-calle {
    background-repeat: no-repeat;
    background-size: cover;
}
#banner-menu-ropa-motocross {
    background-repeat: no-repeat;
    background-size: cover;
}
#banner-menu-neumaticos {
    background-repeat: no-repeat;
    background-size: cover;
}
#banner-menu-marcas {
    background-repeat: no-repeat;
    background-size: cover;
}


.site-navigation__facet-image {
    width: 100px;
}

.site-navigation__facet-image-item {
    display: inline-block;
    text-align: center;
    margin-bottom: 10px;

}

#nav ul.site-navigation__facet-image-list li a.site-navigation__link {
    display: block;
    color: inherit;
    font-size: 12px;
}

.clearfix {
    overflow: hidden;
}

#nav ul li {
    display: inline-block;
    line-height: inherit;
}

#nav ul li a {
    display: block;
    color: inherit;
    font-size: 14px;
}

.submenu-filters-container {
    background: #d4d4d2 url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/menu-paratumoto.png) 100% 100% no-repeat;
    background-size: 110% auto;
    min-height: 480%;
    width: 25%;
    float: right;
    padding-left: 4px;
    margin:0;
}

.submenu-accessories {
    margin: 0 auto;
    padding: 10px 20px 20px;
    min-height: 480px;
}

.submenu-content h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem;
    margin-top: -5px;
    margin-bottom: .8rem;
    padding: 18px 0 10px!important;
}


.menu-4, .menu-4-8, .menu-4-9, .menu-4-17, .menu-4-67, .menu-4-72, .menu-4-79, .menu-4-81, .menu-4-88, .menu-4-91, .menu-4-94, .menu-4-103, .menu-4-104, .menu-4-105, .menu-4-106, .menu-4-107, .menu-4-117, .menu-4-118, .menu-5, .menu-5-8, .menu-5-9, .menu-5-67, .menu-5-72, .menu-5-79, .menu-5-81, .menu-5-88, .menu-5-91, .menu-5-94, .menu-5-103, .menu-5-117, .menu-5-118, .menu-5-132, .menu-5-133, .menu-5-155, .menu-6, .menu-6-8, .menu-6-9, .menu-6-17, .menu-6-67, .menu-6-72, .menu-6-79, .menu-6-81, .menu-6-117, .menu-6-132, .menu-7, .menu-7-9, .menu-7-67, .menu-7-88, .menu-7-91, .menu-7-103, .menu-7-132, .menu-7-158, .menu-7-164, .menu-7-167, .menu-7-168, .menu-7-169, .menu-7-170, .menu-7-171, .menu-7-172, .menu-7-173, .menu-7-174, .menu-7-175, .menu-7-176, .menu-7-181, .menu-7-182, .menu-184, .menu-184-91, .menu-184-94, .menu-184-185, .menu-184-191, .menu-184-202, .menu-184-214, .menu-184-215, .menu-184-223, .menu-184-225, .menu-184-235, .menu-184-250, .menu-184-253, .menu-294, .menu-294-301, .menu-294-302, .menu-294-303, .menu-294-304, .menu-294-305, .menu-294-306, .menu-294-916, .menu-295, .menu-295-359, .menu-295-360, .menu-295-373, .menu-295-377, .menu-295-390, .menu-295-428, .menu-295-432, .menu-295-439, .menu-296, .menu-296-444, .menu-296-445, .menu-296-454, .menu-296-463, .menu-296-465, .menu-296-473, .menu-296-479, .menu-296-485, .menu-296-491, .menu-296-493, .menu-296-499, .menu-296-502, .menu-296-551, .menu-296-685, .menu-297, .menu-297-505, .menu-297-514, .menu-297-518, .menu-297-523, .menu-297-530, .menu-297-534, .menu-297-539, .menu-297-543, .menu-297-549, .menu-297-550, .menu-297-551, .menu-297-560, .menu-297-566, .menu-297-570, .menu-297-571, .menu-297-577, .menu-297-667, .menu-298, .menu-298-587, .menu-298-588, .menu-298-589, .menu-298-591, .menu-298-592, .menu-298-593, .menu-299, .menu-299-602, .menu-299-605, .menu-299-606, .menu-299-613, .menu-300, .menu-300-619, .menu-629-630, .menu-629-631, .menu-629-632, .menu-629-633, .menu-629-634, .menu-629-635, .menu-629-636, .menu-629-637 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/spritesheet-categories-189329ce25.png);
    width: 70px;
    height: 55px;
    border: 1px solid red;
}


.destacadas-8 {
    background-position: -115px -380px
}

.destacadas-103 {
    background-position: -345px -380px
}

.destacadas-3 {
    background-position: -460px -190px
}

.destacadas-2 {
    background-position: -460px -285px
}

.destacadas-6 {
    background-position: 0 -380px
}

.destacadas-7 {
    background-position: -460px -380px
}

.destacadas-92 {
    background-position: -115px 0
}

.destacadas-13319 {
    background-position: -231px -381px
}

.destacadas-110 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/lluvia.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-26 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/sport.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-45 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/casco-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-71 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/pantalon-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-70 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/guante-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-72 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/jersey-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-87 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/chaqueta-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-68 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/gafa-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-42755 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/conjunto-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-65 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/bota-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-69 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/protecciones-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-107 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/bolsos-mx.png);
    width: 115px;
    height: 95px;
    background-repeat: no-repeat;
    background-position: 26px 7px
}

.destacadas-8,.destacadas-103,.destacadas-2,.destacadas-3,.destacadas-6,.destacadas-7,.destacadas-92,.destacadas-13319 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/spritesheet-categories-189329ce25.png);
    width: 115px;
    height: 95px
}

.menu-4,.menu-4-8,.menu-4-9,.menu-4-17,.menu-4-67,.menu-4-72,.menu-4-79,.menu-4-81,.menu-4-88,.menu-4-91,.menu-4-94,.menu-4-103,.menu-4-104,.menu-4-105,.menu-4-106,.menu-4-107,.menu-4-117,.menu-4-118,.menu-5,.menu-5-8,.menu-5-9,.menu-5-67,.menu-5-72,.menu-5-79,.menu-5-81,.menu-5-88,.menu-5-91,.menu-5-94,.menu-5-103,.menu-5-117,.menu-5-118,.menu-5-132,.menu-5-133,.menu-5-155,.menu-6,.menu-6-8,.menu-6-9,.menu-6-17,.menu-6-67,.menu-6-72,.menu-6-79,.menu-6-81,.menu-6-117,.menu-6-132,.menu-7,.menu-7-9,.menu-7-67,.menu-7-88,.menu-7-91,.menu-7-103,.menu-7-132,.menu-7-158,.menu-7-164,.menu-7-167,.menu-7-168,.menu-7-169,.menu-7-170,.menu-7-171,.menu-7-172,.menu-7-173,.menu-7-174,.menu-7-175,.menu-7-176,.menu-7-181,.menu-7-182,.menu-184,.menu-184-91,.menu-184-94,.menu-184-185,.menu-184-191,.menu-184-202,.menu-184-214,.menu-184-215,.menu-184-223,.menu-184-225,.menu-184-235,.menu-184-250,.menu-184-253,.menu-294,.menu-294-301,.menu-294-302,.menu-294-303,.menu-294-304,.menu-294-305,.menu-294-306,.menu-294-916,.menu-295,.menu-295-359,.menu-295-360,.menu-295-373,.menu-295-377,.menu-295-390,.menu-295-428,.menu-295-432,.menu-295-439,.menu-296,.menu-296-444,.menu-296-445,.menu-296-454,.menu-296-463,.menu-296-465,.menu-296-473,.menu-296-479,.menu-296-485,.menu-296-491,.menu-296-493,.menu-296-499,.menu-296-502,.menu-296-551,.menu-296-685,.menu-297,.menu-297-505,.menu-297-514,.menu-297-518,.menu-297-523,.menu-297-530,.menu-297-534,.menu-297-539,.menu-297-543,.menu-297-549,.menu-297-550,.menu-297-551,.menu-297-560,.menu-297-566,.menu-297-570,.menu-297-571,.menu-297-577,.menu-297-667,.menu-298,.menu-298-587,.menu-298-588,.menu-298-589,.menu-298-591,.menu-298-592,.menu-298-593,.menu-299,.menu-299-602,.menu-299-605,.menu-299-606,.menu-299-613,.menu-300,.menu-300-619,.menu-629-630,.menu-629-631,.menu-629-632,.menu-629-633,.menu-629-634,.menu-629-635,.menu-629-636,.menu-629-637 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/spritesheet-categories-189329ce25.png);
    width: 70px;
    height: 55px;
    border: 1px solid red
}

.brand-tcx {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-tcx.png);
    width: 88px;
    height: 45px
}

.brand-shift {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-shift.png);
    width: 88px;
    height: 45px
}

.brand-clover {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-clover.png);
    width: 88px;
    height: 45px
}

.brand-revit {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-revit.png);
    width: 88px;
    height: 45px
}

.brand-dainese {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-9.png);
    width: 97px;
    height: 45px
}

.brand-yamaha {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/oem-parts/yamaha.jpg);
    width: 97px;
    height: 45px
}

.brand-spidi {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-13.png);
    width: 95px;
    height: 45px
}

.brand-klim {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-klim.png);
    width: 88px;
    height: 45px
}

.brand-oneal {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-oneal.png);
    width: 88px;
    height: 45px
}

.brand-78 {
    background-position: -352px -450px
}

.brand-82 {
    background-position: -528px 0
}

.brand-91 {
    background-position: -528px -270px
}

.brand-77 {
    background-position: -264px -450px
}

.brand-83 {
    background-position: -528px -45px
}

.brand-schuberth {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-131.png);
    width: 90px;
    height: 50px
}

.brand-scorpion {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiMobile/content/images/brands/brand-9929.png);
    width: 90px;
    height: 50px
}

.brand-alpinestars,
.brand-77,.brand-78,.brand-79,.brand-82,.brand-83,.brand-84,.brand-86,.brand-87,.brand-90,.brand-91,.brand-94,.brand-101,.brand-102,.brand-106,.brand-126,.brand-131,.brand-167,.brand-235,.brand-239,.brand-262,
.brand-267,.brand-269,.brand-277,.brand-278,.brand-287,.brand-288,.brand-293,.brand-303,.brand-309,.brand-310,.brand-311,.brand-312,.brand-313,.brand-314,.brand-316,.brand-317,.brand-318,.brand-319,
.brand-320,.brand-321,.brand-322,.brand-323,.brand-325,.brand-326,.brand-327,.brand-328,.brand-329,.brand-333,.brand-334,.brand-335,.brand-337,.brand-338,.brand-339,.brand-340,.brand-341,.brand-342,.brand-343,.brand-344,.brand-345,.brand-346,.brand-347,.brand-349,.brand-354,.brand-357,.brand-358,.brand-370,.brand-372,.brand-374,.brand-376,.brand-379,.brand-380,.brand-381,.brand-382 {
    background-image: url(https://www.motomundi.cl/Templates/MotoMundiDesktop/content/images/spritesheet-brands-d82b3a887b.png);
    width: 88px;
    height: 45px
}

.brand-alpinestars {
    background-position: -264px -450px;
}

.menu-184-191 {
    background-position: -70px -475px
}

.menu-184-185 {
    background-position: 0 -475px
}

.menu-184-91 {
    background-position: -575px -110px
}

.menu-184-202 {
    background-position: -140px -475px
}

.menu-184-94 {
    background-position: -575px -165px
}

#nav .row {
    /*
    height: 100%;
    */
    margin-bottom: 0px;
}

#nav ul li.column2  {
    display: block;
}

#nav ul li.column2 a {
    font-size: 12px;
    padding: 4px 0;
    text-transform: capitalize;
}

.sprite-center {
    margin: 0 auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

#nav .submenu-accessories-top-row{
    border-bottom: 1px solid #7C8A9C;
    padding-bottom: 10px;
    margin: 0 0 10px;
}

.submenu-accessories-top-row li{

}


#nav ul.submenu-accessories-top-row li a{

    font-size: 0.7em;

}

.subCategoryLeft {
    padding-left: 10px;
}

#nav .showcase {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 10px;
    height: 90px;
    text-align: center;
    font-size: 11px;
}

#nav ul.showcase li a {
    display: block;
    color: inherit;
    font-size: 11px;
}

#nav .sprite-center{
    margin-bottom: 6px;
}

#nav ul.brands-main-menu{
    min-width: unset;

}
#nav ul.brands-main-menu li{
    display: block;

}

#nav ul.brands-main-menu li a{


    font-size: 11px;
    line-height: 0.5;
    font-weight: normal;
}
.subCategories {
    width: 100%;
}

#articleGrid{
    padding: 0px 10px;
    margin-bottom: 10px;
}

ul.nav-articles-wrapper{
    padding-right: 14px;
}

ul.nav-articles-wrapper li {
    border-style: solid;
    border-width: 1px;
    border-color: #d8d8d8;
    padding: 1.25rem;
    background: #f2f2f2;
    color: #333;
    font-size: 12px;
    margin:10px;

}
ul.nav-articles-wrapper article {
    padding: 10px;

}

#articleGrid h3.title a {
    margin-bottom: 15px;
    font-size: 1.3em;
    line-height: 1.5;
    font-weight: bold;
    text-transform: uppercase;

}

#articleGrid p.info{
    margin: 6px 0;
}

#articleGrid div.img-wrapper {
    width: auto;
    padding: 10px;
    height: 200px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
}

#articleGrid div.img-wrapper img{
    position: absolute;
    top: 50%;                /* Aligns the middle of the image with the middle of the container */
    left: 50%;               /* Center the image horizontally */
    transform: translate(-50%, -50%); /* Adjusts the positioning of the image to be centered */
    min-height:  calc(100% + 20px);
    width: auto;
}

#articleGrid p.desc{
    padding: 8px;
    font-size: 13px;
    color: #333;
}
#articleGrid a.more {
    margin: 10px 0;
    padding: 8px;
    color: #333;
}

#nav .subCategoryLeft .submenu-accessories-list-row{
    margin-left: 10px;
    margin-bottom:15px;
}



/************** search header *******************/


/**** search ***/

.search button use {
    stroke: white;
    transition: all .2s ease;
}

.search button:hover use {
    stroke: red;
}



.live-search-wrapper {
    height: 600px;
    position: absolute;
    top: 135px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99999;
    max-width: 1100px;
    width: 80%;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(50, 50, 50, .35);
    padding: 10px;
}


.live-search-no-results p {
    text-align: center;
    color: #646464;
    line-height: 1rem;
    width: 70%;
    margin: 0 auto;
}

.live-search-no-results p strong {
    display: block;
    text-transform: uppercase;
    color: #c74044;
    padding-bottom: .8rem;
    font-weight: 400;
}

.live-search-wrapper .spinner-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    background-color: rgba(255,255,255,.85);
    display: none;
}

.live-search {
    overflow: hidden;
}

.live-search-nav {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 270px;
    overflow-y: auto;
    background-color: #f1f1f1;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.live-search-results {
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 270px;
    overflow-y: auto;
}

.live-search-no-results {
    padding: 1rem 0 1.5rem;
    margin-bottom: -35px;
    border-bottom: 1px solid #e6e6e6;
}
.live-search-header {
    padding: 8px 0 0;
    border-bottom: 1px solid #e6e6e6;
    position: fixed;
    top: 0;
    right: 0;
    left: 300px;
    background-color: #fff;
    z-index: 10;
    height: 31px;
    border-top-right-radius: 3px;
}

.live-search-header h2 {
    font-size: .8rem;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    margin-bottom: .4rem;
/*    margin-top: 6px;*/
}


.filter-block h2 {
    border-top: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-size: .8rem;
    color: #c74044;
    padding: .7rem 0 .3rem .2rem;
    margin-bottom: 0;
    text-align: left;
}
.filter-block:first-child h2 {
    border-top: 0;
}
.live-search-nav .filter-block:first-child h2 {
    border-top: 0;
    padding-top: 0;
}

/*
#newheaderbar .item {
    position: relative;
    margin-bottom: 8px;
    min-height: 240px;
}
*/
.item img {
    display: block;
    margin-bottom: 4px;
    max-width: 300px;
    width: 100%;
}


.live-search-header button.active {
    opacity: 1;
    color: #646464;
}

.live-search-header button.view-th {
    background: url(//motocard.s3.amazonaws.com/assets/images/icon-th@2x.png) 50% no-repeat;
    background-size: 15px 11px;
}

.live-search-header button.view-th-list {
    background: url(//motocard.s3.amazonaws.com/assets/images/icon-th-list@2x.png) 50% no-repeat;
    background-size: 15px 11px;
}

.live-search-header button.view-th, .live-search-header button.view-th-list {
    border: 0;
    padding: .85em .5em;
    width: 20px;
    margin-top: -5px;
}

.live-search-nav .filter-block {
    padding: 0 0 .7em;
}
.filter-block .checkbox {
    display: block;
    cursor: pointer;
    position: relative;
    padding-left: 0;
    margin-right: 0;
    color: #484848;
    font-size: .75rem;
    font-weight: 400;

}

.filter-block ul li {
    border-radius: 3px;
    padding: .1rem 5px;
    position: relative;
    display: list-item;
}

.filter-block ul {
    margin-top: 5px;
    margin-bottom: 0;
}

.filter-block ul li .count {
    position: absolute;
    top: 3px;
    right: 0;
    opacity: .65;
    background-color: #fff;
    border-radius: 200px;
    padding: 0 7px;
    font-size: .7rem;
    line-height: .9rem;
}


.filter-block .checkbox:before {
    content: "";
    width: 13px;
    height: 13px;
    background-color: #d8d8d8;
    display: inline-block;
    margin: -2px 5px 0 0;
    border-radius: 2px;
    text-align: center;
    vertical-align: middle;
}

.filter-block input[type=checkbox]:checked + label:before, .filter-block input[type=checkbox]:checked + span:before, .filter-block label.checked:before {
    font-family: mc-icons;
    content: "\79";
    text-transform: none;
    line-height: 12px;
    font-size: 10px;
    color: #fff;
    width: 13px;
    height: 13px;
    background-color: #41a334;
    display: inline-block;
    margin: -2px 5px 0 0;
    border-radius: 2px;
    vertical-align: middle;
}



.item .item__rating .rating-block{
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: left;
    transform-origin: left;
}

.rating-block {
    display: inline-block;
    overflow: hidden;
}

.item .rating-block img {
    display: block;
    height: 12px;
    width: 68px;
}


.live-search-results-content {
  /*  margin-top: 50px;*/
    padding-top: 10px;
}

.live-search-wrapper .filters-container{
    padding: 20px;
}

.live-search .item{
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    height: 275px;
    justify-content: space-between;
    margin: 4px;
    padding: 30px 15px 15px;
}

.live-search .item .item__info{
    padding: 0;
    /*width: 175px;*/
}

.live-search .item__price{
    font-weight: normal;
}


.item__bottom {
    align-items: center;
    /*    border-top: 1px solid #d8d8d8;*/
    display: block;
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    padding-top: 6px;
}

.item .item__sizes{
    color: #999;
    display: block;
    font-size: 9px;
}


.item .item__sizes, .item h1 {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;

}

/************************************ packs *******************************************************/
.row .row.collapse {
    margin-right: 0;
    margin-left: 0;
}

.pack-container .pack {
    background-color: #f1f1f1;
    border-radius: 3px;
    margin-bottom: 1.8em;
}

.pack-container .pack h1 {
    margin-bottom: 0;
    padding: .7em;
    text-align: center;
    border-bottom: 1px solid #dadada;
    text-transform: uppercase;
    font-size: .8em;
    background-color: #e7e7e7;
    font-weight: 700;
    color: #484848;
}

.pack-container .pack-items .medium-4 {
    width: 33.33333%;
}


.row.collapse > .column, .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}

/*
.row:after, .row:before {
    display: table;
    content: " ";
}
*/

/*
.column, .columns {
    float: left;
}
*/

.pack-container .pack .item {
    position: relative;
    margin-bottom: 2em;
}

.pack-container  .pack .pack-items .last-item .item:before {
    display: none
}

.pack-container .pack .item {
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 1em;
}

.pack-container .pack .item .item-info {
    margin-bottom: 5px;
    overflow: hidden;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.pack-container .pack .item .item-info .item-brand, .pack .item .item-info .item-name {
    color: #484848;
    font-size: .9em;
    line-height: .9em;
    display: inline;
}

.pack-container .pack .item .item-info .item-name {
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.pack-container .pack .item .item-pack-photo img {
    width: 55px;
    height: auto;
    margin: 12px auto 0;
}

.pack-container .pack .item .pack-photo {
    position: relative;
    width: 100%;
    padding: 0 10px;
    overflow: hidden;
    text-align: center;
    display: block;
}

.pack-container .pack .row {
 margin: 0;
}

.pack-container .pack .item .item-pack-photo {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border-radius: 200px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    vertical-align: middle;
}

.group-title {
    overflow: hidden;
    border-bottom: 1px solid #c74044;
    padding-bottom: 0;
    padding-left: 0;
    margin-right: 10px;
    margin-bottom: 25px;
}

.group-title h2 {
    font-size: 1.1em;
    text-transform: uppercase;
    float: left;
    border-bottom: 2px solid #c74044;
    font-weight: 800;
    color: #484848;
    margin-bottom: 0;
    max-width: 70%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*
*, :after, :before {
    box-sizing: inherit;
}
*/

/*
.row:after, .row:before {
    display: table;
    content: " ";
}
*/

.pack-container .column:last-child:not(:first-child), .pack-container  .columns:last-child:not(:first-child) {
    float: right;
}

.pack-container .pack .pack-price-block {
    border-left: 1px solid #dadada;
    /*   height: 100%;*/
    position: relative;
    bottom: 0;
}

.pack-container .medium-8 {
    width: 66.66667%;
}

.pack-container .medium-12 {
    width: 100%;
}

.pack-container .pack .add-to-cart .button {
    margin-bottom: 0;
    border-radius: 0 0 3px 0;
    border: none;
}

.pack-container .button.disabled {
    background-color: #cccccc;
    border-color: grey;
    padding: .85em 1em;
    color: #fff;
}

.pack-container .button.plain-green {
    background-color: #41a334;
    border-color: #41a334;
    padding: .85em 1em;
    color: #fff;
}

.pack-container .button.plain-green:hover {
    background-color: #39902e;
    border-color: #39902e;
}

.pack-container .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.pack-container .pack .product-price .price {
    color: #484848;
    font-size: 2.2em;
    font-weight: 700;
    line-height: 1em;
}

.pack-container .pack .product-price span {
    display: block;
}

.pack-container .pack .shipping {
    margin: .9em 0;
    text-align: center;
    line-height: 1em;
}

.pack-container .pack .shipping .shipping-times {
    display: none;
    transition: opacity .1s;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    margin-bottom: 10px;
    display: block;
}

.pack-container .pack .item .pack-item-options .button.xsm {
    margin-bottom: .3rem;
    background-color: #fff;
    width: 100px;
}

.pack-container .pack .item .button {
    width: 100% !important;
    line-height: 1.8rem;
    height: 1.8rem;
    font-size: .75em;
}

.item .item-info span {
    display: block;
    font-size: .85em;
    line-height: 1.4em;

}

.pack-container .item .item-info span.item-name {
    color: #484848;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 700;
}

.pack-container .pack .item .item-info .item-brand, .pack .item .item-info .item-name {
    color: #484848;
    font-size: .9em;
    line-height: .9em;
    display: inline;
    font-weight: 700;
}

.pack-container .button.xsm {
    font-size: .8rem;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 .85em;
}

.pack-container .button {
    border: 1px solid #ccc;
}

/*
.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem;
    padding: .85em 1em;
    -webkit-appearance: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    transition: background-color .25s ease-out, color .25s ease-out;
    font-size: .9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #dfdfdf;
    color: #484848;
}
*/

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.pack-container .pack .item:before {
    content: "+";
    color: #cbcbcb;
    font-weight: 700;
    font-size: 46px;
    line-height: 46px;
    margin-top: -8px;
    position: absolute;
    right: -4%;
    top: 50%;
}

.pack-container .pack-items .item {
    /* margin-bottom: 2em; */
    min-height: unset;
    background-color: transparent;
    display: block;
    margin: 10px 0;
    padding: 4px 0;
    box-shadow: unset;
    border: 0;
}

.pack-container .button.uppercase {
    text-transform: uppercase;
}

.pack-container .row:after {
    clear: both;
}

/*
.row:after, .row:before {
    display: table;
    content: " ";
}
*/

/*
*, :after, :before {
    box-sizing: inherit;
}
*/

.pack-container .pack .item .pack-item-options {
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.pack-container .pack .product-price {
    text-align: center;
    padding-top: 10px;
}

.pack-container .pack .shipping .free-shipping, .pack .shipping .free-size-change {
    margin-top: 0;
    text-transform: uppercase;
    color: #41a334;
    font-weight: 700;
    text-align: center;
    font-size: .8em;
}

.pack-container .pack .item .item-info .item-pack-price, .pack .item .item-info .item-price {
    font-weight: 400;
    font-size: .92em;
    line-height: 16px;
    color: #c74044;
}

.pack-container .pack .item .item-info .item-price {
    color: #646464;
}

.pack-container .pack .item .item-info .item-price span:first-child {
    display: inline;
    text-decoration: line-through;
}

.pack-container .pack .item .item-info .item-pack-price {
    display: inline;
}

.pack-container select.sm {
    background: #fff url(/Templates/MotoMundiDesktop/content/images/select-icon-sm@2x.png) no-repeat 100%;
    background-size: 30px 25px;
    padding-right: 40px;
    height: 2.1rem;
}

.pack-container .pack .item select {
    margin-bottom: 4px;
    width: 100%;
    height: 1.8rem;
    padding: 0 30px 0 6px;
    font-size: .75em;
}

select {
    border-radius: 3px;
    background: #fff url(//motocard.s3.amazonaws.com/assets/images/select-icon@2x.png) no-repeat 100%;
    background-size: 43px 36px;
    text-transform: uppercase;
    font-size: .75rem;
    font-weight: 400;
    color: #484848;
    position: relative;
    margin-bottom: 1rem;
    padding-right: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

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

.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;
}

@-webkit-keyframes a {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

@keyframes a {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
}

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

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: a;
    animation-name: a
}

.has-xy-spinner {
    position: relative;
}

.loading:before {
    content: ' .';
    font-size: 18px;
    animation: dots 1s steps(5, end) infinite;
    margin-right: 10px;
}

@keyframes dots {
    0%, 20% {
        color: rgba(0, 0, 0, 0);
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }

    40% {
        color: white;
        text-shadow: .25em 0 0 rgba(0, 0, 0, 0), .5em 0 0 rgba(0, 0, 0, 0);
    }

    60% {
        text-shadow: .25em 0 0 white, .5em 0 0 rgba(0, 0, 0, 0);
    }

    80%, 100% {
        text-shadow: .25em 0 0 white, .5em 0 0 white;
    }
}



/*************************************************** owl producto detail **************************************/



.product .product-photo-container .owl-next [class*=" icon-"]:before, .product .product-photo-container .owl-next [class^=icon-]:before, .product .product-photo-container .owl-prev [class*=" icon-"]:before, .product .product-photo-container .owl-prev [class^=icon-]:before {
    line-height: 30px;
    vertical-align: text-bottom;
}


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

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}


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

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.product .product-photo-container .owl-prev i {
    margin-left: -2px;
}

.product .product-photo-container .owl-next {
    right: 0;
}

.product .product-photo-container .owl-next, .product .product-photo-container .owl-prev {
    font-size: 1.4em;
    line-height: 30px;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    opacity: .6;
    color: #fff;
    border-radius: 60px;
    background-color: #a5a5a5;
}

.product .product-media-nav {
    display: -ms-flexbox;
    display: flex;
    /*        margin: 20px 0 0;*/
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}


.product .product-media-nav button.current svg, .product .product-media-nav button:active svg, .product .product-media-nav button:hover svg {
    fill: #c74044 !important;
}

.product .product-media-nav li {
    padding: 0 5px;
}

.product .product-media-dot {
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 200px;
    background-color: #c3c3c3;
}


.product img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}

.product .product-media-dot.current, .product .product-media-dot:active, .product .product-media-dot:hover {
    background-color: #c74044;
}


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

.product .product-photo-container .owl-item > div {
    margin: 0 2px;
}

.product .video-thumb {
    position: relative;
    overflow: hidden;
    border-radius: 7px;
}

.product .video-title {
    font-size: .7rem;
    font-weight: 800;
    color: #646464;
    margin-bottom: 0;
    padding-top: .8rem;
    text-transform: uppercase;
}

.product .product-photo-container .owl-item {
    text-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.product .video-thumb:before {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    display: block;
    width: 40px;
    height: 40px;
    content: "";
    transition: all .2s ease;
    transform: translate(-50%, -50%);
    pointer-events: none;
    border-radius: 200px;
    background: transparent url(//cdn.motocard.com/assets/images/video-thumb-play.svg) 50% no-repeat;
    background-size: 40px auto;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}

.product .product-photo-container .video-thumb > img {
    margin-top: 10%;
    margin-bottom: 10%;
}

.product img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}


/* recommend list */

.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;
}

.related .carousel-content--nav {
    padding: 0 30px;
    text-align: center;
}



/* product thubms */

.product .product-media .owl-prev i {
    margin-left: -2px;
}

.product .product-media .owl-next i {
    margin-left: -7px;
}

.product .product-media .owl-next.disabled, .product .product-media .owl-prev.disabled {
    opacity: .6;
    cursor: not-allowed;
}

.product .product-media .owl-next [class*=" icon-"]:before, .product .product-media .owl-next [class^=icon-]:before, .product .product-media .owl-prev [class*=" icon-"]:before, .product .product-media .owl-prev [class^=icon-]:before {
    width: 0;
    margin: 0;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.product .product-media .owl-next, .product .product-media .owl-prev {
    display: block;
    line-height: 30px;
    font-size: 1.4em;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.product .product-media .owl-next.disabled, .product .product-media .owl-prev.disabled {
    opacity: .3;
    cursor: not-allowed;
}

.product .product-media .owl-next {
    right: 0;
}

.product-thumbs button {
    background-color: #f5f5f5;
    opacity: unset;
    height: 30px;
    line-height: 32px;
    padding: 0;
    width: 30px;
}



/* swatch color */

.swatch.color-value.selected, .swatch.size-value.selected {
    border-color: #000;
}

.product-wrapper.product-detail .product-data button {
    color: #000;
}

.product-wrapper.product-detail .product-data button {
    color: #000;
}

.product-wrapper.product-detail .product-detail-attributes .non-input-label, .product-wrapper.product-detail .bundle-items .attributes .non-input-label {
    font-weight: 500;
    margin-bottom: 18px;
}

.product-wrapper.product-detail .swatch-tile-container.color-tile {
    width: 100%;
    /*width: calc(100% + (12px * 4));*/
    margin: 0 -20px;
    padding: 0 20px;
    overflow-x: unset;
    flex-wrap: wrap;
}

.product-wrapper.product-detail .swatch-tile-container {
    display: flex;
    flex-wrap: wrap;
}

.product-wrapper.product-detail .product-detail-attributes .non-input-label, .product-wrapper.product-detail .bundle-items .attributes .non-input-label {
    font-weight: 500;
    margin-bottom: 18px;
}

.product-wrapper.product-detail .swatch.color-value, .product-wrapper.product-detail .swatch.size-value {
    width: 66px;
    height: 66px;
}

.product-wrapper.product-detail .swatch.color-value, .product-wrapper.product-detail .swatch.size-value {
    width: 66px;
    height: 66px;
}

.product-wrapper.product-detail .swatch.color-value, .product-wrapper.product-detail .swatch.size-value {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    background-size: 50px 50px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.product-wrapper.product-detail .swatch.color-value.selected, .product-wrapper.product-detail .swatch.size-value.selected {
    border-color: #000;
}




.product .group-title h2 {
    max-width: 90%;
}

.group-title h2 {
    font-size: 1.1em;
    font-weight: 800;
    float: left;
    max-width: 70%;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #484848;
    border-bottom: 2px solid #c74044;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.item, .item:hover .remove-favorite {
    display: block;
}
/*

.item {
    position: relative;
    margin-bottom: 2em;
    min-height: 16em;
    background-color: #fff;
    display: block;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .15);
}

.item img {
    display: block;
    margin-bottom: 4px;
    max-width: 300px;
    width: 100%;
}
*/


/* recommend producto carusel */

.items-carousel .owl-next, .items-carousel .owl-prev {
    font-size: 1.4em;
    line-height: 30px;
    position: absolute;
    top: 50%;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-align: center;
    opacity: .6;
    color: #fff;
    border-radius: 60px;
    background-color: #a5a5a5;
}

.items-carousel .owl-next i {
    margin-right: -2px;
}

.items-carousel .owl-next {
    right: 0px;
}

.items-carousel .owl-prev i {
    margin-left: -2px;
}

.items-carousel .owl-next [class*=" icon-"]:before, .items-carousel .owl-next [class^=icon-]:before,
.items-carousel .owl-prev [class*=" icon-"]:before, .items-carousel .owl-prev [class^=icon-]:before {
    line-height: 30px;
    vertical-align: text-bottom;
}



/*********************************** blog ****************************************/

.sidebar {
    padding-left: 8px;
}

body.blog ul li {
    display: list-item;
}

.posts-list li{
    display: flex;
}
.posts-list img{
    width: 200px;
}

/***************** blog list *********************/

.listing-alt article:first-child {
    padding-top: 0px;
    border-top: 0;
}

.listing-alt article {
    padding: 28px 0;
    overflow: hidden;
    border-top: 1px solid #d9d9d9;
    position: relative;
}

article {
    display: block;
}

.listing-alt article > a {
    position: relative;
    float: left;
    max-width: 295px;
    overflow: hidden;
}

.listing-alt article .content {
    margin-left: 290px;
    border-bottom: 0;
    line-height: 1.5;
    margin-top: -5px;
}

.posts-list .content {
    line-height: 1;
    min-height: 73px;
    border-bottom: 1px solid #d9d9d9;
}

.listing-alt .content > a {
    font-size: 14px;
}

.posts-list .content > a {
    display: block;
    font-weight: 700;
    color: #484848;
    font-size: 13px;
    line-height: 1.615;
    margin: 10px 0 0px 0;
    /* font-family: "Roboto Slab", Georgia, serif; */
    font-family: Arial, sans-serif;
    text-decoration: none;
}

.main-heading {
    margin-top: 20px;
    font: 18px "Open Sans", Arial, sans-serif;
    text-transform: uppercase;
    border-left: 3px solid #c74044;
    padding-left: 14px;
    line-height: 2;
    margin-bottom: 20px;
    font-weight: 600;
}

.posts-list .content time {
    color: #a6a6a6;
    /* line-height: 40px; */
    font-size: 11px;
    text-transform: uppercase;
}

.listing-alt .content .read-more a, input.button, div.read-more a, body div.read-more a.read-more {
    border: 1px solid #c74044;
    font: inherit;
    display: inline-block;
    background: #c74044;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.listing-alt .content .read-more a {
    padding: 5px 10px;
}

.posts-list .content .comments {
    float: right;
    color: #a6a6a6;
    font-size: 11px;
    white-space: nowrap;
}

.comments.bottom {
    padding-top: 8px;
}

.sidebar {
    border-left: 1px solid #D2D2D2;
    margin-top: 20px;
}

.sidebar .widget {
    margin-bottom: 35px;
}

.widget {
    font-size: 13px;
}

.sidebar .widgettitle, .tabbed .tabs-list {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    background: #484848;
    color: white;
    padding: 0 14px;
    line-height: 34px;
    margin-bottom: 25px;
    font-weight: 600;
}

.feedburner p.heading {
    font-size: 12px;
}

.feedburner input {
    padding: 8px 12px;
    outline: 0;
    background: #f9f9f9;
    border: 1px solid #d9d9d9;
    padding: 7px 14px;
    outline: 0;
    font-size: 13px;
    color: #a6a6a6;
}

.feedburner label {
    display: none;
}

input, textarea {
    /*background: #f9f9f9;*/
    border: 1px solid #d9d9d9;
    padding: 7px 14px;
    outline: 0;
    font-size: 13px;
    /*color: #a6a6a6;*/
}

.listing-alt .content .read-more a, input.button, div.read-more a, body div.read-more a.read-more {
    border: 1px solid #c74044;
    font: inherit;
    display: inline-block;
    background: #c74044;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
}

.sidebar .posts-list li {
    line-height: 1.5;
}

.posts-list li:first-child {
    padding-top: 0;
}

.posts-list li {
    overflow: hidden;
    padding: 24px 0 0 0;
    border-bottom: 0;
}

.posts-list img {
    float: left;
    width: 85px;
    height: auto;
}

.wp-post-image:hover {
    opacity: 0.8;
}

.listing-alt img {
    width: auto;
    height: auto;
    max-height: 250px;
    max-width: 280px;
    /* margin-left: -10%; */

}

.main-pagination .pagination_container {
    text-align: center;
    margin-top: 40px;
}


.content-pagination {
    display: inline-block;
}

.main-pagination .page-numbers, .main-pagination a {
    display: inline-block;
    color: #676767;
    padding: 0 10px;
    margin-right: 5px;
    background: #ebebeb;
    line-height: 25px;
    font-size: 13px;
}

.main-pagination .current, .main-pagination a:hover {
    color: #fff;
    background: #c74044;
    text-decoration: none;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


div.listing-alt img.cat {
    margin-left: 0;
    width: 25px;
    height: 25px;
}


/***************** blog item *********************/
article .post-content ul li{
    margin-top: 10px;
    list-style: disc;
    font-size: 15px;
}

span.peu-foto {
    font-size: 12px;
    display: block;
    margin: 0 4px;
    line-height: 12px;
}

article .post-content h1 {
    margin-top: 25px;
    color: black;
    font-size: 18px;
}
article .post-content h2 {
    margin-top: 25px;
    color: black;
    font-size: 16px;
}
article .post-content h3 {
    margin-top: 25px;
    color: black;
    font-size: 14px;
}
.post-meta {
    padding: 0;
    font-size: 11px;
    text-transform: uppercase;
    padding: 10px 0;
    border: 1px solid #d9d9d9;
    border-left: 0;
    border-right: 0;
    margin-bottom: 10px;
    overflow: hidden;
    color: #a6a6a6;
}


.post-meta_tags {
    border: 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    padding: 0;
    padding-bottom: 5px;
}
.post-meta_nill {
    border-top: 0;
}

.post-meta .cats {
    float: right;
}
.post-header .featured {
    margin-bottom: 14px;
}
.fluid-width-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}
.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-meta_tags .tag {
    margin-bottom: 5px;
}

div.tags a:hover, a:hover.tag {
    text-decoration: none;
    color: #fff;
    background: #000;
}

div.tags {
    background: #fff;
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    padding: 6px 8px;
}

.tags {
    font-size: 12px;
    font-weight: 700;
}

a.tag {
    text-transform: none !important;
    background: #606569;
}



div.tags a, a.tag {
    background: #C74044 !important;
    padding: 0 4px;
    margin: 0px;
    min-height: 18px;
    margin: 0 2px;
    line-height: 18px;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-weight: 600;
}


.post-content img, .post-content .wp-caption {
    max-width: 100%;
    height: auto;
}
.post-content a {
    color: #C74044;
}



.related-posts, .highlights-box.related-posts {
    margin-bottom: 28px;
}

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



.related-posts ul {
    overflow: hidden;
}

.related-posts li {
    float: left;
}

.highlights {
    position: relative;
}

.highlights-box {
    margin-bottom: 42px;
}

.highlights-box.three-col {
    margin: 0 -15px 42px -15px;
}

.highlights-box.three-col .column.one-third {
    padding: 15px;
}

.highlights .image-link img {
    display: block;
    width: 100%;
    height: auto;
}

.wp-post-image:hover {
    opacity: 0.8;
}

.appear {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

a img {
    border: 0;
}

.column.one-third {
    width: 28%;

}

.appear {
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.post-share {
    border-top: 1px solid #d9d9d9;
    padding: 28px 0;
    margin-top: 28px;
    overflow: hidden;
}

.post-content, .post-share {
    line-height: 1.857;
    font-size: 15px;
    position: relative;
}

/* post sharing */
.post-share {
    border-top: 1px solid #d9d9d9;
    padding: 28px 0;
    margin-top: 28px;
    overflow: hidden;
}

.post-share .text {
    font-size: 15px;
    display: inline-block;
    margin-right: 30px;
    text-transform: uppercase;
    color: #19232d;
}

.share-links { float: right; }

.share-links a {
    width: 60px;
    height: 30px;
    line-height: 30px;

    text-align: center;
    color: #fff;
    font-size: 20px;

    margin-right: 2px;

    background: #19232d;
}

.share-links a:hover { text-decoration: none; }

.share-links .fa-facebook { background: #204385; }
.share-links .fa-twitter { background: #2aa9e0; }
.share-links .fa-google-plus { background: #d3492c; }
.share-links .fa-pinterest { background: #ca2128; }
.share-links .fa-linkedin { background: #02669a; }
.share-links .fa-tumblr { background: #44546b; }


/**************************** header menu *************************/
#community_links {
    float: right;
    display: flex;
}

#community_links li{
    width: 30px;
}
#community_links li > a{
    width: 40px;
    font-size: 20px;
}



/**************************** account ***********************************/



.account-section-content .no-orders-yet {
    font-size: .8rem;
    display: block;
    padding: 4rem 1rem;
    text-align: center;
    text-transform: uppercase;
    color: #8a8a8a;
    background-color: #f3f3f3;
    border-radius: 3px;
}

.account-section-content .no-orders-yet i {
    font-size: 1.4rem;
    display: block;
}

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

/*
.tooltip {
    text-align: center;
}

.tooltip {
    position: absolute;
    top: calc(100% + .4763rem);
    z-index: 1200;
    max-width: 10rem;
    padding: .45rem;
    border-radius: 4px;
    background-color: rgba(0,0,0,.8);
    font-size: 80%;
    color: #fefefe;
}

.tooltip:before {
    border: .55rem inset;
    border-top-width: 0;
    border-bottom-style: solid;
    border-color: transparent transparent rgba(0,0,0,.8);
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.tooltip.top:before {
    border: .55rem inset;
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: rgba(0,0,0,.8) transparent transparent;
    top: 100%;
    bottom: auto;
}

.tooltip.top:before, .tooltip:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
}
*/

.account-order-block {
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
}

.account-order-header {
    font-size: .8rem;
    padding: .5rem;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f1f1f1;
}

.account-order-header h4 {
    font-size: .8rem;
    margin-bottom: 0 !important;
    text-transform: uppercase;
    color: #8a8a8a !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.account-section-content h2 {
    margin-bottom: 1rem;
    text-transform: uppercase;
    color: #c74044;
}

.account-order-price-title h2, .account-order-product-title h2, .account-order-quantity-title h2 {
    font-size: .7rem;
    margin-bottom: 0 !important;
    color: #8a8a8a !important;
}

.account-order-price-title, .account-order-product-title, .account-order-quantity-title {
    text-transform: uppercase;
}

.account-order-content img {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
}

.account-order-content .columns {
    line-height: 40px;
}


.account-order-progress {
    padding: .35rem .5rem .3rem;
    border-bottom: 1px solid #e0e0e0;
    background-color: #e3f5e1;
}

.account-order-progress .bar-container {
    position: relative;
    width: 100%;
    height: 6px;
    margin-top: 1.5rem;
    margin-bottom: .5rem;
    border-radius: 200px;
    background-color: #aee3a7;
}

.account-order-progress .bar-status, .account-order-progress .bar-status-canceled, .account-order-progress .bar-status-completed, .account-order-progress .bar-status-delivered, .account-order-progress .bar-status-end, .account-order-progress .bar-status-start {
    position: absolute;
    z-index: 10;
    top: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #41a334;
    border-radius: 200px;
    background-color: #fff;
}

.account-order-progress .bar-status-start {
    left: 0;
}

.account-order-progress .bar-status {
    left: 60%;
    margin-left: -14px;
}

.account-order-progress .bar-status-completed {
    right: 0;
    background-color: #41a334;
}

.account-order-progress .bar-status-completed:before {
    font-family: mc-icons;
    font-size: .35rem !important;
    line-height: 14px;
    position: absolute;
    top: -2px;
    left: 0px;
    display: block;
    width: 8px;
    height: 8px;
    content: "\79";
    text-align: center;
    color: #fff;
}

.account-order-progress .bar-status-start .bar-status-text {
    left: 0;
    text-align: left;
}

.account-order-progress .bar-status-canceled .bar-status-text, .account-order-progress .bar-status-completed .bar-status-text, .account-order-progress .bar-status-delivered .bar-status-text, .account-order-progress .bar-status-end .bar-status-text, .account-order-progress .bar-status-start .bar-status-text, .account-order-progress .bar-status .bar-status-text {
    font-size: .7rem;
    position: absolute;
    top: -20px;
    display: block;
    width: 200px;
    text-transform: uppercase;
    color: #41a334;
}

.account-order-progress .bar, .account-order-progress .bar.in-progress:after {
    border-top-left-radius: 20px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 20px;
}

.account-order-progress .bar {
    position: relative;
    display: block;
    overflow: visible !important;
    width: 0;
    height: 6px;
    border-radius: 200px;
    background-color: #41a334;
    background-color: #2bc253;
    background-image: linear-gradient(center bottom,#2bc253 37%,#54f054 69%);
    box-shadow: inset 0 2px 9px hsla(0,0%,100%,.3), inset 0 -2px 6px rgba(0,0,0,.4);
}

.account-order-content {
    padding: .5rem;
    border-top: 1px solid #e0e0e0;
}

.account-order-price-title h2, .account-order-product-title h2, .account-order-quantity-title h2 {
    font-size: .7rem;
    margin-bottom: 0 !important;
    color: #8a8a8a !important;
}

.account-order-price-title h2, .account-order-product-title h2, .account-order-quantity-title h2 {
    font-size: .7rem;
    margin-bottom: 0 !important;
    color: #8a8a8a !important;
}

.account-order-price-title h2, .account-order-product-title h2, .account-order-quantity-title h2 {
    font-size: .7rem;
    margin-bottom: 0 !important;
    color: #8a8a8a !important;
}

.account-order-progress .bar-status-completed .bar-status-text {
    font-weight: 700;
    right: 0;
    text-align: right;
}


.account-order-progress .bar-status-end:before {
    font-family: mc-icons;
    content: "\45";
    display: block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 14px;
    color: #41a334;
    position: absolute;
    top: -3px;
    left: -3px;
    font-size: .85rem !important;
}

.account-order-progress .bar-status-end {
    background-color: #fff;
}

.account-order-progress .bar-status-delivered .bar-status-text, .account-order-progress .bar-status-end .bar-status-text {
    right: 0;
    font-weight: 700;
    text-align: right;
}

.account-order-progress .bar-status-delivered, .account-order-progress .bar-status-end {
    right: 0;
}




/*************************** sweet alert ******************************/

.swal2-container, body.swal2-iosfix {
    position: fixed;
    left: 0;
    right: 0
}

body.swal2-in {
    overflow-y: hidden
}

.swal2-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    bottom: 0;
    padding: 10px;
    background-color: transparent;
    z-index: 1060
}

.swal2-container:not(.swal2-in) {
    pointer-events: none
}

.swal2-container.swal2-fade {
    transition: background-color .1s
}

.swal2-container.swal2-in {
    background-color: rgba(0, 0, 0, .4)
}

.swal2-modal {
    background-color: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    position: relative
}

.swal2-modal:focus {
    outline: 0
}

.swal2-modal.swal2-loading {
    overflow-y: hidden
}

.swal2-modal .swal2-title {
    color: #595959;
    font-size: 30px;
    text-align: center;
    font-weight: 600;
    text-transform: none;
    position: relative;
    margin: 0;
    padding: 0;
    line-height: 60px;
    display: block
}

.swal2-modal .swal2-spacer {
    height: 1px;
    color: transparent;
    border: 0
}

.swal2-modal .swal2-styled {
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    font-weight: 500;
    margin: 0 5px;
    padding: 10px 32px
}

.swal2-modal .swal2-styled:not(.swal2-loading)[disabled] {
    opacity: .4;
    cursor: no-drop
}

.swal2-modal .swal2-styled.swal2-loading {
    box-sizing: border-box;
    border: 4px solid transparent;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: -2px 30px;
    vertical-align: top;
    background-color: transparent !important;
    color: transparent;
    cursor: default;
    border-radius: 100%;
    animation: u 1.5s linear 0s infinite normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-modal :not(.swal2-styled).swal2-loading:after {
    display: inline-block;
    content: "";
    margin-left: 5px;
    vertical-align: -1px;
    height: 6px;
    width: 6px;
    border: 3px solid #999;
    border-right-color: transparent;
    border-radius: 50%;
    animation: u 1.5s linear 0s infinite normal
}

.swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span, .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span {
    vertical-align: middle
}

.swal2-modal .swal2-image {
    margin: 20px auto;
    max-width: 100%
}

.swal2-modal .swal2-close {
    font-size: 36px;
    line-height: 36px;
    font-family: serif;
    position: absolute;
    top: 5px;
    right: 13px;
    cursor: pointer;
    color: #ccc;
    transition: color .1s ease
}

.swal2-modal .swal2-close:hover {
    color: #d55
}

.swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea {
    display: none
}

.swal2-modal .swal2-content {
    font-size: 18px;
    text-align: center;
    font-weight: 300;
    position: relative;
    float: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    color: #545454
}

.swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea {
    margin: 20px auto
}

.swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    font-size: 18px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .06);
    transition: border-color box-shadow .3s
}

.swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror {
    border-color: #f06e57
}

.swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus {
    outline: 0;
    box-shadow: 0 0 3px #c4e6f5;
    border: 1px solid #b4dbed
}

.swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder {
    transition: opacity .3s ease .03s;
    opacity: .8
}

.swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder {
    transition: opacity .3s ease .03s;
    opacity: .8
}

.swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder {
    color: #e6e6e6
}

.swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder {
    color: #e6e6e6
}

.swal2-modal .swal2-range input {
    float: left;
    width: 80%
}

.swal2-modal .swal2-range output {
    float: right;
    width: 20%;
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.swal2-modal .swal2-range input, .swal2-modal .swal2-range output {
    height: 43px;
    line-height: 43px;
    vertical-align: middle;
    margin: 20px auto;
    padding: 0
}

.swal2-modal .swal2-input {
    height: 43px;
    padding: 0 12px
}

.swal2-modal .swal2-input[type=number] {
    max-width: 150px
}

.swal2-modal .swal2-file {
    font-size: 20px
}

.swal2-modal .swal2-textarea {
    height: 108px;
    padding: 12px
}

.swal2-modal .swal2-select {
    color: #545454;
    font-size: inherit;
    padding: 5px 10px;
    min-width: 40%;
    max-width: 100%
}

.swal2-modal .swal2-radio {
    border: 0
}

.swal2-modal .swal2-radio label:not(:first-child) {
    margin-left: 20px
}

.swal2-modal .swal2-radio input {
    margin: 0 3px 0 0
}

.swal2-modal .swal2-checkbox {
    color: #545454
}

.swal2-modal .swal2-validationerror {
    background-color: #f0f0f0;
    margin: 0 -20px;
    overflow: hidden;
    padding: 10px;
    color: gray;
    font-size: 16px;
    font-weight: 300;
    display: none
}

.swal2-modal .swal2-validationerror:before {
    content: "!";
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ea7d7d;
    color: #fff;
    line-height: 24px;
    text-align: center;
    margin-right: 10px
}

.swal2-icon.swal2-info, .swal2-icon.swal2-question, .swal2-icon.swal2-warning {
    font-size: 60px;
    line-height: 80px;
    text-align: center
}

@supports (-ms-accelerator:true) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

@media (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .swal2-range input {
        width: 100% !important
    }

    .swal2-range output {
        display: none
    }
}

.swal2-icon {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.swal2-icon.swal2-error {
    border-color: #f27474
}

.swal2-icon.swal2-error .x-mark {
    position: relative;
    display: block
}

.swal2-icon.swal2-error .line {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #f27474;
    display: block;
    top: 37px;
    border-radius: 2px
}

.swal2-icon.swal2-error .line.left {
    transform: rotate(45deg);
    left: 17px
}

.swal2-icon.swal2-error .line.right {
    transform: rotate(-45deg);
    right: 16px
}

.swal2-icon.swal2-warning {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #f8bb86;
    border-color: #facea8
}

.swal2-icon.swal2-info {
    font-family: Open Sans, sans-serif;
    color: #3fc3ee;
    border-color: #9de0f6
}

.swal2-icon.swal2-question {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #87adbd;
    border-color: #c9dae1
}

.swal2-icon.swal2-success {
    border-color: #a5dc86
}

.swal2-icon.swal2-success:after, .swal2-icon.swal2-success:before {
    content: "";
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff
}

.swal2-icon.swal2-success:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    transform: rotate(-45deg);
    transform-origin: 60px 60px
}

.swal2-icon.swal2-success:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    transform: rotate(-45deg);
    transform-origin: 0 60px
}

.swal2-icon.swal2-success .placeholder {
    width: 80px;
    height: 80px;
    border: 4px solid hsla(98, 55%, 69%, .2);
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.swal2-icon.swal2-success .fix {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    transform: rotate(-45deg)
}

.swal2-icon.swal2-success .line {
    height: 5px;
    background-color: #a5dc86;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.swal2-icon.swal2-success .line.tip {
    width: 25px;
    left: 14px;
    top: 46px;
    transform: rotate(45deg)
}

.swal2-icon.swal2-success .line.long {
    width: 47px;
    right: 8px;
    top: 38px;
    transform: rotate(-45deg)
}

.swal2-progresssteps {
    font-weight: 600;
    margin: 0 0 20px;
    padding: 0
}

.swal2-progresssteps li {
    display: inline-block;
    position: relative
}

.swal2-progresssteps .swal2-progresscircle {
    background: #3085d6;
    border-radius: 2em;
    color: #fff;
    height: 2em;
    line-height: 2em;
    text-align: center;
    width: 2em;
    z-index: 20
}

.swal2-progresssteps .swal2-progresscircle:first-child {
    margin-left: 0
}

.swal2-progresssteps .swal2-progresscircle:last-child {
    margin-right: 0
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep {
    background: #3085d6
}

.swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle, .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline {
    background: #add8e6
}

.swal2-progresssteps .swal2-progressline {
    background: #3085d6;
    height: .4em;
    margin: 0 -1px;
    z-index: 10
}

[class^=swal2] {
    -webkit-tap-highlight-color: transparent
}

@keyframes m {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes n {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

.swal2-show {
    animation: m .3s
}

.swal2-show.swal2-noanimation {
    animation: none
}

.swal2-hide {
    animation: n .15s forwards
}

.swal2-hide.swal2-noanimation {
    animation: none
}


/********************** fav button on products **********/
.sprite-line-icons use {
    fill-rule: evenodd;
    fill: none;
    stroke: #2a2a2a;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.add-to-favs:hover svg use {
    stroke: #d6001c;
}

.item:hover .add-to-favs {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.add-to-favs:hover svg use {
    stroke: #d6001c;
}

button:hover {
    cursor: pointer;
}

.add-to-favs.wished svg use {
    fill: #d6001c;
    stroke: #d6001c;
}

.add-to-favs.wished {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.add-to-favs {
    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 svg {
    height: 24px;
    transition: all .2s ease;
    width: 29px;
}


/********************+ rzslider *********************************/

.rzslider {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 4px;
    margin: 35px 0 15px 0;
    vertical-align: middle;
    user-select: none
}

.rzslider.with-legend {
    margin-bottom: 40px
}

.rzslider[disabled] {
    cursor: not-allowed
}

.rzslider[disabled] .rz-pointer {
    cursor: not-allowed;
    background-color: #d8e0f3;
}

.rzslider[disabled] .rz-draggable {
    cursor: not-allowed
}

.rzslider[disabled] .rz-selection {
    background: #8b91a2
}

.rzslider[disabled] .rz-tick {
    cursor: not-allowed
}

.rzslider[disabled] .rz-tick.rz-selected {
    background: #8b91a2
}

.rzslider span {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    font-size: 11px;
}

.rzslider .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider .rz-bar-wrapper {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32px;
    padding-top: 16px;
    margin-top: -16px;
    box-sizing: border-box
}

.rzslider .rz-draggable {
    cursor: move
}

.rzslider .rz-bar {
    left: 0;
    z-index: 1;
    width: 100%;
    height: 4px;
    background: #d8e0f3;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rzslider .rz-bar-wrapper.rz-transparent .rz-bar {
    background: transparent
}

.rzslider .rz-bar-wrapper.rz-left-out-selection .rz-bar {
    background: #df002d
}

.rzslider .rz-bar-wrapper.rz-right-out-selection .rz-bar {
    background: #03a688
}

.rzslider .rz-selection {
    z-index: 2;
    background: #000000;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.rzslider .rz-pointer {
    top: -8px;
    z-index: 3;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background-color: #000;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px
}

.rzslider .rz-pointer:after {
    position: absolute;
    top: 7px;
    left: 7px;
    width: 6px;
    height: 6px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    content: ''
}

.rzslider .rz-pointer:hover:after {
    background-color: #fff
}

.rzslider .rz-pointer.rz-active {
    z-index: 4
}

.rzslider .rz-pointer.rz-active:after {
    background-color: #fff
}

.rzslider .rz-bubble {
    bottom: 16px;
    padding: 1px 3px;
    color: #55637d;
    cursor: default
}

.rzslider .rz-bubble.rz-limit {
    color: #55637d
}

.rzslider .rz-ticks {
    position: absolute;
    top: -3px;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box
}

.rzslider .rz-ticks-values-under .rz-tick-value {
    top: auto;
    bottom: -32px
}

.rzslider .rz-tick {
    position: absolute;
    top: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin-left: 11px;
    text-align: center;
    cursor: pointer;
    background: #d8e0f3;
    border-radius: 50%
}

.rzslider .rz-tick.rz-selected {
    background: #0db9f0
}

.rzslider .rz-tick-value {
    position: absolute;
    top: -30px;
    transform: translate(-50%, 0)
}

.rzslider .rz-tick-legend {
    position: absolute;
    top: 24px;
    max-width: 50px;
    white-space: normal;
    transform: translate(-50%, 0)
}

.rzslider.rz-vertical {
    position: relative;
    width: 4px;
    height: 100%;
    padding: 0;
    margin: 0 20px;
    vertical-align: baseline
}

.rzslider.rz-vertical .rz-base {
    width: 100%;
    height: 100%;
    padding: 0
}

.rzslider.rz-vertical .rz-bar-wrapper {
    top: auto;
    left: 0;
    width: 32px;
    height: 100%;
    padding: 0 0 0 16px;
    margin: 0 0 0 -16px
}

.rzslider.rz-vertical .rz-bar {
    bottom: 0;
    left: auto;
    width: 4px;
    height: 100%
}

.rzslider.rz-vertical .rz-pointer {
    top: auto;
    bottom: 0;
    left: -14px !important
}

.rzslider.rz-vertical .rz-bubble {
    bottom: 0;
    left: 16px !important;
    margin-left: 3px
}

.rzslider.rz-vertical .rz-ticks {
    top: 0;
    left: -3px;
    z-index: 1;
    width: 0;
    height: 100%
}

.rzslider.rz-vertical .rz-tick {
    margin-top: 11px;
    margin-left: auto;
    vertical-align: middle
}

.rzslider.rz-vertical .rz-tick-value {
    top: auto;
    left: 24px;
    transform: translate(0, -28%)
}

.rzslider.rz-vertical .rz-tick-legend {
    top: auto;
    right: 24px;
    max-width: none;
    white-space: nowrap;
    transform: translate(0, -28%)
}

.rzslider.rz-vertical .rz-ticks-values-under .rz-tick-value {
    right: 24px;
    bottom: auto;
    left: auto
}


/***************************************** list page ***************/

.filters__header .filters__header-title .header-title {
    font-size: 25px;
}

.item {
    position: relative;
}

.filters__header .filters__header-title .header-title .total-results, .filters__header .filters__header-title .header-title strong {
    color: #d6001c;
}

.filters__header .filters__header-title .header-title span.feature-names {
    color: #737373;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin: 4px 0 0;
}

.filters__header .filters__header-title .header-title {
    display: block;
    font-size: 17px;
    font-weight: 900;
    margin: 15px 0 4px;
    text-transform: uppercase;
}

.facets-bar-desktop button .badge {
    background-color: #fff;
    border-radius: 200px;
    color: #d6001c;
    font-weight: 700;
    line-height: 16px;
    margin-left: 8px;
    min-height: 16px;
    min-width: 16px;
    text-align: center;
}

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

.desktop__sort select {
    background-color: #efefef;
    border-color: #efefef;
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    height: 45px;
    line-height: 45px;
    margin: 0;
    padding-left: 10px;
    text-transform: uppercase;
    vertical-align: 1px;
    width: 140px;
}

.desktop__filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.desktop__filters-main {
    display: flex;
    flex: 1 1 auto;
}

.facets-bar-desktop {
    position: relative;
}

.facets-bar-desktop button {
    align-items: center;
    background-color: #d6001c;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    line-height: 45px;
    margin: 0;
    max-width: 350px;
    padding: 0 30px;
    text-transform: uppercase;
    width: 100%;
}

.facets-bar-desktop button svg {
    margin-right: 8px;
}

.facets-bar-desktop button {
    align-items: center;
    background-color: #d6001c;
    color: #fff;
    display: flex;
    font-size: 12px;
    font-weight: 500;
    height: 45px;
    justify-content: center;
    line-height: 45px;
    margin: 0;
    max-width: 350px;
    padding: 0 30px;
    text-transform: uppercase;
    width: 100%;
}

.fast-delivery-button .mtc-link[data-v-4490a64c]:before {
    background-color: #fff;
    border: 1px solid #000;
    content: "";
    display: inline-block;
    height: 15px;
    margin-right: 10px;
    width: 15px;
}


.fast-delivery-button .mtc-link {
    align-items: center;
    align-self: stretch;
    background-color: #ebebeb;
    border: 2px solid #e1e1e1;
    color: #000;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px;
    padding: 0 25px 0 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

.fast-delivery-button .fast-delivery {
    display: flex;
    height: calc(100% - 1px);
}

.fast-delivery-button .mtc-link {
    align-items: center;
    align-self: stretch;
    background-color: #ebebeb;
    border: 2px solid #e1e1e1;
    color: #000;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    margin: 0 5px;
    padding: 0 25px 0 15px;
    text-transform: uppercase;
    white-space: nowrap;
}

.product-tags {
    display: flex;
    flex-wrap: wrap;
}

.product-tags {
    left: -5px;
    position: relative;
    top: 0px;
}

.tag.product-tag {
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight: 700;
    margin-right: 1px;
    padding: 3px 8px;
    text-transform: uppercase;
}

.special-tag {
    box-sizing: border-box;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    right: -5px;
    top: 0;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;

}

.special-tag .product-tag {
    padding: 5px 2px;
}

.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--old {
    color: #fff;
}

.add-to-favs {
    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;
}

.item > div, .item > section {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

/* most-used */

.most-used-filters {
    align-content: center;
    background-color: #f5f5f5;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    height: 45px;
    line-height: 30px;
    padding: 0 10px;
    text-transform: uppercase;
}

.most-used-filters > strong {
    color: #999;
    display: inline-block;
    flex: 0 0 100%;
    font-size: 9px;
    line-height: 10px;
    padding: 0 0 0 5px;
    white-space: nowrap;
}

.most-used {
    display: flex;
    flex-wrap: wrap;
    line-height: 10px;
}

.most-used .most-used__nav-button.most-used__nav-button--left {
    left: 0;
}

.most-used .most-used__nav-button svg {
    position: relative;
    z-index: 1;
}

.most-used h2 {
    display: inline;
    margin: 0 auto;
}

.most-used-filters .mtc-link {
    color: #000;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    height: 15px;
    line-height: 15px;
    padding: 0 5px;
    white-space: nowrap;
}

.most-used-filters .mtc-link:before {
    background-color: #fff;
    border: 1px solid #000;
    content: "";
    display: inline-block;
    height: 10px;
    margin-right: 2px;
    vertical-align: -2px;
    width: 10px;
}

/* product list */
.products > .col {
    margin-bottom: 15px;
}


.product-list .products.row > .col {
    margin-left: 0;
}

.product-list .products.has-banner > .col {
    justify-self: stretch;
    width: 100% !important;
}

@media only screen and (min-width: 601px) {
    .row .col.lc5 .item {
        padding: 30px 5px 15px;
    }
}

@media only screen and (min-width: 601px)and (max-width: 992px) {
    .item {
        min-height: 300px;
        padding: 30px 3px 10px
    }

    .item .item__info {
        padding: 0 10px
    }

    .item .item__rating {
        display: block;
        float: none;
        margin-top: -2px
    }

    .item .item__rating .rating-block {
        -webkit-transform: scale(.8);
        transform: scale(.8);
        -webkit-transform-origin: right;
        transform-origin: right
    }
}

.home-products-list .product-list .rating-block img {
    display: inline-block;
    height: 12px;
    width: 68px;
}


@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.lc5 {
        left: auto;
        margin-left: auto;
        right: auto;
        width: 20%
    }

    .row .col.lc5 .item {
        padding: 10px 5px 15px
    }

    .row .col.lc5 .item .item__info {
        padding: 0 10px
    }

    .row .col.lc5 .item .item__info .item__name {
        margin: 0 0 15px
    }

    .filters__header .filters__header-title .header-title {
        font-size: 25px;
    }
}

@media only screen and (min-width: 601px) and (max-width: 992px) {
    .most-used {
        flex-wrap: nowrap;
        max-width: 100%;
    }

    .most-used-filters {
        overflow-x: auto;
        position: relative;
        width: 100%;
    }
}

/* facets filter*/
.facets-desktop__main {
    position: relative;
}

.facets-bar-desktop {
    position: relative;
}

.facets__in-use {
    background-color: #f5f5f5;
    padding: 15px 20px;
}

.facets-desktop__container {
    box-shadow: 0 0 45px 0 rgba(0, 0, 0, .3);
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 100%;
    width: 350px;
    z-index: 200;
}

.facets-desktop__container > .facets-desktop__container-content {
    position: relative;

}

.facets-desktop {
    background-color: #fff;
    box-shadow: -10px 0 20px 0 rgba(0, 0, 0, .15);
    overflow-y: auto;
}

.facets-desktop > ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.facets__in-use {
    background-color: #f5f5f5;
    padding: 15px 20px;
}

.in-use__header {
    display: flex;
    justify-content: space-between;
}

.in-use__header strong {
    font-size: 13px;
    font-weight: 800;
    text-transform: uppercase;
}

.in-use__header a, .in-use__header span {
    align-items: center;
    color: #d6001c;
    display: flex;
    font-size: 10px;
    font-weight: 500;
    padding: 0;
    text-transform: uppercase;
}

.facets__in-use .in-use__current {
    color: #5d5d5d;
    display: block;
    font-size: 10px;
    overflow: hidden;
    padding-top: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-use__header {
    display: flex;
    justify-content: space-between;
}

.facet.expanded > button {
    background: #fff;
}

.facet > button {
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    color: #000;
    font-size: 12px;
    font-weight: 700;
    padding: 15px 20px;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
}

.facet ul {
    /*display: none;*/
    padding: 15px 20px;
}

.facets-mobile__list li .mtc-link, .facets-mobile__list li > div {
    flex: 0 1 auto;
    max-width: 65%;
}

.facets-mobile__list li:not(.colors) {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.facets-mobile__list li:not(.colors) .filters__extras {
    display: flex;
    margin-left: auto;
    max-height: 18px;
    min-width: 0;
}

.fake-checkbox, .fake-radio {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
}

.facets-mobile__list li:not(.colors) strong {
    background-color: #e8e8e8;
    border-radius: 200px;
    font-size: 12px;
    font-weight: 500;
    min-width: 18px;
    padding: 2px 10px;
    text-align: center;
}


.fake-checkbox, .fake-radio {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    height: 24px;
}

.fake-checkbox span, .fake-radio span {
    align-items: center;
    cursor: pointer;
    display: flex;
    line-height: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fake-radio.checked span:before {
    box-shadow: inset 0 0 0 6px #000;
}

.fake-checkbox.checked span:before {
    background: #000 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSI4Ij48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjgiIGQ9Ik05IDFMMy41IDYuNSAxIDQiLz48L3N2Zz4=) 50% no-repeat;
}
.fake-radio span:before {
    border-radius: 200px;
    box-shadow: none;
}

.fake-checkbox span:before, .fake-radio span:before {
    border: 1px solid #000;
    content: "";
    display: block;
    flex: 0 0 18px;
    height: 18px;
    margin-right: 8px;
    transition: .2s;
    width: 18px;
}

.fake-checkbox span, .fake-radio span {
    align-items: center;
    cursor: pointer;
    display: flex;
    line-height: 12px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.facet > button span {
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 11px;
    margin-right: 20px;
    padding: 1px 8px;
    vertical-align: 1px;
}

.facet.expanded > button:after {
    background: transparent url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIyIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiNFQjAwMTIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjI4IiBkPSJNMTIuNDMuNzc0SDEuNTciLz48L3N2Zz4=) 50% no-repeat;
}

.facet > button:after {
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNCIgaGVpZ2h0PSIxMyI+PHBhdGggZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRUIwMDEyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMS4yOCIgZD0iTTEyLjQzIDYuNzczSDEuNTdNNyAxLjM0M3YxMC44NjEiLz48L3N2Zz4=) 50% no-repeat;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
}

.filter__price > li p input[type=number] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    font-size: 11px;
    height: 10px;
    padding: 10px 0;
    text-align: center;
    width: 65px;
}






/************************************************ page widgets */

.video-banner__image img[data-v-51f2fb5b] {
    height: auto;
    max-height: 286px;
    max-width: 100%;
    position: relative;
    text-align: center;
    width: 560px;
}

.carousel-block {
    min-height: 500px;
    position: relative;
    width: 100%;
}

.carousel-block .countdown__container .countdown {
    display: flex;
    justify-content: center;
    background-color: black;
    color: white;
}


.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-container .swiper-wrapper {
    align-items: center;
}

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


.slide__wrapper {
    position: relative;
}

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

.slide {
    align-items: center;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: flex;
    min-height: 500px;
    padding: 40px 0;
    width: 100%;
}

.slide.slide__layout--right .container {
    align-items: flex-end;
}


.slide>.container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.slide.slide__theme--light .slide__button {
    background-color: hsla(0, 0%, 100%, .8);
    color: #000;
}


.slide .slide__content {
/*    max-width: 45%;*/
    max-width: 50%;
}

.slide .slide__content .slide__single-image {
    height: auto;
    max-height: 300px;
    /*max-height: 286px;*/
    max-width: 100%;
    text-align: center;
    width: 560px;
}

.slide .slide__content .slide__single-image span {
    display: block;
    max-height: 100%;
    max-width: 100%;
}

.slide .slide__content .slide__single-image span .cdn-img {
    max-height: 286px;
}


.carousel-block .countdown__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 3px 16px;
}

.slide .slide__content .slide__main .countdown__container {
    display: flex;
}

.carousel-block .countdown__container>p {
    display: block;
}

.countdown__container>p {
    display: inline;
    font-size: 8px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}
.carousel-block .countdown__container .countdown {
    display: flex;
    justify-content: center;
}



.slide .slide__content .slide__main .countdown__container+.slide__button {
    font-size: 11px;
    letter-spacing: .5px;
    padding: 13px 14px;
}


.slide .slide__content .slide__main .slide__button {
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1em;
    padding: 13px 20px;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
}

.countdown__container .countdown div {
    display: inline-block;
}

.carousel-block .countdown__container .countdown div {
    font-size: 17px;
    font-weight: 800;
    text-align: center;
}

.carousel-block .countdown__container .countdown div .countdown-text {
    display: block;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: .35px;
    margin: -1px 0 0;
    text-transform: uppercase;
}

.carousel-block .countdown__container .countdown div {
    font-size: 17px;
    font-weight: 800;
    text-align: center;
}

.countdown__container .countdown div .countdown-text-abbr, .countdown__container .countdown div.countdown__dots {
    display: none;
}

.carousel-block .countdown__container .countdown div.countdown__dots {
    display: inline;
    margin: 0 2px;
    opacity: .9;
}

.slide .slide__content .slide__main .countdown__container {
    display: flex;
}

.slide .slide__content .slide__main .slide__countdown-button {
    align-items: stretch;
    display: flex;
    gap: 10px;
    justify-content: center;
    margin-top: 10px;
}

.slide.slide__layout--single-image .slide__content .slide__text, .slide.slide__layout--single-image .slide__content .slide__title {
    display: none;
}
.slide .slide__content .slide__main .slide__countdown-button.center {
    justify-content: center;
}
.slide.slide__theme--dark .slide__button {
    background-color: rgba(0,0,0,.8);
    color: #fff;
}

.slide .slide__content .slide__main .slide__button {
    box-sizing: border-box;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 1.1em;
    padding: 13px 20px;
    text-transform: uppercase;
    transition: all .1s ease-in-out;
}

.slide .slide__content .slide__main .countdown__container+.slide__button svg {
    scale: .8;
}

.slide.slide__theme--dark .slide__button use {
    stroke: #fff;
}


.swiper-wrapper .slide__conditions {
    bottom: 50px;
}
.slide__conditions {
    background-color: rgba(0,0,0,.5);
    bottom: 50px;
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    left: 0;
    padding: 4px 10px;
    position: absolute;
    text-transform: uppercase;
}

.carousel-block .swiper-slide-selector__container {
    display: flex;
    margin-top: -39px;
    padding-left: 2px;
    padding-bottom: 2px;
    position: relative;
    z-index: 5;
}

.carousel-block .swiper-slide-selector {
    background-color: rgba(0,0,0,.65);
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    flex: 1 1 auto;
    font-size: 11px;
    font-weight: 700;
    height: 35px;
    line-height: 35px;
    margin-right: 2px;
    overflow: hidden;
    padding: 0 15px;
    text-align: center;
    text-overflow: ellipsis;
    text-transform: uppercase;
    transition: all .5s ease-out;
    white-space: nowrap;
}

.carousel-block .swiper-slide-selector.active {
    background-color: #d6001c;
}



/******************************************** detail ***************************/


.inline-login[data-v-42c2cb52] {
    padding: 40px 0 80px;
}


.breadcrumb-container {
    display: flex;
    margin-top: 15px;
}


.product .product-media .owl-next, .product .product-media .owl-prev {
    display: block;
    line-height: 30px;
    font-size: 1.4em;
    text-align: center;
    opacity: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.button.sm {
    height: 2.1rem;
    line-height: 2rem;
    padding-top: 0;
    padding-bottom: 0;
}



/******************************** footer nav *********************/
.block-container{
    background-color: #f5f5f5;
}

.footer-nav span.h3{
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.footer-nav li[data-v-255ce522] {
    padding-bottom: 4px;
}
.footer-nav .mtc-link[data-v-255ce522] {
    color: #000;
    font-size: 12px;
    line-height: unset;
}


.footer-nav{
    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: 600px) {
    .footer-nav{
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }
}



/******************************** account **************/
/**** account **/
.account__content-block .account__content-block-body[data-v-50f330ac] {
    background-color: #f5f5f5;
    padding: 24px 32px;
}
.account__content-block .account__content-block-header h2[data-v-50f330ac] {
    font-size: 15px;
    font-weight: 700;
}

.account__content-block .account__content-block-header h2 {
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    text-transform: uppercase;
}

.account__content-block .account__content-block-header {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.profile-form[data-v-9349daba] {
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 0;
}
.profile-form input[data-v-9349daba] {
    background-color: #fff;
}

.profile-form .field-group p[data-v-9349daba], .profile-form .form-fieldset p[data-v-9349daba] {
    flex: 0 0 100%;
    font-size: 15px;
    font-weight: 300;
    margin: 0 0 12px;
}

.profile__personal-info>div[data-v-e15d21dc] {
    align-items: center;
    display: flex;
}

.profile-form .field-group.radios[data-v-9349daba], .profile-form .form-fieldset.radios[data-v-9349daba] {
    justify-content: flex-start;
}
.profile-form .field-group[data-v-9349daba], .profile-form .form-fieldset[data-v-9349daba] {
    border-bottom: 2px solid #fff;
    padding: 24px 32px;
}


[type=radio]:checked+label[data-v-9349daba]:before, [type=radio]:not(:checked)+label[data-v-9349daba]:before {
    background: #fff;
    border: 1px solid #000;
    border-radius: 100%;
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    top: 0;
    width: 18px;
    box-sizing: unset;
}

.button-mode[data-v-b442d7bc], .inline-mode[data-v-b442d7bc] {
    display: inline;
}
img[data-v-b91505fe] {
    max-width: 100%;
}

.button-mode[data-v-b442d7bc], .inline-mode[data-v-b442d7bc] {
    display: inline;
}

.button-mode img[data-v-b91505fe] {
    vertical-align: middle;
    width: 28px;
}

[type=radio]:not(:checked)+label[data-v-9349daba]:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    box-sizing: unset;
}
[type=radio]:checked+label[data-v-9349daba]:after, [type=radio]:not(:checked)+label[data-v-9349daba]:after {
    background: #d6001c;
    box-sizing: unset;
    border-radius: 100%;
    content: "";
    height: 12px;
    left: 4px;
    position: absolute;
    top: 4px;
    transition: all .2s ease;
    width: 12px;
}

[type=radio]:checked+label[data-v-9349daba], [type=radio]:not(:checked)+label[data-v-9349daba] {
    color: #000;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding-left: 28px;
    position: relative;
}
[type=radio]:checked+label[data-v-9349daba]:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    box-sizing: unset;
}
@media only screen and (max-width: 992px) {
    .account__content-block {
        margin-bottom: 60px;
    }
}

@media only screen and (max-width: 600px) {
    .profile-form[data-v-9349daba] {
        padding: 12px 0;
    }
    .profile-form .field-group[data-v-9349daba], .profile-form .form-fieldset[data-v-9349daba] {
        padding: 24px;
    }

    .account__content-block .account__content-block-header h2 {
        font-size: 16px;
    }

    .account__content-password-change .button[data-v-50f330ac]:first-child {
        margin-bottom: 10px;
    }

    .account__content-password-change .button[data-v-50f330ac], .account__content-password-change+.button[data-v-50f330ac] {
        width: 100%;
    }
}


.account__content-block .account__content-block-header[data-v-50f330ac] {
    margin-bottom: 15px;
}


.profile-form .field-group.radios .radio__container[data-v-9349daba], .profile-form .form-fieldset.radios .radio__container[data-v-9349daba] {
    margin-right: 24px;
}

.account__nav a {
    border-left: 3px solid transparent;
    color: #000;
    display: block;
    padding: 10px 20px;
}

.account__nav a svg {
    transition: all .2s ease;
    vertical-align: -4px;
}
.account__nav li a.nuxt-link-exact-active {
    background-color: #f5f5f5;
    border-color: #d6001c;
    font-weight: 800;
}




/*************** modal ***************/
.modal-wrapper.contact-form__modal .modal-header h1 {
    padding-left: 10px;
}

.modal-wrapper .modal .modal-header {
    background-color: #f5f5f5;
    padding: 30px 30px 0;
    position: relative;
    z-index: 20;
}

.modal-wrapper .modal .modal-body {
    max-height: 100%;
    overflow-y: auto;
    padding: 40px;
}

.contact-form-email label {
    width: 100%;
}

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

.contact-form-email .file-upload {
    background-color: #f5f5f5;
    cursor: pointer;
    font-weight: 600;
    padding: 15px;
    text-transform: uppercase;
    width: auto;
}

.contact-form-email .file-upload > span {
    font-size: 10px;
    margin-bottom: 0;
}

.contact-form-email input[type=file] {
    display: none;
}

.contact-form-email .file-upload svg {
    margin-right: 5px;
    vertical-align: -1px;
}

.contact-form-email .button {
    display: block;
    margin: 10px 0;
    width: 100%;
}

.contact-form-email label {
    width: 100%;
}


.legal p {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 400 !important;
    line-height: 1.3 !important;
}

.contact-form-email select {
    height: 3rem;
    line-height: 3rem;
    width: 100%;
}




@media only screen and (max-width: 600px) {
    .contact-form-email {
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    .modal-wrapper .modal .modal-body {
        padding: 20px;
    }
}



.success-message {
    padding: 80px 0;
    text-align: center;
}
.success-message>img {
    height: 35px;
    width: 35px;
}
.success-message p {
    font-weight: 500;
}

.success-message .button {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
}

.message-box-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}

.message-box-container.show {
    opacity: 1;
    visibility: visible;
}

.message-box {
    background-color: #4CAF50;
    color: white;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    text-align: center;
    font-size: 18px;
}




/**************************************************************************************** events ***********************************************************/


.vc_column-inner::after, .vc_column-inner::before {
    content: " ";
    display: table;
}


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

.gt-heading .gt-title {
    font-size: 3.231rem;
    line-height: 1.3;
}


.gt-heading .gt-separate {
    align-items: center;
    display: flex;
    margin: 30px auto 0;
}

.gt-heading .gt-text {
    opacity: .8;
    font-size: 1.077rem;
}

.gt-heading .gt-title + .gt-text, .gt-heading .gt-separate + .gt-text {
    margin-top: 40px;
}


.gt-categorized-contents .gt-nav > li {
    float: none;
    margin: 0;
    padding: 0 7.5px 7.5px;
    display: inline-block;
    position: relative;
}


/*
.widget_archive ul li:before, .widget_categories ul li:before, .widget_pages ul li:before, .widget_meta ul li:before, .widget_recent_comments ul li:before, .widget_recent_entries ul li:before, .widget_nav_menu ul li:before, .fancybox-container .fancybox-thumbs__list a:before, .gt-like-box a.gt-liked, .gt-like-box a.gt-liked:visited, .gt-like-box a.gt-favorited, .gt-like-box a.gt-favorited:visited, .gt-like-box a:hover, .gt-like-box a:focus, .gt-countdown.gt-style-3 ul li > .gt-inner, .gt-footer .gt-app-box .gt-item a:hover, .gt-footer .gt-app-box .gt-item a:focus, .gt-footer.gt-style-1 .gt-app-box .gt-item a:hover, .gt-footer.gt-style-1 .gt-app-box .gt-item a:focus, .gt-post-style-1 .gt-bottom .gt-more, .gt-post-style-1 .gt-bottom .gt-more:visited, .gt-post-style-2 .gt-bottom .gt-more, .gt-post-style-2 .gt-bottom .gt-more:visited, .gt-pagination ul li > span, .gt-pagination ul li > a, .gt-pagination ul li > a:visited, .gt-post-pagination ul li a, .gt-post-pagination ul li a:visited, .gt-event-ticket.gt-style-1.gt-active-on, .gt-event-ticket.gt-style-2.gt-active-on, .gt-event-ticket.gt-style-3.gt-active-on, .gt-event-ticket.gt-style-4, .gt-event-ticket.gt-style-5.gt-active-on, .gt-event-ticket.gt-style-6.gt-active-on, .gt-event-ticket.gt-style-7.gt-active-on, .gt-button.gt-style-3 a, .gt-button.gt-style-3 a:visited, .gt-button.gt-style-2 a, .gt-button.gt-style-2 a:visited, .gt-button.gt-style-1 a:hover, .gt-button.gt-style-1 a:focus, .gt-button.gt-style-1 a, .gt-button.gt-style-1 a:visited, .gt-event-buttons ul li a, .gt-event-buttons ul li a:visited, .gt-event-schedule.gt-style-7 .gt-item > ul > li .gt-content > .gt-inner, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a:visited, .gt-organizers.gt-style-2 ul li a:hover, .gt-organizers.gt-style-2 ul li a:focus, .gt-tags.gt-style-2 ul li a:hover, .gt-tags.gt-style-2 ul li a:focus, .gt-categories.gt-style-2 ul li a:hover, .gt-categories.gt-style-2 ul li a:focus, .gt-social-sharing.gt-style-7 ul li a:hover, .gt-social-sharing.gt-style-7 ul li a:focus, .gt-social-links-element.gt-style-7 ul li a:hover, .gt-social-links-element.gt-style-7 ul li a:focus, .gt-app-box .gt-item a:hover, .gt-app-box .gt-item a:focus, .gt-counter > .gt-number, .gt-testimonials-carousel .gt-slider-pagination .swiper-pagination-bullet:hover, .gt-testimonials-carousel .gt-slider-pagination .swiper-pagination-bullet:focus, .gt-testimonials-carousel .gt-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active, .gt-eventchamp-service-box.gt-style-1 .gt-title, .gt-eventchamp-service-box.gt-style-1 .gt-icon, .gt-blog-carousel .gt-slider-prev:hover, .gt-blog-carousel .gt-slider-prev:focus, .gt-blog-carousel .gt-slider-next:hover, .gt-blog-carousel .gt-slider-next:focus, .gt-blog-carousel .gt-all-button:hover, .gt-blog-carousel .gt-all-button:focus, .gt-dark .gt-slider-prev:hover, .gt-dark .gt-slider-prev:focus, .gt-dark .gt-slider-next:hover, .gt-dark .gt-slider-next:focus, .gt-dark .gt-all-button:hover, .gt-dark .gt-all-button:focus, .gt-venues-carousel.gt-white .gt-slider-prev:hover, .gt-venues-carousel.gt-white .gt-slider-prev:focus, .gt-venues-carousel.gt-white .gt-slider-next:hover, .gt-venues-carousel.gt-white .gt-slider-next:focus, .gt-venues-carousel.gt-white .gt-all-button:hover, .gt-venues-carousel.gt-white .gt-all-button:focus, .gt-events-carousel .gt-slider-prev:hover, .gt-events-carousel .gt-slider-prev:focus, .gt-events-carousel .gt-slider-next:hover, .gt-events-carousel .gt-slider-next:focus, .gt-events-carousel .gt-all-button:hover, .gt-events-carousel .gt-all-button:focus, .gt-categorized-contents .gt-all-button:hover, .gt-categorized-contents .gt-all-button:focus, .gt-categorized-contents .gt-nav > li > a.active, .gt-categorized-contents .gt-nav > li > a.active:visited, .gt-categorized-contents .gt-nav > li > a:hover, .gt-categorized-contents .gt-nav > li > a:focus, .gt-categorized-contents .gt-nav > li > a, .gt-categorized-contents .gt-nav > li > a:visited, .gt-eventchamp-slider .gt-slider-content .gt-buttons a:hover, .gt-eventchamp-slider .gt-slider-content .gt-buttons a:focus, .gt-countdown-slider.gt-style-2 > .gt-slider-content .gt-buttons a:hover, .gt-countdown-slider.gt-style-2 > .gt-slider-content .gt-buttons a:focus, .gt-countdown-slider.gt-style-1 > .gt-slider-content .gt-buttons a:hover, .gt-countdown-slider.gt-style-1 > .gt-slider-content .gt-buttons a:focus, .gt-events-slider .gt-slide-inner .gt-content .buttons a:hover, .gt-events-slider .gt-slide-inner .gt-content .buttons a:focus, .fc button, .fc-state-default, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu li .gt-dropdown-menu, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu li .gt-dropdown-menu, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu li .gt-dropdown-menu, button, input[type="submit"], button:hover, input[type="submit"]:hover, button:active, input[type="submit"]:active, button:active:hover, input[type="submit"]:active:hover, button:active:focus, input[type="submit"]:active:focus, button:active:visited, input[type="submit"]:active:visited, button:focus, input[type="submit"]:focus, button, input[type="submit"] {
    border-color: #d6001c;
}
*/

.fc-state-default:hover, .fc-state-default:focus, .fc button:hover, .fc button:focus, .gt-post-style-1 .gt-bottom .gt-more:hover, .gt-post-style-1 .gt-bottom .gt-more:focus, .gt-post-style-2 .gt-bottom .gt-more:hover, .gt-post-style-2 .gt-bottom .gt-more:focus, .gt-pagination ul li > span.current, .gt-pagination ul li > a:hover, .gt-pagination ul li > a:focus, .gt-post-pagination ul li a:hover, .gt-post-pagination ul li a:focus, .gt-event-buttons ul li a:hover, .gt-event-buttons ul li a:focus, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a.active, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a.active:visited, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a:hover, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a:focus, .gt-detail-widget > ul > li.button-content a:hover, .gt-detail-widget > ul > li.button-content a:focus, .gt-categorized-contents .gt-nav > li > a.active, .gt-categorized-contents .gt-nav > li > a.active:visited, .gt-categorized-contents .gt-nav > li > a:hover, .gt-categorized-contents .gt-nav > li > a:focus, .gt-button.gt-style-3 a:hover, .gt-button.gt-style-3 a:focus, .gt-button.gt-style-2 a:hover, .gt-button.gt-style-2 a:focus, .gt-button.gt-style-1 a:hover, .gt-button.gt-style-1 a:focus {
    background: transparent;
}


.gt-event-style-3 .gt-image > a, .gt-event-style-3 .gt-image > a:visited {
    /*
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    */


}

.gt-event-style-3 .gt-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: calc(100% + 20px);
    width: auto;
}

.gt-event-style-3 .gt-image {
    /*
    position: relative;
    margin-bottom: 20px;
    */
    width: auto;
    padding: 10px;
    height: 200px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;

}

.gt-event-style-3 {
    width: 100%;
    position: relative;
    height: 100%; /* jcf */
}

.gt-columns.gt-column-space-30 > .gt-col > .gt-inner {
    padding: 0 15px 30px;
    height: 100%;
}

.gt-columns > .gt-col > .gt-inner {
    padding: 0 15px 30px;
}

.gt-columns.gt-column-3 > .gt-col {
    width: 33.33333333333333%;
}

.gt-columns > .gt-col {
    width: 100%;
    position: relative;
}

.gt-columns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -30px;
}

.gt-columns.gt-column-space-30 {
    margin: 0 -15px -30px;
}

.irs-from:after, .irs-to:after, .irs-single:after, .gt-event-style-3 .gt-content, .gt-event-ticket.gt-style-4.gt-active-on:before, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu li .gt-dropdown-menu, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu li .gt-dropdown-menu, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu li .gt-dropdown-menu, .gt-flex-menu {
    border-top-color: #d6001c;
}

.gt-event-style-3 .gt-title {
    font-size: 1.462rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 15px;
}

.gt-event-style-3 .gt-details {
    margin: -5px -10px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.gt-event-style-3 .gt-details > div {
    padding: 5px 10px;
}

.gt-event-style-3 .gt-price, .gt-event-style-3 .gt-status, .gt-event-style-3 .gt-venue, .gt-event-style-3 .gt-stock, .gt-event-style-3 .gt-location, .gt-event-style-3 .gt-organizer, .gt-event-style-3 .gt-date, .gt-event-style-3 .gt-time {
    font-size: 0.9231rem;
    line-height: 0.9231rem;
    color: #777777;
    align-items: center;
    display: flex;
}

.gt-event-style-3 .gt-details + .gt-text {
    margin-top: 20px;
}

.gt-event-style-3 .gt-text {
    margin: 0 0 15px;
    font-size: 14px;
    /*color: #777777;*/
    color: #0a0a0a;
    line-height: 1.3;
}

.gt-event-style-3 .gt-details > div {
    padding: 5px 10px;
}

.gt-footer.gt-style-1 .gt-social-links-element.gt-style-6 ul li a:hover, .gt-footer.gt-style-1 .gt-social-links-element.gt-style-6 ul li a:focus, .gt-footer.gt-style-1 a:hover, .gt-footer.gt-style-1 a:focus, .gt-event-style-2 .gt-information > div a:focus, .gt-event-style-2 .gt-information > div a:hover, .gt-footer.gt-style-1 .post-list-style-3 .title a:hover, .gt-footer.gt-style-1 .post-list-style-3 .title a:focus, .gt-mobile-menu .gt-bottom .gt-social-links li a:hover, .gt-mobile-menu .gt-bottom .gt-social-links li a:focus, .gt-modal .gt-register-content .gt-modal-footer a:hover, .gt-modal .gt-register-content .gt-modal-footer a:focus, .gt-modal .gt-login-content .gt-modal-footer a:hover, .gt-modal .gt-login-content .gt-modal-footer a:focus, .gt-countdown.gt-style-3 ul li > .gt-inner, .gt-footer .post-list-style-3 .title a:hover, .gt-footer .post-list-style-3 .title a:focus, .gt-feature-box .gt-content .gt-title, .gt-feature-box .gt-icon, .gt-map.gt-events-map .gt-map-popup .gt-inner a:hover, .gt-map.gt-events-map .gt-map-popup .gt-inner a:focus, .gt-label.gt-style-4, .gt-post-style-1 .gt-bottom .gt-more:hover, .gt-post-style-1 .gt-bottom .gt-more:focus, .gt-post-style-1 .gt-bottom > ul a:hover, .gt-post-style-1 .gt-bottom > ul a:focus, .gt-post-style-2 .gt-bottom .gt-more:hover, .gt-post-style-2 .gt-bottom .gt-more:focus, .gt-post-style-2 .gt-bottom > ul a:hover, .gt-post-style-2 .gt-bottom > ul a:focus, .gt-page-content .gt-post-meta a:hover, .gt-page-content .gt-post-meta a:focus, .gt-pagination ul li > span.current, .gt-pagination ul li > a:hover, .gt-pagination ul li > a:focus, .gt-post-pagination ul li a:hover, .gt-post-pagination ul li a:focus, .gt-page-content .gt-post-meta ul li svg, .gt-event-ticket.gt-style-1 .gt-ticket-inner > .gt-details .gt-subtitle, .gt-event-ticket.gt-style-1 .gt-ticket-inner > .gt-details > .gt-price, .gt-event-ticket.gt-style-1 .gt-ticket-inner > .gt-ticket-features p > i, .gt-event-ticket.gt-style-2 .gt-ticket-inner .gt-title, .gt-event-ticket.gt-style-2 .gt-price, .gt-event-ticket.gt-style-3 .gt-ticket-inner .gt-title, .gt-event-ticket.gt-style-3 .gt-price, .gt-event-ticket.gt-style-4 .gt-price, .gt-event-ticket.gt-style-5 .gt-price, .gt-event-ticket .gt-ticket-inner .gt-ticket-features p > i, .gt-event-ticket.gt-style-6 .gt-ticket-features p > i, .gt-event-ticket.gt-style-6 .gt-ticket-header .gt-price, .gt-event-ticket.gt-style-7 .gt-ticket-features p > i, .gt-event-ticket.gt-style-7 .gt-ticket-header .gt-price, .gt-event-buttons ul li a:hover, .gt-event-buttons ul li a:focus, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a.active, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a.active:visited, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a:hover, .gt-event-schedule.gt-style-2 .gt-schedule-tabs > li > a:focus, .gt-speaker.gt-style-1 .gt-content .gt-name a:hover, .gt-speaker.gt-style-1 .gt-content .gt-name a:focus, .gt-speaker.gt-style-1 .gt-social-links ul li a:focus, .gt-speaker.gt-style-1 .gt-social-links ul li a:hover, .gt-speaker.gt-style-2 .gt-social-links ul li a:focus, .gt-speaker.gt-style-2 .gt-social-links ul li a:hover, .gt-speaker.gt-style-3 .gt-social-links ul li a:focus, .gt-speaker.gt-style-3 .gt-social-links ul li a:hover, .gt-speaker.gt-style-4 .gt-social-links ul li a:focus, .gt-speaker.gt-style-4 .gt-social-links ul li a:hover, .gt-speaker.gt-style-5 .gt-social-links ul li a:focus, .gt-speaker.gt-style-5 .gt-social-links ul li a:hover, .gt-speaker.gt-style-6 .gt-social-links ul li a:focus, .gt-speaker.gt-style-6 .gt-social-links ul li a:hover, .gt-content-detail-box > ul > li > .gt-content > .gt-inner a:hover, .gt-content-detail-box > ul > li > .gt-content > .gt-inner a:focus, .gt-content-detail-box > ul > li > .gt-icon > i, .gt-icon-list.gt-style-1 ul li i, .gt-icon-list.gt-style-2 ul li i, .gt-icon-list.gt-style-1 ul li svg, .gt-icon-list.gt-style-2 ul li svg, .gt-mailchimp-newsletter .title i, .gt-button.gt-style-6 a:hover, .gt-button.gt-style-6 a:focus, .gt-button.gt-style-5 a, .gt-button.gt-style-5 a:visited, .gt-button.gt-style-3 a:hover, .gt-button.gt-style-3 a:focus, .gt-button.gt-style-2 a:hover, .gt-button.gt-style-2 a:focus, .gt-button.gt-style-1 a:hover, .gt-button.gt-style-1 a:focus, .gt-contact-box svg, .gt-counter > .gt-title, .gt-counter > .gt-number, .gt-eventchamp-service-box.gt-style-1 .gt-title, .gt-eventchamp-service-box.gt-style-1 .gt-icon, .gt-categorized-contents .gt-nav > li > a.active, .gt-categorized-contents .gt-nav > li > a.active:visited, .gt-categorized-contents .gt-nav > li > a:hover, .gt-categorized-contents .gt-nav > li > a:focus, .gt-heading .gt-title span, .gt-eventchamp-slider .gt-slider-content .gt-title .gt-secondary, .gt-countdown-slider.gt-style-1 > .gt-slider-content .gt-title .gt-secondary, .gt-countdown-slider.gt-style-3 > .gt-slider-content > .gt-counter .gt-counter-inner > div, .gt-events-slider .gt-slide-inner .gt-content .gt-information > li i, .select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected], .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true], .plyr__progress--played, .plyr__volume--display, .bootstrap-select.gt-select .dropdown-item:focus, .bootstrap-select.gt-select .dropdown-item:hover, .bootstrap-select.gt-select .dropdown-item.active, .bootstrap-select.gt-select .dropdown-item:active, blockquote:before, button:hover, input[type="submit"]:hover, button:active, input[type="submit"]:active, button:active:hover, input[type="submit"]:active:hover, button:active:focus, input[type="submit"]:active:focus, button:active:visited, input[type="submit"]:active:visited, button:focus, input[type="submit"]:focus, a:hover, a:focus, .gt-header.gt-style-1.gt-style-2 .gt-elements .gt-social-links li a:hover, .gt-header.gt-style-1.gt-style-2 .gt-elements .gt-social-links li a:focus, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li a:hover, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li a:focus, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li:hover > a, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li:hover > a:visited, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li > a:hover, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu > li > a:focus, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu li .gt-dropdown-menu li a:hover, .gt-header.gt-style-1.gt-style-2 .gt-navbar .gt-menu li .gt-dropdown-menu li a:focus, .gt-header.gt-style-3.gt-style-4 .gt-elements .gt-social-links li a:hover, .gt-header.gt-style-3.gt-style-4 .gt-elements .gt-social-links li a:focus, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li a:hover, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li a:focus, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li:hover > a, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li:hover > a:visited, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li > a:hover, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu > li > a:focus, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu li .gt-dropdown-menu li a:hover, .gt-header.gt-style-3.gt-style-4 .gt-navbar .gt-menu li .gt-dropdown-menu li a:focus, .gt-header.gt-style-5.gt-style-6 .gt-elements .gt-social-links li a:hover, .gt-header.gt-style-5.gt-style-6 .gt-elements .gt-social-links li a:focus, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li a:hover, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li a:focus, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li:hover > a, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li:hover > a:visited, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li > a:hover, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu > li > a:focus, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu li .gt-dropdown-menu li a:hover, .gt-header.gt-style-5.gt-style-6 .gt-navbar .gt-menu li .gt-dropdown-menu li a:focus, .gt-footer a:hover, .gt-footer a:focus, .gt-page-title-bar .gt-breadcrumb nav > ol > li a:focus, .gt-page-title-bar .gt-breadcrumb nav > ol > li a:hover, .gt-page-title-bar .gt-breadcrumb nav > ol > li.gt-item-current, .gt-page-title-bar .gt-breadcrumb nav > ol > li.current-item > span, .gt-mobile-menu .gt-top .gt-menu .gt-dropdown-menu > .active > a, .gt-mobile-menu .gt-top .gt-menu .gt-dropdown-menu > .active > a:focus, .gt-mobile-menu .gt-top .gt-menu .gt-dropdown-menu > .active > a:hover, .gt-mobile-menu .gt-top .gt-menu > li a:hover, .gt-mobile-menu .gt-top .gt-menu > li a:focus, .gt-mobile-menu .gt-top .gt-menu li:hover > a, .gt-mobile-menu .gt-top .gt-menu li:focus > a:visited, .gt-mobile-menu .gt-top .gt-menu li:hover > i, .gt-mobile-menu .gt-top .gt-menu li:focus > i, .gt-flex-menu li a:focus, .gt-flex-menu li a:hover, .fc-state-default:hover, .fc-state-default:focus, .fc button:hover, .fc button:focus, .gt-post-style-1 .gt-bottom > ul > li svg, .gt-post-style-1 .gt-bottom .gt-more:hover, .gt-post-style-1 .gt-bottom .gt-more:focus, .gt-post-style-1 .gt-image .gt-category ul a, .gt-post-style-1 .gt-image .gt-category ul a:visited, .gt-post-style-1 .gt-image .gt-category ul, .gt-post-style-2 .gt-bottom > ul > li svg, .gt-post-style-2 .gt-bottom .gt-more:hover, .gt-post-style-2 .gt-bottom .gt-more:focus, .gt-post-style-2 .gt-image .gt-category ul a, .gt-post-style-2 .gt-image .gt-category ul a:visited, .gt-post-style-2 .gt-image .gt-category ul, .gt-post-style-3 .gt-information > div svg, .gt-event-style-1 .gt-venue a:focus, .gt-event-style-1 .gt-venue a:hover, .gt-event-style-1 .gt-location ul li a:focus, .gt-event-style-1 .gt-location ul li a:hover, .gt-event-style-1 .gt-location svg, .gt-event-style-1 .gt-organizer ul li a:focus, .gt-event-style-1 .gt-organizer ul li a:hover, .gt-event-style-1 .gt-organizer svg, .gt-event-style-1 .gt-date svg, .gt-event-style-1 .gt-time svg, .gt-event-style-1 .gt-venue svg, .gt-event-style-1 .gt-stock svg, .gt-event-style-1 .gt-event-status, .gt-event-style-2 .gt-information > div svg, .gt-event-style-3 .gt-venue a:focus, .gt-event-style-3 .gt-venue a:hover, .gt-event-style-3 .gt-location ul li a:focus, .gt-event-style-3 .gt-location ul li a:hover, .gt-event-style-3 .gt-organizer ul li a:focus, .gt-event-style-3 .gt-organizer ul li a:hover, .gt-event-style-3 .gt-price svg, .gt-event-style-3 .gt-status svg, .gt-event-style-3 .gt-location svg, .gt-event-style-3 .gt-organizer svg, .gt-event-style-3 .gt-date svg, .gt-event-style-3 .gt-time svg, .gt-event-style-3 .gt-stock svg, .gt-event-style-3 .gt-venue svg, .gt-event-style-4 .gt-venue a:focus, .gt-event-style-4 .gt-venue a:hover, .gt-event-style-4 .gt-location ul li a:focus, .gt-event-style-4 .gt-location ul li a:hover, .gt-event-style-4 .gt-organizer ul li a:focus, .gt-event-style-4 .gt-organizer ul li a:hover, .gt-event-style-4 .gt-price svg, .gt-event-style-4 .gt-status svg, .gt-event-style-4 .gt-location svg, .gt-event-style-4 .gt-organizer svg, .gt-event-style-4 .gt-date svg, .gt-event-style-4 .gt-time svg, .gt-event-style-4 .gt-venue svg, .gt-event-style-4 .gt-stock svg, .gt-white .gt-venue-style-1 .gt-title a:hover, .gt-white .gt-venue-style-1 .gt-title a:focus, .gt-venue-style-1 .gt-title a:hover, .gt-venue-style-1 .gt-title a:focus, .gt-venue-style-1 .gt-image .gt-location, .gt-venue-style-1 .gt-image .gt-location a, .gt-venue-style-1 .gt-image .gt-location a:visited, .gt-venue-style-1 .gt-image .gt-category, .gt-venue-style-1 .gt-image .gt-category a, .gt-venue-style-1 .gt-image .gt-category a:visited, .gt-venue-style-1 .gt-image .status, .gt-white .gt-venue-style-3 .gt-title a:hover, .gt-white .gt-venue-style-3 .gt-title a:focus, .gt-venue-style-3 .gt-title a:hover, .gt-venue-style-3 .gt-title a:focus, .gt-venue-style-3 .gt-image .status, .gt-venue-style-3 .gt-category svg, .gt-content-favorite-add-popup:before, .gt-content-favorite-remove-popup:before, .gt-content-like-add-popup:before, .gt-content-like-remove-popup:before, .edit-link a:focus, .edit-link a:hover {
 /*   color: #d6001c;*/
}

.gt-event-style-3 .gt-price, .gt-event-style-3 .gt-status, .gt-event-style-3 .gt-venue, .gt-event-style-3 .gt-stock, .gt-event-style-3 .gt-location, .gt-event-style-3 .gt-organizer, .gt-event-style-3 .gt-date, .gt-event-style-3 .gt-time {
    font-size: 0.9231rem;
    line-height: 0.9231rem;
    color: #777777;
    align-items: center;
    display: flex;
}

.gt-event-style-3 .gt-price svg, .gt-event-style-3 .gt-status svg, .gt-event-style-3 .gt-venue svg, .gt-event-style-3 .gt-stock svg, .gt-event-style-3 .gt-location svg, .gt-event-style-3 .gt-organizer svg, .gt-event-style-3 .gt-date svg, .gt-event-style-3 .gt-time svg {
    width: 16px;
    margin-right: 8px;
}

.gt-event-style-3 .gt-title {
    font-size: 1.462rem;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 15px;
}

.gt-date svg {
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

.gt-event-style-3 .gt-content {
    background: #FFFFFF;
    position: relative;
    z-index: 2;
    margin: -65px 20px 0;
    padding: 20px;
    border-radius: 5px;
    overflow: hidden;
    border-top-width: 3px;
    border-top-style: solid;
    height: 70%;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end.b-l.b-2x.b-info.fc-draggable {
    background: antiquewhite;
}

.calendar {
    margin-bottom: 20px;
}

.fc-day-grid-event .fc-content .fc-time {
    display: none;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-not-end {
    background-color: aliceblue;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-not-start.fc-end {
    background-color: aliceblue;
}

@media (max-width: 767px) {
    .gt-columns.gt-column-10 .gt-col, .gt-columns.gt-column-9 .gt-col, .gt-columns.gt-column-8 .gt-col, .gt-columns.gt-column-7 .gt-col, .gt-columns.gt-column-6 .gt-col, .gt-columns.gt-column-5 .gt-col, .gt-columns.gt-column-4 .gt-col, .gt-columns.gt-column-3 .gt-col, .gt-columns.gt-column-2 .gt-col {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .gt-event-style-3 .gt-title {
        font-size: 1.231rem;
    }
}

@media (max-width: 767px) {
    .gt-event-style-3 .gt-content {
        margin-top: -20px;
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
        height: 58%;
    }
}

h2[data-v-73681564] {
    font-weight: 900;
    margin: 0 0 40px;
    font-size: 1.5em;
    text-align: center;
    text-transform: uppercase;
}

.blog-block[data-v-73681564] {
    background-color: #f5f5f5;
    margin-top: 70px;
    padding: 50px 0;
}

.blog-link[data-v-73681564] {
    text-align: center;
}

.events-widget .gt-columns {
    margin: 0 0 40px;
}


.gt-title > a {
    color: black;
}


#blog-wrapper .form-submit .submit {
    font-size: 12px;
}


/**************************************************************************************** END events ***********************************************************/



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



/******************** bike selector *************************/

#nav .v-select ul.vs__dropdown-menu li {
    display: block;
}


.home select.sm {
    background: #fff url(/Templates/MotoMundiDesktop/content/images/select-icon-sm@2x.png) no-repeat 100%;
    background-size: 30px 25px;
    padding-right: 40px;
    padding-left: 10px;
    height: 2.1rem;
    width: 100%;
    /*  margin: 6px;*/
}

.home select {
    border-radius: 3px;
    background: #fff url(/Templates/MotoMundiDesktop/content/images/select-icon@2x.png) no-repeat 100%;
    background-size: 43px 36px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 400;
    color: #484848;
    position: relative;
    margin-bottom: 1rem;
    padding-right: 50px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.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;
}

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

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

.bike-search-block {
    padding: 50px 0 40px;
}

.bike-search {
    flex: 0 0 25%;
    text-align: center;
}

.bike-search .h3 {
    display: block;
    font-size: 14px;
    font-weight: 900;
    line-height: 16px;
    margin: 0 auto 20px;
    text-align: left;
    text-transform: uppercase;
}

.bike-search.horizontal .h3 {
    font-size: 13px;
    font-weight: 700;
    margin: 0 auto 10px;
}

.bike-search-block .bike-search.horizontal .h3 {
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2em;
    margin: 0 auto 30px;
}

/*
.bike-search.horizontal .bike-search-filter {
    gap: 7px;
}

@media only screen and (min-width: 601px) {
    .bike-search.horizontal .bike-search-filter {
        display: flex;
    }
}
*/

.bike-search {
    flex: 0 0 25%;
    text-align: center;
}

.bike-selector {
    text-align: center;
}

.bike-search.horizontal .bike-search-filter .bike-selector {
    flex: 0 1 100%;
}

.bike-search .bike-search-filter .bike-selector {
    flex: 0 0 100%;
}

.bike-selector .select-container > span {
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    display: block;
    font-size: 8px;
    font-weight: 800;
    height: 14px;
    left: 10px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
}

.bike-search.horizontal .bike-search-filter .bike-selector {
    flex: 0 1 100%;
}

.bike-selector.horizontal .selector {
    display: flex;
    gap: 8px;
}

.bike-selector.horizontal .selector .select-container {
    margin-bottom: 0;
}

.bike-selector .select-container {
    flex: 0 1 100%;
    margin-bottom: 8px;
    position: relative;
}

.bike-selector .vs__selected-options input, .bike-selector .vs__selected-options span {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.bike-selector .v-select .vs__actions {
    min-height: 34px;
}


.bike-search .bike-search-filter .search-button button {
    flex: 0 1 100%;
    line-height: 32px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-top: 0;
}

.bike-selector .vs__selected-options {
    padding-left: 20px !important;
}

.bike-selector .vs__selected-options input, .bike-selector .vs__selected-options span {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.bike-selector ul {
    padding: 0;
}

.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);
}

.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);

}


.bike-selector.horizontal .selector {
    display: flex;
    gap: 8px;
}

.bike-selector__title {
    border-top: 1px solid #d8d8d8;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-top: 32px;
    text-transform: uppercase;
}

.bike-selector.horizontal .selector {
    display: flex;
    gap: 8px;
}

.bike-selector ul li.vs__dropdown-option--highlight {
    background-color: #f5f5f5;
    color: #000;
}

.bike-selector ul li {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

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


.bike-selector .select-container[data-v-69f9aebc] {
    flex: 0 1 100%;
    margin-bottom: 8px;
    position: relative;
}


.menu-mobile .menu-mobile__container{
    background-color: #fff;
    bottom: 0;
    box-shadow: 30px 0 20px 0 rgba(0,0,0,.1),30px 0 35px 0 rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    isolation: isolate;
    justify-content: space-between;
    left: 0;
    max-width: 86vw;
    min-width: 86vw;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    transition: all .3s ease-in;
    z-index: 1300;
}

.menu-mobile .menu-mobile__container{
    flex-direction: row;
}


.bike-selector .selector[data-v-69f9aebc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.bike-search.horizontal .bike-selector .selector[data-v-69f9aebc] {
    display: flex;
    flex-direction: row;
    gap: 8px;
}


@media only screen and (min-width: 900px) {
    .selector[data-v-69f9aebc] {
        display: flex;
        gap: 8px;
    }
}

@media only screen and (max-width: 600px) {
    .bike-search.horizontal .bike-selector .selector[data-v-69f9aebc]{
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

    .bike-search.horizontal .bike-search-filter .bike-selector {
        flex: 0 1 100%;
        margin-bottom: 8px;
    }
}

.success-message {
    padding: 80px 0;
    text-align: center;
}

.success-message > img {
    height: 35px;
    width: 35px;
}

.success-message p {
    font-weight: 500;
}

.success-message .button {
    display: inline-block;
    margin-bottom: 0;
    width: auto;
}

.error-message > img {
    height: 35px;
    width: 35px;
}

.error-message {
    padding: 10px 0;
    text-align: center;
    color: #f44a4a;
    display: block;
    font-size: 12px;
    font-weight: 500;
    left: 0;
    line-height: 13px;
    background-color: #f5f5f5;
    text-transform: uppercase

}

.error-message p {
    font-weight: 500;
}


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




.cms .cms-content {
    width: 95%;
}

.cms .cms__content {
    font-size: 14px;
    line-height: 20px;
}


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

.cms .cms__content h1 {
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 40px;
    margin-top: 60px;
    text-transform: uppercase;
    font-size: 2em;
}

.cms .cms__content article div ul {
    list-style-type: disc !important;
}

.cms .cms__content article div ul li {
    margin-left: 20px !important;
}

.cms .cms__content article > div b, .cms .cms__content article > div p {
    margin: 20px 0;
    margin-left: 0 !important;
}

.cms .cms__content article h3 {
    display: block;
    font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
    unicode-bidi: isolate;
}

.tab-pane.fade {
    opacity: 1;
}

.header-container.sticky-header[data-v-163929be] {
    height: 113px;
}

.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;
}

.header-container > div[data-v-163929be] {
    background-color: #fff;
}

.header-container[data-v-163929be] {
    border-bottom: 2px solid #efefef;
}

.home-products-list .row .col.lc5 .item {
    margin: 0;
}

@media only screen and (min-width: 993px) {
    .row .col.lc5 .item {
        padding: 30px 5px 15px;
    }
}

.product-list .products .item {
    background-color: #fff;
    margin-bottom: 5px;
}

.home-products-list .item {
    border-color: rgba(0, 0, 0, .025);
    position: relative;
}

.item {
    border: 1px solid #d8d8d8;
    box-sizing: border-box;
    height: 100%;
    padding: 40px 5px 20px;
}

.item {
    position: relative;
}

.home-products-list .item:before {
    background: rgba(0, 0, 0, .025);
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.product-tags {
    left: 0;
    position: absolute;
    top: 12px;
}

body.home .owl-dots {
    display: none;
}

nav .row {
    margin: 0;
}


.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%);
}

@media only screen and (max-width: 600px) {
    .header-container.sticky-header[data-v-163929be] {
        height: 61px;
    }
}

@media only screen and (max-width: 600px) {
    .header-container[data-v-163929be] {
        border: 0;
        z-index: 1000 !important;
    }
}


.prod-list-miniatures {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 4px;
    gap: 3px;
}

.prod-list-miniatures-item {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.prod-list-miniatures-item img {
    width: 35px;
}

/*** prod list with banner ****/
@media only screen and (min-width: 601px) and (max-width: 992px) {
    .home-products-list .product-list .products.has-banner .col.banner--2x1, .home-products-list .product-list .products.has-banner .col.banner--2x2 {
        grid-column: 1 / span 2;
    }
}

@media only screen and (max-width: 600px) {
    .product-tags[data-v-b1def704] {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        top: 10px;
    }
}

jdiv.wrap_c9bf._orientationRight_e71b.__jivoMobileButton {
    z-index: 1001;
}

.user-menu__cart-container .spinner-container {
    align-items: center;
    background-color: hsla(0, 0%, 100%, .867);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .4s ease
}

.user-menu__buy-buttons.paypal-enabled .cart-buy-button[data-v-4945e36c] {
    flex: 0 0 100%;
}

.footer-nav .mtc-link {
    color: #000;
    font-size: 12px;
    line-height: unset;
    text-transform: unset;
    font-weight: normal;
}

@media only screen and (max-width: 992px) {
    .footer-description .motocard-logo img {
        margin: 0 auto;
        width: 90%;
    }
}

.bike-search .bike-search-filter .search-button button {
    flex: 0 1 100%;
    line-height: 32px;
    margin-bottom: 8px;
    padding-bottom: 0;
    padding-top: 0;
}

.bike-selector .vs__selected-options {
    padding-left: 20px !important;
}

.bike-selector .vs__selected-options input, .bike-selector .vs__selected-options span {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    margin: 0 0 8px;
    padding: 0 30px 0 10px;
    text-transform: uppercase;
    vertical-align: middle;
}

.bike-selector ul {
    padding: 0;
}

.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);
}

.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);

}

.fade {
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.fade.ng-show {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}

.bike-selector.horizontal .selector {
    display: flex;
    gap: 8px;
}

.bike-selector__title {
    border-top: 1px solid #d8d8d8;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
    padding-top: 32px;
    text-transform: uppercase;
}

.bike-selector.horizontal .selector {
    display: flex;
    gap: 8px;
}

.bike-selector ul li.vs__dropdown-option--highlight {
    background-color: #f5f5f5;
    color: #000;
}

.bike-selector ul li {
    font-size: 11px;
    font-weight: 600;
    height: 34px;
    line-height: 34px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}

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


.bike-selector .select-container[data-v-69f9aebc] {
    flex: 0 1 100%;
    margin-bottom: 8px;
    position: relative;
}

@media only screen and (max-width: 600px) {
    .bike-selector.horizontal[data-v-69f9aebc] .selector {
        display: flex;
        gap: 8px;
        flex-direction: column;
    }

    .bike-search.horizontal .bike-search-filter .bike-selector {
        flex: 0 1 100%;
        margin-bottom: 8px;
    }
}
.menu-mobile .menu-mobile__container{
    background-color: #fff;
    bottom: 0;
    box-shadow: 30px 0 20px 0 rgba(0,0,0,.1),30px 0 35px 0 rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    isolation: isolate;
    justify-content: space-between;
    left: 0;
    max-width: 86vw;
    min-width: 86vw;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    transition: all .3s ease-in;
    z-index: 1300;
}

.menu-mobile .menu-mobile__container{
    flex-direction: row;
}

@media only screen and (min-width: 900px) {
    .selector[data-v-69f9aebc] {
        display: flex;
        gap: 8px;
    }
}

.menu-mobile__nav-sec {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}

.menu-mobile__nav-sec.ng-enter {
    opacity: 0;
}

.menu-mobile__nav-sec.ng-enter-active {
    opacity: 1;
}

.menu-mobile__nav-sec.ng-leave {
    opacity: 1;
}

.menu-mobile__nav-sec.ng-leave-active {
    opacity: 0;
}


/*<!-- packs modal -->*/

@media only screen and (min-width: 1281px) {
    .modal-wrapper .modal {
        max-height: 80%;
        max-width: 60%;
    }
}

.modal-wrapper .modal .modal-body p {
    font-weight: 500;
    line-height: 1.4;
    margin: 0;
}

#packmodal .customization__container, #packmodal .packs-modal-full {
    bottom: 0px;
    left: 0px;
    overflow-y: auto;
    position: fixed;
    right: 0px;
    top: 0px;
}

#packmodal .packs-modal-full {
    display: grid;
    grid-template-areas: "packs-modal-full__title" "packs-modal-full__content" "packs-modal-full__buy";
    grid-template-columns: 1fr;
    grid-template-rows: min-content auto 80px;
    max-width: 100vw;
    z-index: 10000;
    background: rgb(255, 255, 255);
    gap: 0px;
}

#packmodal .pack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#packmodal .packs-modal-full__close {
    background-color: rgb(0, 0, 0);
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 40px;
}

#packmodal .packs-modal-full__title {
    align-items: center;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 60px auto 0px;
    padding: 0px 60px;
}

#packmodal .packs-modal-full__title h2 {
    font-size: 36px;
    font-weight: 900;
    line-height: 1.2em;
    text-transform: uppercase;
    margin: 0px;
}

#packmodal .fade-in--right {
    animation: 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s 1 both;
}

#packmodal .packs-modal-full__content {
    display: flex;
    overflow-x: auto;
    position: relative;
    scroll-snap-type: x mandatory;
    flex: 2 1 0%;
    padding: 0px;
}

#packmodal .packs-modal-full__content > div {
    align-items: flex-start;
    display: flex;
    justify-content: flex-start;
    scroll-snap-type: x mandatory;
    gap: 20px;
    margin: 20px auto;
    padding: 0px 60px;
}

#packmodal .pack-item {
    position: relative;
}

#packmodal .pack-grid__item, #packmodal .pack-item {
    box-shadow: rgba(0, 0, 0, 0.07) 0px 58px 36px, rgba(0, 0, 0, 0.05) 0px 39px 33px, rgba(0, 0, 0, 0.04) 0px 16px 17px, rgba(0, 0, 0, 0.04) 0px 4px 10px, rgba(0, 0, 0, 0.03) 0px -2px 5px, rgba(0, 0, 0, 0.02) 0px -6px 2px;
    display: flex;
    flex-direction: column;
    font-weight: 500;
    height: 515px;
    max-height: 515px;
    max-width: 265px;
    position: relative;
    scroll-snap-align: center;
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(203, 203, 203);
    border-image: initial;
    border-radius: 9px;
    flex: 0 0 auto;
}

#packmodal .pack-item__change {
    align-items: center;
    color: rgb(255, 255, 255);
    display: flex;
    font-size: 8px;
    font-weight: 600;
    height: 28px;
    left: 50%;
    line-height: 28px;
    position: absolute;
    text-transform: uppercase;
    top: -14px;
    transform: translate(-50%);
    width: auto;
    z-index: 10;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMSIgaGVpZ2h0PSIxNCI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9IiNGRkYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIxLjA2NCI+PHBhdGggZD0ibTguMjkyIDEuMTA1IDIuMTI5IDIuMTQ0LTIuMTI5IDIuMTQzIi8+PHBhdGggZD0iTS44NDIgNi40NjRWNS4zOTJoMGMwLTEuMTg0Ljk1My0yLjE0MyAyLjEyOS0yLjE0M2g3LjQ1bS03LjQ1IDkuNjQ1TC44NDIgMTAuNzUxbDIuMTI5LTIuMTQ0Ii8+PHBhdGggZD0iTTEwLjQyMSA3LjUzNXYxLjA3MmgwYTIuMTQgMi4xNCAwIDAgMS0yLjEyOSAyLjE0NEguODQyIi8+PC9nPjwvc3ZnPg==") 12px center no-repeat rgb(0, 0, 0);
    border-radius: 200px;
    overflow: hidden;
    padding: 0px 15px 0px 30px;
    transition: all 0.2s ease-out;
}


#packmodal .pack-item__change span {
    display: block;
    white-space: nowrap;
}

#packmodal .pack-item__gallery[data-v-81761610] {
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 23px 0px 30px;
}

.swiper-container .swiper-wrapper {
    align-items: stretch;
}

.keen-slider-container .dots {
    bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    width: 100%;
    z-index: 10;
}

#packmodal .pack-item__info {
    padding-bottom: 0px;
    text-align: left;
}

#packmodal .pack-item__info {
    padding: 20px 30px;
}

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

#packmodal .pack-item__name {
    font-size: 15px;
    text-transform: uppercase;
}

#packmodal .pack-item__description {
    font-size: 13px;
    line-height: 1.4em;
}

#packmodal .pack-item__description button {
    color: rgb(165, 165, 165);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 2px 0px;
}

#packmodal .pack-item__size {
    margin-top: auto;
}

#packmodal .pack-item__size {
    justify-self: flex-end;
    width: 100%;
    padding: 20px 30px;
}

#packmodal .pack-item__size select {
    display: block;
    margin-bottom: 4px;
    width: 100%;
}

#packmodal .pack-item__price, #packmodal .pack-item__price > span {
    align-items: center;
    display: flex;
    justify-content: center;
}

#packmodal .pack-item__price {
    background-color: rgb(245, 245, 245);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    justify-self: flex-end;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 15px;
}

#packmodal .pack-item__price > span {
    gap: 8px;
}

#packmodal .pack-item__price, #packmodal .pack-item__price > span {
    align-items: center;
    display: flex;
    justify-content: center;
}

#packmodal .tooltip.tooltip--warning {
    background-color: rgb(255, 243, 205);
    color: rgb(133, 100, 4);
}

#packmodal .packs-modal-full__tooltip {
    bottom: 80px;
    position: fixed;
    width: 100%;
}

#packmodal .tooltip {
    font-size: 11px;
    font-weight: 600;
    z-index: 1;
    padding: 10px;
}

#packmodal .packs-modal-full__footer {
    bottom: 0px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
    z-index: 1;
}

#packmodal .packs-modal-full__buy {
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.18) 0px -2px 34px;
    display: flex;
    justify-content: space-between;
    background: rgb(255, 255, 255);
}

#packmodal .packs-modal-full__buy .price {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
    text-align: center;
    text-transform: uppercase;
    padding: 0px 70px;
}

#packmodal .packs-modal-full__buy button {
    align-items: flex-end;
    background-color: rgb(65, 163, 53);
    color: rgb(255, 255, 255);
    display: flex;
    font-weight: 800;
    text-transform: uppercase;
    padding: 28px 30px;
}

#packmodal .packs-modal-full__buy .price .vat-included {
    color: rgb(175, 175, 175);
    font-size: 11px;
    font-weight: 600;
    text-align: center;
}

#packmodal .packs-modal-full__buy .price strong {
    font-size: 28px;
    font-weight: 900;
}

#packmodal .packs-modal-full__buy .price small {
    color: rgb(214, 0, 28);
    font-size: 11px;
    font-weight: 600;
}

#packmodal .pack-item__price .strike {
    color: rgb(214, 0, 28);
    display: inline-block;
    font-size: 13px;
}


#packmodal .keen-slider-container {
    width: 100%;
    max-width: 500px; /* Adjust as needed */
    margin: 0 auto;
    position: relative;
}

/* Ensure the carousel itself takes up the full width and height of its container */
#packmodal .keen-slider.owl-carousel {
    width: 100%;
    height: 100%;
}

/* Ensure the slides take up the full width and height of the carousel */
#packmodal .keen-slider__slide {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Ensure the images are constrained to the size of the slide */
#packmodal .keen-slider__slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Adjust the dots positioning */
#packmodal .keen-slider-container .owl-dots {
    bottom: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    transform: translateZ(0);
    transition: opacity .3s;
    width: 100%;
    z-index: 10;
}

/*    #packmodal .owl-dots .owl-dot {
        height: 9px;
        opacity: 1;
        width: 9px;
        background: rgb(214, 214, 214);
        margin: 0px 3px !important;
    }*/

#packmodal .packs-modal-full__buy button svg {
    flex: 0 0 22px;
    margin-right: 8px;
    width: 22px !important;
}

#packmodal .pack-item__gallery:before {
    background: #0000000b;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: rgb(214, 0, 28);
}

#packmodal .packs-carousel .item {
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 0px;
}

#packmodal .item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
}

#packmodal .owl-nav.disabled + .owl-dots {
    display: block;
}

@media only screen and (max-width: 600px) {
    #packmodal .packs-modal-full__content {
        padding: 0;
    }
}

@media only screen and (max-width: 600px) {
    #packmodal .packs-modal-full__title {
        margin: 50px auto 0;
        max-width: 90%;
        padding: 0;
    }
}

.packs-carousel.owl-carousel.owl-drag .owl-item {
    max-height: 200px;
}

@media only screen and (max-width: 600px) {
    #packmodal .packs-modal-full__title h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 600px) {
    #packmodal .packs-modal-full__content > div {
        justify-content: flex-start;
        padding: 20px 20px;
        padding-top: 10px;
        align-items: start;
    }
}

/*<!-- /pack modal -->*/