:root {
    --colors-focus-primary: #09367e;
    --colors-focus-secondary: #fff;
    --scroll-offset: var(--scroll-offset-override, var(--scroll-offset-runtime, 0px));
    --scroll-extra-offset: 0px
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: "Nata Sans", sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    overflow-x: hidden;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

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

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

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

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: "Nata Sans", sans-serif;
    font-size: 1em
}

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

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

input[type=checkbox],
input[type=radio] {
    box-sizing: border-box
}

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

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

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

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td,
th {
    padding: 0
}

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

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    font-family: "Nata Sans", sans-serif;
    font-size: 16px;
    line-height: 1.384615
}

button,
input,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: var(--color-primary);
    text-decoration: none
}

a:focus,
a:hover {
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%));
    text-decoration: underline
}

img {
    vertical-align: middle
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%
}

.sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

[role=button] {
    cursor: pointer
}

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 768px) {
    .container {
        width: 747px
    }
}

@media (min-width: 992px) {
    .container {
        width: 972px
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1178px
    }
}

.container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.row {
    margin-left: -20px;
    margin-right: -20px
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative
}

.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-offset-12 {
    margin-left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {

    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9 {
        float: left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

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

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {

    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {

    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9 {
        float: left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none
}

.collapse.in {
    display: block
}

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    height: 0;
    overflow: hidden;
    position: relative;
    transition-duration: .35s;
    transition-property: height, visibility;
    transition-timing-function: ease
}

.caret {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0
}

.dropdown,
.dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
    float: left;
    font-size: 16px;
    left: 0;
    list-style: none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    text-align: left;
    text-transform: none;
    top: 100%;
    z-index: 1000
}

.dropdown-menu.pull-right {
    left: auto;
    right: 0
}

.dropdown-menu .divider {
    background-color: #e5e5e5;
    height: 1px;
    margin: 10px 0;
    overflow: hidden
}

.dropdown-menu>li>a,
.dropdown-menu>li>span {
    clear: both;
    color: #666;
    display: block;
    font-weight: 400;
    line-height: 1.384615;
    padding: 3px 20px;
    white-space: nowrap
}

.dropdown-menu>li.dropdown__item--title>span {
    font-weight: 700
}

.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #f5f5f5;
    color: #595959;
    text-decoration: none
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background-color: #337ab7;
    color: #fff;
    outline: 0;
    text-decoration: none
}

.dropdown-menu>.disabled>a,
.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    color: #e6e6e6
}

.dropdown-menu>.disabled>a:focus,
.dropdown-menu>.disabled>a:hover {
    background-color: transparent;
    background-image: none;
    cursor: not-allowed;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    text-decoration: none
}

.open>.dropdown-menu {
    display: block
}

.open>a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    color: #e6e6e6;
    display: block;
    font-size: 14px;
    line-height: 1.384615;
    padding: 3px 20px;
    white-space: nowrap
}

.dropdown-backdrop {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 990
}

.pull-right>.dropdown-menu {
    left: auto;
    right: 0
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-top: 0;
    content: ""
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    bottom: 100%;
    margin-bottom: 2px;
    top: auto
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left: auto;
        right: 0
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.tooltip {
    display: block;
    font-family: "Nata Sans", sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.384615;
    position: absolute;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    z-index: 1070;
    word-wrap: normal;
    filter: alpha(opacity=0);
    font-size: 14px;
    opacity: 0
}

.tooltip.in {
    filter: alpha(opacity=90);
    opacity: .9
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    background-color: #000;
    border-radius: 0;
    color: #fff;
    max-width: 200px;
    padding: 3px 8px;
    text-align: center
}

.tooltip-arrow {
    border-color: transparent;
    border-style: solid;
    height: 0;
    position: absolute;
    width: 0
}

.tooltip.top .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    left: 50%;
    margin-left: -5px
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
    border-top-color: #000;
    border-width: 5px 5px 0;
    bottom: 0;
    margin-bottom: -5px
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    border-right-color: #000;
    border-width: 5px 5px 5px 0;
    left: 0;
    margin-top: -5px;
    top: 50%
}

.tooltip.left .tooltip-arrow {
    border-left-color: #000;
    border-width: 5px 0 5px 5px;
    margin-top: -5px;
    right: 0;
    top: 50%
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 50%;
    margin-left: -5px;
    top: 0
}

.tooltip.bottom-left .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    margin-top: -5px;
    right: 5px;
    top: 0
}

.tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #000;
    border-width: 0 5px 5px;
    left: 5px;
    margin-top: -5px;
    top: 0
}

.carousel,
.carousel-inner {
    position: relative
}

.carousel-inner {
    overflow: hidden;
    width: 100%
}

.carousel-inner>.item {
    display: none;
    position: relative;
    transition: left .6s ease-in-out
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    line-height: 1;
    max-width: unset;
    width: 100%
}

@media (-webkit-transform-3d),
(transform-3d) {
    .carousel-inner>.item {
        backface-visibility: hidden;
        perspective: 1000px;
        transition: transform .6s ease-in-out
    }

    .carousel-inner>.item.active.right,
    .carousel-inner>.item.next {
        left: 0;
        transform: translate3d(100%, 0, 0)
    }

    .carousel-inner>.item.active.left,
    .carousel-inner>.item.prev {
        left: 0;
        transform: translate3d(-100%, 0, 0)
    }

    .carousel-inner>.item.active,
    .carousel-inner>.item.next.left,
    .carousel-inner>.item.prev.right {
        left: 0;
        transform: translateZ(0)
    }
}

.carousel-inner>.active,
.carousel-inner>.next,
.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,
.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,
.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    bottom: 0;
    color: var(--color-secondary);
    filter: alpha(opacity=50);
    font-size: 20px;
    left: 0;
    opacity: .5;
    position: absolute;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    top: 0;
    width: 15%
}

.carousel-control.left {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 0, transparent);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1)
}

.carousel-control.right {
    background-image: linear-gradient(90deg, transparent 0, rgba(0, 0, 0, .5));
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
    left: auto;
    right: 0
}

.carousel-control:focus,
.carousel-control:hover {
    color: #fff;
    filter: alpha(opacity=90);
    opacity: .9;
    outline: 0;
    text-decoration: none
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    display: inline-block;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    z-index: 5
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    margin-right: -10px;
    right: 50%
}

.carousel-control .icon-next,
.carousel-control .icon-prev {
    font-family: serif;
    height: 20px;
    line-height: 1;
    width: 20px
}

.carousel-control .icon-prev:before {
    content: "\2039"
}

.carousel-control .icon-next:before {
    content: "\203a"
}

.carousel-indicators {
    bottom: 10px;
    left: 50%;
    list-style: none;
    margin-left: -30%;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 60%;
    z-index: 2
}

.carousel-indicators li {
    background-color: #0009;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    width: 10px
}

.carousel-indicators .active {
    background-color: #fff;
    height: 12px;
    margin: 0;
    width: 12px
}

.carousel-caption {
    bottom: 20px;
    color: #fff;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    z-index: 10
}

.carousel-caption .btn {
    text-shadow: none
}

@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        font-size: 30px;
        height: 30px;
        margin-top: -15px;
        width: 30px
    }

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .icon-prev {
        margin-left: -15px
    }

    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next {
        margin-right: -15px
    }

    .carousel-caption {
        left: 20%;
        padding-bottom: 30px;
        right: 20%
    }

    .carousel-indicators {
        bottom: 20px
    }
}

.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.row:after,
.row:before {
    content: " ";
    display: table
}

.clearfix:after,
.container-fluid:after,
.container:after,
.row:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    background-color: transparent;
    border: 0;
    color: transparent;
    font: 0/0 a;
    text-shadow: none
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }

    table.visible-xs {
        display: table !important
    }

    tr.visible-xs {
        display: table-row !important
    }

    td.visible-xs,
    th.visible-xs {
        display: table-cell !important
    }

    .visible-xs-block {
        display: block !important
    }

    .visible-xs-inline {
        display: inline !important
    }

    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .visible-sm {
        display: block !important
    }

    table.visible-sm {
        display: table !important
    }

    tr.visible-sm {
        display: table-row !important
    }

    td.visible-sm,
    th.visible-sm {
        display: table-cell !important
    }

    .visible-sm-block {
        display: block !important
    }

    .visible-sm-inline {
        display: inline !important
    }

    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .visible-md {
        display: block !important
    }

    table.visible-md {
        display: table !important
    }

    tr.visible-md {
        display: table-row !important
    }

    td.visible-md,
    th.visible-md {
        display: table-cell !important
    }

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

    .visible-md-inline {
        display: inline !important
    }

    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }

    table.visible-lg {
        display: table !important
    }

    tr.visible-lg {
        display: table-row !important
    }

    td.visible-lg,
    th.visible-lg {
        display: table-cell !important
    }

    .visible-lg-block {
        display: block !important
    }

    .visible-lg-inline {
        display: inline !important
    }

    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important
    }
}

@media (min-width: 1200px) {
    .hidden-lg {
        display: none !important
    }
}

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }

    table.visible-print {
        display: table !important
    }

    tr.visible-print {
        display: table-row !important
    }

    td.visible-print,
    th.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }

    .hidden-print {
        display: none !important
    }
}

/*!
 * jQuery UI CSS Framework @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    border: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    outline: 0;
    padding: 0;
    text-decoration: none
}

.ui-helper-clearfix:after,
.ui-helper-clearfix:before {
    border-collapse: collapse;
    content: "";
    display: table
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    filter: alpha(opacity=0);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px
}

.ui-widget-overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

/*!
 * jQuery UI Slider @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    cursor: default;
    height: 1.2em;
    position: absolute;
    touch-action: none;
    width: 1.2em;
    z-index: 2
}

.ui-slider .ui-slider-range {
    background-position: 0 0;
    border: 0;
    display: block;
    font-size: .7em;
    position: absolute;
    z-index: 1
}

.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    margin-left: -.6em;
    top: -.3em
}

.ui-slider-horizontal .ui-slider-range {
    height: 100%;
    top: 0
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    height: 100px;
    width: .8em
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-bottom: -.6em;
    margin-left: 0
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

/*!
 * jQuery UI Menu @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
.ui-menu {
    display: block;
    list-style: none;
    margin: 0;
    outline: none;
    padding: 0
}

.ui-menu .ui-menu {
    position: absolute
}

.ui-menu .ui-menu-item {
    cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    margin: 0
}

.ui-menu .ui-menu-item-wrapper {
    padding: 3px 1em 3px .4em;
    position: relative
}

.ui-menu .ui-menu-divider {
    border-width: 1px 0 0;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 5px 0
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: -1px
}

.ui-menu-icons {
    position: relative
}

.ui-menu-icons .ui-menu-item-wrapper {
    padding-left: 2em
}

.ui-menu .ui-icon {
    bottom: 0;
    left: .2em;
    margin: auto 0;
    position: absolute;
    top: 0
}

.ui-menu .ui-menu-icon {
    left: auto;
    right: 0
}

/*!
 * jQuery UI Autocomplete @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
.ui-autocomplete {
    cursor: default;
    left: 0;
    position: absolute;
    top: 0
}

/*!
 * jQuery UI Datepicker @VERSION
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
.ui-datepicker {
    display: none;
    padding: .2em .2em 0;
    width: 17em
}

.ui-datepicker .ui-datepicker-header {
    padding: .2em 0;
    position: relative
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
    height: 1.8em;
    position: absolute;
    top: 2px;
    width: 1.8em
}

.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
    top: 1px
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 1px
}

.ui-datepicker .ui-datepicker-next span,
.ui-datepicker .ui-datepicker-prev span {
    display: block;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    position: absolute;
    top: 50%
}

.ui-datepicker .ui-datepicker-title {
    line-height: 1.8em;
    margin: 0 2.3em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    border-collapse: collapse;
    font-size: .9em;
    margin: 0 0 .4em;
    width: 100%
}

.ui-datepicker th {
    border: 0;
    font-weight: 700;
    padding: .7em .3em;
    text-align: center
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td a,
.ui-datepicker td span {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    margin: .7em 0 0;
    padding: 0 .2em
}

.ui-datepicker .ui-datepicker-buttonpane button {
    cursor: pointer;
    float: right;
    margin: .5em .2em .4em;
    overflow: visible;
    padding: .2em .6em .3em;
    width: auto
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    margin: 0 auto .4em;
    width: 95%
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    font-size: 0;
    width: 100%
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    left: auto;
    right: 2px
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    left: auto;
    right: 1px
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 1px;
    border-right-width: 0
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 100%;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-left: 20px;
    padding-right: 8px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline;
    list-style: none;
    padding: 0
}

.select2-container .select2-selection--multiple .select2-selection__clear {
    background-color: transparent;
    border: none;
    font-size: 1em
}

.select2-container .select2-search--inline .select2-search__field {
    border: none;
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 100%;
    height: 18px;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0;
    resize: none;
    vertical-align: bottom;
    word-break: keep-all
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    left: -100000px;
    position: absolute;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option--selectable {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    box-sizing: border-box;
    padding: 4px;
    width: 100%
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    background-color: #fff;
    border: 0;
    display: block;
    filter: alpha(opacity=0);
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 99
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    height: 26px;
    margin-right: 20px;
    padding-right: 0
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0;
    cursor: text;
    padding-bottom: 5px;
    padding-right: 5px;
    position: relative
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable {
    padding-right: 25px
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    font-weight: 700;
    height: 20px;
    margin-right: 10px;
    margin-top: 5px;
    padding: 1px;
    position: absolute;
    right: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 0;
    box-sizing: border-box;
    display: inline-block;
    margin-left: 5px;
    margin-top: 5px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 20px;
    position: relative;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    cursor: default;
    padding-left: 2px;
    padding-right: 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #aaa;
    border-top-left-radius: 4px;
    color: #999;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    left: 0;
    padding: 0 4px;
    position: absolute;
    top: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #f1f1f1;
    color: #333;
    outline: none
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
    padding-left: 5px;
    padding-right: 2px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #aaa;
    border-right: none;
    border-top-left-radius: 0;
    border-top-right-radius: 4px
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
    float: left;
    margin-left: 10px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 1px solid #000;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    -webkit-appearance: textfield;
    background: transparent;
    border: none;
    box-shadow: none;
    outline: 0
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--group {
    padding: 0
}

.select2-container--default .select2-results__option--disabled {
    color: #999
}

.select2-container--default .select2-results__option--selected {
    background-color: #ddd
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-selection__arrow {
    display: none
}

@media (min-width: 1440px) {

    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9 {
        float: left
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-11 {
        width: 91.66666667%
    }

    .col-xl-10 {
        width: 83.33333333%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-8 {
        width: 66.66666667%
    }

    .col-xl-7 {
        width: 58.33333333%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-5 {
        width: 41.66666667%
    }

    .col-xl-4 {
        width: 33.33333333%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-2 {
        width: 16.66666667%
    }

    .col-xl-1 {
        width: 8.33333333%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-pull-11 {
        right: 91.66666667%
    }

    .col-xl-pull-10 {
        right: 83.33333333%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-8 {
        right: 66.66666667%
    }

    .col-xl-pull-7 {
        right: 58.33333333%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-5 {
        right: 41.66666667%
    }

    .col-xl-pull-4 {
        right: 33.33333333%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-2 {
        right: 16.66666667%
    }

    .col-xl-pull-1 {
        right: 8.33333333%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-push-11 {
        left: 91.66666667%
    }

    .col-xl-push-10 {
        left: 83.33333333%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-8 {
        left: 66.66666667%
    }

    .col-xl-push-7 {
        left: 58.33333333%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-5 {
        left: 41.66666667%
    }

    .col-xl-push-4 {
        left: 33.33333333%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-2 {
        left: 16.66666667%
    }

    .col-xl-push-1 {
        left: 8.33333333%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

.hide,
.no-display {
    display: none !important
}

.block {
    display: block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.nowrap {
    white-space: nowrap
}

.js-hidden {
    max-height: 0;
    max-width: 0;
    overflow: hidden;
    position: absolute;
    transform: scaleY(0) scaleX(0);
    transform-origin: center;
    transition: transform .3s ease-out;
    visibility: hidden
}

@media (prefers-reduced-motion:reduce) {
    .js-hidden {
        transition: none
    }
}

.js-hidden.visible,
.js-hidden.visible-permanent {
    max-height: none;
    max-width: none;
    overflow: visible;
    position: inherit;
    transform: scaleY(1) scaleX(1);
    transform-origin: center;
    transition: all .3s ease-out;
    visibility: visible
}

@media (prefers-reduced-motion:reduce) {

    .js-hidden.visible,
    .js-hidden.visible-permanent {
        transition: none
    }
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.spaced {
    margin-top: 88px
}

.spaced-small {
    margin-top: 22px
}

.spaced-smaller {
    margin-top: 11px
}

.no-gutter {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.show-tooltip {
    cursor: help
}

.show-tooltip.acronym[data-original-title] {
    border-bottom-style: dashed;
    border-bottom-width: 1px
}

.show-tooltip.acronym[data-original-title=""] {
    border-bottom: none
}

.em {
    font-style: italic
}

.line {
    border-style: solid;
    border-width: 1px 0 0;
    line-height: 1px;
    margin: 22px 0
}

html {
    height: 100%;
    scroll-behavior: smooth;
    scroll-padding-top: max(var(--scroll-offset, 0px), var(--scroll-extra-offset));
    scrollbar-gutter: stable
}

@media (prefers-reduced-motion:reduce) {
    html {
        scroll-behavior: auto
    }
}

body {
    counter-reset: steps top;
    font-weight: 400;
    min-height: 100%
}

body.user-action-visible {
    overflow: hidden
}

body.user-action-visible.menu-helper-visible {
    overflow: auto
}

@media (min-width: 992px) {
    body.user-action-visible {
        overflow: visible
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    line-height: 1.1;
    word-wrap: break-word;
    text-transform: none
}

.h4,
.h5,
.h6,
h4,
h5,
h6 {
    margin-bottom: 11px;
    margin-top: 11px
}

.h1,
h1 {
    font-size: 34px;
    font-weight: 700
}

.h2,
h2 {
    font-size: 24px
}

.h3,
h3 {
    font-size: 20px
}

.h4,
h4 {
    font-size: 18px
}

.h5,
h5 {
    font-size: 16px
}

.h6,
h6 {
    font-size: 14px
}

p {
    margin: 0 0 11px
}

.link-like,
a {
    transition: all .3s ease-out
}

.link-like,
.link-like.btn,
.link-like:focus,
.link-like:hover,
a,
a.btn,
a:focus,
a:hover {
    text-decoration: none
}

.link-like.disabled,
a.disabled {
    cursor: default
}

img {
    height: auto
}

iframe,
img {
    max-width: 100%
}

label.disabled {
    cursor: not-allowed;
    opacity: .75
}

@media (min-width: 992px) {
    .table-md-50 {
        min-width: 50%;
        width: auto !important
    }
}

.table-th-code {
    width: 21%
}

.table-th-date {
    width: 12%
}

.p-final-price-wrapper .price-save>span,
.p-final-price-wrapper .price-standard>span {
    display: inline-block
}

.p-final-price-wrapper .price-save>span.empty,
.p-final-price-wrapper .price-standard>span.empty {
    visibility: hidden
}

.price-standard>span {
    text-decoration: line-through
}

.price-measure .default-variant,
.price-measure .empty {
    visibility: hidden
}

td>.price-measure .default-variant,
td>.price-measure .empty {
    visibility: visible
}

#payu_,
.parameter-value {
    display: none
}

#payu_ .container {
    padding: 0 !important;
    width: auto !important
}

#checkoutContent #payu_ {
    display: block
}

iframe[name=google_conversion_frame] {
    display: none
}

#accordion-content .shp-accordion .shp-accordion-link:after,
#categories .expandable>.topic>a>span:before,
#categories .expandable>a>span:before,
#cboxClose:before,
#cboxNext:before,
#cboxPrevious:before,
#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before:before,
.advanced-parameter-inner:before,
.browse-p .p-next:before,
.browse-p .p-prev:before,
.btn.btn-arrow-down.btn-after:after,
.btn.btn-arrow-down:before,
.btn.btn-arrow-left.btn-after:after,
.btn.btn-arrow-left:before,
.btn.btn-arrow-right.btn-after:after,
.btn.btn-arrow-right:before,
.btn.btn-arrow-up.btn-after:after,
.btn.btn-arrow-up:before,
.btn.btn-cart:before,
.btn.btn-cofidis.btn-after:after,
.btn.btn-cofidis:before,
.btn.btn-conversion.btn-cart:before,
.btn.btn-login.btn-after:after,
.btn.btn-login:before,
.carousel-control:before,
.cart-toggle-unselected-options:after,
.cart-widget-product-delete button:before,
.cart-xyDiscount__icon:before,
.category-perex ul li:before,
.category__secondDescription ul li:before,
.checkout-box .toggle-contacts:after,
.chevron-after:after,
.close-after:after,
.contact-box ul li>span:before,
.empty-content-404 h2:after,
.empty-content-category h2:after,
.extra .price-range:before,
.filters-visible .filters-wrapper .filters-unveil-button-wrapper .unveil-button:after,
.filters-wrapper .filters-unveil-button-wrapper .unveil-button:after,
.filters-wrapper .filters-unveil-button-wrapper .unveil-button:before,
.form-group .rating-star:before,
.goToTop__button:before,
.id--16 .next-step-forward:after,
.id--9 .next-step-forward:after,
.image360:after,
.instagram-follow-btn>span:before,
.languagesMenu .caret:before,
.link-icon:before,
.menu-helper:after,
.menu-helper>span:after,
.navigation-close:before,
.navigation-home-icon:before,
.ordering-process .co-box h4:before,
.p-short-description ul li:before,
.p-thumbnails .thumbnail-next:before,
.p-thumbnails .thumbnail-prev:before,
.pagination__link--next:before,
.pagination__link--prev:before,
.product-slider-holder .product-slider-navigation.navigation-next:before,
.product-slider-holder .product-slider-navigation.navigation-prev:before,
.products-block .p>a:after,
.quantity .decrease:before,
.quantity .increase:before,
.recommended-products .browse:before,
.remove-item-placeholder:before,
.remove-item:before,
.responsive-tools>a:before,
.search-input-icon:before,
.search-whisperer-category em:before,
.show-related:after,
.show360image:after,
.shp-icon,
.site-msg .close:before,
.stars a:before,
.stars span:before,
.submenu-arrow:after,
.tab-content ul li:before,
.toggle-coupon-input .toggle-coupon-input-button:after,
.top-navigation-bar .dropdown .caret:before,
.top-navigation-menu-trigger:after,
.variant-table .btn-cart:before,
.welcome-wrapper ul li:before,
.xyDiscount__icon:before,
:where(.ums_discussion_rating_forms--off) .add-comment .comment-icon:before,
:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon:before,
:where(body.ums_a11y_category_page--off) .category-header .products-listing-order-heading:before,
:where(body.ums_a11y_login--off) .navigation-buttons a:before,
:where(body.ums_a11y_login--off) .toggle-window-arr:before,
:where(body.ums_a11y_login--on) .navigation-buttons a:before,
:where(body.ums_a11y_login--on) .toggle-window-arr:before,
a.btn.btn-arrow-down.btn-after:after,
a.btn.btn-arrow-down:before,
a.btn.btn-arrow-left.btn-after:after,
a.btn.btn-arrow-left:before,
a.btn.btn-arrow-right.btn-after:after,
a.btn.btn-arrow-right:before,
a.btn.btn-arrow-up.btn-after:after,
a.btn.btn-arrow-up:before,
a.btn.btn-cart:before,
a.btn.btn-cofidis.btn-after:after,
a.btn.btn-cofidis:before,
a.btn.btn-conversion.btn-cart:before,
a.btn.btn-login.btn-after:after,
a.btn.btn-login:before,
a.social-icon:before,
article ul li:before,
input[type=checkbox]:checked+label:after {
    display: inline-block;
    speak: none;
    font-family: shoptet;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle
}

.chevron-after:after {
    font-size: 9px;
    vertical-align: initial
}

:where(body.ums_a11y_category_page--off) .chevron-after:after {
    margin-left: .5ex
}

:where(body.ums_a11y_category_page--on) .chevron-after:after {
    margin-left: .5em
}

.chevron-after.chevron-down-after:after {
    content: "\e90e"
}

.chevron-after.chevron-up-after:after {
    content: "\e911"
}

.chevron-after.chevron-left-after:after {
    content: "\e90f"
}

.chevron-after.chevron-right-after:after {
    content: "\e910"
}

.close-after:after {
    content: "\e912";
    font-size: 9px;
    margin-left: 1ex;
    vertical-align: initial
}

.qrcode {
    border-style: solid;
    border-width: 1px
}

@media (min-width: 1440px) {
    .container {
        width: 80% !important;
        max-width: 1920px;
    }
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.tab-pane h2:first-child {
    margin-top: 0
}

.tab-content>.active {
    display: block
}

.fb-messenger-checkbox {
    display: block;
    margin: -5px 0 0 -14px
}

.order-complete-links,
.reca-number {
    text-align: center
}

.reca-number {
    margin-bottom: 22px
}

.more-categories-wrap .more-categories-list,
.more-categories-wrap.unveiled .more-categories-trigger {
    display: none
}

.more-categories-wrap.unveiled .more-categories-list.visible {
    display: inline
}

.cart-inner {
    padding: 10px
}

.cart-heading {
    margin: .67em 0
}

.pr-list-unit {
    display: inline-block
}

.products-block .img>a:before,
.products-block .p>a:before {
    content: "";
    float: left
}

#company-info {
    margin-bottom: 22px
}

.at-share-dock-outer {
    position: relative;
    z-index: 55
}

.footer-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 10px 0;
    padding: 0
}

.footer-links .footer-link {
    display: inline-block;
    list-style: none;
    padding: 0 5px
}

.footer-links .footer-link:first-of-type {
    padding-left: 0
}

.footer-links .footer-link:last-of-type {
    padding-right: 0
}

.footer-left .footer-links {
    justify-content: center
}

@media (min-width: 768px) {
    .footer-left .footer-links {
        justify-content: flex-start
    }
}

.footer-icons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.footer-icons .footer-icon {
    align-self: center;
    display: inline-block;
    margin: 10px
}

.footer-links-icons {
    padding: 33px 20px
}

.footer-links-icons .footer-links {
    margin-top: 0
}

.footer-links-icons .footer-icon {
    margin-bottom: 0
}

.affiliate-banner img {
    height: -moz-fit-content;
    height: fit-content
}

.recapitulation-shipping-billing-label {
    display: none
}

#checkoutSidebar {
    position: relative;
    transition: top .6s ease-out
}

.scroll-wrapper {
    overflow: auto
}

.discussionContainer {
    margin-bottom: 16px
}

.fade-in {
    opacity: 0;
    transition: opacity .8s ease-out
}

.fade-in.start {
    opacity: 1
}

@media (prefers-reduced-motion:reduce) {
    .fade-in {
        transition: none
    }
}

.content-wrapper.container {
    padding-left: 0;
    padding-right: 0
}

@media (max-width: 767px) {
    .content-wrapper.container {
        padding-left: 10px;
        padding-right: 10px
    }

    .content-wrapper.container .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .content-wrapper.container .row>div {
        padding-left: 10px;
        padding-right: 10px
    }

    .content-wrapper.container .row.cart-row {
        margin-left: 0;
        margin-right: 0
    }

    .content-wrapper.container .row.cart-row>div,
    .ordering-process .content-wrapper.container {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 768px) {
    .content-wrapper-in {
        display: flex
    }
}

.sidebar-inner {
    padding-left: 0;
    padding-right: 20px
}

@media (min-width: 768px) {
    .content {
        flex-grow: 1;
        flex-shrink: 1;
        min-width: 0;
        padding-left: 20px;
        padding-right: 20px;
        width: 100%
    }
}

@media (max-width: 767px) {
    .sidebar.sidebar-left .sidebar-inner {
        display: none
    }

    .sidebar.sidebar-left .sidebar-inner.visible {
        display: block
    }
}

@media (min-width: 768px) {
    .sidebar {
        flex-grow: 0;
        flex-shrink: 0;
        width: 250px
    }
}

@media (min-width: 992px) {
    .sidebar {
        width: 340px
    }
}

@media (min-width: 768px) {
    .sidebar-indented .content {
        display: flex;
        flex-wrap: wrap
    }

    .sidebar-indented .content .category-top {
        width: 100%
    }

    .sidebar-indented .content .sidebar {
        margin-left: -20px;
        margin-right: 20px
    }

    .sidebar-indented .category-content-wrapper {
        width: calc(100% - 250px)
    }
}

@media (min-width: 992px) {
    .sidebar-indented .category-content-wrapper {
        width: calc(100% - 340px)
    }
}

#navigation {
    overflow: hidden;
    transition: all .3s ease-out
}

@media (max-width: 767px) {
    #navigation {
        height: 100%;
        padding-bottom: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 0;
        z-index: 1000
    }
}

@media (max-width: 479px) {
    .navigation-window-visible #navigation {
        width: 100%
    }
}

@media (min-width: 480px) and (max-width:767px) {
    #navigation {
        padding-top: 0
    }

    .navigation-window-visible #navigation {
        width: 60%
    }
}

@media (min-width: 768px) {
    #navigation {
        height: 49px;
        left: 0;
        position: relative
    }

    .submenu-visible #navigation {
        overflow: visible
    }

    .submenu-visible #navigation.menu-helper-visible {
        overflow: hidden
    }
}

.menu-helper ul,
.navigation-in ul {
    margin: 0;
    padding: 0
}

.menu-helper ul li,
.navigation-in ul li {
    display: block;
    list-style: none
}

.menu-helper ul li a,
.navigation-in ul li a {
    display: block
}

.menu-helper ul li.appended-category,
.menu-helper>ul>li.ext>ul,
.navigation-in ul li.appended-category,
.navigation-in>ul>li.ext>ul {
    display: none
}

.submenu-visible .menu-helper>ul>li.ext.exp>ul,
.submenu-visible .navigation-in>ul>li.ext.exp>ul {
    display: block
}

@media (min-width: 768px) {

    .menu-helper .navigationActions,
    .menu-helper-visible .menu-helper .navigationActions,
    .menu-helper-visible .navigation-in .navigationActions,
    .navigation-in .navigationActions {
        display: none
    }
}

.navigation-in {
    font-size: 18px;
    line-height: 18px
}

.navigation-in ul li {
    position: static
}

.navigation-in ul li a {
    padding: 2rem 20px;
    text-decoration: none;
    text-transform: none
}

.navigation-in ul li a b {
    font-weight: 700
}

.navigation-in ul li a:hover {
    text-decoration: none
}

.navigation-in ul.menu-level-2 li a {
    padding-bottom: 1.5rem;
    padding-top: 1.5rem
}

.navigation-in ul.menu-level-2 li a.navigationActions__link--flag {
    align-items: center;
    display: flex;
    padding-bottom: calc(-3px + 1.5rem);
    padding-top: calc(-3px + 1.5rem)
}

.navigation-in>ul>li {
    border-top-style: solid;
    border-top-width: 0
}

.navigation-in>ul>li:first-child {
    border-top-style: none
}

@media (max-width: 767px) {
    .navigation-in {
        height: 100%;
        overflow: auto;
        width: 100%
    }

    .navigation-in .has-third-level ul,
    .navigation-in a.menu-image {
        display: none
    }

    .navigation-in ul li.appended-category {
        display: block
    }

    .navigation-in ul.menu-level-2 li a {
        padding-left: 40px
    }

    .navigation-in>ul:last-child {
        margin-bottom: 33px
    }

    .navigation-in>ul>li:last-child {
        border-bottom-style: solid;
        border-bottom-width: 0
    }
}

@media (min-width: 768px) {
    .navigation-in {
        left: 0;
        position: absolute;
        top: 0;
        width: 9999em
    }

    .fitted .navigation-in,
    .submenu-visible .navigation-in {
        width: 100%
    }

    .navigation-in ul {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .fitted .navigation-in ul {
        justify-content: flex-start
    }

    .navigation-in ul li {
        display: block
    }

    .navigation-in ul li.splitted {
        visibility: hidden
    }

    .submenu-visible .navigation-in ul li.splitted {
        display: none
    }

    .navigation-in ul.menu-level-2 {
        border-style: none;
        border-width: 0;
        left: 0;
        margin-left: 0;
        position: absolute;
        top: calc(100% - 12.5px);
        width: 100%;
        z-index: 1001
    }

    .navigation-in ul.menu-level-2 li {
        border-top-style: none;
        border-top-width: 0;
        display: block
    }

    .navigation-in ul.menu-level-2 li:first-child {
        border-top-style: none
    }

    .navigation-in>ul>li {
        border-bottom-style: none;
        border-bottom-width: 0;
        border-top-style: none;
        border-top-width: 0
    }

    .navigation-in>ul>li>a {
        padding-bottom: 15px;
        padding-top: 15px;
    }
}

.navigation-in .navigationActions {
    border-top-style: solid;
    border-top-width: 1px
}

.navigation-in .navigationActions__submenu.menu-level-2 li {
    position: relative
}

.navigation-in .navigationActions__submenu.menu-level-2 li>a {
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 20px;
    padding-right: 0
}

.navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type>a {
    border-top: 1px solid
}

@media (min-width: 768px) {
    .navigation-in>ul>li {
        border-bottom-style: none;
        border-left-style: solid;
        border-left-width: 1px;
        border-top-style: none
    }

    .navigation-in>ul>li>a:hover {
        margin-left: -1px;
        margin-right: -1px;
        padding-left: 21px;
        padding-right: 21px
    }

    .navigation-in>ul>li.ext>ul>li {
        align-items: center;
        display: flex;
        flex-basis: 33.333333%;
        flex-grow: 0;
        flex-shrink: 1;
        min-height: 75px;
        width: 33.333333%
    }

    .navigation-in>ul>li.ext>ul>li>a {
        font-weight: 700;
        padding: 20px;
        width: 100%
    }

    .navigation-in>ul>li.ext>ul>li>a.menu-image {
        align-items: center;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
        position: relative;
        width: 116px
    }

    .navigation-in>ul>li.ext>ul>li>a img {
        display: block;
        height: auto;
        max-height: 54px;
        max-width: 76px
    }

    .navigation-in>ul>li.ext>ul>li>a:hover {
        background-color: transparent
    }

    .navigation-in>ul>li.ext>ul>li>div {
        display: flex;
        flex-direction: column;
        gap: 6px 0;
        line-height: 1.2;
        width: calc(100% - 116px)
    }

    .navigation-in>ul>li.ext>ul>li>div>a {
        font-weight: 700;
        padding: 0
    }

    .navigation-in>ul>li.ext>ul>li>div>ul {
        display: inline-block;
        line-height: 1.3;
        max-height: 2.6em;
        overflow: hidden
    }

    .navigation-in>ul>li.ext>ul>li>div>ul>li {
        display: inline-block
    }

    .navigation-in>ul>li.ext>ul>li>div>ul>li>a {
        display: inline;
        padding: 0
    }

    .navigation-in>ul>li.ext>ul>li>div>ul>li>a:hover {
        background-color: transparent
    }

    .navigation-in>ul>li.ext>ul>li.has-third-level>a {
        display: block;
        line-height: 1
    }

    .navigation-in>ul>li.ext>a>span {
        display: none
    }

    .navigation-in>ul>li.ext.exp>a {
        margin-left: -1px;
        margin-right: -1px;
        padding-left: 21px;
        padding-right: 21px
    }

    .submenu-visible .navigation-in>ul>li.ext.exp>ul {
        border-bottom-style: solid;
        border-bottom-width: 2px;
        display: flex;
        flex-wrap: wrap
    }

    .navigation-in>ul>li.ext.exp:first-child>a {
        margin-left: 0;
        padding-left: 20px
    }

    .navigation-in>ul>li.exp>ul {
        top: 100%
    }

    .navigation-in>ul>li:first-child {
        border-left-style: none
    }

    .navigation-in>ul>li:first-child>a:hover {
        margin-left: 0;
        padding-left: 20px
    }
}

@media (min-width: 1200px) {
    .navigation-in>ul>li.ext>ul>li {
        flex-basis: 25%;
        width: 25%
    }
}

.submenu-arrow {
    display: inline-block;
    font-size: 18px;
    line-height: 18px;
    padding-left: 1em
}

@media (max-width: 767px) {
    .submenu-arrow {
        padding-right: 1em
    }
}

.submenu-arrow:after {
    content: "\e90e";
    transition: transform .3s ease-out
}

.submenu-visible li.exp>a .submenu-arrow:after {
    transform: rotate(180deg)
}

.navigation-buttons>a[data-target=cart] i {
    border-radius: 100%;
    bottom: 0;
    display: block;
    font-size: 11px;
    font-style: normal;
    height: 17px;
    left: 6px;
    line-height: 11px;
    padding: 3px;
    position: absolute;
    right: auto;
    top: auto;
    width: 17px
}

@media (min-width: 768px) {
    .navigation-buttons>a[data-target=navigation] {
        display: none
    }
}

@media (max-width: 767px) {
    .navigation-close {
        display: block;
        padding: 2rem;
        position: absolute;
        right: 0;
        top: 0
    }

    .navigation-close:before {
        content: "\e912";
        display: block;
        font-size: 18px;
        height: 18px;
        line-height: 18px;
        width: 18px
    }
}

.navigationActions__flagWrapper {
    align-items: center;
    display: inline-flex
}

.navigationActions__flag-right {
    margin-left: 1ex
}

.navigationActions__flag-left {
    margin-right: 1ex
}

.navigationActions__submenu__item--active:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 11px;
    left: 20px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 11px
}

.entrance-protection {
    align-items: center;
    display: flex;
    height: 100%;
    padding: 20px
}

.entrance-protection .entrance-protection-inner {
    flex: 0 1 440px;
    margin: 0 auto;
    padding: 20px
}

.entrance-protection h1 {
    margin: 0 auto 20px;
    text-align: center
}

.entrance-protection .box,
.entrance-protection .box.box-sm {
    margin: 0;
    padding: 0
}

.entrance-protection .site-name {
    margin: 0 auto 20px;
    max-width: 100%;
    padding: 0 40px;
    text-align: center
}

.entrance-protection .form-group>input {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%
}

.entrance-protection .submit-wrapper {
    text-align: center
}

@media (min-width: 768px) {
    .entrance-protection .entrance-protection-inner {
        padding: 40px 20px
    }

    .entrance-protection .form-group>input,
    .entrance-protection .site-name {
        max-width: 80%
    }
}

.news-item {
    margin-bottom: 40px;
    padding-bottom: 40px
}

.news-item:last-child {
    border-bottom: none;
    padding-bottom: 0
}

@media (min-width: 480px) {
    .news-item {
        border-bottom: 0;
        display: flex;
        margin-bottom: 80px;
        padding-bottom: 0
    }
}

.news-item .image {
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 480px) {
    .news-item .image {
        flex: 0 1 auto;
        margin-bottom: 0;
        margin-right: 20px;
        text-align: center;
        text-align: left;
        width: 33.33333%
    }
}

@media (min-width: 768px) {
    .news-item .image {
        margin-right: 40px
    }
}

@media (min-width: 1200px) {
    .news-item .image {
        width: 370px
    }

    .news-item .image img {
        width: 100%
    }
}

.news-item .image img {
    max-height: 100%;
    max-width: 100%
}

@media (min-width: 480px) {
    .news-item .text {
        flex-grow: 1;
        flex: 1;
        flex-direction: column
    }
}

.news-item .text .title {
    display: block;
    font-size: 24px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 10px;
    text-decoration: none
}

.news-item .text .title:hover {
    text-decoration: underline
}

.news-item .text .description {
    line-height: 2.2rem
}

.news-item .text .description p:last-child {
    margin-bottom: 0
}

.news-item-detail .text {
    margin-bottom: 40px
}

.news-item-detail .text:after,
.news-item-detail .text:before {
    content: " ";
    display: table
}

.news-item-detail .text:after {
    clear: both
}

.news-item-detail .text img {
    max-width: 100%
}

.news-item-detail .text img[style*="float: left"] {
    margin-bottom: 10px;
    margin-right: 10px
}

.news-item-detail .text img[style*="float: right"] {
    margin-bottom: 10px;
    margin-left: 10px
}

.news-item-detail>img {
    margin-bottom: 22px
}

.news-item-detail .share {
    margin-bottom: 20px;
    min-height: 25px
}

.news-item-detail .next-prev {
    margin-bottom: 20px
}

.news-item-widget {
    border-bottom-style: none;
    border-bottom-width: 0;
    margin-bottom: 10px
}

.news-item-widget time {
    display: block;
    font-size: 12px
}

.news-item-widget h5 {
    margin-bottom: 0;
    margin-top: 0
}

.news-item-widget h5 a {
    display: block
}

.news-item-widget:last-child {
    border-bottom-style: none
}

.news-item time,
.news-item-detail time {
    display: block;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 20px
}

.products-inline {
    width: 100%
}

.products-inline>div {
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 100%
}

.products-inline>div:first-child {
    border-top-style: none
}

.products-inline>div .p .image {
    display: block;
    margin: 0 auto;
    position: relative;
    text-align: center
}

.products-inline>div .p .image .extra-flags {
    display: none
}

.products-inline>div .p .p-in {
    line-height: 1.4
}

.products-inline>div .p .p-in .p-in-in .name {
    display: block;
    height: auto
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper .availability,
.products-inline>div .p .p-in .p-in-in .ratings-wrapper .flags,
.products-inline>div .p .p-in .p-in-in .ratings-wrapper .p-code,
.products-inline>div .p .p-in .p-in-in .ratings-wrapper .stars-wrapper {
    flex-grow: 0;
    flex-shrink: 1;
    margin: 0 5px 0 0;
    width: auto
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper .stars-wrapper {
    justify-content: flex-start
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper .stars-placeholder {
    display: none
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper .flags {
    left: 0;
    position: relative;
    top: 0
}

.products-inline>div .p .p-in .p-in-in .ratings-wrapper .flags-inline .flag {
    display: inline-block;
    margin: 2px;
    max-width: none;
    opacity: 1;
    width: auto
}

.products-inline>div .p .p-in .p-in-in .p-desc {
    display: none
}

.products-inline>div .p .p-in .p-bottom>div .prices .price-save,
.products-inline>div .p .p-in .p-bottom>div .prices .price-standard,
.products-inline>div .p .p-in .p-bottom>div .prices .price-standard-wrapper {
    display: inline-block
}

.products-inline>div .p .p-in .p-bottom>div .prices .price-standard-wrapper.price-standard-wrapper-placeholder {
    display: none
}

.products-inline>div .p .p-in .p-bottom>div .p-tools {
    display: flex;
    flex-direction: row;
    flex-shrink: 0;
    justify-content: flex-end
}

.products-inline>div .p .p-in .p-bottom>div .p-tools form {
    display: flex;
    flex-direction: column-reverse
}

.products-inline>div .p .p-in .p-bottom>div .p-tools form .quantity {
    display: block
}

.products-inline>div .p .p-in .p-bottom>div .p-tools form .quantity input {
    min-width: 100%
}

.products-inline>div .p .p-in .p-bottom>div .p-tools .btn-cart:before {
    content: "\e921";
    font-size: 20px;
    line-height: 20px;
    margin: 0
}

.products-inline>div .p .p-in .p-bottom>div .p-tools .to-cart-text {
    display: none
}

.products-inline>div .p .price strong {
    font-size: 19px
}

.products-inline .price-standard-label,
.products-inline .secondary-to-cart-btn {
    display: none
}

.products-inline.products-top {
    display: flex;
    flex-wrap: wrap
}

.products-inline.products-top>div {
    border-style: none;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 10px;
    padding-right: 10px
}

:where(body.ums_a11y_category_page--off) .products-inline.products-top>div {
    display: none
}

:where(body.ums_a11y_category_page--off) .products-inline.products-top>div:first-child,
:where(body.ums_a11y_category_page--off) .products-inline.products-top>div:nth-child(2) {
    display: flex
}

:where(body.ums_a11y_category_page--off) .products-inline.products-top>div.button-wrapper {
    display: none
}

.products-inline.products-top>div .p {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.products-inline.products-top>div .p .p-code,
.products-inline.products-top>div .p .p-desc,
.products-inline.products-top>div .p .price-additional,
.products-inline.products-top>div .p .price-save,
.products-inline.products-top>div .p .price-standard-wrapper,
.products-inline.products-top>div .p .stars-placeholder,
.products-inline.products-top>div .p .stars-wrapper {
    display: none !important
}

.products-inline.products-top>div .p .image {
    min-height: 90px;
    width: 90px
}

.products-inline.products-top>div .p .p-in {
    display: block;
    padding-left: 16px;
    width: calc(100% - 90px)
}

.products-inline.products-top>div .p .p-in .p-bottom {
    padding: 0
}

.products-inline.products-top>div .p .p-in .p-bottom>div {
    align-items: flex-start;
    text-align: left
}

.products-inline.products-top>div .p .p-in .p-bottom>div>div {
    flex-basis: 100%
}

.products-inline.products-top>div .p .p-in .p-bottom .availability {
    font-size: 14px;
    margin: 0
}

.products-inline.products-top>div .p .p-in .p-bottom .prices {
    flex-basis: 100%
}

@media (min-width: 480px) {
    .products-inline.products-top>div {
        width: 50%
    }

    .products-inline>div .p .p-in .p-bottom>div {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding-top: 10px
    }
}

@media (min-width: 992px) {
    .products-inline>div {
        flex: 0 0 auto
    }

    .products-inline>div .p {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .products-inline>div .p .image {
        flex-grow: 0;
        flex-shrink: 0;
        width: 90px
    }

    .products-inline>div .p .p-in {
        align-items: center;
        display: flex;
        flex-grow: 1;
        flex-shrink: 1;
        padding-left: 20px;
        width: calc(100% - 90px)
    }

    .products-inline>div .p .p-in .p-in-in {
        flex-basis: 65%;
        padding-right: 20px
    }

    .products-inline>div .p .p-in .p-bottom {
        flex-basis: 35%
    }

    .products-inline>div .p .p-in .p-bottom>div {
        align-items: flex-end;
        flex-direction: column;
        padding-top: 0;
        text-align: right
    }

    .products-inline>div .p .p-in .p-bottom .p-tools {
        margin-top: 10px
    }
}

@media (min-width: 1200px) {
    .products-inline.products-top>div {
        display: block;
        width: 33.333333%
    }

    :where(body.ums_a11y_category_page--off) .products-inline.products-top>div.button-wrapper {
        display: block;
        margin: 0 auto;
        max-width: none;
        text-align: center;
        width: 100%
    }

    .products-inline:not(.products-top)>div .p .p-in .p-bottom,
    .products-inline:not(.products-top)>div .p .p-in .p-in-in {
        flex-basis: 50%
    }

    .products-inline:not(.products-top)>div .p .p-in .p-bottom>div {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }

    .products-inline:not(.products-top)>div .p .p-in .p-bottom>div>div {
        flex-basis: 50%
    }

    .products-inline:not(.products-top)>div .p .p-in .p-bottom>div>div.prices {
        order: 0;
        padding-right: 20px
    }

    .products-inline.products-inline-image>div .p .image {
        width: 220px
    }

    .products-inline.products-inline-image>div .p .p-in {
        width: calc(100% - 220px)
    }

    .products-inline.products-inline-image>div .p .p-in .p-in-in .p-desc {
        display: block;
        margin: 10px 0 0
    }
}

.products-inline .widget-parameter-wrapper {
    margin: 0;
    padding: 0;
    width: 100%
}

.products-inline .widget-parameter-wrapper.justified {
    justify-content: flex-start
}

.products-inline .widget-parameter-wrapper .widget-parameter-value:first-child a {
    padding-left: 0
}

@media (min-width: 992px) {
    .products-inline.products-inline-image .widget-parameter-wrapper {
        margin: 22px 0 0
    }
}

@media print {

    #footer,
    #navigation,
    .add-to-cart,
    .admin-bar,
    .availability-label,
    .banner,
    .banner-category,
    .banner-footer,
    .banner-wrapper,
    .banners-content,
    .box-subscribe,
    .breadcrumbs,
    .btn-cart,
    .carousel,
    .cart-count,
    .category-header,
    .chevron-down-after,
    .choose-variant,
    .content-window,
    .filters,
    .filters-wrapper,
    .link-icon,
    .menu-helper,
    .navigation-buttons,
    .next-prev,
    .no-display,
    .p-details h1,
    .p-intro .p-final-price,
    .p-switcher-wrapper,
    .p-thumbnails-wrapper,
    .pagination,
    .quantity,
    .sb-button,
    .search,
    .shp-tabs-wrapper,
    .sidebar,
    .social-icons,
    .surcharge-list,
    .top-nav,
    .top-navigation-bar,
    .user-action,
    .variant-list,
    [itemprop=aggregateRating] {
        display: none
    }

    @page {
        margin: 2cm
    }

    @page :first {
        margin: 1cm 2cm
    }

    * {
        background: none !important
    }

    body {
        background: #fff !important;
        color: #000;
        font: 14pt serif;
        padding: 0
    }

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

    a,
    dl,
    ol,
    pre,
    table,
    ul {
        page-break-inside: avoid
    }

    table {
        border-top: 1px solid #ccc;
        font-size: 13pt;
        margin-bottom: 20pt
    }

    td,
    th {
        border-bottom: 1px solid #ccc;
        text-align: left
    }

    h1,
    h2,
    h3,
    h4 {
        font-family: "Nata Sans", sans-serif;
        page-break-after: avoid;
        page-break-inside: avoid
    }

    iframe,
    ins {
        display: none;
        height: 0 !important;
        line-height: 0pt !important;
        overflow: hidden !important;
        white-space: nowrap;
        width: 0 !important
    }

    .p-final-price {
        display: block;
        font-size: 16pt;
        margin-top: 1ex
    }

    #header .site-name {
        border-bottom: 1pt solid #ccc
    }

    #header .site-name img {
        max-height: 70pt;
        max-width: 100pt
    }

    .p-details table {
        min-width: 50%
    }
}

.update-preview-active:after {
    align-items: center;
    bottom: 0;
    box-shadow: inset 0 0 0 4px #ffe91c, inset 0 -22px 0 0 #ffe91c;
    color: #000;
    content: var(--templates-update-management-preview-mode-content);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    font-weight: 700;
    justify-content: flex-end;
    left: 0;
    line-height: 22px;
    pointer-events: none;
    position: fixed;
    right: 0;
    text-transform: uppercase;
    top: 0;
    z-index: 1100
}

#colorbox.logistics-modal {
    --logistics-modal-height: calc(100dvh - 20px);
    --logistics-modal-width: 100vw;
    --logistics-modal-max-width: calc(100vw - 20px - var(--scrollbar-width, 0px));
    box-sizing: border-box;
    height: var(--logistics-modal-height) !important;
    left: 10px !important;
    line-height: 0;
    max-height: var(--logistics-modal-height) !important;
    max-width: var(--logistics-modal-max-width) !important;
    position: fixed !important;
    top: 10px !important;
    width: var(--logistics-modal-width) !important
}

#colorbox.logistics-modal #cboxWrapper {
    height: 100% !important;
    max-width: 100%;
    width: 100% !important
}

#colorbox.logistics-modal #cboxContent {
    background: none;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    clear: none;
    float: none !important;
    height: var(--logistics-modal-height) !important;
    margin: 0;
    width: 100% !important
}

#colorbox.logistics-modal #cboxLoadedContent {
    border-radius: 0;
    box-sizing: border-box;
    height: 100% !important;
    padding: 0;
    width: 100% !important;
    -webkit-overflow-scrolling: auto
}

#colorbox.logistics-modal #cboxClose,
#colorbox.logistics-modal #cboxLoadingOverlay {
    border-radius: 0
}

body:has(.new-gen-modal) {
    overflow: hidden
}

.new-gen-modal {
    background-color: #fff;
    height: var(--logistics-modal-height);
    line-height: normal;
    overflow: hidden;
    position: relative
}

.new-gen-modal iframe {
    border: none !important;
    height: var(--logistics-modal-height) !important;
    width: 100% !important
}

.quantity-discounts {
    background: #f7f7f7;
    border-bottom: #cfcfcf;
    font-size: 16px;
    line-height: 1.384615;
    margin-bottom: 22px;
    margin-top: 0;
    padding: 10px
}

.quantity-discounts__headline {
    color: #1a1937;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 11px;
    text-transform: none
}

.quantity-discounts__item {
    background: #fff;
    border: 1px solid #cfcfcf;
    cursor: pointer;
    display: flex;
    gap: 0 10px;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 14px 5px
}

@media (min-width: 480px) {
    .quantity-discounts__item {
        padding-left: 10px;
        padding-right: 10px
    }
}

.quantity-discounts__item:first-child {
    border-radius: 0 0 0 0
}

.quantity-discounts__item:last-child {
    border-radius: 0 0 0 0;
    margin-bottom: 0
}

.quantity-discounts__item:hover {
    background: var(--color-secondary)
}

.quantity-discounts__item--highlighted {
    background: #fff;
    color: #1a1937;
    cursor: default;
    font-weight: 700;
    outline: 2px solid;
    outline-color: var(--color-secondary);
    outline-offset: -2px
}

.quantity-discounts__item--highlighted:hover {
    background: #fff
}

.quantity-discounts__item+.quantity-discounts__item {
    margin-top: 0
}

.quantity-discounts__price-wrapper {
    flex-shrink: 0;
    text-align: right
}

.quantity-discounts__save {
    margin-right: 6px;
    padding-top: 14px;
    text-align: right
}

@media (min-width: 480px) {
    .quantity-discounts__save {
        margin-right: 11px
    }
}

.no-javascript {
    background: #ffffe3;
    padding: 16px
}

.no-javascript__title {
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 20px
}

.no-javascript__text {
    font-size: 16px;
    margin-bottom: 12px
}

.no-javascript__text a {
    color: #3b89ff;
    text-decoration: underline
}

.no-javascript__text a:focus,
.no-javascript__text a:hover {
    color: #1e61c7
}

.product-appendix {
    color: #aaa
}

:where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) .product-appendix {
    display: block;
    line-height: 1.4;
    padding-bottom: .25em;
    padding-top: .25em
}

:where(h1, .h1) .product-appendix {
    font-size: 24px
}

:where(h2, .h2) .product-appendix {
    font-size: 20px
}

:where(h3, .h3) .product-appendix {
    font-size: 18px
}

:where(h4, .h4) .product-appendix {
    font-size: 16px
}

:where(h5, .h5) .product-appendix {
    font-size: 14px
}

:where(h6, .h6) .product-appendix {
    font-size: 16px
}

:where(.highlight-product) .product-appendix {
    display: block;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

:where(.products.products-inline) .p-in-in {
    min-width: 0
}

:where(.p-gift-name) .product-appendix {
    color: inherit
}

.skip-link__wrapper {
    position: relative
}

.skip-link {
    transition: none
}

.skip-link:focus {
    border: none;
    height: auto;
    margin: inherit;
    overflow: auto;
    position: relative;
    width: auto;
    clip: auto;
    background-color: #f6f6f6;
    border-radius: 3px;
    color: #000;
    font-size: 18px;
    left: 12px;
    padding: 8px 16px;
    position: absolute;
    top: 12px;
    z-index: 9999999
}

.skip-link--end:focus {
    bottom: 0;
    top: auto
}

.skip-link__target:focus-visible {
    box-shadow: none;
    outline: 0
}

.sizeID {
    display: inline-block;
    vertical-align: middle
}

.SizeID-button,
.SizeID-button .sb-button {
    height: auto !important;
    width: auto !important
}

.SizeID-button .sb-button {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    text-decoration: none !important
}

.SizeID-button .sb-button .sb-label {
    font-size: 16px !important;
    height: auto !important;
    padding-right: 0 !important
}

.SizeID-button .sb-button .sb-label:after,
.SizeID-button .sb-button .sb-label:before {
    display: none !important
}

.SizeID-button:hover .sb-button {
    background-color: transparent !important;
    text-decoration: none !important
}

.sizeID-logo {
    height: 22px;
    vertical-align: text-bottom
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        margin-bottom: 17px;
        overflow-y: hidden;
        width: 100%;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,
    .table-responsive>.table>tbody>tr>th,
    .table-responsive>.table>tfoot>tr>td,
    .table-responsive>.table>tfoot>tr>th,
    .table-responsive>.table>thead>tr>td,
    .table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }
}

table.table {
    margin-bottom: 22px;
    width: 100%
}

table.table tbody>tr>td,
table.table tbody>tr>th,
table.table thead>tr>td,
table.table thead>tr>th {
    padding: .25rem .5rem
}

table.table.border tbody>tr>td,
table.table.border tbody>tr>th,
table.table.border thead>tr>td,
table.table.border thead>tr>th {
    border-style: solid;
    border-width: 1px
}

@media (max-width: 767px) {
    table.table.breakable {
        width: 100%
    }

    table.table.breakable>thead {
        display: none
    }

    table.table.breakable>tbody>tr>td,
    table.table.breakable>tbody>tr>th {
        display: block;
        text-align: center
    }

    table.table.breakable>tbody>tr>td {
        font-weight: 700;
        margin-bottom: 11px
    }

    table.table.breakable>tbody>tr>td.empty {
        display: none
    }
}

.table-fit-content {
    white-space: nowrap;
    width: 1px
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

.form-control,
select {
    border-style: solid;
    border-width: 1px;
    transition: all .3s ease-out
}

.form-group {
    margin-bottom: 22px;
    position: relative
}

.form-group select {
    display: block;
    min-width: 260px;
    width: 100%
}

.form-group td {
    padding: .25rem .5rem
}

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

@media (min-width: 768px) {
    .form-group select {
        display: inline-block;
        width: auto
    }

    .form-group select.form-control {
        display: block;
        width: 100%
    }
}

@media (min-width: 992px) {
    .form-group {
        min-width: 210px
    }
}

@media (min-width: 480px) {
    .form-group label {
        line-height: 48px
    }

    .form-group.form-group-wrapped label {
        display: block;
        float: none
    }

    .form-group.consents,
    .form-group.consents label {
        line-height: normal
    }
}

.form-option-block+.form-group,
fieldset+.form-group {
    margin-top: 22px
}

.form-group-hasTooltip {
    position: relative
}

.form-group-hasTooltip .form-control {
    padding-right: 35px
}

.form-control {
    border-radius: 0;
    box-shadow: none;
    display: block;
    height: 48px;
    padding: 10px 12px;
    width: 100%
}

textarea.form-control {
    height: 140px
}

.form-control.sm {
    height: 28px;
    padding: 5px 12px
}

textarea.form-control.sm {
    height: 200px
}

.form-control.lg {
    height: 54px;
    padding: 15px 12px
}

.form-control.short {
    width: 120px
}

input[type=search].form-control {
    box-sizing: border-box
}

.form-control.inline-block {
    display: inline-block
}

.select2-selection,
select,
select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAA6CAIAAABNgoyqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHNJREFUeNrs2LsNwDAIRVE7CzAp07AlU4QqRZQUeSgfRfeVIPlINqLwzEwzG49nGS8FGBgYGBgYGBgYGBj4t7C7y90WHBFnp1e9ujde9aF9VRXfeGcLqj5cm62pldn5EZDVLswCAQYGBgYGBgYG/ha8CjAAkdEmwUnCSO4AAAAASUVORK5CYII=);
    background-position: 100%;
    background-repeat: no-repeat;
    line-height: 22px;
    padding: 6px 45px 6px 11px
}

.select2-selection::-ms-expand,
select.form-control::-ms-expand,
select::-ms-expand {
    display: none
}

@media (max-width: 767px) {

    .select2-selection,
    select,
    select.form-control {
        max-width: 275px
    }
}

@media (min-width: 768px) {

    .select2-selection,
    select,
    select.form-control {
        max-width: 400px
    }
}

label {
    cursor: pointer;
    min-height: 18px
}

label.select-label {
    display: block;
    margin-right: 1ex
}

@media (min-width: 1440px) {
    label.select-label {
        display: inline-block
    }
}

input[type=checkbox],
input[type=radio] {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

input[type=checkbox]+label,
input[type=radio]+label {
    display: inline-block;
    line-height: 26px;
    margin-right: 15px;
    padding-left: 27px;
    position: relative
}

input[type=checkbox]+label:after,
input[type=checkbox]+label:before,
input[type=radio]+label:after,
input[type=radio]+label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    height: 18px;
    left: 0;
    width: 18px
}

input[type=checkbox]:checked+label:after,
input[type=radio]:checked+label:after {
    border-style: solid;
    border-width: 1px;
    height: 14px;
    left: 2px;
    width: 14px
}

input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
    cursor: not-allowed
}

input[type=checkbox].error-field+label,
input[type=checkbox].js-error-field+label,
input[type=radio].error-field+label,
input[type=radio].js-error-field+label {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    padding: 5px 5px 5px 32px;
    width: auto
}

input[type=checkbox].error-field+label:after,
input[type=checkbox].error-field+label:before,
input[type=checkbox].js-error-field+label:after,
input[type=checkbox].js-error-field+label:before,
input[type=radio].error-field+label:after,
input[type=radio].error-field+label:before,
input[type=radio].js-error-field+label:after,
input[type=radio].js-error-field+label:before {
    left: 5px
}

input[type=radio]+label:after,
input[type=radio]+label:before {
    border-radius: 100%
}

input[type=checkbox][name="confirmations[]"] {
    display: block;
    filter: alpha(opacity=0);
    left: 2px;
    opacity: 0;
    position: absolute;
    top: 2px
}

input[type=checkbox][name="confirmations[]"]+label {
    line-height: 22px;
    margin-right: 0;
    padding-left: 0;
    text-indent: 27px
}

input[type=checkbox][name="confirmations[]"]+label:after,
input[type=checkbox][name="confirmations[]"]+label:before {
    top: 2px;
    transform: none
}

input[type=checkbox][name="confirmations[]"]+label:after {
    left: 0;
    margin-left: 2px;
    margin-top: 2px
}

input::-moz-placeholder {
    color: #b6b6b6;
    opacity: 1
}

input::placeholder {
    color: #b6b6b6
}

input[type=checkbox],
input[type=email],
input[type=radio],
input[type=search],
input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.required-asterisk--after:after,
.required-asterisk:not(.required-asterisk--before):after {
    content: "*";
    padding-left: .5ch
}

.required-asterisk--before:before {
    content: "*";
    padding-right: .5ch
}

.form-legend {
    text-align: right
}

#content .form-legend {
    margin-bottom: 0
}

.form-control,
input,
select,
textarea {
    font-size: 1.15em;
    outline: 0
}

@media (min-width: 768px) {

    .form-control,
    input,
    select,
    textarea {
        font-size: inherit
    }
}

.form-group-tooltip {
    left: calc(100% - 30px);
    position: absolute;
    top: calc(100% - 24px);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .js-error-field+.form-group-tooltip {
        top: 50%
    }
}

:where(.ums_discussion_rating_forms--on) .discussionContainer .discussion-form form,
:where(.ums_discussion_rating_forms--on) .rate-wrapper form {
    max-width: 440px
}

.msg {
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    opacity: .95;
    padding: 22px 10px;
    transition: opacity .3s ease-out;
    width: 100%
}

.msg.hidden {
    opacity: 0
}

@media (min-width: 992px) {
    .msg {
        padding: 44px 20px
    }
}

.msg-wrapper {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1003
}

.msg-wrapper .msg {
    position: relative
}

.error-message,
.notice-message,
.warning-message {
    border: 0;
    font-weight: 400;
    margin-top: 22px;
    padding: 6px 11px 6px 6px
}

.watchdog-row {
    align-items: center;
    display: flex;
    margin: 0 0 1em;
    min-height: 48px
}

.watchdog-row #priceUnder {
    margin-right: 15px;
    width: 20%
}

.watchdog-row .notificationEmail,
.watchdog-row select {
    margin-left: 15px;
    width: 60%
}

.watchdog-row .disclaimer {
    font-style: italic;
    opacity: .8
}

.watchdog-row #watchdog-reset {
    display: none
}

.watchdog-messages {
    width: 100%
}

.watchdog-messages .msg {
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5
}

.watchdog-messages .msg .container {
    width: 100%
}

.watchdog-messages .msg .cancel-action {
    float: right;
    font-weight: 700
}

.watchdog-action-buttons {
    display: flex;
    flex-wrap: wrap
}

.watchdog-action-buttons:after,
.watchdog-action-buttons:before {
    content: " ";
    display: table
}

.watchdog-action-buttons:after {
    clear: both
}

.watchdog-action-buttons .btn-primary {
    margin-left: auto
}

.link-icons {
    display: flex;
    flex-wrap: wrap;
    margin: 0
}

.link-icon {
    flex-grow: 0;
    flex-shrink: 0;
    margin: 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase
}

.link-icon:before {
    display: block;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 1ex;
    text-align: center
}

@media (max-width: 991px) {
    .link-icon.print {
        display: none
    }
}

.link-icon.print:before {
    content: "\e928"
}

.link-icon.chat:before {
    content: "\e91e"
}

.link-icon.watchdog:before {
    content: "\e927"
}

.link-icon.share:before {
    content: "\e933"
}

.social-icons {
    margin: 0
}

a.social-icon {
    border-radius: 50%;
    border-style: none;
    border-width: 0;
    display: inline-block;
    height: 46px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    width: 46px
}

a.social-icon:before {
    display: block;
    font-size: 24px;
    line-height: 46px
}

a.social-icon.facebook:before {
    content: "\e900"
}

a.social-icon.twitter:before {
    content: "\e901"
}

a.social-icon.instagram:before {
    content: "\e909";
    font-size: 20px
}

a.social-icon.youtube:before {
    content: "\e903"
}

a.social-icon.google:before {
    content: "\e902";
    font-size: 20px
}

a.social-icon.pinterest:before {
    content: "\e904";
    font-size: 20px
}

a.social-icon.tiktok:before {
    content: "\e940"
}

a.social-icon.whatsapp:before {
    content: "\e946"
}

a.social-icon.messenger:before {
    content: "\e947"
}

a.social-icon:hover {
    text-decoration: none !important
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1002
}

#cboxWrapper {
    max-width: none
}

#cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
    clear: left
}

#cboxContent {
    position: relative
}

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#cboxTitle {
    margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    cursor: pointer
}

.cboxPhoto {
    border: 0;
    display: block;
    float: left;
    height: auto !important;
    margin: auto;
    -ms-interpolation-mode: bicubic
}

.cboxIframe {
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

#colorbox {
    outline: 0
}

#cboxContent {
    margin-top: 32px;
    overflow: visible
}

#cboxContent,
.cboxIframe {
    background: #fff
}

#cboxError {
    border: 1px solid #ccc;
    padding: 50px
}

#cboxLoadedContent {
    padding: 1px
}

#cboxLoadingGraphic:before {
    animation: loader .5s linear infinite;
    border-color: #fff #ccc #666 #000;
    border-radius: 50%;
    border-style: solid;
    border-width: 5px;
    content: "";
    height: 60px;
    left: 50%;
    margin: -30px 0 0 -30px;
    position: absolute;
    top: 50%;
    width: 60px;
    z-index: 1
}

#cboxLoadingOverlay {
    background: #fff
}

#cboxTitle {
    color: #000;
    left: 0
}

#cboxCurrent,
#cboxTitle {
    position: absolute;
    top: -22px
}

#cboxCurrent {
    right: 205px;
    text-indent: -9999px
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
    background: none;
    border: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px
}

#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active {
    outline: 0
}

.colorbox-html-content {
    padding: 20px
}

.site-agreement-buttons {
    text-align: center;
    white-space: nowrap
}

.colorbox-msg {
    margin: 44px 20px 22px
}

#cboxCurrent,
#cboxTitle {
    display: none !important
}

#cboxNext,
#cboxPrevious {
    height: 100%;
    outline: none;
    top: 0;
    width: 50%
}

#cboxNext:before,
#cboxPrevious:before {
    border-radius: 50%;
    border-style: none;
    border-width: 0;
    font-size: 36px;
    margin-top: -18px;
    position: absolute;
    text-indent: 0;
    top: 50%
}

#cboxPrevious {
    left: 0
}

#cboxPrevious:before {
    content: "\e90b";
    left: 10px
}

#cboxNext {
    right: 0
}

#cboxNext:before {
    content: "\e90c";
    right: 10px
}

#cboxClose {
    background-color: #fff !important;
    height: 40px;
    right: 0;
    top: 0;
    width: 40px;
    z-index: 99
}

#cboxClose:before {
    content: "\e912";
    font-size: 20px;
    left: 10px;
    line-height: 40px;
    position: absolute;
    text-indent: 0;
    top: 0
}

ul.poll {
    margin: 0;
    padding: 0
}

ul.poll li {
    list-style-type: none
}

ul.poll .poll-result {
    margin-bottom: 11px;
    padding-right: 4rem;
    position: relative
}

ul.poll .poll-result>div {
    border-left-style: solid;
    border-left-width: 1px;
    height: 1rem
}

ul.poll .poll-result small {
    display: block;
    line-height: 1rem;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 3.5rem
}

ul.payments {
    margin: 0;
    padding: 0
}

ul.payments:after,
ul.payments:before {
    content: " ";
    display: table
}

ul.payments:after {
    clear: both
}

ul.payments li {
    float: left;
    list-style-type: none;
    padding: 0 .5rem 1rem;
    text-align: center;
    width: 33.333333%
}

ul.payments li:nth-child(3n+1) {
    clear: both
}

div.cart-overview a {
    display: block
}

.fb_iframe_widget,
.sidebar-inner>.box>span {
    max-width: 100%;
    overflow: hidden
}

.form-group .fb_iframe_widget {
    display: block
}

ol.top-products.unified {
    line-height: 1.3;
    margin: 0;
    padding: 0
}

ol.top-products.unified li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    list-style: none;
    padding: 6px 0
}

ol.top-products.unified li a {
    text-decoration: none
}

ol.top-products.unified li a.top-products-content {
    display: block;
    text-align: right
}

ol.top-products.unified li a.top-products-content:before {
    content: counter(top) ". ";
    counter-increment: top
}

ol.top-products.unified li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width: 768px) {
    ol.top-products.unified li.display-image {
        min-height: 80px;
        padding-left: 60px;
        position: relative
    }

    ol.top-products.unified li.display-image .top-products-image {
        left: 5px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        width: 59px
    }
}

@media (min-width: 992px) {
    ol.top-products.unified li.display-image {
        padding-left: 90px
    }

    ol.top-products.unified li.display-image .top-products-image {
        margin-top: -30px
    }
}

.listingControls {
    align-items: center;
    container-name: listingControls;
    container-type: inline-size;
    display: flex;
    flex-wrap: wrap;
    gap: 22px 0;
    justify-content: center;
    margin-bottom: 33px;
    margin-top: 22px
}

.goToTop,
.itemsTotal,
.loadMore,
.pagination {
    flex: 0 0 100%
}

.loadMore {
    display: flex;
    justify-content: center
}

.loadMore__button--products {
    width: 100%
}

@media (min-width: 768px) {
    .loadMore__button--products {
        width: auto
    }
}

.pagination {
    display: flex;
    font-size: 16px;
    justify-content: center;
    line-height: 3.25em
}

.pagination__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.pagination .pagination__link,
.pagination__currentPage {
    align-items: center;
    aspect-ratio: 1;
    border-radius: 0;
    display: flex;
    height: 3.25em;
    justify-content: center;
    min-height: 3.25em;
    padding: 0;
    text-decoration: none
}

.pagination__currentPage {
    font-weight: 400
}

.pagination__link--next:before,
.pagination__link--prev:before {
    font-size: 1em
}

.pagination__link--next:hover,
.pagination__link--prev:hover {
    text-decoration: none
}

.pagination__link--prev:before {
    content: "\e90f"
}

.pagination__link--next:before {
    content: "\e910"
}

.goToTop {
    display: flex;
    justify-content: center
}

.goToTop__button:before {
    content: "\e911";
    font-size: 1em;
    margin-right: .5em
}

.itemsTotal {
    text-align: center
}

@container listingControls (min-width: 57rem) {
    .loadMore {
        order: 1
    }

    .goToTop {
        flex-basis: auto;
        margin-right: auto;
        order: 2
    }

    .pagination {
        flex-basis: auto;
        margin-left: auto;
        order: 3
    }

    .itemsTotal {
        order: 4
    }
}

@container listingControls (min-width: 84rem) {
    .goToTop {
        flex-basis: 33%;
        justify-content: flex-start;
        order: 1
    }

    .listingControls:has(.goToTop, .pagination) .loadMore {
        flex-basis: 33%;
        order: 2
    }

    .pagination {
        flex-basis: 33%;
        justify-content: flex-end;
        order: 4
    }
}

.pagination-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 20px;
    justify-content: space-between;
    margin-bottom: 22px;
    margin-top: 22px
}

.pagination-wrapper .pagination {
    display: flex;
    flex-basis: fit-content;
    flex-wrap: wrap;
    gap: 5px
}

.pagination-wrapper .pagination>* {
    flex-basis: auto;
    line-height: 1;
    padding: 10px
}

@media (max-width: 1199px) {
    .pagination-wrapper .pagination {
        justify-content: flex-start
    }
}

.pagination-total {
    margin-bottom: 0
}

.contact-box {
    border-radius: 0;
    border-style: none;
    border-width: 0;
    min-height: 100px;
    padding: 0 0 0 96px;
    position: relative
}

.contact-box>img {
    height: auto;
    left: 10px;
    max-width: 76px;
    position: absolute;
    top: 0
}

.contact-box>strong {
    display: block;
    line-height: 1.1;
    margin-bottom: 6px
}

.contact-box ul {
    margin: 0;
    padding: 0
}

.contact-box ul li {
    list-style: none;
    padding-bottom: 4px;
    padding-top: 4px;
    word-break: break-all
}

.contact-box ul li>span {
    display: inline-block;
    padding-left: 30px;
    position: relative
}

.contact-box ul li>span:before {
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 24px
}

.contact-box ul li>span.mail:before {
    content: "\e924"
}

.contact-box ul li>span.tel:before {
    content: "\e92c"
}

.contact-box ul li>span.cellphone:before {
    content: "\e92b"
}

.contact-box ul li>span.youtube:before {
    content: "\e903";
    font-size: 18px
}

.contact-box ul li>span.skype:before {
    content: "\e905"
}

.contact-box ul li>span.facebook:before {
    content: "\e900"
}

.contact-box ul li>span.twitter:before {
    content: "\e901"
}

.contact-box ul li>span.instagram:before {
    content: "\e909"
}

.contact-box ul li>span.tiktok:before {
    content: "\e940"
}

.contact-box ul li>span.whatsapp:before {
    content: "\e946"
}

.contact-box ul li>span.messenger:before {
    content: "\e947"
}

#footer .contact-box {
    border: 0;
    padding: 0
}

#footer .contact-box>img,
#footer .contact-box>strong {
    display: none
}

@media (min-width: 768px) and (max-width:9999em) {
    .contact-box {
        padding: 0
    }

    .contact-box>img {
        display: none
    }
}

.contact-box.no-image {
    padding-left: 0
}

.checkout-box h3 {
    margin-top: 0
}

.checkout-box .box.box-sm {
    background-color: transparent;
    height: 0;
    margin-bottom: 0;
    overflow: hidden;
    padding: 0;
    transform: scale(0);
    transition: all .3s ease-out;
    visibility: hidden
}

.checkout-box .box.box-sm.visible {
    height: auto;
    margin-top: 11px;
    transform: scale(1);
    visibility: visible
}

@media (max-width: 767px) {
    .checkout-box {
        margin-top: 22px
    }
}

.quantity-form {
    margin: 0
}

.quantity-form.error-message {
    padding: 0
}

.error-message:has(.quantity-form) {
    margin-top: 0;
    padding: 0
}

.quantity {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    vertical-align: middle
}

.error-message .quantity {
    border: 1px solid #d63500;
    box-shadow: 0 0 3px #d63500
}

.quantity input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-style: normal;
    height: 50px;
    margin: 0;
    padding: 0;
    text-align: center
}

.quantity input:focus {
    box-shadow: none
}

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

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

.quantity .decrease,
.quantity .increase {
    cursor: pointer;
    height: 50px;
    padding: 0;
    position: absolute;
    width: 30px
}

.quantity .decrease:before,
.quantity .increase:before {
    font-size: 6px;
    height: 100%;
    left: 0;
    line-height: 50px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.quantity .increase {
    border-style: none none none solid;
    border-width: 1px;
    left: auto;
    right: 0;
    top: 0
}

.quantity .increase:before {
    content: "\e918"
}

.quantity .decrease {
    border-style: none solid none none;
    border-width: 1px;
    left: 0;
    right: auto;
    top: 0
}

.quantity .decrease:before {
    content: "\e919"
}

.p-detail .add-to-cart .quantity {
    border-style: solid;
    border-width: 1px
}

.quantity .tooltip-inner {
    width: -moz-max-content;
    width: max-content
}

.quantity .decrease-tooltip,
.quantity .increase-tooltip {
    position: absolute;
    right: auto;
    top: 0;
    width: 30px
}

.decrease__sign,
.increase__sign {
    display: none;
    font-size: 6px
}

#categories {
    font-weight: 700;
    position: relative
}

#categories a:hover {
    text-decoration: none
}

#categories .expandable>ul {
    display: none
}

#categories .expandable>.topic>a>span,
#categories .expandable>a>span {
    bottom: auto;
    cursor: pointer;
    display: block;
    font-size: 12px;
    height: 12px;
    left: 0;
    line-height: 12px;
    position: absolute;
    right: auto;
    text-align: center;
    top: 15px;
    width: 12px;
    z-index: 1
}

#categories .expandable>.topic>a>span:before,
#categories .expandable>a>span:before {
    content: "\e918";
    height: 12px;
    line-height: 12px;
    transition: transform .3s ease-out;
    width: 12px
}

#categories .expandable.expanded>.topic>a>span:before,
#categories .expandable.expanded>a>span:before {
    content: "\e919";
    transform: rotate(0deg)
}

#categories .expandable.expanded>ul {
    display: block
}

#categories .expandable.external>.topic>a>span:before,
#categories .expandable.external>a>span:before {
    transform: rotate(0deg)
}

.categories {
    position: relative
}

.categories .topic>a {
    padding-left: 30px
}

.categories ul {
    margin: 0;
    padding: 0
}

.categories ul a {
    padding-left: 50px
}

.categories ul a:before {
    content: "";
    display: none;
    font-size: 0;
    height: 0;
    margin-right: 0;
    vertical-align: middle;
    width: 0
}

.categories ul ul a,
.categories ul ul ul a,
.categories ul ul ul ul a,
.categories ul ul ul ul ul a,
.categories ul ul ul ul ul ul a {
    padding-left: 50px
}

.categories li {
    list-style-type: none;
    position: relative
}

.categories a {
    border-bottom-style: none;
    border-bottom-width: 0;
    display: block;
    line-height: 1.2;
    padding-bottom: 11px;
    padding-right: 10px;
    padding-top: 11px;
    text-decoration: none
}

.admin-bar {
    display: none;
    height: 0;
    width: 0
}

@media (min-width: 992px) {
    .admin-bar {
        border-style: solid;
        border-width: 0 0 1px;
        display: block;
        font-size: 11px;
        height: 25px;
        line-height: 24px;
        position: relative;
        width: 100%;
        z-index: 1002
    }

    .admin-bar ul {
        margin: 0;
        padding: 0
    }

    .admin-bar ul li {
        list-style: none
    }

    .admin-bar ul li a,
    .admin-bar ul li span {
        display: block;
        text-decoration: none
    }

    .admin-bar .container {
        position: relative
    }

    .admin-bar .container>ul {
        display: flex;
        justify-content: space-between
    }

    .admin-bar .container>ul:after,
    .admin-bar .container>ul:before {
        content: " ";
        display: table
    }

    .admin-bar .container>ul:after {
        clear: both
    }

    .admin-bar .container>ul li.hover>ul,
    .admin-bar .container>ul li:hover>ul {
        display: block
    }

    .admin-bar .container>ul>li {
        border-style: solid;
        border-width: 0 1px 0 0;
        display: block;
        position: relative;
        text-align: center;
        transition: all .3s ease-out;
        white-space: nowrap;
        width: 100%
    }

    .admin-bar .container>ul>li>a,
    .admin-bar .container>ul>li>span {
        padding: 0 22px
    }

    .admin-bar .container>ul>li:last-child {
        border-right: 0
    }

    .admin-bar .container>ul>li ul {
        border-style: solid;
        border-width: 1px;
        display: none;
        position: absolute;
        right: 100%;
        top: -1px;
        width: 100%;
        z-index: 4
    }

    .admin-bar .container>ul>li ul li {
        position: relative;
        text-align: left
    }

    .admin-bar .container>ul>li ul li a,
    .admin-bar .container>ul>li ul li span {
        border-style: solid;
        border-width: 0 0 1px;
        line-height: 16px;
        padding: 4px 11px;
        white-space: normal
    }

    .admin-bar .container>ul>li ul li:last-child {
        border-bottom: 0
    }

    .admin-bar .container>ul>li>ul {
        right: 0;
        top: 24px
    }

    .admin-bar .container>a,
    .admin-bar .container>span {
        border-style: solid;
        border-width: 1px 1px 0;
        display: block;
        line-height: 23px;
        padding: 0 10px;
        position: absolute;
        right: 0;
        text-decoration: none;
        top: 0
    }
}

.ui-menu {
    border-style: none solid solid;
    border-width: 1px
}

.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    margin: 0
}

.ui-menu .ui-menu-item-wrapper {
    padding-bottom: 6px;
    padding-top: 6px
}

.ui-menu .ui-menu-item {
    list-style: none
}

.ui-autocomplete {
    max-height: 200px;
    overflow: auto
}

.ui-autocomplete>li {
    border-top-style: solid;
    border-top-width: 1px
}

.ui-autocomplete>li:first-child {
    border-top-style: none
}

.ajax-pending .loader-wrapper:before,
.ajax-pending-element:before,
.loader {
    animation: load 1s linear infinite;
    background-clip: content-box;
    border-radius: 50%;
    border-style: solid;
    border-width: 3px;
    display: block;
    font-size: 0;
    height: 65px;
    left: 50%;
    margin-left: -33px;
    margin-top: -33px;
    position: absolute;
    text-indent: -9999em;
    top: 50%;
    width: 65px;
    z-index: 1
}

.ajax-pending .loader-wrapper:before,
.ajax-pending-element:before {
    content: ""
}

.loader.static {
    border-width: 3px;
    height: 24px;
    margin: 0 auto;
    position: static;
    width: 24px
}

.ajax-pending .loader-wrapper:after,
.ajax-pending-element:after {
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    transition: opacity .3s ease-out
}

@keyframes load {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.content-modal {
    padding: 10px
}

.content-modal .row {
    margin-left: -10px;
    margin-right: -10px
}

@media (min-width: 1200px) {
    .content-modal {
        padding: 20px
    }

    .content-modal .row {
        margin-left: -20px;
        margin-right: -20px
    }
}

.cpost-delivery-point-form-wrapper {
    min-height: 330px
}

.cpost-delivery-point-form-wrapper:not(.has-legend) {
    min-height: 480px
}

.cpost-delivery-point-form-wrapper:not(.has-legend) .ui-autocomplete {
    max-height: 150px
}

@media (min-width: 768px) {
    .cpost-delivery-point-form-wrapper:not(.has-legend) {
        min-height: 400px
    }

    .cpost-delivery-point-form-wrapper:not(.has-legend) .ui-autocomplete {
        max-height: 160px
    }
}

.cpost-delivery-point-logos {
    min-height: 60px
}

.cpost-delivery-point-logos img {
    height: 50px;
    margin-right: 20px
}

.cpost-delivery-point-logos .cpost-logo-doBalikovny {
    padding: 10px 0
}

.cpost-delivery-point-logos .cpost-logo-naPostu {
    height: 49px
}

.cpost-delivery-point-logos .cpost-logo-postaPont,
.cpost-delivery-point-logos .cpost-logo-skPost {
    height: 60px
}

.cpost-delivery-point-submit {
    text-align: right
}

.cpost-delivery-point-result-legend,
.cpost-delivery-point-result-table-wrap {
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 20px
}

.cpost-delivery-point-result-legend {
    padding-top: 20px
}

.cpost-delivery-point-result {
    position: relative
}

.cpost-delivery-point-result table.table {
    margin-bottom: 0
}

.cpost-delivery-point-result table.table td {
    vertical-align: top
}

a.cpost-delivery-point-show-opening-hours {
    text-decoration: underline
}

a.cpost-delivery-point-show-opening-hours:hover {
    text-decoration: none
}

.cpost-delivery-point-opening-hours {
    display: none
}

.cpost-delivery-point-opening-hours.active {
    display: table
}

.pickup-point-opening-hours {
    display: none
}

.pickup-point-opening-hours.active {
    display: table
}

a.pickup-point-show-opening-hours {
    text-decoration: underline
}

a.pickup-point-show-opening-hours:hover {
    text-decoration: none
}

.pickup-point-point-opening-hours {
    display: none
}

.pickup-point-point-opening-hours.active {
    display: table
}

.cpost-delivery-point-symbols img {
    margin-right: 1ex
}

table.table.cpost-delivery-point-result-table>tbody>tr {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

table.table.cpost-delivery-point-result-table>tbody>tr>td {
    padding-bottom: 10px;
    padding-top: 10px
}

table.table.cpost-delivery-point-result-table>tbody>tr:last-child {
    border-bottom-style: none
}

table.table.cpost-delivery-point-result-table>tbody>tr:last-child>td {
    padding-bottom: 0
}

@media (max-width: 767px) {

    .cpost-choose-button,
    .cpost-delivery-point-choose-post td,
    .cpost-delivery-point-choose-post th,
    .cpost-delivery-point-result-table>tbody>tr,
    .cpost-delivery-point-result-table>tbody>tr>td,
    input[type=submit].delivery-point-picker {
        display: block;
        width: 100%
    }

    .cpost-delivery-point-choose-post td {
        padding-top: 3px
    }

    .cpost-delivery-point-form-wrapper .city,
    .cpost-delivery-point-form-wrapper .zip-code {
        width: 100%
    }
}

.map iframe {
    width: 100%
}

.branch-wrap .loader:not(.no-display),
.cpost-delivery-point-form .loader:not(.no-display) {
    display: inline-block;
    vertical-align: middle
}

.detail-information:not(:empty) {
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 22px
}

.branch-information {
    margin-bottom: 22px
}

.branch-picker-wrapper {
    align-items: stretch;
    display: flex
}

@media (max-width: 767px) {
    .branch-picker-wrapper {
        flex-wrap: wrap
    }
}

.branch-picker-wrapper .loader {
    align-self: center;
    flex-shrink: 0
}

.branch-saved {
    display: inline-block;
    flex-shrink: 0;
    margin-left: 10px;
    visibility: hidden
}

.branch-saved.branch-saved-visible {
    visibility: visible
}

@media (max-width: 767px) {
    .branch-saved {
        margin-left: 0;
        margin-top: 10px;
        width: 100%
    }

    .branch-saved .btn {
        width: 100%
    }
}

.gls-parcel-shop-wrapper #gls-parcel-shop-canvas {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 768px) {
    .gls-parcel-shop-wrapper #gls-parcel-shop-canvas {
        flex-wrap: nowrap;
        height: 450px
    }
}

.gls-parcel-shop-wrapper #left-canvas {
    border: 1px solid #777;
    height: 175px;
    order: 2;
    width: 100%
}

@media (min-width: 768px) {
    .gls-parcel-shop-wrapper #left-canvas {
        height: 100%;
        order: 1;
        width: 25%
    }
}

.gls-parcel-shop-wrapper #right-canvas {
    height: 300px;
    order: 1;
    width: 100%
}

@media (min-width: 768px) {
    .gls-parcel-shop-wrapper #right-canvas {
        height: 100%;
        order: 2;
        width: 75%
    }
}

.gls-parcel-shop-wrapper #searchinput {
    margin-left: 0;
    width: 100%
}

.gls-parcel-shop-wrapper .gls-parcel-shop-confirm-wrapper {
    display: flex;
    justify-content: center;
    padding: 11px 0
}

.search-whisperer {
    border-style: solid;
    border-width: 0 1px;
    display: none;
    font-size: 12px;
    line-height: 1.2;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 100
}

.search-whisperer p {
    margin: 11px 5px
}

.search-whisperer a:hover {
    background-color: rgba(0, 0, 0, .045)
}

.search-whisperer ul {
    margin: 0;
    padding: 0
}

.search-whisperer ul li {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    list-style: none
}

.search-whisperer ul li a {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    padding: 5px;
    position: relative;
    text-decoration: none;
    width: 100%
}

.search-whisperer ul li a>img {
    flex-grow: 0;
    flex-shrink: 0
}

.search-whisperer .p-name {
    margin-bottom: .25ex
}

.search-whisperer .p-info {
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 5px;
    width: 50%
}

.search-whisperer .p-info span {
    display: block
}

.search-whisperer .p-info span span {
    display: inline
}

.search-whisperer .p-availability-inner,
.search-whisperer .p-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.search-whisperer .p-availability {
    height: 16px;
    line-height: 1;
    position: relative
}

.search-whisperer .p-availability .p-availability-inner {
    position: absolute
}

.search-whisperer .price {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: 13px;
    line-height: 1;
    margin-top: -13px;
    text-align: right;
    width: 100%
}

.search-whisperer.active {
    display: block
}

@media (min-width: 768px) {
    .search-whisperer .price {
        font-size: 16px;
        margin-top: -16px
    }
}

@media (min-width: 1200px) {
    .search-whisperer ul li a {
        align-items: center
    }

    .search-whisperer .price {
        margin-top: 0;
        width: 100px
    }
}

.search-whisperer-documents {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.search-whisperer-documents a {
    align-items: center;
    display: flex;
    padding: 7px 5px;
    text-decoration: none;
    width: 100%
}

.search-whisperer-documents em {
    font-size: 12px;
    padding-right: 1ex
}

.search-whisperer-category em:before {
    content: "\e936";
    vertical-align: baseline
}

.search-whisperer-image {
    max-width: 59px
}

.search-whisperer-empty {
    padding: 7px 5px
}

.cookie-ag-wrap,
.messages {
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.messages {
    z-index: 1003
}

.cookie-ag-wrap {
    bottom: 0;
    top: auto;
    z-index: 100000001
}

.cookie-ag-wrap .site-msg {
    opacity: .9
}

@media (max-width: 768px) {
    .cookie-ag-wrap .site-msg {
        opacity: 1
    }
}

.site-msg {
    font-size: 12px;
    padding: 1ex 1em;
    text-align: center
}

.site-msg .close {
    cursor: pointer;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: -7px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 12px
}

.site-msg .close:before {
    content: "\e912"
}

.site-msg.information {
    line-height: 150%;
    text-align: left
}

.site-msg.information .container {
    padding-left: 0;
    padding-right: 0;
    position: relative
}

.site-msg.information .text {
    padding-right: 20px
}

.site-msg form {
    display: inline-block;
    position: relative;
    z-index: 2
}

.site-msg button {
    margin-left: 1ex
}

@media (min-width: 992px) {
    .site-msg {
        z-index: 10000
    }
}

.plus-gallery-wrap {
    margin-bottom: .5625rem;
    margin-top: .5625rem;
    text-align: center
}

.plus-gallery-item {
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 5px;
    max-width: calc(100% - 10px);
    text-align: center;
    vertical-align: top
}

.plus-gallery-item img {
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

@keyframes scale {
    0% {
        transform: scaleX(0)
    }

    to {
        transform: scaleX(1)
    }
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper {
    container-name: rateWrapper;
    container-type: inline-size
}

:where(.ums_discussion_rating_forms--off) .tab-content .rate-wrapper.unveil-wrapper {
    margin-bottom: 30px
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-wrap {
    display: flex
}

.rate-wrapper.unveil-wrapper .rate-star-wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    justify-content: space-around
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap {
    margin-top: 10px
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-star-wrap {
    margin-left: 20px
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
    display: block;
    width: 100%
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
    margin-bottom: 6px
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
    margin-bottom: 3px
}

.rate-wrapper.unveil-wrapper .rate-star-wrap .stars-label {
    line-height: inherit
}

@media (min-width: 480px) {
    :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap {
        margin-left: 20px;
        margin-top: 0
    }

    :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap .stars {
        margin-bottom: 3px
    }
}

.rate-wrapper.unveil-wrapper .rate-star {
    align-items: center;
    display: flex;
    margin-right: 10px;
    width: auto
}

.rate-wrapper.unveil-wrapper .rate-star:after {
    content: "\A";
    white-space: pre
}

.rate-wrapper.unveil-wrapper .rate-value {
    margin-right: 5px
}

.rate-wrapper.unveil-wrapper .rate-list {
    align-items: center;
    display: flex;
    margin-bottom: 11px
}

.rate-wrapper.unveil-wrapper .rate-list:last-child {
    margin-bottom: 0
}

.rate-wrapper.unveil-wrapper .rate-block {
    display: flex;
    flex-grow: 1;
    padding-right: 40px
}

.rate-wrapper.unveil-wrapper .rate-bar {
    align-items: center;
    animation-duration: .5s;
    animation-name: scale;
    animation-timing-function: linear;
    display: flex;
    height: 6px;
    position: relative;
    transform-origin: left
}

.rate-wrapper.unveil-wrapper .rate-count {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.rate-wrapper.unveil-wrapper .rate-count.active {
    right: -40px
}

.rate-wrapper.unveil-wrapper .rate-average-wrap {
    line-height: 1
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-wrap {
    display: flex;
    flex-direction: column
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-average-wrap {
    margin-bottom: 20px
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap {
    margin-bottom: 0
}

.rate-wrapper.unveil-wrapper .rate-average-inner {
    display: flex
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner {
    flex-direction: column
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner+.add-comment {
    margin-top: 33px
}

@media (min-width: 480px) {
    :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner {
        align-items: center;
        flex-direction: row
    }

    :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner+.add-comment {
        margin-top: 0
    }
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-average-inner .stars {
    display: flex;
    height: 24px;
    margin: 0 0 10px
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-average-inner .star {
    height: 24px;
    line-height: 1;
    margin: 0;
    width: 24px
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-average-inner .star:before {
    font-size: 16px;
    line-height: 24px;
    text-align: center
}

.rate-wrapper.unveil-wrapper .rate-average {
    font-size: 350%
}

:where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .add-comment {
    align-items: flex-end;
    display: flex;
    flex-grow: 1
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .add-comment {
    margin-top: 33px
}

@container rateWrapper (width > 400px) {
    :where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-wrap {
        display: grid;
        gap: 0 20px;
        grid-template-columns: repeat(2, 1fr)
    }

    :where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .rate-average-wrap {
        margin-bottom: 0
    }

    :where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .add-comment {
        margin-top: 0
    }
}

.discussion-wrapper.unveiled .add-comment,
.rate-wrapper.unveiled .add-comment {
    display: none
}

.discussion-wrapper.unveiled .vote-content .add-comment,
.rate-wrapper.unveiled .vote-content .add-comment {
    display: inline-block
}

:where(.ums_discussion_rating_forms--off) .add-comment {
    cursor: pointer;
    font-weight: 700
}

:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon {
    align-items: baseline;
    display: flex
}

:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon:before {
    content: "\e91d";
    margin-right: 7px
}

:where(.ums_discussion_rating_forms--off) .add-comment .comment-icon:before {
    content: "\e91e";
    margin-right: 10px
}

:where(.ums_discussion_rating_forms--off) .add-comment.btn {
    font-weight: 400
}

.stars-wrapper {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.p-detail .stars-wrapper {
    justify-content: flex-start;
    margin: 0 0 11px
}

.p .stars-wrapper,
.stars-placeholder {
    height: 16px;
    margin: 0
}

.stars-placeholder {
    display: block
}

.stars {
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    margin-right: 5px;
    position: relative;
    width: 105px
}

.stars a {
    text-decoration: none
}

.stars a,
.stars span {
    float: left;
    height: 16px;
    line-height: 16px;
    position: relative;
    width: 21px
}

.stars a:before,
.stars span:before {
    font-size: 16px;
    height: 100%;
    left: 0;
    line-height: 16px;
    position: absolute;
    top: 0;
    width: 100%
}

.stars a.star-on:before,
.stars span.star-on:before {
    content: "\e91c"
}

.stars a.star-off:before,
.stars span.star-off:before {
    content: "\e91b"
}

.stars a.star-half:before,
.stars span.star-half:before {
    content: "\e91a"
}

.stars a.is-active,
.stars span.is-active {
    cursor: pointer
}

.stars-label {
    flex: 0 0 auto;
    line-height: 16px
}

a.stars-label {
    cursor: pointer
}

.votes-wrap .votes-wrap {
    margin-top: 30px;
    padding-left: 40px
}

.content .votes-wrap {
    margin-top: 22px
}

.content .vote-wrap {
    border-left-style: solid;
    border-left-width: 1px;
    padding-top: 22px
}

.vote-wrap {
    font-size: 16px;
    margin-bottom: 22px
}

.vote-wrap:last-child {
    margin-bottom: 0
}

.sidebar .vote-wrap:first-child {
    border-top-style: none;
    padding-top: 0
}

.vote-wrap a,
.vote-wrap a:hover {
    color: #1a1937;
    text-decoration: none
}

.vote-wrap a:hover .vote-product-name {
    color: var(--color-primary)
}

.vote-header {
    align-items: center;
    display: flex;
    line-height: 1.1;
    margin-bottom: 6px
}

.vote-summary {
    display: block;
    min-width: 0;
    width: 100%
}

.vote-name,
.vote-product-name,
.vote-title {
    display: block;
    font-size: 20px;
    margin-bottom: 6px
}

.vote-name--nowrap,
.vote-product-name--nowrap,
.vote-title--nowrap {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vote-name {
    line-height: 1.2
}

.sidebar .vote-name {
    font-size: 18px;
    margin-bottom: 0
}

.vote-time {
    font-size: 14px
}

.vote-pic {
    height: 60px;
    min-width: 80px;
    padding-right: 20px;
    position: relative
}

.vote-pic img {
    border-radius: 50%;
    left: 0;
    position: absolute;
    top: 0
}

@media (max-width: 1439px) {
    .sidebar .vote-pic {
        display: none
    }
}

.vote-initials {
    background-clip: padding-box;
    border: 1px solid #fff;
    border-radius: 50%;
    display: block;
    font-family: Arial, sans-serif;
    font-size: 27px;
    font-weight: 400;
    height: 60px;
    left: 0;
    letter-spacing: 1px;
    line-height: 59px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 60px;
    z-index: 0
}

@media (max-width: 1439px) {
    .sidebar .vote-initials {
        display: none
    }
}

.vote-rating {
    align-items: center;
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vote-delimeter {
    padding-left: 10px;
    padding-right: 10px
}

.vote-content,
.vote-content .btn {
    margin-top: 11px
}

.vote-form {
    margin-top: 29px
}

.discussion-form .form-group,
.vote-form .form-group {
    clear: both
}

.discussion-form .form-group>.form-control,
.vote-form .form-group>.form-control {
    max-width: none;
    width: 100%
}

.compact-form {
    position: relative
}

.compact-form .form-control,
.compact-form .form-control.lg {
    padding-right: 0
}

.compact-form .btn {
    border-radius: 0;
    height: 48px;
    padding: 5px 9px;
    position: absolute;
    right: 0;
    top: 0
}

.compact-form .btn:before {
    margin-right: 0
}

.compact-form .btn.btn-lg {
    border-radius: 0;
    height: 54px;
    padding: 6px 21px
}

.compact-form .btn.btn-lg:before {
    font-size: 36px
}

.p-thumbnails {
    height: 100px;
    margin-bottom: 11px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.p-thumbnails>div {
    height: 100px;
    left: 0;
    position: absolute;
    top: 0;
    transition: left .3s ease-out;
    width: 9999em
}

.p-thumbnails>div>div {
    display: inline-block
}

.p-thumbnails>div>div:after,
.p-thumbnails>div>div:before {
    content: " ";
    display: table
}

.p-thumbnails>div>div:after {
    clear: both
}

.p-thumbnails a {
    float: left;
    margin-left: -1px;
    max-width: 100%;
    position: relative
}

.p-thumbnails a img {
    border-style: solid;
    border-width: 1px;
    display: block
}

.p-thumbnails a:first-child {
    margin-left: 0
}

.p-thumbnails a.cbox-gal {
    display: none
}

.p-thumbnails .thumbnail-next,
.p-thumbnails .thumbnail-prev {
    line-height: 1;
    margin-top: -10px;
    opacity: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    top: 50%;
    transform: scale(0);
    transition: all .3s ease-out;
    z-index: 2
}

.p-thumbnails .thumbnail-next:before,
.p-thumbnails .thumbnail-prev:before {
    font-size: 20px;
    line-height: 0;
    width: 20px
}

.p-thumbnails .thumbnail-prev {
    left: 0
}

.p-thumbnails .thumbnail-prev:before {
    content: "\e90f"
}

.p-thumbnails .thumbnail-next {
    right: 0
}

.p-thumbnails .thumbnail-next:before {
    content: "\e910"
}

.p-thumbnails.overflow-next .thumbnail-next {
    opacity: 1;
    transform: scale(1)
}

.p-thumbnails.overflow-next:after {
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 50%);
    background-repeat: repeat-x;
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffffff", GradientType=1);
    height: 98px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
    z-index: 1
}

.p-thumbnails.overflow-prev .thumbnail-prev {
    opacity: 1;
    transform: scale(1)
}

.p-thumbnails.overflow-prev:before {
    background-image: linear-gradient(90deg, #fff 50%, hsla(0, 0%, 100%, 0));
    background-repeat: repeat-x;
    content: "";
    display: block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff", endColorstr="#00ffffff", GradientType=1);
    height: 98px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 40px;
    z-index: 1
}

.p-thumbnail:before,
.show360image:before {
    background-color: transparent;
    border-radius: 0;
    content: "";
    position: absolute;
    transition: background-color .3s ease-out
}

.p-thumbnails-vertical .p-thumbnail:before,
.p-thumbnails-vertical .show360image:before {
    height: 100%;
    left: 1px;
    width: 2px
}

.p-thumbnails-horizontal .p-thumbnail:before,
.p-thumbnails-horizontal .show360image:before {
    height: 2px;
    top: 1px;
    width: 100%
}

.advanced-parameter {
    display: inline-block;
    height: 50px;
    margin: 0 12px 12px 0;
    padding: 0;
    vertical-align: middle;
    width: 50px
}

.advanced-parameter-inner {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 50px;
    position: relative;
    width: 50px
}

.advanced-parameter-inner img {
    border-radius: 50%;
    max-height: 100%;
    min-width: 1px;
    width: 100%
}

.advanced-parameter-inner:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.advanced-parameter-inner.yes-before:before,
.disabled .advanced-parameter-inner:before {
    background-position: 50%;
    background-repeat: no-repeat
}

.advanced-parameter-inner.yes-before:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODk3MS42IiBoZWlnaHQ9IjE0MzM2LjMiIHZpZXdCb3g9IjAgMCAxNy43ODYgMTMuNDQiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iZ3JheSIgc3Ryb2tlLXdpZHRoPSIuNiIgZD0ibTE1IC40LTggOC00LTQtMi40IDJMNi43IDEzIDE3LjQgMi43eiIvPjwvc3ZnPg==);
    background-size: 38px
}

.disabled .advanced-parameter-inner,
.unavailable-option-wrapper .advanced-parameter-inner {
    cursor: not-allowed;
    opacity: .25
}

.disabled .advanced-parameter-inner:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOS45OTciIGhlaWdodD0iMjAuMDcyIiB2aWV3Qm94PSIwIDAgMC4wMTkgMC4wMTkiPjxwYXRoIGZpbGw9IiNmZmYiIHN0cm9rZT0iZ3JheSIgc3Ryb2tlLXdpZHRoPSIuMDAxIiBkPSJNLjAxNSAwIC4wMDkuMDA3LjAwNC4wMDEgMCAuMDA0bC4wMDUuMDA1LS4wMDUuMDA2LjAwMy4wMDMuMDA1LS4wMDUuMDA2LjAwNS4wMDMtLjAwM0wuMDEyLjAwOS4wMTguMDA0eiIgY29sb3I9IiMwMDAiIG92ZXJmbG93PSJ2aXNpYmxlIiBzdHlsZT0iaXNvbGF0aW9uOmF1dG87bWl4LWJsZW5kLW1vZGU6bm9ybWFsIi8+PC9zdmc+);
    background-size: 30px
}

.advanced-order {
    text-align: center
}

.advanced-order .h1 {
    margin-bottom: 20px;
    margin-top: 20px
}

.advanced-order .h2 {
    margin-bottom: 20px;
    text-transform: none
}

.advanced-order .advanced-order-suggestion {
    border-top-style: solid;
    border-top-width: 1px;
    margin-top: 40px;
    padding-top: 40px
}

.advanced-order .extras-wrap {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    position: relative
}

.advanced-order .extras-wrap .extra {
    margin: 0 0 20px;
    text-align: left;
    width: 100%
}

.advanced-order .extras-wrap .extra.step {
    margin: 20px 0 0;
    padding-left: 0;
    text-align: center
}

.advanced-order .price-range,
.advanced-order .products-related {
    margin-bottom: 0
}

.advanced-order .p-desc {
    display: none
}

@media (min-width: 992px) {
    .advanced-order .extras-wrap {
        justify-content: center
    }

    .advanced-order .extras-wrap .extra {
        flex-shrink: 1;
        margin: 0 20px 20px;
        width: auto
    }

    .advanced-order .extras-wrap .extra.step {
        flex-shrink: 0;
        margin: 0;
        width: 100%
    }

    .advanced-order .products>div {
        padding-bottom: 0
    }
}

@media (min-width: 1200px) {
    .advanced-order .extras-wrap .extra {
        margin: 20px 20px 0
    }

    .advanced-order .extras-wrap .extra.step {
        flex-shrink: 1;
        margin: 20px 20px 0;
        width: auto
    }
}

.advancedOrder__buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: center;
    margin-bottom: 20px;
    margin-top: 20px
}

@media (min-width: 1200px) {
    .advancedOrder__buttons {
        margin-top: 40px
    }
}

.ao-product {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.ao-availability,
.ao-image,
.ao-name {
    text-align: center
}

.ao-image,
.ao-name {
    flex: 1 0 100%;
    margin-bottom: 20px;
    min-width: 100%
}

.ao-price,
.ao-quantity {
    flex: 1 1 50%;
    min-width: 50%
}

.ao-price {
    text-align: left
}

.ao-quantity {
    text-align: right
}

@media (min-width: 768px) {

    .ao-availability,
    .ao-image,
    .ao-name {
        margin-bottom: 0;
        text-align: left
    }

    .ao-image {
        flex-basis: 20%;
        min-width: 20%
    }

    .ao-image img {
        max-height: 100px;
        width: auto
    }

    .ao-name {
        flex-basis: 40%;
        min-width: 40%
    }

    .ao-price {
        text-align: right
    }

    .ao-price,
    .ao-quantity {
        flex-basis: 20%;
        min-width: 20%
    }

    .ao-quantity {
        padding-left: 20px
    }
}

.slider-wrapper {
    margin: 0 auto;
    max-width: 650px;
    padding: 11px 0 22px
}

.slider-header {
    padding-bottom: 11px
}

.slider-header:after,
.slider-header:before {
    content: " ";
    display: table
}

.slider-header:after {
    clear: both
}

.slider-content {
    height: 10px;
    margin-bottom: 20px;
    padding: 0 10px;
    position: relative
}

.slider-content,
.ui-slider-range {
    border-style: solid;
    border-width: 0
}

.ui-slider-horizontal {
    height: 10px
}

.ui-slider-horizontal .ui-slider-handle,
.ui-slider-horizontal .ui-slider-range {
    z-index: 2
}

.ui-slider-horizontal .ui-slider-handle {
    border-radius: 0;
    cursor: pointer;
    height: 20px;
    margin-left: -10px;
    top: -5px;
    width: 20px
}

.from,
.to {
    width: 50%
}

.from i,
.to i {
    display: none
}

.from {
    float: left;
    text-align: left
}

.to {
    float: right;
    text-align: right
}

@media (max-width: 767px) {
    .filters {
        display: none;
        margin-bottom: 22px
    }

    .filters.visible {
        display: block
    }
}

@media (min-width: 768px) {

    #content .filters,
    #footer .filters {
        display: none;
        margin-bottom: 22px
    }

    #content .filters.visible,
    #footer .filters.visible {
        display: block
    }

    #content .sidebar .filters {
        display: block;
        margin-bottom: 0
    }
}

.btn.unveil-button {
    display: none
}

@media (max-width: 767px) {

    #content .btn.unveil-button,
    #footer .btn.unveil-button {
        display: block;
        width: 100%
    }
}

@media (min-width: 768px) {

    #content .btn.unveil-button,
    #footer .btn.unveil-button {
        display: inline-block
    }
}

#content .sidebar .btn.unveil-button {
    display: none
}

#content .filters-wrapper>div:first-of-type,
#footer .filters-wrapper>div:first-of-type {
    margin-bottom: 22px;
    text-align: center
}

.content .filter-section-button {
    display: none
}

.content .sidebar .filter-section-button {
    display: block
}

/* .filter-sections {
    padding-left: 11px;
    padding-right: 11px
} */

.filter-section {
    border-bottom-style: none;
    border-bottom-width: 0;
    padding-bottom: 11px;
    padding-top: 11px;
    text-align: left
}

.filter-section+.filter-section {
    border-top-style: solid;
    border-top-width: 1px
}

#footer .filter-section {
    padding-left: 13px;
    padding-right: 13px
}

.filter-section h4 {
    margin-top: 0
}

.filter-section h4 .show-tooltip {
    margin-left: 5px
}

.filter-section label.active {
    font-weight: 700
}

.filter-section.filter-section-button,
.filter-section:last-child {
    border-top-style: none
}

.filter-section.filter-section-button {
    padding-top: 0;
    text-align: center
}

#content .filter-section fieldset div.advanced-filters-wrapper,
#footer .filter-section fieldset div.advanced-filters-wrapper {
    margin-bottom: -5px;
    width: 100%
}

#content .filter-section fieldset div.advanced-filters-wrapper>div,
#footer .filter-section fieldset div.advanced-filters-wrapper>div {
    float: none;
    padding: 0 5px 5px 0;
    width: auto
}

@media (min-width: 480px) {

    #content .filter-section:after,
    #content .filter-section:before,
    #footer .filter-section:after,
    #footer .filter-section:before {
        content: " ";
        display: table
    }

    #content .filter-section:after,
    #footer .filter-section:after {
        clear: both
    }

    #content .filter-section fieldset div,
    #footer .filter-section fieldset div {
        float: left;
        text-align: left;
        width: 50%
    }

    #content .filter-section fieldset div:nth-child(odd),
    #footer .filter-section fieldset div:nth-child(odd) {
        clear: left
    }

    #content .filter-section fieldset div label,
    #footer .filter-section fieldset div label {
        padding-bottom: 5px;
        padding-top: 5px
    }
}

@media (min-width: 1200px) {

    #content .filter-section:after,
    #content .filter-section:before,
    #footer .filter-section:after,
    #footer .filter-section:before {
        content: " ";
        display: table
    }

    #content .filter-section:after,
    #footer .filter-section:after {
        clear: both
    }

    #content .filter-section fieldset div,
    #footer .filter-section fieldset div {
        text-align: left;
        width: 25%
    }

    #content .filter-section fieldset div:nth-child(odd),
    #footer .filter-section fieldset div:nth-child(odd) {
        clear: none
    }

    #content .filter-section fieldset div:nth-child(4n+1),
    #footer .filter-section fieldset div:nth-child(4n+1) {
        clear: both
    }

    #content .filter-section fieldset div label,
    #footer .filter-section fieldset div label {
        padding-bottom: 0;
        padding-top: 0
    }
}

#content .sidebar .filter-section fieldset div {
    width: 100%
}

@media (min-width: 480px) {

    #content .filter-section.filter-section-parametric fieldset div:nth-child(odd),
    #footer .filter-section.filter-section-parametric fieldset div:nth-child(odd) {
        clear: none
    }

    #content .filter-section.filter-section-parametric fieldset div:nth-child(2n),
    #footer .filter-section.filter-section-parametric fieldset div:nth-child(2n) {
        clear: left
    }
}

@media (min-width: 1200px) {

    #content .filter-section.filter-section-parametric fieldset div:nth-child(2n),
    #content .filter-section.filter-section-parametric fieldset div:nth-child(4n+1),
    #footer .filter-section.filter-section-parametric fieldset div:nth-child(2n),
    #footer .filter-section.filter-section-parametric fieldset div:nth-child(4n+1) {
        clear: none
    }

    #content .filter-section.filter-section-parametric fieldset div:nth-child(4n+2),
    #footer .filter-section.filter-section-parametric fieldset div:nth-child(4n+2) {
        clear: both
    }
}

#clear-filters,
.filter-section-button {
    text-transform: uppercase
}

#clear-filters {
    clear: both;
    margin-bottom: 0;
    text-align: center
}

#clear-filters .close-after {
    padding-bottom: 10px;
    padding-top: 5px
}

#category-filter-hover,
.content .sidebar #category-filter-hover {
    display: none
}

#category-filter-hover.visible,
.content #category-filter-hover,
.content .sidebar #category-filter-hover.visible {
    display: block
}

#category-filter-hover .filter-section:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

.param-filter-top {
    text-align: left
}

.param-filter-top form,
.param-filter-top form fieldset {
    display: block
}

.advanced-filters-wrapper {
    display: flex;
    flex-wrap: wrap
}

.advanced-filters-wrapper>div {
    flex: 0 0 auto;
    padding-bottom: 20px;
    width: 25%
}

.advanced-filters-wrapper>div .advanced-parameter {
    margin: 0
}

.filter-label {
    align-items: center;
    display: flex;
    padding-bottom: 5px;
    padding-top: 5px
}

.filter-count {
    border-radius: 6px;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    margin-left: 1ex;
    padding: 1px .75em
}

.box.box-sm.box-filters {
    padding: 0
}

.variant-table .table-row {
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 8px;
    padding-top: 8px
}

.variant-table .table-row:last-child {
    border-bottom: none
}

@media (min-width: 768px) {
    .variant-table .table-row:first-child {
        padding-top: 0
    }
}

@media (min-width: 992px) {
    .variant-table .table-row {
        border-bottom: none
    }
}

.variant-table .table-row .table-col {
    padding-left: 5px;
    padding-right: 5px
}

.variant-table .table-row .table-col.variant-name-wrapper {
    align-items: center;
    display: flex;
    margin-bottom: 7px
}

@media (min-width: 992px) {
    .one-column-body .variant-table .table-row .table-col.variant-name-wrapper {
        margin-bottom: 0;
        width: calc(100% - 395px)
    }
}

@media (min-width: 1200px) {
    .multiple-columns-body .variant-table .table-row .table-col.variant-name-wrapper {
        margin-bottom: 0;
        width: calc(100% - 395px)
    }
}

.variant-table .table-row .table-col.cart {
    text-align: right
}

@media (min-width: 992px) {
    .variant-table .table-row .table-col.standard-price-wrap {
        width: 70px
    }

    .variant-table .table-row .table-col.price {
        width: 180px
    }

    .one-column-body .variant-table .table-row .table-col.standard-price-exist {
        width: calc(100% - 465px)
    }

    .one-column-body .variant-table .table-row .table-col.cart {
        width: 200px
    }
}

@media (min-width: 1200px) {
    .multiple-columns-body .variant-table .table-row .table-col.standard-price-exist {
        width: calc(100% - 465px)
    }

    .multiple-columns-body .variant-table .table-row .table-col.cart {
        width: 200px
    }
}

.variant-image {
    flex-shrink: 0;
    margin-right: 8px;
    position: relative;
    width: 59px
}

.variant-image>a {
    display: inline-block;
    max-width: 76px
}

.variant-image .flags {
    left: 0;
    position: absolute;
    top: 0
}

.variant-name {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 2px
}

.standard-price-wrap .price-standard {
    font-size: 16px;
    white-space: nowrap
}

@media (min-width: 992px) {
    .variant-price-wrap {
        text-align: right
    }
}

.variant-price-wrap .price-final {
    font-size: 20px;
    font-weight: 700
}

.variant-price-wrap .price-additional {
    font-size: 10px
}

.variant-price-wrap .quantity input {
    width: 32px
}

.variant-cart .btn-cart {
    font-size: 24px;
    padding: 0 0 0 5px;
    vertical-align: middle
}

@media (min-width: 768px) {
    .variant-cart .btn-cart {
        padding-left: 10px
    }
}

.eet-message {
    font-size: 80%;
    margin-bottom: 22px;
    margin-top: 0;
    padding-bottom: 11px;
    padding-top: 11px;
    text-align: left
}

.price-range {
    border-style: solid;
    border-width: 0;
    display: block;
    height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    max-width: 500px;
    width: 100%
}

.price-range>div {
    float: left;
    height: 100%
}

.price-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    width: 100%
}

.price-wrapper .price,
.price-wrapper .price-label {
    font-weight: 400
}

.price-wrapper .price-label.price-primary,
.price-wrapper .price.price-primary {
    font-weight: 700
}

.price-wrapper .price-label {
    flex: 1 1 55%;
    font-size: 16px;
    text-align: left
}

.price-wrapper .price {
    flex: 1 1 45%;
    font-size: 16px;
    padding-left: 10px;
    text-align: right
}

.price-wrapper .price.price-primary {
    font-size: 32px;
    line-height: 1;
    white-space: nowrap
}

.price-wrapper.simple .price,
.price-wrapper.simple .price-label {
    flex: 1 1 100%;
    text-align: right
}

.question-tooltip {
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 14px;
    height: 18px;
    line-height: 16px;
    text-align: center;
    vertical-align: baseline;
    width: 18px
}

@media (max-width: 991px) {
    .form-group-tooltip {
        font-size: 16px;
        height: 22px;
        line-height: 20px;
        width: 22px
    }
}

li.logout {
    list-style: none;
    margin-bottom: 11px;
    margin-top: 11px
}

@media (min-width: 1200px) {
    .client-table-heading {
        display: none
    }
}

.customer-page .table tr:not(:last-child) {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.customer-page .table thead {
    position: sticky;
    top: 0
}

.customer-page .table td,
.customer-page .table th {
    line-height: 1.4;
    padding: 10px;
    text-align: left
}

.customer-page .table td.cell--price,
.customer-page .table th.cell--price {
    text-align: right
}

@media (min-width: 1200px) {

    .customer-page .table td.cell--actions,
    .customer-page .table th.cell--actions {
        text-align: center
    }
}

@media (max-width: 1199px) {

    .customer-page .table td.cell--actions .btn.btn-plain,
    .customer-page .table th.cell--actions .btn.btn-plain {
        padding-left: 0
    }
}

.customer-page .table td.cell--price {
    white-space: nowrap
}

.customer-page .table .tracking-link {
    display: block;
    max-width: 17ch;
    overflow-wrap: break-word
}

@media (max-width: 1199px) {
    .customer-page .table .tracking-link {
        max-width: none;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.customer-page .table.customer-discussions ul {
    margin: 0
}

.customer-page .table .star,
.customer-page .table .star:before,
.customer-page .table .stars {
    position: static
}

@media (max-width: 1199px) {
    .customer-page .table-mobile-enriched {
        display: block;
        width: 100%
    }

    .customer-page .table-mobile-enriched tbody {
        display: block
    }

    .customer-page .table-mobile-enriched th,
    .customer-page .table-mobile-enriched thead {
        display: none
    }

    .customer-page .table-mobile-enriched tr {
        display: block;
        padding: 11px 0
    }

    .customer-page .table-mobile-enriched td {
        display: flex;
        gap: 0 11px;
        padding: 4px 0
    }

    .customer-page .table-mobile-enriched td:empty {
        display: none
    }

    .customer-page .table-mobile-enriched td.cell--price {
        text-align: left;
        white-space: wrap
    }

    .customer-page .table-mobile-enriched .client-table-heading {
        display: block;
        flex-shrink: 0;
        width: clamp(min(22ch, 45%), 40%, 200px)
    }

    .customer-page .table-mobile-enriched .client-table-heading:after {
        content: ":"
    }

    .customer-page .table-mobile-enriched.customer-discussions .client-table-heading,
    .customer-page .table-mobile-enriched.customer-ratings .client-table-heading {
        width: clamp(min(11ch, 30%), 23%, 135px)
    }

    .customer-page .table-mobile-enriched .cell--rating {
        display: grid;
        grid-template-columns: clamp(min(11ch, 30%), 23%, 135px) auto
    }

    .customer-page .table-mobile-enriched .cell--rating .product-rating-wrap {
        grid-column: 2/3
    }
}

.customer-page .table-shipping-addresses {
    min-width: -moz-max-content;
    min-width: max-content
}

.customer-page .table-shipping-addresses td:not(:last-child) {
    border-right-width: 0
}

@media (min-width: 1200px) {
    .customer-page .table-shipping-addresses td:not(:last-child) {
        border-right-style: solid;
        border-right-width: 1px
    }
}

.customer-page .default-shipping-address {
    color: #009c00
}

.customer-page .table-order-details .p-name__itemLink,
.customer-page .table-order-details .p-name__itemName {
    display: block;
    width: 100%
}

.customer-page .table-order-details .p-name__codeLabel {
    width: clamp(min(22ch, 45%), 40%, 200px)
}

@media (max-width: 1199px) {
    .customer-page .table-order-details .p-name {
        flex-wrap: wrap
    }
}

.customer-page .table-order-details .row-summary dl {
    display: grid;
    gap: 0 11px;
    grid-template-columns: clamp(min(22ch, 45%), 40%, 200px) auto;
    margin: 11px 0;
    width: 100%
}

.customer-page .table-order-details .row-summary dd {
    margin-left: 0
}

@media (min-width: 1200px) {
    .customer-page .table-order-details .row-summary dl {
        -moz-column-gap: 8%;
        column-gap: 8%;
        grid-template-columns: auto max-content;
        justify-items: end
    }
}

.social-login-buttons-divider {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 11px
}

.social-login-buttons-divider span {
    display: inline-block;
    flex-grow: 0;
    flex-shrink: 0;
    padding: 0 20px;
    width: auto
}

.social-login-buttons-divider:after,
.social-login-buttons-divider:before {
    content: "";
    display: inline-block;
    flex-grow: 1;
    height: 1px;
    overflow: hidden;
    width: auto
}

.reca-payment-wrap {
    text-align: left
}

.instagram-widget {
    display: flex;
    flex-wrap: wrap;
    max-width: 300px
}

.instagram-widget>a {
    display: block;
    flex-grow: 0;
    flex-shrink: 1;
    overflow: hidden;
    position: relative
}

.instagram-widget>a img {
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.instagram-widget.columns-1>a {
    padding-bottom: 100%;
    width: 100%
}

.instagram-widget.columns-2>a {
    padding-bottom: 50%;
    width: 50%
}

.instagram-widget.columns-3>a {
    padding-bottom: 33.333333%;
    width: 33.333333%
}

.instagram-widget.columns-4>a {
    padding-bottom: 25%;
    width: 25%
}

.instagram-follow-btn {
    flex-grow: 1;
    margin-top: 22px;
    text-align: center
}

.instagram-follow-btn>span {
    display: inline-block;
    padding-left: 30px;
    position: relative
}

.instagram-follow-btn>span:before {
    content: "\e909";
    font-size: 16px;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 24px
}

.empty-content-404 h2:after {
    content: "\e92f"
}

.empty-content-category h2:after {
    content: "\e935"
}

.empty-content {
    margin: 44px 0;
    text-align: center
}

.empty-content h2:after {
    display: block;
    font-size: 96px;
    line-height: 96px;
    margin: 44px 0
}

.empty-content p {
    font-size: 20px;
    margin-bottom: 44px
}

@media (max-width: 992px) {
    .p-switchable .related-sm-screen-show {
        display: block
    }

    .p-switchable .related-sm-screen-hide {
        display: none
    }

    .p-switchable.show-all-related .related-sm-screen-hide {
        display: block
    }
}

.browse-p {
    margin-bottom: 22px;
    margin-top: 22px;
    position: unset;
    text-align: center;
    z-index: 4
}

.browse-p .p-all {
    display: inline-block
}

.browse-p .p-all.inactive {
    display: none
}

.browse-p .p-next,
.browse-p .p-prev {
    background-color: rgba(0, 0, 0, .25);
    border-radius: 50%;
    color: #fff;
    display: none;
    height: 40px;
    position: relative;
    text-align: center;
    width: 40px
}

.browse-p .p-next:before,
.browse-p .p-prev:before {
    font-size: 18px;
    line-height: 40px
}

.browse-p .p-next:hover,
.browse-p .p-prev:hover {
    background-color: rgba(0, 0, 0, .35)
}

.browse-p .p-next.inactive,
.browse-p .p-prev.inactive {
    transition: none;
    visibility: hidden;
    z-index: -1
}

.browse-p .p-prev:before {
    content: "\e90f"
}

.browse-p .p-next:before {
    content: "\e910"
}

@media (min-width: 992px) {
    .browse-p {
        margin-bottom: 0;
        margin-top: 0
    }

    .browse-p .p-all {
        display: none
    }

    .browse-p .p-next,
    .browse-p .p-prev {
        display: block;
        position: absolute;
        top: calc(50% - 20px);
        z-index: 1
    }

    .browse-p .p-prev {
        left: 0
    }

    .browse-p .p-next {
        right: 0
    }
}

@media (min-width: 1200px) {

    .browse-p .p-next,
    .browse-p .p-prev {
        top: calc(50% - 20px)
    }
}

.radio-wrapper {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    container-type: inline-size;
    padding-left: 10px;
    padding-right: 10px
}

.radio-wrapper:last-child {
    border-bottom-style: none
}

.radio-wrapper input[type=radio]+label {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    justify-content: space-between;
    line-height: 1.5;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%
}

.radio-wrapper input[type=radio]+label:before {
    top: calc(.75em + 1px);
    transform: translateY(0)
}

.radio-wrapper input[type=radio]+label:after {
    top: calc(.75em + 3px);
    transform: translateY(0)
}

.radio-wrapper input[type=radio]+label .sublabel {
    display: block;
    font-size: smaller
}

.payment-info {
    flex: 1 1 auto;
    max-width: calc(100% - 10px - 7.2em)
}

.payment-info b {
    text-transform: none
}

.payment-info:has(.question-tooltip) b {
    padding-right: 10px
}

@container (width > 27em) {
    .payment-info {
        flex-basis: calc(100% - 100px - 7.2em)
    }
}

.payment-logo {
    flex: 0 0 100%;
    order: 1;
    text-align: left
}

.payment-logo img {
    max-height: 40px;
    max-width: 80px
}

@container (width > 27em) {
    .payment-logo {
        flex-basis: 80px;
        order: unset;
        text-align: right
    }
}

.payment-shipping-price {
    flex: 1 0 7.2em;
    text-align: right
}

.not-possible-info {
    display: none
}

.inactive .not-possible-info {
    display: inherit
}

#payu_ .table-payu {
    background: none !important;
    border: 0 !important;
    margin: 0 !important;
    max-width: 100%;
    padding: 0 !important;
    width: 100% !important
}

#payu_ input[type=radio] {
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
    display: inline;
    visibility: hidden
}

.cart-toggle-unselected-options {
    cursor: pointer;
    padding: 13px;
    text-decoration: underline
}

.cart-toggle-unselected-options:after {
    content: "\e90e";
    margin-left: .5em
}

.cart-toggle-unselected-options:hover {
    text-decoration: none
}

.cart-hide-unselected-options .radio-wrapper {
    max-height: 500px;
    overflow: hidden;
    transition: all .2s ease
}

.cart-hide-unselected-options .radio-wrapper.unselected-option {
    border-bottom-width: 0;
    border-top-width: 0;
    max-height: 0;
    padding-bottom: 0;
    padding-top: 0
}

.category-title {
    text-align: left
}

.category-perex,
.category__secondDescription {
    margin-bottom: 22px;
    text-align: left
}

.category-perex h2,
.category__secondDescription h2 {
    margin-top: 0
}

.sidebar .category-perex {
    text-align: left
}

.category-perex.empty-content {
    text-align: center
}

.manufacturerDetail {
    margin-bottom: 40px
}

.cart-table {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-collapse: collapse;
    border-top-style: none;
    border-top-width: 1px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: left;
    width: 100%
}

.cart-table tr>td {
    border-right-style: solid;
    border-right-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 22px 5px
}

.cart-table tr>td.p-total {
    border-right-style: none;
    text-align: right;
    white-space: nowrap
}

.cart-table tr.related {
    display: none
}

.cart-table tr.related>td {
    border-right-style: none
}

.cart-table tr.related.visible {
    display: table-row
}

@media (max-width: 767px) {
    .cart-table tr.related.visible {
        display: block
    }

    .cart-table tr.related.visible td {
        display: block;
        width: 100%
    }
}

.cart-table tr:first-child>td {
    border-top-style: none
}

.cart-table .cart-p-image {
    width: 86px
}

.cart-table .cart-p-image img {
    max-width: none;
    width: 76px
}

.cart-table .p-name {
    padding-left: 10px
}

.cart-table .p-discount,
.cart-table .p-price,
.cart-table .p-quantity {
    white-space: nowrap
}

.cart-table .p-quantity {
    text-align: center
}

.cart-table .p-quantity .quantity {
    font-size: 16px
}

.cart-table .p-quantity .quantity input {
    width: 32px
}

.cart-table .p-availability,
.cart-table .p-discount,
.cart-table .p-price {
    text-align: center
}

.cart-table .main-link {
    font-size: 16px;
    font-weight: 400;
    text-transform: none
}

.cart-table .p-price {
    min-width: 70px
}

.cart-table .p-price .p-label {
    margin-bottom: 5px
}

.cart-table .price-additional,
.cart-table .price-final,
.cart-table .price-save,
.cart-table .unit-value {
    display: inline-block;
    font-size: 16px;
    vertical-align: middle
}

@media (max-width: 991px) {

    .cart-table,
    .cart-table tbody {
        display: block
    }

    .cart-table tr {
        align-items: stretch;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        padding-right: 10px
    }

    .cart-table tr>td {
        border-style: none;
        flex-grow: 1;
        flex-shrink: 0;
        margin: 0;
        padding: 0 0 5px;
        width: 50%
    }

    .cart-table tr>td.cart-p-image,
    .cart-table tr>td.p-total {
        padding-bottom: 0
    }

    .cart-table tr>td.cart-p-image {
        flex: 0 0 76px;
        margin-bottom: 10px
    }

    .cart-table tr>td.p-name {
        align-self: center;
        flex: 1 1 calc(100% - 76px);
        padding-left: 5px
    }

    .cart-table tr>td:nth-child(odd) {
        text-align: left
    }

    .cart-table tr>td:nth-child(2n),
    .cart-table tr>td:nth-child(odd).p-total {
        text-align: right
    }

    .cart-table tr>td:nth-child(2n).p-name {
        text-align: left
    }

    .related .cart-table tr>td {
        width: 100%
    }

    .cart-table tr:last-child {
        border-bottom-style: none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.main-link-surcharges,
.main-link-variant,
.show-related {
    display: block;
    font-size: smaller;
    line-height: 1.2
}

@media (max-width: 480px) {

    .main-link-surcharges,
    .main-link-variant,
    .show-related {
        font-size: 14px
    }
}

.main-link-surcharges {
    text-transform: none
}

.main-link-surcharges,
.main-link-variant {
    font-weight: 400;
    margin-top: 4px
}

.show-related {
    padding-top: 1ex
}

.show-related:after {
    content: "\e90e";
    font-size: 10px;
    padding-left: 1ex
}

.related-visible .show-related:after {
    content: "\e911"
}

tr.related-visible>td {
    border-bottom-color: transparent !important
}

.cart-related-product {
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.cart-related-product:last-child {
    border-bottom-style: none
}

@media (min-width: 992px) {
    .cart-related-product {
        max-width: 991px
    }
}

.cart-related-button,
.cart-related-info {
    flex-grow: 1;
    flex-shrink: 1;
    padding-bottom: 10px;
    text-align: left;
    width: 100%
}

@media (min-width: 768px) {

    .cart-related-button,
    .cart-related-info {
        padding-top: 10px
    }
}

.cart-related-info {
    padding-top: 10px
}

@media (min-width: 768px) {
    .cart-related-info {
        align-items: center;
        display: flex;
        padding-right: 10px;
        text-align: left;
        width: 80%
    }
}

.cart-related-button .price-final {
    display: block;
    margin-bottom: 11px
}

@media (min-width: 768px) {
    .cart-related-button {
        text-align: right;
        width: 20%
    }
}

.cart-related-img {
    display: block;
    margin-bottom: 11px;
    max-width: 76px
}

@media (min-width: 768px) {
    .cart-related-img {
        display: inline;
        flex: 0 0 auto;
        margin-bottom: 0
    }
}

.cart-related-name {
    text-transform: uppercase
}

@media (min-width: 768px) {
    .cart-related-name {
        flex: 1 1 auto;
        padding-left: 10px
    }
}

.cart-related-availability {
    display: block
}

@media (min-width: 768px) {
    .cart-related-availability {
        flex: 0 0 30%;
        padding-left: 10px;
        padding-right: 10px;
        text-align: right
    }
}

.p-label {
    display: block
}

.quantity-form .p-label {
    display: none
}

@media (min-width: 768px) {
    .p-label {
        display: none
    }
}

button::-moz-focus-inner {
    margin: 0;
    padding: 0
}

.remove-item,
.remove-item-placeholder {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    line-height: 10px;
    margin: 0;
    padding: 10px;
    position: relative;
    text-align: right;
    vertical-align: middle
}

.remove-item-placeholder:before,
.remove-item:before {
    content: "\e912";
    font-size: 10px
}

.remove-item-placeholder {
    display: none;
    opacity: 0
}

@media (min-width: 992px) {
    .remove-item-placeholder {
        display: inline
    }

    tr.removeable .remove-item {
        opacity: 0
    }

    tr.removeable .remove-item:focus,
    tr.removeable:hover .remove-item {
        opacity: 1
    }
}

.cart-xyDiscount__banner {
    align-items: center;
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    display: flex;
    font-size: 14px;
    gap: 12px;
    line-height: 20px;
    margin-bottom: 3px;
    margin-right: 5px;
    margin-top: 12px;
    padding: 12px;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 991px) {
    .cart-xyDiscount__banner {
        margin-right: 0
    }
}

.cart-xyDiscount__icon {
    align-self: flex-start;
    border-radius: 50%;
    display: flex;
    padding: 4px
}

.cart-xyDiscount__icon:before {
    font-size: 16px;
    line-height: 1
}

.cart-xyDiscount__content {
    display: flex;
    flex-direction: column;
    gap: 4px 12px
}

@media (min-width: 992px) {
    .cart-xyDiscount__content {
        align-items: baseline;
        flex-direction: row;
        flex-wrap: wrap
    }
}

.cart-xyDiscount__title {
    flex-basis: 100%;
    font-weight: 700
}

@media (min-width: 992px) {
    .cart-xyDiscount__title .show-tooltip.acronym {
        border-bottom-width: 0;
        pointer-events: none
    }
}

@media (min-width: 1440px) {
    .cart-xyDiscount__title {
        flex-basis: auto
    }
}

.cart-xyDiscount__description {
    display: none
}

@media (min-width: 992px) {
    .cart-xyDiscount__description {
        display: block;
        line-height: 1.3
    }
}

.cart-xyDiscount__conditions a {
    text-decoration: underline;
    text-underline-offset: 2px
}

.cart-xyDiscount__conditions a:hover {
    text-decoration: none
}

.loader-overlay,
.overlay.visible {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.overlay.visible {
    position: fixed;
    z-index: 1002
}

.loader-overlay {
    position: absolute;
    z-index: 0
}

body.msg-visible .overlay,
body.spinner-visible .overlay,
body.user-action-visible .overlay {
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    transition: opacity .3s ease-out
}

body.msg-visible .overlay.invisible,
body.spinner-visible .overlay.invisible,
body.user-action-visible .overlay.invisible {
    opacity: 0
}

body.msg-visible .overlay,
body.user-action-visible .overlay {
    z-index: 0
}

body.spinner-visible .overlay {
    z-index: 1002
}

.datepicker.birthdate {
    position: relative
}

.ui-datepicker {
    background-color: #fff;
    border: 2px solid #cfcfcf;
    border-radius: 0;
    color: #1a1937;
    font-size: 16px;
    line-height: 1.384615;
    padding: 6px 12px;
    width: 24em;
    z-index: 10000 !important
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2em
}

.ui-datepicker .ui-datepicker-title select {
    cursor: pointer
}

.ui-datepicker .ui-corner-all .ui-icon {
    display: none
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
    cursor: pointer;
    display: table;
    font-size: 16px;
    height: 36px;
    line-height: 1.384615;
    text-align: center;
    top: 6px
}

.ui-datepicker .ui-datepicker-next-hover:after,
.ui-datepicker .ui-datepicker-next:after,
.ui-datepicker .ui-datepicker-prev-hover:after,
.ui-datepicker .ui-datepicker-prev:after {
    color: #1a1937;
    display: table-cell;
    position: relative;
    vertical-align: middle
}

.ui-datepicker .ui-datepicker-next:after {
    content: "\25B7"
}

.ui-datepicker .ui-datepicker-prev:after {
    content: "\25C1"
}

.ui-datepicker td a,
.ui-datepicker th a {
    padding: 5px;
    text-align: center
}

.ui-datepicker td a.ui-state-highlight,
.ui-datepicker th a.ui-state-highlight {
    background: #f7f7f7
}

.ui-datepicker td a.ui-state-active,
.ui-datepicker th a.ui-state-active {
    background: #f7f7f7;
    font-weight: 700
}

.free-gifts,
.free-product-gifts {
    padding: 0
}

.free-gifts li,
.free-product-gifts li {
    list-style: none;
    margin: 0;
    padding: 0
}

.free-gifts li label,
.free-product-gifts li label {
    align-items: center;
    display: flex;
    transition: background-color .3s ease-out
}

.free-gifts li label img,
.free-product-gifts li label img {
    flex: 0 0 40px
}

.free-gifts li.active,
.free-product-gifts li.active {
    display: block
}

#colorbox .free-gifts,
#colorbox .free-product-gifts,
.free-gifts li:last-child,
.free-product-gifts li:last-child {
    margin: 0
}

#colorbox .free-gifts li,
#colorbox .free-product-gifts li {
    display: block;
    margin-bottom: 6px
}

#colorbox .free-gifts li.active,
#colorbox .free-product-gifts li.active {
    font-weight: 700
}

.free-gifts li {
    display: none
}

.free-product-gifts {
    padding-top: 11px
}

.free-product-gifts li {
    margin-bottom: 11px
}

.free-gift-label {
    flex: 1 1 auto;
    line-height: 1;
    padding-left: 20px
}

.free-gift-label span {
    display: block
}

.free-gift-label span span {
    display: initial
}

.free-gift-label .free-gift-amount {
    display: inline
}

.free-gift-amount {
    display: inline;
    text-transform: lowercase
}

.free-gifts-img {
    position: relative
}

.free-gifts-img img {
    max-width: unset
}

.free-gifts-img>img {
    width: 59px
}

.free-gifts-img .free-gifts-img-hover {
    display: none;
    left: 0;
    margin-top: -135px;
    position: absolute;
    top: 50%;
    z-index: 5
}

.free-gifts-img .free-gifts-img-hover img {
    border-style: solid;
    border-width: 1px
}

.free-gifts-img:hover .free-gifts-img-hover {
    display: block
}

#colorbox .free-gifts-img:hover .free-gifts-img-hover {
    display: none
}

#colorbox .free-gifts-img>img {
    width: 76px
}

.free-gifts-heading {
    display: none
}

#colorbox .free-gifts-heading {
    display: block
}

.free-product-gifts-wrapper {
    flex-basis: 100%;
    flex-shrink: 0
}

.free-product-gifts-wrapper .free-product-gifts {
    padding-top: 0
}

.btn,
a.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    padding: 10px 26px;
    text-align: center;
    text-transform: uppercase;
    transition: all .3s ease-out;
    white-space: normal
}

.btn,
.btn:hover,
a.btn,
a.btn:hover {
    text-decoration: none
}

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

.btn.btn-secondary,
a.btn.btn-secondary {
    border-style: solid
}

.btn.btn-xs,
a.btn.btn-xs {
    font-size: 14px;
    line-height: 30px;
    padding: 10px
}

.btn.btn-sm,
a.btn.btn-sm {
    line-height: 20px;
    padding: 2px 10px
}

.btn.btn-lg,
a.btn.btn-lg {
    line-height: 50px
}

.btn.btn-icon,
a.btn.btn-icon {
    border: 0;
    font-size: 20px;
    font-weight: 400;
    padding: 15px 0
}

.btn.btn-arrow-down:after,
.btn.btn-arrow-down:before,
.btn.btn-arrow-left:after,
.btn.btn-arrow-left:before,
.btn.btn-arrow-right:after,
.btn.btn-arrow-right:before,
.btn.btn-arrow-up:after,
.btn.btn-arrow-up:before,
.btn.btn-cofidis:after,
.btn.btn-cofidis:before,
.btn.btn-login:after,
.btn.btn-login:before,
a.btn.btn-arrow-down:after,
a.btn.btn-arrow-down:before,
a.btn.btn-arrow-left:after,
a.btn.btn-arrow-left:before,
a.btn.btn-arrow-right:after,
a.btn.btn-arrow-right:before,
a.btn.btn-arrow-up:after,
a.btn.btn-arrow-up:before,
a.btn.btn-cofidis:after,
a.btn.btn-cofidis:before,
a.btn.btn-login:after,
a.btn.btn-login:before {
    font-size: 30px;
    text-align: center
}

.btn.btn-arrow-down.btn-text:before,
.btn.btn-arrow-left.btn-text:before,
.btn.btn-arrow-right.btn-text:before,
.btn.btn-arrow-up.btn-text:before,
.btn.btn-cofidis.btn-text:before,
.btn.btn-login.btn-text:before,
a.btn.btn-arrow-down.btn-text:before,
a.btn.btn-arrow-left.btn-text:before,
a.btn.btn-arrow-right.btn-text:before,
a.btn.btn-arrow-up.btn-text:before,
a.btn.btn-cofidis.btn-text:before,
a.btn.btn-login.btn-text:before {
    margin-right: 1ex
}

.btn.btn-arrow-down.btn-text.btn-after:after,
.btn.btn-arrow-left.btn-text.btn-after:after,
.btn.btn-arrow-right.btn-text.btn-after:after,
.btn.btn-arrow-up.btn-text.btn-after:after,
.btn.btn-cofidis.btn-text.btn-after:after,
.btn.btn-login.btn-text.btn-after:after,
a.btn.btn-arrow-down.btn-text.btn-after:after,
a.btn.btn-arrow-left.btn-text.btn-after:after,
a.btn.btn-arrow-right.btn-text.btn-after:after,
a.btn.btn-arrow-up.btn-text.btn-after:after,
a.btn.btn-cofidis.btn-text.btn-after:after,
a.btn.btn-login.btn-text.btn-after:after {
    margin-left: 1ex
}

.btn.btn-login:before,
a.btn.btn-login:before {
    content: "\e930"
}

.btn.btn-login.btn-after:before,
a.btn.btn-login.btn-after:before {
    content: ""
}

.btn.btn-login.btn-after:after,
a.btn.btn-login.btn-after:after {
    content: "\e930"
}

.btn.btn-cofidis:before,
a.btn.btn-cofidis:before {
    content: "\e929"
}

.btn.btn-cofidis.btn-after:before,
a.btn.btn-cofidis.btn-after:before {
    content: ""
}

.btn.btn-cofidis.btn-after:after,
a.btn.btn-cofidis.btn-after:after {
    content: "\e929"
}

.btn.btn-arrow-left:before,
a.btn.btn-arrow-left:before {
    content: "\e90b"
}

.btn.btn-arrow-left.btn-after:before,
a.btn.btn-arrow-left.btn-after:before {
    content: ""
}

.btn.btn-arrow-left.btn-after:after,
a.btn.btn-arrow-left.btn-after:after {
    content: "\e90b"
}

.btn.btn-arrow-right:before,
a.btn.btn-arrow-right:before {
    content: "\e90c"
}

.btn.btn-arrow-right.btn-after:before,
a.btn.btn-arrow-right.btn-after:before {
    content: ""
}

.btn.btn-arrow-right.btn-after:after,
a.btn.btn-arrow-right.btn-after:after {
    content: "\e90c"
}

.btn.btn-arrow-down:before,
a.btn.btn-arrow-down:before {
    content: "\e90a"
}

.btn.btn-arrow-down.btn-after:before,
a.btn.btn-arrow-down.btn-after:before {
    content: ""
}

.btn.btn-arrow-down.btn-after:after,
a.btn.btn-arrow-down.btn-after:after {
    content: "\e90a"
}

.btn.btn-arrow-up:before,
a.btn.btn-arrow-up:before {
    content: "\e90d"
}

.btn.btn-arrow-up.btn-after:before,
a.btn.btn-arrow-up.btn-after:before {
    content: ""
}

.btn.btn-arrow-up.btn-after:after,
a.btn.btn-arrow-up.btn-after:after {
    content: "\e90d"
}

a.login-btn {
    display: block;
    padding-left: 66px;
    position: relative;
    text-decoration: none
}

a.login-btn.facebook,
a.login-btn.google,
a.login-btn.seznam {
    border-radius: 3px;
    border-style: solid;
    border-width: 1px
}

a.login-btn.facebook span,
a.login-btn.facebook strong,
a.login-btn.google span,
a.login-btn.google strong,
a.login-btn.seznam span,
a.login-btn.seznam strong {
    display: block;
    text-align: center
}

a.login-btn.facebook strong,
a.login-btn.google strong,
a.login-btn.seznam strong {
    line-height: 20px;
    padding: 13px 4px
}

a.login-btn.facebook .login-facebook-icon,
a.login-btn.facebook .login-google-icon,
a.login-btn.facebook .login-seznam-icon,
a.login-btn.google .login-facebook-icon,
a.login-btn.google .login-google-icon,
a.login-btn.google .login-seznam-icon,
a.login-btn.seznam .login-facebook-icon,
a.login-btn.seznam .login-google-icon,
a.login-btn.seznam .login-seznam-icon {
    font-size: 28px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 66px
}

a.login-btn.google .login-google-icon {
    background: url('data:image/svg+xml;utf8,<svg viewBox="0 0 26 26" width="26" height="26" xmlns="http://www.w3.org/2000/svg"><g transform="matrix%281, 0, 0, 1, 27.009001, -39.238998%29"><path fill="%234285F4" d="M -3.264 51.509 C -3.264 50.719 -3.334 49.969 -3.454 49.239 L -14.754 49.239 L -14.754 53.749 L -8.284 53.749 C -8.574 55.229 -9.424 56.479 -10.684 57.329 L -10.684 60.329 L -6.824 60.329 C -4.564 58.239 -3.264 55.159 -3.264 51.509 Z"/><path fill="%2334A853" d="M -14.754 63.239 C -11.514 63.239 -8.804 62.159 -6.824 60.329 L -10.684 57.329 C -11.764 58.049 -13.134 58.489 -14.754 58.489 C -17.884 58.489 -20.534 56.379 -21.484 53.529 L -25.464 53.529 L -25.464 56.619 C -23.494 60.539 -19.444 63.239 -14.754 63.239 Z"/><path fill="%23FBBC05" d="M -21.484 53.529 C -21.734 52.809 -21.864 52.039 -21.864 51.239 C -21.864 50.439 -21.724 49.669 -21.484 48.949 L -21.484 45.859 L -25.464 45.859 C -26.284 47.479 -26.754 49.299 -26.754 51.239 C -26.754 53.179 -26.284 54.999 -25.464 56.619 L -21.484 53.529 Z"/><path fill="%23EA4335" d="M -14.754 43.989 C -12.984 43.989 -11.404 44.599 -10.154 45.789 L -6.734 42.369 C -8.804 40.429 -11.514 39.239 -14.754 39.239 C -19.444 39.239 -23.494 41.939 -25.464 45.859 L -21.484 48.949 C -20.534 46.099 -17.884 43.989 -14.754 43.989 Z"/></g></svg>') no-repeat 50%;
    background-size: 26px 26px
}

a.login-btn.facebook .login-facebook-icon {
    background: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><defs><style>.cls-1{fill:%23fff;}</style></defs><title>flogo-HexRBG-Wht-512</title><path class="cls-1" d="M483.74,0H28.26A28.26,28.26,0,0,0,0,28.26V483.74A28.26,28.26,0,0,0,28.26,512H273.5V314H207V236.5h66.5v-57c0-66.13,40.39-102.14,99.38-102.14,28.25,0,52.54,2.11,59.62,3V149.5l-40.81,0c-32,0-38.19,15.24-38.19,37.62V236.5h76.74l-10,77.5H353.5V512H483.74A28.26,28.26,0,0,0,512,483.74V28.26A28.26,28.26,0,0,0,483.74,0Z"/></svg>') no-repeat 50%;
    background-size: 28px 28px
}

a.login-btn.seznam .login-seznam-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none' viewBox='0 0 28 30'%3E%3Cpath fill='%23fff' d='M.406 30c5.403 0 27.429-2.575 27.429-9.47 0-4.2-5.627-6.203-7.938-6.874-4.405-1.278-7.979-2.596-7.979-3.752s2.504-1.397 5.191-1.992c3.58-.791 5.085-1.228 5.085-3.131 0-1.24-.952-2.753-1.437-3.405C19.912.24 19.778 0 19.502 0c-.596 0-.125.773-6.859 1.908-4.266.72-9.943 2.64-9.943 6.53s5.077 5.695 10.16 7.534c5.238 1.896 9.618 2.589 9.618 5.613 0 4.823-20.7 7.868-22.041 8.09-.628.105-.525.325-.031.325'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: 22px 23px
}

#footer a.login-btn:hover {
    text-decoration: none
}

input[type=submit].btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.next-step-back,
a.next-step-back {
    text-transform: none
}

.image360:after,
.show360image:after {
    background-color: hsla(0, 0%, 100%, .45);
    border-radius: 100%;
    color: #777;
    content: "\e93e";
    font-size: 60px;
    height: 80px;
    left: 50%;
    line-height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 80px;
    z-index: 1
}

.image360 {
    background: #fff;
    cursor: pointer;
    max-width: 100%;
    position: relative;
    text-align: center
}

.image360.image360-loaded:after,
.image360:hover:after {
    background-color: hsla(0, 0%, 100%, 0);
    content: "";
    z-index: -1
}

.image360-fullscreen-on .image360.image360-fullscreen-target {
    background: #fff;
    bottom: 0;
    height: 100%;
    left: 0;
    margin: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 100000
}

.image360-holder {
    align-items: center;
    cursor: grab;
    display: flex;
    height: 100%;
    margin: 0 auto;
    position: relative
}

.image360-holder img {
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    min-width: 1px;
    -o-object-fit: contain;
    object-fit: contain
}

.image360-navigation {
    bottom: 0;
    font-size: 0;
    height: 24px;
    left: 0;
    opacity: .6;
    position: absolute;
    right: 0;
    transition: opacity .3s ease-out
}

.image360-navigation span {
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    padding: 0 3px
}

.image360-navigation:hover {
    opacity: 1
}

.image360-fullscreen-on .image360-navigation {
    bottom: 10px
}

.show360image {
    cursor: pointer;
    position: relative
}

body.image360-fullscreen-on {
    overflow: hidden
}

.country-flags {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 48px;
    position: relative
}

.country-flags-inner {
    border-style: solid;
    border-width: 1px;
    position: relative
}

.country-flags.active .country-flags-inner {
    height: 360px;
    left: -5px;
    overflow: auto;
    padding: 48px 5px 5px;
    position: absolute;
    top: -1px;
    width: 300px;
    z-index: 10
}

.country-flags.active.turned .country-flags-inner {
    bottom: 0;
    top: auto
}

.country-flag {
    align-items: center;
    display: none;
    height: 48px
}

.country-flag.selected,
.country-flags.active .country-flag {
    display: flex;
    margin-left: -5px;
    padding-left: 5px;
    padding-right: 5px;
    transition: all .3s ease-out
}

.country-flags.active .country-flag.selected {
    display: flex;
    left: 5px;
    position: absolute;
    right: 5px;
    top: 0
}

.country-flags.active .country-flag.country-flag-preferred-last,
.country-flags.active .country-flag.selected {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.shp-flag-name {
    display: none;
    padding-right: 5px
}

.country-flags.active .shp-flag-name {
    display: inline-block
}

.shp-flag,
.shp-flag-label {
    flex-grow: 0;
    flex-shrink: 0
}

.shp-flag {
    height: 24px;
    width: 24px
}

.shp-flag-label {
    display: flex;
    font-size: 14px;
    justify-self: flex-end;
    line-height: 18px;
    padding-left: 16px;
    padding-right: 3px;
    position: relative;
    text-align: right;
    width: calc(100% - 24px)
}

.shp-flag-label:before {
    border-style: solid;
    border-width: 6px;
    content: "";
    height: 0;
    left: 3px;
    margin-top: -3px;
    position: absolute;
    top: 50%;
    width: 0
}

.country-flags.active .shp-flag-label {
    text-align: left;
    width: calc(100% - 24px)
}

.country-flags.active .shp-flag-label:before {
    display: none
}

.phone-combined-input {
    align-items: center;
    display: flex;
    flex-wrap: nowrap
}

.phone-combined-input select {
    display: none
}

.phone-combined-input .country-flags,
.phone-combined-input input {
    flex-grow: 0
}

.phone-combined-input input {
    width: 100%
}

@media (min-width: 480px) {
    .phone-combined-input {
        max-width: 260px
    }
}

.search-results-groups .search-results-group {
    margin-bottom: 22px
}

.search-results-groups h4 {
    margin: 0 0 11px
}

.search-results-groups ul {
    -moz-column-count: 3;
    -moz-column-width: 240px;
    columns: 240px 3;
    margin: 0 0 11px;
    padding-left: 40px
}

.search-results-groups ul li {
    list-style-position: outside
}

.search-products-heading {
    margin-top: 0
}

.menu-helper {
    align-items: center;
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    font-weight: 700;
    height: 68px;
    position: absolute;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: -1
}

.menu-helper,
.menu-helper>span {
    font-size: 18px;
    line-height: 18px;
    text-transform: none
}

.menu-helper>span {
    border-style: none;
    border-width: 0;
    padding: 25px 10px;
    position: relative
}

.menu-helper:after {
    content: "\e90e";
    text-align: center;
    transition: transform .3s ease-out
}

.menu-helper-visible .menu-helper:after {
    content: "\e911";
    transform: rotate(180deg)
}

.menu-helper>ul {
    border-style: solid;
    border-width: 1px;
    display: none;
    max-height: 340px;
    overflow: auto;
    position: absolute;
    right: 0;
    text-align: right;
    text-transform: none;
    top: calc(50% + 34px);
    width: 280px;
    z-index: 1
}

.menu-helper-visible .menu-helper>ul {
    display: block
}

.menu-helper>ul>li {
    border-top-style: none;
    border-top-width: 0
}

.menu-helper>ul>li.splitted {
    display: none
}

.menu-helper>ul>li.splitted+li {
    border-top-style: none
}

.menu-helper>ul>li a b {
    font-weight: 400
}

.menu-helper>ul>li a.menu-image {
    display: none
}

.menu-helper>ul>li>a {
    padding: 1.5rem 20px
}

.menu-helper .menu-level-2 a {
    font-weight: 400;
    padding: .75rem 40px
}

.menu-helper .has-third-level ul {
    display: none
}

.menu-helper.visible {
    visibility: visible;
    z-index: 1
}

@media (min-width: 768px) {
    .menu-helper {
        display: flex
    }
}

@media (min-width: 992px) and (min-height:600px) {
    .menu-helper>ul {
        max-height: 480px
    }
}

@media (min-width: 992px) and (min-height:800px) {
    .menu-helper>ul {
        max-height: 680px
    }
}

.widget-parameter-wrapper {
    display: flex;
    margin: 22px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.widget-parameter-wrapper .widget-parameter-list {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0
}

.widget-parameter-wrapper .widget-parameter-more,
.widget-parameter-wrapper .widget-parameter-value {
    flex-shrink: 0
}

.widget-parameter-wrapper .widget-parameter-more a,
.widget-parameter-wrapper .widget-parameter-more span,
.widget-parameter-wrapper .widget-parameter-value a,
.widget-parameter-wrapper .widget-parameter-value span {
    padding: 0 10px
}

.widget-parameter-wrapper .widget-parameter-value:first-child a {
    padding-left: 0
}

.widget-parameter-wrapper .widget-parameter-more {
    visibility: hidden
}

.widget-parameter-wrapper .widget-parameter-more.visible {
    visibility: visible
}

.blog-wrapper {
    padding: 22px 0
}

@media (min-width: 768px) {
    .blog-wrapper {
        align-items: flex-start;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: stretch
    }
}

.blog-wrapper .homepage-group-title {
    flex: 0 0 100%;
    padding-left: 20px;
    padding-right: 20px
}

.blog-wrapper .news-item {
    display: block;
    flex-basis: 100%;
    margin-bottom: 22px;
    padding: 20px 0;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    .blog-wrapper .news-item {
        flex-basis: 50%;
        margin-bottom: 0;
        padding: 20px;
        width: 50%
    }

    .multiple-columns-body .blog-wrapper .news-item {
        flex-basis: 100%;
        width: 100%
    }

    .multiple-columns-body.mobile .blog-wrapper .news-item {
        flex-basis: 50%;
        width: 50%
    }
}

@media (min-width: 1200px) {

    .blog-wrapper .news-item,
    .multiple-columns-body .blog-wrapper .news-item,
    .multiple-columns-body.mobile .blog-wrapper .news-item {
        flex-basis: 50%;
        width: 50%
    }
}

.blog-wrapper .news-item .image,
.blog-wrapper .news-item .image img {
    width: 100%
}

.blog-wrapper .news-item .title {
    margin-top: 22px
}

.blog-wrapper .news-item .description {
    color: #1a1937;
    margin: 11px 0 0
}

.blog-wrapper .news-item .read-article {
    display: none
}

.preauthorization-box {
    align-items: center;
    background-color: var(--color-secondary);
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 11px
}

.preauthorization-box__description,
.preauthorization-box__price,
.preauthorization-box__title {
    color: #fff
}

.preauthorization-box__price {
    font-size: 32px
}

.preauthorization-box__description {
    grid-column: span 2/span 2
}

.express-checkout {
    --express-checkout-max-width: 550px;
    --express-checkout-width: 100%;
    --express-checkout-max-height: 90vh;
    --express-checkout-height: auto;
    --express-checkout-color-black: #000;
    --express-checkout-color-white: #fff;
    --express-checkout-color-gray: #6f6f6f;
    --express-checkout-color-gray-light: #cfcfcf;
    --express-checkout-color-green: #2a861d;
    --express-checkout-color-red: #e60000;
    --express-checkout-spacing-xs: 4px;
    --express-checkout-spacing-sm: 8px;
    --express-checkout-spacing-md: 12px;
    --express-checkout-spacing-base: 16px;
    --express-checkout-spacing-lg: 24px;
    --express-checkout-spacing-xl: 32px;
    --express-checkout-spacing-xxl: 48px
}

.express-checkout .price-font-phone {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    white-space: nowrap
}

.express-checkout .price-font {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    white-space: nowrap
}

.express-checkout .info {
    align-items: center;
    border-top: 1px solid var(--express-checkout-color-gray-light);
    cursor: pointer;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    margin-top: var(--express-checkout-spacing-sm);
    padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md)
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

#colorbox.express-checkout {
    bottom: 0 !important;
    box-sizing: border-box;
    height: var(--express-checkout-height) !important;
    left: 50% !important;
    max-height: var(--express-checkout-max-height) !important;
    max-width: var(--express-checkout-max-width) !important;
    overflow-y: auto;
    position: fixed !important;
    top: unset !important;
    transform: translateX(-50%) !important;
    width: var(--express-checkout-width) !important
}

#colorbox.express-checkout #cboxWrapper {
    border-radius: 16px 16px 0 0;
    position: static !important
}

#colorbox.express-checkout #cboxContent {
    border: none;
    box-sizing: border-box;
    clear: none;
    float: none !important;
    height: var(--express-checkout-height) !important;
    margin: 0;
    width: var(--express-checkout-width) !important
}

#colorbox.express-checkout #cboxLoadedContent {
    box-sizing: border-box;
    padding: 0
}

#colorbox.express-checkout #cboxClose,
#colorbox.express-checkout #cboxContent,
#colorbox.express-checkout #cboxLoadedContent,
#colorbox.express-checkout #cboxLoadingOverlay {
    border-radius: 0
}

#colorbox.express-checkout #cboxMiddleLeft,
#colorbox.express-checkout #cboxMiddleRight {
    display: none !important
}

#colorbox.express-checkout #cboxLoadingGraphic {
    left: 50% !important;
    position: fixed !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important
}

#colorbox.express-checkout #cboxClose {
    color: var(--express-checkout-color-gray) !important;
    margin: var(--express-checkout-spacing-md) var(--express-checkout-spacing-md) 0 0
}

@media (min-width: 480px) {
    #colorbox.express-checkout {
        bottom: unset !important;
        left: 50% !important;
        top: 50% !important;
        transform: translate(-50%, -50%) !important
    }

    #colorbox.express-checkout #cboxWrapper {
        border-radius: 0
    }
}

#cboxOverlay.express-checkout {
    background-color: #000 !important
}

.express-checkout__header {
    align-items: center;
    box-shadow: 0 2px 4px 0 #dcdcdc;
    display: flex;
    height: 100%;
    min-height: 64px;
    padding: var(--express-checkout-spacing-md);
    position: relative
}

@media (min-width: 480px) {
    .express-checkout__header {
        box-shadow: none;
        justify-content: center
    }
}

.express-checkout__header-back-button.btn {
    align-items: center;
    color: var(--express-checkout-color-gray) !important;
    display: flex;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.express-checkout__header-back-button .icon-chevron-left {
    pointer-events: none
}

@media (min-width: 480px) {
    .express-checkout__header-back-button {
        left: var(--express-checkout-spacing-md);
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

.express-checkout__header-title {
    margin: 0 0 0 var(--express-checkout-spacing-sm)
}

@media (min-width: 480px) {
    .express-checkout__header-title {
        margin: 0 var(--express-checkout-spacing-xxl);
        text-align: center
    }
}

.express-checkout__body {
    padding: var(--express-checkout-spacing-lg) var(--express-checkout-spacing-md)
}

@media (min-width: 480px) {
    .express-checkout__body {
        padding: var(--express-checkout-spacing-lg)
    }
}

.express-checkout__product {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    justify-content: space-between;
    margin-top: var(--express-checkout-spacing-sm)
}

.express-checkout__product:first-child {
    margin-top: 0
}

@media (min-width: 480px) {
    .express-checkout__product {
        gap: var(--express-checkout-spacing-lg)
    }
}

.express-checkout__product-inner {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--express-checkout-spacing-sm)
}

@media (min-width: 480px) {
    .express-checkout__product-inner {
        gap: var(--express-checkout-spacing-md)
    }
}

.express-checkout__product-image {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__product-image {
        align-items: center;
        display: flex;
        flex: 0 0 48px;
        justify-content: center
    }
}

.express-checkout__product-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__product-prices {
    align-items: flex-end;
    display: flex;
    flex: 0 0 20%;
    flex-direction: column
}

.express-checkout__product-price-standard {
    color: var(--express-checkout-color-gray);
    font-size: 14px;
    margin: 0;
    text-decoration: line-through
}

.express-checkout__product-price-final {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    white-space: nowrap
}

.express-checkout__product-price-final ins {
    text-decoration: none
}

@media (min-width: 480px) {
    .express-checkout__product-price-final {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        white-space: nowrap
    }
}

.express-checkout__gift {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-sm);
    margin-top: var(--express-checkout-spacing-sm)
}

@media (min-width: 480px) {
    .express-checkout__gift {
        gap: var(--express-checkout-spacing-md)
    }
}

.express-checkout__gift-image {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__gift-image {
        align-items: center;
        display: flex;
        flex: 0 0 48px;
        justify-content: center
    }
}

.express-checkout__gift-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__gift-price {
    color: var(--express-checkout-color-green);
    margin: 0 0 0 auto
}

.express-checkout__pre-authorization-message {
    font-weight: 700;
    margin: 0 0 var(--express-checkout-spacing-lg)
}

.express-checkout__pre-authorization-product {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    margin-top: var(--express-checkout-spacing-sm)
}

.express-checkout__pre-authorization-product-image {
    align-items: center;
    display: flex;
    flex: 0 0 48px;
    justify-content: center
}

.express-checkout__pre-authorization-product-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__pre-authorization-button {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin: var(--express-checkout-spacing-lg) auto 0;
    width: 100%
}

.express-checkout__pre-authorization-button .btn-conversion:after {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__pre-authorization-button {
        width: 350px
    }
}

.express-checkout__quick-payment {
    margin-top: var(--express-checkout-spacing-lg)
}

.express-checkout__quick-payment-title {
    margin: 0 0 var(--express-checkout-spacing-xs)
}

.express-checkout__quick-payment-description {
    margin: 0
}

.express-checkout__quick-payment-buttons {
    margin-top: var(--express-checkout-spacing-base)
}

.express-checkout__divider {
    display: flex;
    justify-content: center;
    margin-top: var(--express-checkout-spacing-lg);
    position: relative
}

.express-checkout__divider:before {
    background-color: var(--express-checkout-color-gray);
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.express-checkout__divider-text {
    background-color: var(--express-checkout-color-white);
    color: var(--express-checkout-color-gray);
    margin: 0;
    padding: 0 var(--express-checkout-spacing-sm);
    position: relative
}

.express-checkout__login-footer {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    gap: var(--express-checkout-spacing-xl);
    margin: var(--express-checkout-spacing-lg) auto var(--express-checkout-spacing-base);
    width: 100%
}

.express-checkout__login-footer .btn-conversion:after {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__login-footer {
        width: 350px
    }
}

.express-checkout__login-footer-link {
    margin: 0;
    text-align: center
}

.express-checkout__login-footer-link a {
    color: #1a1937;
    text-decoration: underline
}

.express-checkout__login-footer-link a:focus,
.express-checkout__login-footer-link a:hover {
    color: #1a1937
}

.express-checkout__login-title {
    margin: 0 0 var(--express-checkout-spacing-lg)
}

.express-checkout__login-form-group {
    margin: 0
}

.express-checkout__discount,
.express-checkout__login-form-group+.express-checkout__login-form-group {
    margin-top: var(--express-checkout-spacing-sm)
}

.express-checkout__discount {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-sm);
    justify-content: space-between
}

@media (min-width: 480px) {
    .express-checkout__discount {
        padding-left: 60px
    }
}

.express-checkout__discount--standalone {
    border-top: 1px solid var(--express-checkout-color-gray-light);
    margin-top: var(--express-checkout-spacing-sm);
    padding-left: 0;
    padding-top: var(--express-checkout-spacing-sm)
}

@media (min-width: 480px) {
    .express-checkout__discount--standalone {
        margin-top: var(--express-checkout-spacing-base);
        padding-top: var(--express-checkout-spacing-base)
    }
}

.express-checkout__discount-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__discount-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    white-space: nowrap
}

@media (min-width: 480px) {
    .express-checkout__discount-value {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        white-space: nowrap
    }
}

.express-checkout__products-price-total {
    align-items: center;
    border-top: 1px solid var(--express-checkout-color-gray-light);
    display: flex;
    gap: var(--express-checkout-spacing-sm);
    justify-content: space-between;
    margin-top: var(--express-checkout-spacing-sm);
    padding-top: var(--express-checkout-spacing-sm)
}

@media (min-width: 480px) {
    .express-checkout__products-price-total {
        margin-top: var(--express-checkout-spacing-base);
        padding-top: var(--express-checkout-spacing-base)
    }
}

.express-checkout__products-price-total-label {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__products-price-total-value {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    margin: 0;
    white-space: nowrap
}

@media (min-width: 480px) {
    .express-checkout__products-price-total-value {
        font-size: 20px;
        font-weight: 700;
        line-height: 30px;
        white-space: nowrap
    }
}

.express-checkout__info {
    border: 1px solid var(--express-checkout-color-gray-light);
    border-radius: 0;
    margin-top: var(--express-checkout-spacing-lg);
    padding: var(--express-checkout-spacing-xs) var(--express-checkout-spacing-base)
}

.express-checkout__info-shipping {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    min-height: 46px;
    padding: var(--express-checkout-spacing-md) 0
}

.express-checkout__info-shipping-inner {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--express-checkout-spacing-md)
}

.express-checkout__info-shipping-image {
    max-width: 48px
}

.express-checkout__info-shipping-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 700;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__info-shipping-price {
    color: var(--express-checkout-color-green);
    margin: 0 0 0 auto;
    white-space: nowrap
}

.express-checkout__info-shipping-price.is-free {
    text-transform: uppercase
}

.express-checkout__info-invoicing {
    align-items: center;
    border-top: 1px solid var(--express-checkout-color-gray-light);
    cursor: pointer;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    justify-content: space-between;
    margin-top: var(--express-checkout-spacing-sm);
    min-height: 46px;
    padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md)
}

.express-checkout__info-invoicing-inner {
    flex: 1 1 auto
}

.express-checkout__info-invoicing-name {
    font-weight: 700;
    margin: 0
}

.express-checkout__info-invoicing-detail {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    color: var(--express-checkout-color-gray);
    font-size: 14px;
    -webkit-line-clamp: 1;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__info-invoicing-invalid {
    color: var(--express-checkout-color-red);
    margin: 0
}

.express-checkout__info-billing {
    align-items: center;
    border-top: 1px solid var(--express-checkout-color-gray-light);
    cursor: pointer;
    display: flex;
    gap: var(--express-checkout-spacing-md);
    margin-top: var(--express-checkout-spacing-sm);
    min-height: 46px;
    padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md)
}

.express-checkout__info-billing-inner {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    gap: var(--express-checkout-spacing-sm)
}

.express-checkout__info-billing-image {
    max-width: 48px
}

.express-checkout__info-billing-name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-weight: 700;
    -webkit-line-clamp: 2;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis
}

.express-checkout__info-icon {
    color: var(--express-checkout-color-gray);
    height: 16px;
    width: 16px
}

.express-checkout__summary {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin: var(--express-checkout-spacing-lg) auto 0;
    width: 100%
}

.express-checkout__summary .btn-conversion:after {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__summary {
        width: 350px
    }
}

.express-checkout__summary-price {
    font-weight: 700;
    margin: 0 0 var(--express-checkout-spacing-lg);
    text-align: center
}

.express-checkout__summary-error {
    color: var(--express-checkout-color-red);
    margin: 0 0 var(--express-checkout-spacing-sm);
    text-align: center
}

.express-checkout__summary-discount {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-xs);
    justify-content: center;
    margin-top: var(--express-checkout-spacing-xl);
    text-align: center
}

.express-checkout__summary-discount-button {
    background-color: unset;
    border: none;
    padding: 0;
    text-decoration: underline
}

.express-checkout__summary-discount-code {
    font-weight: 700
}

.express-checkout__summary-discount-remove {
    align-items: center;
    background-color: rgba(0, 0, 0, .3);
    border: none;
    border-radius: 50%;
    display: flex;
    height: 24px;
    justify-content: center;
    margin-left: var(--express-checkout-spacing-xs);
    padding: 0;
    width: 24px
}

.express-checkout__summary-discount-remove:before {
    color: var(--express-checkout-color-white);
    font-size: 12px;
    font-weight: 700
}

.express-checkout__gdpr {
    color: var(--express-checkout-color-gray);
    font-size: 14px;
    margin: var(--express-checkout-spacing-xl) 0 0;
    text-align: center
}

.express-checkout__gdpr a {
    text-decoration: underline
}

.express-checkout__gdpr a,
.express-checkout__gdpr a:focus,
.express-checkout__gdpr a:hover {
    color: var(--express-checkout-color-gray)
}

.express-checkout__gdpr span {
    display: block
}

.express-checkout__shipping-billing {
    display: flex;
    flex-direction: column;
    gap: var(--express-checkout-spacing-md);
    padding: var(--express-checkout-spacing-sm) 0
}

@media (min-width: 480px) {
    .express-checkout__shipping-billing {
        padding: var(--express-checkout-spacing-xl) var(--express-checkout-spacing-md)
    }
}

.express-checkout__shipping-billing-item-wrapper {
    background-color: var(--express-checkout-color-white) !important;
    border: none;
    padding: 0
}

.express-checkout__shipping-billing-item {
    gap: var(--express-checkout-spacing-md);
    justify-content: flex-start !important;
    margin-right: 0 !important
}

.express-checkout__shipping-billing-item-image {
    max-width: 48px
}

.express-checkout__shipping-billing-item-price {
    color: var(--express-checkout-color-green);
    margin-left: auto
}

.express-checkout__shipping-billing-item-price.is-free {
    text-transform: uppercase
}

.express-checkout__shipping-billing-footer {
    align-items: center;
    border-top: 1px solid var(--express-checkout-color-gray-light);
    display: flex;
    gap: var(--express-checkout-spacing-sm);
    justify-content: space-between;
    margin: 0;
    padding: var(--express-checkout-spacing-lg) 0 var(--express-checkout-spacing-xl)
}

@media (min-width: 480px) {
    .express-checkout__shipping-billing-footer {
        margin: 0 var(--express-checkout-spacing-md)
    }
}

.express-checkout__shipping-billing-footer-link {
    color: #1a1937;
    text-decoration: underline
}

.express-checkout__shipping-billing-footer-link span {
    font-size: 14px
}

.express-checkout__shipping-billing-footer-link:focus,
.express-checkout__shipping-billing-footer-link:hover {
    color: #1a1937
}

.express-checkout__invoicing h4 i {
    display: none
}

.express-checkout__invoicing .form-group {
    margin-bottom: var(--express-checkout-spacing-base)
}

.express-checkout__invoicing #shipping-address .box>.form-group {
    align-items: center;
    display: flex;
    gap: var(--express-checkout-spacing-xs)
}

.express-checkout__invoicing #shipping-address .box>.form-group label {
    margin: 0
}

.express-checkout__invoicing-button {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    margin: var(--express-checkout-spacing-lg) auto 0;
    width: 100%
}

.express-checkout__invoicing-button .btn-conversion:after {
    display: none
}

@media (min-width: 480px) {
    .express-checkout__invoicing-button {
        width: 350px
    }
}

.express-checkout__discount-coupon {
    align-items: center;
    display: flex;
    flex-direction: column
}

.express-checkout__discount-coupon .btn-conversion:after {
    display: none
}

.express-checkout__discount-coupon .btn {
    margin-top: var(--express-checkout-spacing-lg);
    width: 100%
}

@media (min-width: 480px) {
    .express-checkout__discount-coupon .btn {
        width: 350px
    }
}

.express-checkout__discount-coupon-input-wrapper {
    width: 100%
}

.express-checkout__discount-coupon-input-wrapper.form-group {
    display: flex;
    flex-direction: column;
    gap: var(--express-checkout-spacing-sm);
    margin: 0
}

.express-checkout__discount-coupon-input-wrapper.form-group input.form-control,
.express-checkout__discount-coupon-input-wrapper.form-group label {
    margin: 0;
    max-width: 100%;
    width: 100%
}

.express-checkout__discount-coupon-input-wrapper.form-group label {
    line-height: 1;
    padding: 0
}

.express-checkout__discount-coupon-input-wrapper .msg-error {
    margin-left: 0
}

.express-checkout__discount-coupon-label {
    align-self: flex-start;
    margin-bottom: var(--express-checkout-spacing-xs);
    text-align: left
}

.express-checkout__loading {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: var(--express-checkout-spacing-xxl);
    padding: var(--express-checkout-spacing-xxl) 0
}

.express-checkout__loading-spinner {
    animation: loader .5s linear infinite;
    border: 5px solid rgba(0, 0, 0, .3);
    border-radius: 50%;
    border-right: 5px solid var(--express-checkout-color-black);
    height: 64px;
    width: 64px
}

.express-checkout__loading-text {
    text-align: center
}

.express-checkout__loading-text.h4 {
    margin: 0
}

.express-checkout__result {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: var(--express-checkout-spacing-lg) 0
}

@media (min-width: 480px) {
    .express-checkout__result {
        max-width: 350px
    }
}

.express-checkout__result-icon {
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 84px;
    justify-content: center;
    width: 84px
}

.express-checkout__result-icon:before {
    color: var(--express-checkout-color-white);
    font-size: 40px
}

.express-checkout__result--success .express-checkout__result-icon {
    background-color: var(--express-checkout-color-green)
}

.express-checkout__result--error .express-checkout__result-icon {
    background-color: var(--express-checkout-color-red)
}

.express-checkout__result-title {
    text-align: center
}

.express-checkout__result-title.h3 {
    margin: var(--express-checkout-spacing-xxl) 0 var(--express-checkout-spacing-lg)
}

.express-checkout__result-description {
    margin: 0;
    text-align: center
}

.express-checkout__result-button {
    margin-top: var(--express-checkout-spacing-xxl);
    width: 100%
}

.express-checkout__result-button.btn-conversion:after {
    display: none
}

.form-group.rating-stars-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 31px
}

.form-group .rating-stars-wrapper {
    display: flex
}

.form-group .rating-star {
    align-items: center;
    display: flex;
    float: unset;
    height: 44px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 44px
}

.form-group .rating-star:before {
    color: var(--color-primary-hover);
    content: "\e91b";
    font-size: 30px;
    line-height: 1
}

.form-group .rating-star.full:before {
    content: "\e91c"
}

#content .form-group .rating-star-description,
#content .form-group .rating-stars-description {
    margin-bottom: 0
}

.oss-price-notification {
    font-size: 14px;
    font-weight: 400;
    padding: 0
}

.oss-price-notification__wrapper {
    width: 100%
}

.cart-content .oss-price-notification__wrapper {
    text-align: right
}

.banner {
    margin-bottom: 40px;
    overflow: hidden;
    position: relative
}

@media (max-width: 767px) {
    .banner {
        min-height: 220px
    }
}

@media (min-width: 768px) {

    .banner.banner-lg,
    .banner.banner-md {
        min-height: 300px
    }
}

.banner-content {
    height: 100%;
    left: 0;
    padding: 25px;
    position: absolute;
    top: 0;
    width: 100%
}

.banner-content .banner-content-in {
    border-style: solid;
    border-width: 1px;
    display: table;
    height: 100%;
    width: 100%
}

.banner-content .banner-content-in>div {
    display: table-cell;
    padding: 25px;
    text-align: center;
    vertical-align: bottom
}

@media (min-width: 768px) {
    .banner-content .banner-content-in>div {
        text-align: left
    }

    .banner-content .banner-content-in>div>div {
        display: table;
        width: 100%
    }

    .banner-content .banner-content-in>div>div span,
    .banner-content .banner-content-in>div>div strong {
        display: table-cell;
        vertical-align: middle
    }

    .banner-content .banner-content-in>div>div strong {
        font-size: 24px;
        line-height: 1.2;
        padding-left: 20px;
        text-transform: uppercase
    }

    .banner-content .banner-content-in>div>div .btn {
        white-space: nowrap
    }
}

.banner-category a,
.banner-footer a,
.banner-wrapper a,
.banners-content a,
.footer-banner a {
    display: inline-block;
    position: relative
}

@media (min-width: 768px) {

    .banner-category a img,
    .banner-footer a img,
    .banner-wrapper a img,
    .banners-content a img,
    .footer-banner a img {
        transform: translateZ(0);
        transition: all .3s ease-out
    }

    @supports (-moz-appearance: none) {

        .banner-category a img,
        .banner-footer a img,
        .banner-wrapper a img,
        .banners-content a img,
        .footer-banner a img {
            transform: none
        }
    }

    .banner-category a:hover img,
    .banner-footer a:hover img,
    .banner-wrapper a:hover img,
    .banners-content a:hover img,
    .footer-banner a:hover img {
        transform: scale(1.02)
    }
}

.banner-wrapper {
    margin-top: 20px
}

@media (min-width: 768px) {
    .banner-wrapper {
        margin-top: 0
    }

    .banner-wrapper+.banner-wrapper {
        margin-top: 25px
    }
}

.banner-category,
.banner-footer {
    margin-bottom: 20px
}

@media (min-width: 1440px) {

    .banner-category,
    .banner-footer {
        margin-bottom: 40px
    }
}

.banner-category.banner-category-inline {
    margin-bottom: 10px
}

.banners-footer {
    display: flex
}

.banner-footer {
    flex: 1 1 33.33333%;
    text-align: center
}

.banner,
.banner-wrapper {
    position: relative
}

.extended-banner-texts {
    display: flex;
    bottom: unset;
    left: 0;
    position: absolute;
    right: unset;
    top: 0;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.extended-banner-link,
.extended-banner-text,
.extended-banner-title {
    background-color: hsla(0, 0%, 100%, .9);
    border: 1px solid hsla(0, 0%, 100%, .97);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
    padding: 5px;
    position: absolute
}

.extended-banner-link:empty,
.extended-banner-text:empty,
.extended-banner-title:empty {
    display: none
}

.extended-banner-text,
.extended-banner-title {
    left: 0
}

.extended-banner-title {
    font-size: 20px;
    top: 0
}

.extended-banner-text {
    bottom: 0;
    max-width: 80%
}

.extended-banner-link {
    height: 32px;
    margin-top: -6px;
    right: 0;
    top: 50%
}

.banners-empty {
    display: none;
    visibility: hidden
}

.content-window {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: all .3s ease-out;
    width: 0;
    z-index: 1002
}

.cart-window-visible .content-window.cart-window,
.login-window-visible .content-window.login-window,
.register-window-visible .content-window.register-window,
.search-window-visible .content-window.search-window {
    width: 100%
}

.content-window-in {
    height: 100%;
    overflow: auto;
    padding-top: 77px;
    position: relative;
    width: 100%
}

:where(body.ums_a11y_login--off) .toggle-window-arr {
    left: 6px;
    position: absolute;
    text-decoration: none;
    top: 12px;
    z-index: 1
}

:where(body.ums_a11y_login--off) .toggle-window-arr span {
    display: none
}

:where(body.ums_a11y_login--off) .toggle-window-arr:before {
    content: "\e90b";
    font-size: 30px;
    margin-right: 1ex
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--off) .toggle-window-arr span {
        display: inline
    }
}

:where(body.ums_a11y_login--on) .toggle-window-arr {
    padding: 20px;
    text-decoration: none
}

:where(body.ums_a11y_login--on) .toggle-window-arr span {
    display: none
}

:where(body.ums_a11y_login--on) .toggle-window-arr:before {
    content: "\e90b";
    font-size: 30px;
    margin-right: 1ex
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--on) .toggle-window-arr span {
        display: inline
    }
}

:where(body.ums_a11y_login--on) .content-window-in .toggle-window-arr {
    left: 0;
    position: absolute;
    top: 8px;
    z-index: 1
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--on) .content-window-in .toggle-window-arr {
        left: 20px
    }
}

.sidebar-inner {
    padding-top: 20px
}

.sidebar-inner>div {
    margin-bottom: 0
}

@media (min-width: 768px) {
    .sidebar-inner .login-wrapper .password-helper {
        clear: both;
        float: none;
        padding-left: 0;
        padding-top: 1em
    }
}

.breadcrumbs {
    font-size: 14px;
    padding-bottom: 11px
}

@media (min-width: 768px) {
    .multiple-columns-body.type-product .breadcrumbs {
        margin-left: auto;
        width: calc(100% - 250px)
    }
}

@media (min-width: 992px) {
    .multiple-columns-body.type-product .breadcrumbs {
        padding-left: 20px;
        width: calc(100% - 340px)
    }
}

@media (min-width: 1200px) {
    .multiple-columns-body.type-product .breadcrumbs {
        padding-left: 0;
        width: calc(50% - 170px)
    }
}

.type-product .breadcrumbs {
    padding-bottom: 0
}

.breadcrumbs>span {
    vertical-align: middle
}

.breadcrumbs>span a {
    text-decoration: underline
}

@media (min-width: 768px) {
    .breadcrumbs {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 992px) {
    .type-product .breadcrumbs {
        margin-left: auto;
        padding-bottom: 20px;
        padding-left: 20px;
        width: 100%;
    }

    .aside-indented .breadcrumbs {
        padding-left: 0;
        padding-right: 0
    }
}

.navigation-home-icon:before {
    content: "\e91f";
    margin-top: -2px
}

:where(body.ums_a11y_category_page--off) .category-header {
    text-align: right
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown {
    display: inline-block
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown button {
    font-weight: 700
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown-menu {
    left: auto;
    right: 0
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown-menu label,
:where(body.ums_a11y_category_page--off) .category-header .dropdown-menu strong {
    display: block;
    line-height: 1.5;
    padding: 3px 20px;
    white-space: nowrap
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown-menu label {
    font-weight: 400
}

:where(body.ums_a11y_category_page--on) .sortingToggle {
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    text-align: left
}

:where(body.ums_a11y_category_page--on) .sortingToggle__value {
    font-weight: 700
}

:where(body.ums_a11y_category_page--on) .listSorting--dropdown {
    position: relative
}

:where(body.ums_a11y_category_page--on) .listSorting__controls {
    display: none
}

:where(body.ums_a11y_category_page--on) .listSorting--open .listSorting__controls {
    display: block
}

:where(body.ums_a11y_category_page--on) .listSorting__controls--dropdown {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 0;
    font-size: 16px;
    min-width: 160px;
    overflow: auto;
    z-index: 1000
}

:where(body.ums_a11y_category_page--on) .listSorting__control {
    background-color: transparent;
    border: none;
    text-align: left;
    width: 100%
}

:where(body.ums_a11y_category_page--on) .listSorting__control:focus-visible,
:where(body.ums_a11y_category_page--on) .listSorting__control:hover {
    color: var(--color-secondary)
}

:where(body.ums_a11y_category_page--on) .listSorting__control--current {
    pointer-events: none
}

:where(body.ums_a11y_category_page--on) .sortingToggle .icon-chevron-down:before {
    vertical-align: middle
}

:where(body.ums_a11y_category_page--on) .sortingToggle[aria-expanded=true] .icon-chevron-down:before {
    content: "\e911"
}

.menu-helper-visible .menu-helper:after,
.menu-helper:after {
    content: ""
}

.menu-helper>span:after {
    content: "\e90e";
    font-size: 14px;
    margin-left: 1ex;
    text-align: center;
    transition: transform .3s ease-out
}

.menu-helper-visible .menu-helper>span:after {
    content: "\e911";
    transform: rotate(180deg)
}

:where(body.ums_a11y_login--off) .navigation-buttons {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 0;
    justify-content: flex-end;
    justify-self: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    transition: right .3s ease-out
}

:where(body.ums_a11y_login--off) .navigation-buttons a {
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 38px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 40px
}

:where(body.ums_a11y_login--off) .navigation-buttons a[data-target=search]:before {
    content: "\e920"
}

:where(body.ums_a11y_login--off) .navigation-buttons a[data-target=cart]:before {
    content: url(/user/documents/upload/icons/nakup.svg);
    width: 36px;
    margin-right: 10px;
}

:where(body.ums_a11y_login--off) .navigation-buttons a[data-target=navigation]:before {
    content: "\e914"
}

.navigation-buttons button.top-nav-button-login:before {
    content: url(/user/documents/upload/icons/prihlaseni.svg);
    width: 38px;
    margin-right: 10px;
    display: inline-block;
    height: 36px;
}

:where(body.ums_a11y_login--off) .navigation-buttons.id--9 {
    display: none
}

@media (min-width: 480px) {
    :where(body.ums_a11y_login--off) .navigation-buttons a {
        font-size: 20px;
        height: 60px;
        line-height: 56px;
        width: 60px
    }

    :where(body.ums_a11y_login--off).navigation-window-visible .navigation-buttons {
        margin-right: 0;
        right: 0
    }

    :where(body.ums_a11y_login--off).navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
        content: "\e912"
    }
}

@media (min-width: 768px) and (max-width:767px) {
    :where(body.ums_a11y_login--off) .navigation-buttons {
        top: 0
    }

    :where(body.ums_a11y_login--off).navigation-window-visible .navigation-buttons {
        top: 0
    }

    .scrolled :where(body.ums_a11y_login--off) .navigation-buttons {
        top: 0
    }
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--off) .navigation-buttons {
        flex-grow: 0;
        padding-left: 20px;
        position: relative;
        right: auto;
        top: auto
    }

    :where(body.ums_a11y_login--off) .navigation-buttons a {
        height: 68px;
        line-height: 68px;
        width: 68px
    }
}

:where(body.ums_a11y_login--on) .navigation-buttons {
    align-items: center;
    display: flex;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: 0;
    justify-content: flex-end;
    justify-self: flex-end;
    position: absolute;
    right: 0;
    top: 0;
    transition: right .3s ease-out
}

@media (min-width: 480px) {
    :where(body.ums_a11y_login--on).navigation-window-visible .navigation-buttons {
        margin-right: 0;
        right: 0
    }
}

@media (min-width: 768px) and (max-width:767px) {
    :where(body.ums_a11y_login--on) .navigation-buttons {
        top: 0
    }

    :where(body.ums_a11y_login--on).navigation-window-visible .navigation-buttons {
        top: 0
    }

    .scrolled :where(body.ums_a11y_login--on) .navigation-buttons {
        top: 0
    }
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--on) .navigation-buttons {
        flex-grow: 0;
        padding-left: 20px;
        position: relative;
        right: auto;
        top: auto
    }
}

:where(body.ums_a11y_login--on) .navigation-buttons a {
    display: inline-block;
    font-size: 20px;
    height: 40px;
    line-height: 38px;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 40px
}

@media (min-width: 480px) {
    :where(body.ums_a11y_login--on) .navigation-buttons a {
        font-size: 20px;
        height: 60px;
        line-height: 56px;
        width: 60px
    }
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--on) .navigation-buttons a {
        height: 68px;
        line-height: 68px;
        width: 68px
    }
}

:where(body.ums_a11y_login--on) .navigation-buttons a[data-target=search]:before {
    content: "\e920"
}

:where(body.ums_a11y_login--on) .navigation-buttons a[data-target=cart]:before {
    content: url(/user/documents/upload/icons/nakup.svg);
    width: 36px;
    margin-right: 10px;
}

:where(body.ums_a11y_login--on) .navigation-buttons a[data-target=navigation]:before {
    content: "\e914"
}

:where(body.ums_a11y_login--on) .top-nav-button-login:before {
    content: "\e922"
}

:where(body.ums_a11y_login--on).navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
    content: "\e912"
}

.languagesMenu {
    position: relative
}

.languagesMenu.open .languagesMenu__content {
    display: block
}

.languagesMenu__flags {
    align-items: center;
    background-color: transparent;
    border: 0;
    display: flex;
    outline: 0
}

@media (min-width: 768px) {
    .languagesMenu__flags {
        display: none
    }
}

.languagesMenu__flags .shp-flag {
    margin-right: 5px
}

.languagesMenu__content {
    display: none;
    left: 0;
    position: absolute;
    white-space: nowrap;
    z-index: 1000
}

@media (min-width: 768px) {
    .languagesMenu__content {
        background-color: transparent;
        display: flex;
        left: auto;
        position: static
    }
}

.languagesMenu__box.open .languagesMenu__list {
    display: block
}

@media (min-width: 768px) {
    .languagesMenu__box {
        position: relative
    }
}

.languagesMenu__header {
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 10px
}

@media (min-width: 768px) {
    .languagesMenu__header {
        margin-right: 10px;
        padding: 2px 5px
    }
}

.languagesMenu__header--actual {
    display: none
}

@media (min-width: 768px) {
    .languagesMenu__header--actual {
        cursor: pointer;
        display: block;
        font-weight: 400
    }

    .languagesMenu__header--name {
        display: none
    }
}

.languagesMenu__header .caret {
    margin-left: 5px
}

.languagesMenu__list {
    list-style-type: none;
    margin: 0;
    min-width: 150px;
    padding: 0
}

@media (min-width: 768px) {
    .languagesMenu__list {
        display: none;
        left: 0;
        position: absolute;
        z-index: 1002
    }
}

.languagesMenu .languagesMenu__list__link {
    align-items: center;
    display: flex;
    font-size: 14px;
    height: auto;
    line-height: 30px;
    padding: 0 10px;
    position: static;
    text-align: left;
    width: auto
}

.languagesMenu__list__name {
    margin-left: 10px
}

.subcategories {
    border-width: 0;
    margin: 0 0 22px;
    align-items: stretch;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}

.subcategories li {
    flex: 0 0 auto;
    list-style: none
}

.subcategories li a {
    align-items: center;
    border: 0;
    display: flex;
    font-weight: 500;
    height: 60px;
    overflow: hidden;
    position: relative
}

.subcategories li a .text {
    display: -webkit-box;
    font-size: 16px;
    font-weight: 700;
    -webkit-line-clamp: 2;
    text-underline-offset: 1px !important;
    text-decoration-thickness: 1px !important;
    line-height: 20px;
    overflow: hidden;
    text-align: left;
    width: auto;
    -webkit-box-orient: vertical
}

@media (min-width: 992px) {
    .subcategories li a:hover .text {
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px
    }
}

.subcategories.with-image li {
    padding: 5px 0;
}

.subcategories.with-image li a .image {
    padding-right: 0px;
    text-align: center;
    width: 35%
}

.subcategories.with-image li a .image img {
    max-height: 100px !important;
    width: auto
}

.subcategories.with-image li a .text {
    flex-grow: 0;
    max-width: 65%;
    text-overflow: ellipsis
}

.subcategories.with-image li.parametric {
    text-align: center
}

@media (max-width: 991px) {
    .subcategories li a .text {
        font-size: 16px;
        line-height: 18px;
        max-height: 54px
    }
}

@media (min-width: 768px) {
    .carousel {
        margin-bottom: 22px
    }

    .wide .wide-carousel .carousel {
        margin-top: -20px
    }

    .multiple-columns-body .wide-carousel .carousel {
        padding-left: 20px;
        padding-right: 20px
    }
}

.carousel-control {
    text-decoration: none
}

.carousel-control:before {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    font-size: 28px;
    height: 44px;
    line-height: 40px;
    margin-top: -22px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    top: 50%;
    width: 44px
}

.carousel-control.left,
.carousel-control.right {
    background: none
}

.carousel-control.left:before {
    content: "\e90b";
    left: 20px
}

.carousel-control.right:before {
    content: "\e90c";
    right: 20px
}

.carousel-control:hover {
    text-decoration: none
}

html:has(.dialog--modal[open]) {
    overflow: hidden
}

.dialog {
    padding: 0
}

.dialog--fullscreen {
    background-color: transparent;
    border: none;
    height: 100dvh;
    margin: 0;
    max-height: none;
    max-width: none;
    overflow: clip;
    width: 100dvw
}

.dialog--fullscreen::backdrop {
    background-color: transparent;
    transition: none
}

.dialog__wrapper {
    background: var(--dialog-bg-color, #fff);
    overflow: auto;
    padding: var(--dialog-wrapper-padding);
    scroll-behavior: smooth
}

:where(.dialog--fullscreen) .dialog__wrapper {
    height: 100%;
    transform: translateX(-100%);
    transition: var(--dialog-transition)
}

.dialog.is-visible .dialog__wrapper {
    transform: translateX(0)
}

.dialog__content {
    color: #1a1937;
    margin: 0 auto;
    padding: var(--dialog-content-padding);
    text-align: left
}

.dialog__content--form {
    max-width: var(--dialog-content-form-max-width, 440px)
}

:where(.dialog__header) .dialog__heading--login {
    text-align: center
}

[data-dialog-close] *,
[data-dialog-id] * {
    pointer-events: none
}

.dialog__close--arrow {
    background-color: var(--dialog-bg-color);
    inset: 0 0 auto;
    padding-top: 8px;
    position: fixed;
    transform: translateX(-100%);
    transition: var(--dialog-transition);
    z-index: 1
}

@media (min-width: 768px) {
    .dialog__close--arrow {
        padding-left: 20px
    }
}

:where(.dialog__close--arrow) .toggle-window-arr {
    display: block
}

:where(.dialog.is-visible) .dialog__close--arrow {
    transform: translateX(0)
}

@media (prefers-reduced-motion:reduce) {

    .dialog[open],
    .dialog[open] * {
        animation: none;
        scroll-behavior: auto;
        transition: none
    }
}

.flag {
    border-radius: 0;
    clear: left;
    display: inline-block;
    filter: alpha(opacity=100);
    float: left;
    font-weight: 400;
    -webkit-hyphens: none;
    hyphens: none;
    line-height: 1.1;
    margin-bottom: .5ex;
    max-width: 12em;
    opacity: 1;
    text-align: center;
    text-transform: uppercase;
    transition: opacity .3s ease-out;
    width: auto;
    font-size: 14px;
    border-top-right-radius: 23px;
    border-bottom-right-radius: 23px;
    padding: 5px 12px;
}

@media (max-width: 480px) {
    .flag {
        font-size: 10px
    }
}

.flags-inline:after,
.flags-inline:before {
    content: " ";
    display: table
}

.flags-inline:after {
    clear: both
}

.flags-inline .flag {
    clear: none;
    display: inline-block;
    margin-left: 3px
}

.flags-inline .flag:first-child {
    margin-left: 0
}

:where(body.ums_a11y_category_page--off) .products-top {
    margin-bottom: 22px
}

.products-top>div {
    transition: all .3s ease-out
}

.products-top>div.inactive {
    height: 0;
    overflow: hidden;
    position: absolute;
    transform: scale(0)
}

.products-top>div.revealed {
    transform: scale(1)
}

:where(body.ums_a11y_category_page--on) .products-top-wrapper {
    margin-bottom: 22px
}

:where(body.ums_a11y_category_page--on) .products-top-wrapper .button-wrapper {
    text-align: center
}

:where(body.ums_a11y_category_page--on) .products-top-wrapper:not(.has-inactive):not(.has-revealed) .button-wrapper {
    display: none
}

:where(body.ums_a11y_category_page--on) .toggle-top-products {
    align-items: baseline;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border-color: transparent;
    color: var(--color-primary);
    display: inline-flex;
    text-transform: none
}

:where(body.ums_a11y_category_page--on) .toggle-top-products:focus,
:where(body.ums_a11y_category_page--on) .toggle-top-products:hover {
    background: transparent;
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%))
}

:where(body.ums_a11y_category_page--on) .toggle-top-products[aria-expanded=true]:after {
    transform: rotate(180deg);
    transform-origin: center center
}

.flags-extra {
    bottom: 0;
    display: flex;
    position: absolute;
    right: 0
}

.highlight-product .flags-extra {
    right: 30px
}

.flags-extra .flag {
    align-items: center;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700;
    height: 66px;
    -webkit-hyphens: auto;
    hyphens: auto;
    justify-content: center;
    margin-left: -8px;
    text-align: center;
    width: 66px;
    word-break: break-word
}

.flags-extra .flag .price-save,
.flags-extra .flag .price-standard {
    font-size: 12px
}

.flags-extra .flag.flag-freeshipping {
    font-size: 9px
}

.p-image-wrapper .flags-extra {
    right: 10px;
    z-index: 51
}

@media (min-width: 768px) {
    .p-image-wrapper .flags-extra .flag {
        border-radius: 50%;
        height: 100px;
        min-height: 100px;
        min-width: 100px;
        width: 100px
    }

    .p-image-wrapper .flags-extra .flag .price-save,
    .p-image-wrapper .flags-extra .flag .price-standard {
        font-size: 14px
    }

    .p-image-wrapper .flags-extra .flag-freeshipping .icon-van {
        font-size: 70px
    }

    .p-image-wrapper .flags-extra .flag-text {
        font-size: 14px
    }
}

@media (min-width: 768px) and (max-width:1439px) {
    .products-additional .flags-extra .flag {
        font-size: 9px;
        height: 50px;
        width: 50px
    }

    .products-additional .flags-extra .price-save,
    .products-additional .flags-extra .price-standard {
        font-size: 9px
    }
}

.flag-text {
    font-size: 12px;
    line-height: 1.15;
    text-transform: uppercase;
    white-space: nowrap
}

@media (min-width: 768px) and (max-width:1439px) {
    .products-additional .flag-text {
        font-size: 9px;
        line-height: 9px
    }
}

.flag-freeshipping .icon-van {
    font-size: 42px;
    margin-bottom: -6px;
    margin-top: -6px
}

@media (min-width: 768px) and (max-width:1439px) {
    .products-additional .flag-freeshipping .icon-van {
        font-size: 24px;
        margin-bottom: 0
    }
}

.flag-gift .icon-gift {
    font-size: 24px;
    line-height: 42px;
    margin-bottom: -6px;
    margin-top: -6px
}

@media (min-width: 768px) and (max-width:1439px) {
    .products-additional .flag-gift .icon-gift {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0
    }
}

.flag-discount .price-standard {
    display: block
}

@media (min-width: 321px) and (max-width:767px) {
    .columns-mobile-2 .products-block>div .flags-extra .flag {
        border-radius: 0;
        flex-direction: row;
        height: auto;
        margin-bottom: 0;
        margin-right: -8px;
        width: auto
    }

    .columns-mobile-2 .products-block>div .flags-extra .flag .icon-gift,
    .columns-mobile-2 .products-block>div .flags-extra .flag .icon-van {
        font-size: 14px;
        line-height: 14px;
        margin-left: 3px;
        margin-right: 5px
    }
}

.shp-tabs-holder {
    border-style: none;
    border-width: 0;
    margin-bottom: 22px;
    margin-top: 0;
    padding-left: 0;
    text-align: center
}

@media (max-width: 767px) {
    .shp-tabs-holder {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.shp-tabs-holder ul.shp-tabs {
    margin: 0;
    padding: 0
}

.shp-tabs-holder ul.shp-tabs li {
    display: inline-block;
    list-style: none;
    margin-right: 10px;
}

.shp-tabs-holder ul.shp-tabs li a {
    border-style: none;
    border-width: 0;
    display: block;
    padding: 10px 7px;
    text-decoration: none
}

@media (min-width: 768px) and (max-width:1199px) {
    .shp-tabs-holder ul.shp-tabs li a {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (min-width: 1200px) {
    .shp-tabs-holder ul.shp-tabs li a {
        padding-left: 20px;
        padding-right: 20px
    }
}

.responsive-nav {
    margin-bottom: 22px;
    min-width: 250px;
    position: relative
}

.responsive-nav .shp-tabs-holder {
    margin-bottom: 0
}

.responsive-nav .visible-links {
    display: table
}

.responsive-nav .visible-links>li {
    display: table-cell
}

.responsive-nav .visible-links>li a {
    white-space: nowrap
}

.responsive-nav .hidden-links {
    background: inherit;
    border-top: 1px solid #ccc;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 100
}

.responsive-nav .hidden-links>li {
    border-bottom: 1px solid #ccc;
    display: block
}

.responsive-nav .hidden-links>li a {
    display: block;
    padding: 10px 20px
}

.responsive-nav .hidden {
    visibility: hidden
}

.responsive-nav .navigation-btn {
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #fff;
    cursor: pointer;
    height: 100%;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 0
}

.shp-accordion-wrapper:after {
    clear: both;
    content: "";
    display: block
}

#accordion-content .shp-accordion {
    padding-top: 22px
}

#accordion-content .shp-accordion .fade {
    opacity: 1
}

#accordion-content .shp-accordion .shp-accordion-link {
    color: #1a1937;
    display: block;
    font-size: 24px;
    font-weight: 700;
    padding-right: 30px;
    position: relative;
    width: 100%
}

#accordion-content .shp-accordion .shp-accordion-link:after {
    content: "\e90e";
    font-size: 18px;
    position: absolute;
    right: 0;
    top: 50%
}

#accordion-content .shp-accordion .shp-accordion-content {
    display: none;
    margin-top: 22px
}

#accordion-content .shp-accordion.active .shp-accordion-link:after {
    content: "\e911"
}

.latest-contribution-wrapper {
    margin-bottom: 44px;
    margin-top: 44px
}

@media (min-width: 768px) {
    .latest-contribution-wrapper {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap
    }

    .latest-contribution-wrapper--large {
        display: block
    }
}

@media (min-width: 992px) {
    .latest-contribution-wrapper--large {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap
    }
}

.latest-contribution-wrapper--large .latest-contribution {
    width: 100%
}

@media (min-width: 992px) {
    .latest-contribution-wrapper--large .latest-contribution {
        width: 50%
    }
}

.latest-contribution {
    padding-bottom: 22px
}

@media (min-width: 768px) {
    .latest-contribution {
        flex: 1 1 auto;
        flex-wrap: wrap;
        width: 50%
    }

    .latest-contribution:first-child:not(:last-child) {
        padding-right: 20px
    }

    .latest-contribution:last-child:not(:first-child) {
        padding-left: 20px
    }
}

.latest-contribution-placeholder {
    display: none
}

@media (min-width: 768px) {
    .latest-contribution-placeholder {
        display: block
    }
}

.latest-contribution-inner {
    align-items: flex-start;
    display: flex;
    margin-top: 44px
}

.latest-contribution-image {
    flex: 0 0 60px;
    height: 60px;
    margin-right: 20px;
    position: relative
}

.latest-contribution-image img {
    border-radius: 50%;
    position: absolute
}

.latest-contribution-content {
    display: block;
    width: calc(100% - 100px)
}

.latest-contribution-product {
    height: 24px;
    line-height: 24px;
    margin-bottom: 6px;
    margin-top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.latest-contribution-info {
    align-items: center;
    display: flex;
    font-size: 16px;
    margin-bottom: 6px
}

.latest-contribution-info .stars {
    height: 18px;
    margin-right: 0;
    width: 90px
}

.latest-contribution-info .star {
    height: 18px;
    width: 18px
}

.latest-contribution-info .star:before {
    font-size: 16px
}

.latest-contribution-info>i {
    font-style: normal;
    padding: 0 10px
}

@media (max-width: 480px) {

    .latest-contribution-info,
    .latest-contribution-info .stars {
        display: block
    }
}

.site-msg.information {
    bottom: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
    left: 20px;
    max-width: calc(100% - 40px);
    opacity: .9;
    position: fixed;
    z-index: 10
}

@media (min-width: 768px) {
    .site-msg.information {
        max-width: 480px
    }

    .site-msg.information .container {
        width: auto
    }
}

.container.navigation-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0
}

.container.navigation-wrapper .site-name {
    flex: 0 1 100px
}

@media (min-width: 480px) {
    .container.navigation-wrapper .site-name {
        flex-basis: 200px
    }
}

@media (min-width: 768px) {
    .container.navigation-wrapper .site-name {
        flex-basis: 200px
    }
}

#navigation {
    flex: 1 1 auto
}

@media (min-width: 480px) and (max-width:767px) {
    #navigation {
        padding-top: 61px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    #navigation {
        padding-top: 61px
    }
}

@media (min-width: 480px) {
    .navigation-buttons {
        z-index: 1001
    }
}

.smart-labels-active .smart-label-wrapper {
    position: relative
}

.smart-labels-active .smart-label-wrapper label {
    font-size: 16px;
    height: auto;
    left: 0;
    line-height: 64px;
    margin: 0;
    max-width: 100%;
    opacity: 1;
    padding: 0 0 0 12px;
    position: absolute;
    top: 0;
    transition: - "all 0.2s, left 0s";
    width: auto
}

.smart-labels-active .smart-label-wrapper.focused label,
.smart-labels-active .smart-label-wrapper.populated label {
    font-size: 10px;
    line-height: 10px;
    opacity: .5;
    padding-top: 12px
}

.smart-labels-active .smart-label-wrapper input,
.smart-labels-active .smart-label-wrapper textarea {
    padding-top: 22px
}

.smart-labels-active .smart-label-wrapper input::-moz-placeholder,
.smart-labels-active .smart-label-wrapper textarea::-moz-placeholder {
    color: transparent;
    opacity: 1
}

.smart-labels-active .smart-label-wrapper input::placeholder,
.smart-labels-active .smart-label-wrapper textarea::placeholder {
    color: transparent
}

.smart-labels-active .smart-label-wrapper input:focus::-moz-placeholder,
.smart-labels-active .smart-label-wrapper textarea:focus::-moz-placeholder {
    color: #b6b6b6;
    opacity: 1
}

.smart-labels-active .smart-label-wrapper input:focus::placeholder,
.smart-labels-active .smart-label-wrapper textarea:focus::placeholder {
    color: #b6b6b6
}

.smart-labels-active .smart-label-wrapper input::-moz-placeholder,
.smart-labels-active .smart-label-wrapper textarea::-moz-placeholder {
    -moz-transition: color .2s;
    transition: color .2s
}

.smart-labels-active .smart-label-wrapper input::placeholder,
.smart-labels-active .smart-label-wrapper textarea::placeholder {
    transition: color .2s
}

.smart-labels-active .smart-label-wrapper select {
    padding-top: 16px
}

.smart-labels-active .smart-label-wrapper .country-flags,
.smart-labels-active .smart-label-wrapper input,
.smart-labels-active .smart-label-wrapper select {
    height: 64px
}

.smart-labels-active .smart-label-wrapper .js-validator-msg,
.smart-labels-active .smart-label-wrapper .js-validator-msg+.phone-combined-input,
.smart-labels-active .smart-label-wrapper .js-validator-msg+input,
.smart-labels-active .smart-label-wrapper .js-validator-msg+select,
.smart-labels-active .smart-label-wrapper .validator-msg,
.smart-labels-active .smart-label-wrapper .validator-msg+.phone-combined-input,
.smart-labels-active .smart-label-wrapper .validator-msg+input,
.smart-labels-active .smart-label-wrapper .validator-msg+select {
    margin-left: 0
}

.smart-labels-active .smart-label-wrapper label[for=phone] {
    display: block
}

.smart-labels-active .smart-label-wrapper .select-label {
    pointer-events: none
}

.smart-labels-active .smart-label-wrapper .form-group-tooltip {
    top: 50%
}

.js-validator-msg {
    margin-top: 5px
}

@media (min-width: 480px) {
    .js-validator-msg {
        margin-left: 175px
    }

    .compact-form .js-validator-msg,
    .no-indent .js-validator-msg,
    .no-label .js-validator-msg,
    .vote-form .js-validator-msg {
        margin-left: 0
    }
}

.user-action .js-validator-msg {
    text-align: left
}

.product-slider-holder {
    margin-left: auto;
    margin-right: auto;
    padding: 44px 0;
    position: relative;
    width: 100%
}

@media (max-width: 767px) {
    .product-slider-holder {
        padding: 22px 0
    }
}

.product-slider-holder.has-navigation {
    padding-left: 32px;
    padding-right: 32px
}

.product-slider-holder.has-navigation:hover .product-slider-navigation {
    opacity: 1
}

@media (max-width: 767px) {
    .product-slider-holder.has-navigation {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 992px) {

    .desktop.one-column-body.columns-1 .product-slider-holder,
    .desktop.one-column-body.columns-2 .product-slider-holder,
    .mobile.multiple-columns-body.columns-1 .product-slider-holder,
    .mobile.multiple-columns-body.columns-2 .product-slider-holder {
        width: 45.45455%
    }
}

@media (min-width: 1200px) {

    .desktop.one-column-body.columns-1 .product-slider-holder,
    .mobile.multiple-columns-body.columns-1 .product-slider-holder {
        width: 37.03704%
    }

    .desktop.one-column-body.columns-2 .product-slider-holder,
    .mobile.multiple-columns-body.columns-2 .product-slider-holder {
        width: 66.66667%
    }

    .desktop.multiple-columns-body.columns-1 .product-slider-holder {
        width: 50%
    }

    .desktop.multiple-columns-body.columns-2 .product-slider-holder {
        width: 100%
    }
}

.product-slider-holder .product-slider-pagination {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-top: 22px
}

@media (max-width: 767px) {
    .product-slider-holder .product-slider-pagination {
        margin-top: 0
    }
}

.product-slider-holder .product-slider-pagination .pagination-button {
    border: 0;
    border-radius: 23px;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 6px;
    line-height: 0;
    margin: 3px;
    outline: none;
    padding: 0;
    width: 30px;
}

.product-slider-holder .product-slider-navigation {
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 32px;
    line-height: 0;
    opacity: 0;
    outline: none;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 32px
}

.product-slider-holder .product-slider-navigation:before {
    font-size: 20px;
    height: 32px;
    width: 32px
}

.product-slider-holder .product-slider-navigation.navigation-prev {
    left: 0
}

.product-slider-holder .product-slider-navigation.navigation-prev:before {
    align-items: center;
    content: "\e90f";
    display: flex;
    justify-content: center
}

.product-slider-holder .product-slider-navigation.navigation-next {
    right: 0
}

.product-slider-holder .product-slider-navigation.navigation-next:before {
    align-items: center;
    content: "\e910";
    display: flex;
    justify-content: center
}

@media (max-width: 767px) {
    .product-slider-holder .product-slider-navigation {
        top: 25%
    }
}

.mobile .product-slider-holder .product-slider-navigation,
.product-slider-holder:hover .product-slider-navigation {
    opacity: 1
}

.product-slider {
    position: relative
}

.product-slider .products-block {
    margin: 0
}

@media (max-width: 767px) {
    .product-slider .products-block>div {
        padding: 5px
    }
}

.product-slider .price-standard-wrapper,
.product-slider .price-standard-wrapper+.price-save {
    display: none
}

.benefitBanner {
    margin: 20px auto;
    width: 100%
}

@media (min-width: 480px) {
    .benefitBanner {
        display: flex;
        flex-wrap: wrap;
        max-width: 100%
    }
}

.benefitBanner--homepage {
    max-width: 460px;
    padding: 0
}

.benefitBanner__item {
    align-items: center;
    display: flex;
    flex: 1 1 100%;
    margin-bottom: 15px;
    overflow: hidden
}

@media (min-width: 480px) {
    .benefitBanner__item {
        flex: 0 0 50%;
        width: 50%
    }
}

@media (min-width: 992px) {
    .benefitBanner__item {
        flex: 1 1 25%
    }
}

.benefitBanner__link {
    align-items: center;
    display: flex
}

.benefitBanner__link:hover {
    opacity: .8
}

.benefitBanner__picture {
    align-items: center;
    display: flex;
    flex: 0 0 75px;
    margin-right: 10px;
    max-width: 75px
}

.benefitBanner__picture:only-child {
    flex: 1 1 100%;
    max-width: 100%
}

.benefitBanner__content {
    overflow: hidden;
    padding-right: 10px;
    word-break: break-word
}

.benefitBanner__title {
    font-size: 1.1em;
    width: 100%
}

@media (min-width: 992px) {
    .multiple-columns-body .benefitBanner__item {
        flex: 1 1 50%
    }
}

@media (min-width: 1200px) {
    .multiple-columns-body .benefitBanner__item {
        flex: 1 1 25%
    }
}

@media (min-width: 992px) {
    .multiple-columns-body .position--benefitHomepage {
        flex-wrap: wrap
    }

    .multiple-columns-body .position--benefitHomepage .benefitBanner__item {
        flex: 1 1 33%
    }
}

.multiple-columns-body .position--benefitProduct {
    flex-wrap: wrap;
    width: 100%
}

@media (min-width: 992px) {
    .multiple-columns-body .position--benefitProduct .benefitBanner__item {
        flex: 1 1 33%
    }
}

.searchWhisperer {
    display: none;
    flex-wrap: wrap;
    left: 0;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    text-align: left;
    width: 100%;
    z-index: 1004;
}

.searchWhisperer.active {
    display: flex
}

@media (min-width: 768px) {
    .searchWhisperer {
        padding: 40px
    }
}

.searchWhisperer__products {
    flex-basis: 100%
}

@media (min-width: 768px) {
    .searchWhisperer__products {
        flex-basis: 33.3333%;
        flex-grow: 1;
        margin: 0 auto;
        order: 2
    }
}

.searchWhisperer__products__heading {
    display: none;
    font-size: 18px;
    margin-bottom: 11px;
    margin-top: 0
}

@media (min-width: 768px) {
    .searchWhisperer__products__heading {
        display: block
    }
}

.searchWhisperer__products__list {
    list-style: none;
    margin: 0;
    padding: 0
}

@media (min-width: 768px) {
    .searchWhisperer__products__list {
        display: flex;
        flex-wrap: wrap
    }
}

.searchWhisperer__products__listItem:nth-child(n+10) {
    display: none
}

@media (min-width: 768px) {
    .searchWhisperer__products__listItem {
        flex-basis: 33.3333%
    }
}

.searchWhisperer__products__listItem--large:nth-child(n+10) {
    display: block
}

.searchWhisperer__products__listItem--large:nth-child(n+13) {
    display: none
}

@media (min-width: 768px) {
    .searchWhisperer__products__listItem--large {
        flex-basis: 25%
    }
}

.searchWhisperer__product {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    padding: 5px 0;
    position: relative;
    text-decoration: none;
    width: 100%
}

@media (min-width: 768px) {
    .searchWhisperer__product {
        flex-direction: column;
        justify-content: space-between;
        padding: 5px;
        text-align: center
    }

    .searchWhisperer__product:hover .searchWhisperer__product__name {
        text-decoration: underline
    }

    .searchWhisperer__product:hover .searchWhisperer__product__name .product-appendix {
        color: inherit
    }
}

.searchWhisperer__product__image {
    max-width: 59px
}

@media (min-width: 768px) {
    .searchWhisperer__product__image {
        max-width: none
    }
}

.searchWhisperer__product__infoWrapper {
    padding-left: 10px
}

@media (min-width: 768px) {
    .searchWhisperer__product__infoWrapper {
        padding-left: 0
    }
}

.searchWhisperer__product__price {
    margin-left: auto;
    padding-left: 10px;
    text-align: right;
    white-space: nowrap
}

@media (min-width: 768px) {
    .searchWhisperer__product__price {
        margin-left: 0;
        margin-top: auto;
        padding-left: 0;
        text-align: center
    }
}

.searchWhisperer__additionalResults {
    flex-basis: 100%
}

@media (min-width: 768px) {
    .searchWhisperer__additionalResults {
        flex-basis: 260px;
        margin-right: 40px;
        order: 1;
        padding-right: 20px
    }

    .searchWhisperer__additionalResults:nth-child(2) {
        border-right-style: solid;
        border-right-width: 1px
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .searchWhisperer__additionalResults {
        flex-basis: 210px
    }
}

.searchWhisperer__additionalResults__heading {
    font-size: 18px;
    margin-bottom: 11px;
    margin-top: 22px
}

.searchWhisperer__additionalResults__heading:first-of-type {
    margin-top: 11px
}

@media (min-width: 768px) {
    .searchWhisperer__additionalResults__heading:first-of-type {
        margin-top: 0
    }
}

.searchWhisperer__additionalResults__list {
    list-style: none;
    margin: 0;
    padding: 0
}

.searchWhisperer__additionalResults__listItem:focus,
.searchWhisperer__additionalResults__listItem:hover {
    text-decoration: underline
}

.searchWhisperer__additionalResults__link {
    display: block;
    padding-bottom: 6px;
    padding-top: 6px
}

.searchWhisperer__buttonWrapper {
    align-items: center;
    display: flex;
    justify-content: center;
    order: 3;
    width: 100%
}

.searchWhisperer__buttonWrapper .btn.searchWhisperer__button {
    height: auto;
    padding: 10px 26px;
    position: static
}

.searchWhisperer__button {
    margin-top: 22px
}

.searchWhisperer__loaderWrapper {
    height: 100px;
    width: 100%
}

.searchWhisperer__content--empty {
    padding-top: 11px
}

@media (min-width: 768px) {
    .searchWhisperer__content--empty {
        padding-top: 0
    }
}

html.cookies-visible .siteCookies {
    display: none
}

.siteCookies {
    bottom: 0;
    color: var(--cookies-notice-color);
    font-size: 16px;
    left: 0;
    position: fixed;
    right: 0;
    transition: all .4s;
    z-index: 100000001
}

@media (min-width: 768px) {
    .siteCookies--top {
        background-color: var(--cookies-notice-background);
        bottom: auto;
        top: 0
    }

    .siteCookies--left {
        bottom: 30px;
        left: 30px;
        right: auto
    }

    .siteCookies--right {
        bottom: 30px;
        left: auto;
        right: 30px
    }

    .siteCookies--bottom {
        left: 50%;
        margin-left: -335px;
        width: 670px
    }

    .siteCookies--bottom.siteCookies--scrolled {
        background-color: var(--cookies-notice-background);
        box-shadow: 0 0 30px rgba(27, 25, 57, .5);
        left: 0;
        margin-left: 0;
        width: 100%
    }

    .siteCookies--bottom.siteCookies--scrolled .siteCookies__form {
        box-shadow: unset
    }

    .siteCookies--center {
        bottom: auto;
        left: 50%;
        right: auto;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 600px
    }
}

.siteCookies__form {
    background-color: var(--cookies-notice-background);
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    box-shadow: 0 0 30px rgba(27, 25, 57, .5);
    padding: 20px 15px 25px
}

@media (min-width: 768px) {
    .siteCookies__form {
        display: flex;
        margin: 0 auto;
        max-width: 670px;
        padding: 24px
    }

    .siteCookies--top .siteCookies__form {
        max-width: 800px
    }

    .siteCookies--left .siteCookies__form,
    .siteCookies--right .siteCookies__form {
        border-radius: 23px
    }

    .siteCookies--center .siteCookies__form {
        border-radius: 23px;
        flex-direction: column;
        position: relative
    }
}

.siteCookies__content {
    flex: 1
}

.siteCookies__text {
    line-height: 22px;
    margin-bottom: 16px
}

.siteCookies__text a,
.siteCookies__text p {
    color: var(--cookies-notice-color)
}

.siteCookies__text a {
    text-decoration: underline
}

.siteCookies__text a:hover {
    text-decoration: none
}

.siteCookies__text a:focus,
.siteCookies__text a:hover {
    color: var(--cookies-notice-color)
}

@media (min-width: 768px) {
    .siteCookies__text {
        margin-right: 30px
    }

    .siteCookies--center .siteCookies__text {
        margin-right: 0
    }
}

.siteCookies__links {
    margin-bottom: 16px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    .siteCookies__links {
        margin-bottom: 0;
        text-align: left
    }

    .siteCookies--center .siteCookies__links {
        bottom: 24px;
        max-width: 30%;
        position: absolute
    }
}

.siteCookies__link {
    background: none;
    border: 2px solid var(--cookies-notice-color);
    border-radius: 23px;
    color: var(--cookies-notice-color);
    display: block;
    font-weight: 700;
    line-height: 44px;
    padding: 0 15px;
    text-decoration: none;
    width: 100%
}

@media (hover: hover) {
    .siteCookies__link:hover {
        background: var(--cookies-notice-link-hover);
        color: #fff
    }
}

@media (min-width: 768px) {
    .siteCookies__link {
        display: inline-block;
        width: auto
    }
}

.siteCookies__buttonWrap {
    align-items: flex-start;
    display: flex;
    gap: 16px
}

@media (min-width: 768px) {
    .siteCookies--center .siteCookies__buttonWrap {
        align-self: flex-end;
        max-width: 67%
    }
}

.siteCookies__button {
    background-color: var(--color-secondary);
    border: 0;
    border-radius: 23px;
    color: var(--color-primary);
    display: block;
    font-weight: 700;
    line-height: 48px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.siteCookies__button:hover {
    background-color: var(--cookies-notice-button-hover);
    color: var(--cookies-notice-background)
}

@media (min-width: 768px) {
    .siteCookies__button:hover {
        opacity: .8
    }

    .siteCookies--center .siteCookies__button {
        margin: 0;
        width: auto
    }
}

@media (min-width: 992px) {
    .siteCookies__button {
        transition: all .4s
    }

    .siteCookies__button:hover {
        background-color: var(--cookies-notice-button-hover)
    }
}

#cboxContent.cookiesDialog {
    background-color: #f8fafb;
    border-radius: 8px
}

.template-14 #cboxContent.cookiesDialog .colorbox-html-content {
    border: 1px solid #e5e8ea
}

.template-14 #cboxContent.cookiesDialog #cboxClose {
    right: 2px;
    top: 2px
}

.cookiesSetting__form {
    padding: 10px
}

.cookiesSetting__title {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    line-height: 34px
}

.cookiesSetting__perex {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.cookiesSetting__item {
    border-bottom: 1px solid #e5e8ea;
    padding: 10px 0
}

@media (min-width: 768px) {
    .cookiesSetting__item {
        align-items: flex-start;
        display: flex;
        justify-content: space-between
    }
}

.cookiesSetting__item:last-child {
    border-bottom: 0
}

@media (min-width: 768px) {
    .cookiesSetting__item__col2 {
        margin-left: 10px
    }
}

.cookiesSetting__item__name {
    color: #000;
    font-size: 16px;
    line-height: 24px
}

.cookiesSetting__item__text {
    color: #000;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px
}

@media (min-width: 768px) {
    .cookiesSetting__item__text {
        margin-bottom: 0
    }
}

.cookiesSetting__item__status {
    border: 1px solid #e5e8ea;
    border-radius: 8px;
    display: block;
    font-size: 16px;
    margin: 20px 0;
    padding: 10px 20px 10px 35px;
    text-align: center;
    white-space: nowrap;
    width: 100%
}

.cookiesSetting__item__status:hover {
    background: #f8fafb;
    border: 1px solid #e5e8ea;
    color: #252525
}

@media (min-width: 768px) {
    .cookiesSetting__item__status {
        margin: 0;
        padding: 10px 15px
    }
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state {
    padding-left: 40px
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:before {
    left: 10px
}

.cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
    left: 12px
}

.template-07 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
    left: 13px
}

.template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after,
.template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state:after {
    left: 11px
}

.cookiesDialog #cboxClose {
    background-color: #f8fafb !important;
    border-radius: 8px
}

.cookiesSetting__data {
    background-color: #fff;
    border: 1px solid #e5e8ea;
    border-radius: 4px;
    padding: 0 20px
}

.cookiesSetting__bottom {
    text-align: center
}

@media (min-width: 768px) {
    .cookiesSetting__bottom {
        align-items: flex-start;
        display: flex;
        margin-top: 20px;
        text-align: left
    }
}

.cookiesSetting__uncheck {
    display: block;
    margin: 10px 0
}

@media (min-width: 768px) {
    .cookiesSetting__uncheck {
        flex: 1;
        margin: 0
    }
}

.cookiesSetting__uncheckLink {
    background-color: transparent;
    border: 2px solid #11111f;
    border-radius: 4px;
    color: #11111f;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 44px;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    width: 100%
}

.cookiesSetting__uncheckLink:hover {
    background: #e5e8ea;
    color: #383742
}

@media (min-width: 768px) {
    .cookiesSetting__uncheckLink {
        display: inline-block;
        text-align: left;
        width: auto
    }
}

.cookiesSetting__button {
    border: 0;
    border-radius: 4px;
    display: block;
    font-size: 16px;
    font-weight: 700;
    line-height: 48px;
    padding: 0 15px;
    width: 100%
}

.cookiesSetting__button,
.cookiesSetting__button:hover {
    background-color: #11111f;
    color: #fff
}

@media (min-width: 768px) {
    .cookiesSetting__button:hover {
        opacity: .9
    }

    .cookiesSetting__button {
        display: inline-block;
        width: auto
    }
}

.cookiesSetting__button--green {
    background-color: #007c47;
    margin-top: 10px
}

.cookiesSetting__button--green:hover {
    background-color: #007c47;
    color: #fff
}

@media (min-width: 768px) {
    .cookiesSetting__button--green {
        margin-left: 15px;
        margin-top: 0
    }
}

#cboxOverlay.siteAgreement {
    z-index: 100000002
}

#colorbox.siteAgreement {
    z-index: 100000003
}

@media (max-width: 767px) {
    #colorbox.cookiesDialogWrapper {
        top: 0 !important
    }
}

.social-buttons-wrapper {
    display: flex;
    position: relative
}

.social-buttons-wrapper .social-buttons {
    left: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 0
}

.social-buttons {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.social-buttons>div {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    padding-right: 5px;
    width: auto
}

.social-buttons>div iframe {
    vertical-align: middle
}

.social-buttons>div:last-child {
    padding-right: 0
}

.social-buttons>div:nth-last-child(2) {
    padding-right: 1em
}

.social-buttons>div.close-wrapper {
    flex-grow: 1;
    justify-self: flex-end;
    text-align: left;
    text-transform: uppercase
}

.social-buttons>div.addthis {
    padding-right: 0;
    width: 100%
}

.social-buttons.no-display {
    display: flex !important;
    opacity: 0;
    overflow: hidden;
    z-index: -1
}

.user-action .user-action-in>div {
    display: none
}

.cart-window-visible .user-action .user-action-in>div.user-action-cart,
.login-window-visible .user-action .user-action-in>div.user-action-login,
.search-window-visible .user-action .user-action-in>div.user-action-search {
    display: block
}

:where(body.ums_a11y_login--off) .register-window-visible .user-action .user-action-in>div.user-action-register {
    display: block
}

.popup-widget {
    position: fixed;
    z-index: 56
}

.popup-widget h2 {
    font-size: 20px;
    margin-bottom: 22px;
    margin-top: 0
}

@media (max-width: 991px) {
    .popup-widget {
        bottom: 0;
        left: 0;
        width: 100%
    }

    .popup-widget.cart-widget,
    .popup-widget.login-widget,
    .popup-widget.search-widget {
        top: 134px
    }
}

@media (min-width: 992px) {
    .popup-widget {
        bottom: auto;
        left: 50%;
        margin-left: -14px;
        max-height: 500px;
        padding-top: 18px;
        position: absolute;
        width: 500px
    }

    .popup-widget:before {
        border-left-style: solid;
        border-left-width: 1px;
        border-top-style: solid;
        border-top-width: 1px;
        box-shadow: none;
        content: "";
        height: 16px;
        position: absolute;
        top: 10px;
        transform: rotate(45deg);
        transition: right .3s ease-out;
        width: 16px;
        z-index: 1
    }

    .popup-widget.cart-widget {
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
        margin-top: 18px;
        padding-top: 0;
        top: 103px
    }

    .popup-widget.cart-widget:before {
        right: 35px
    }

    .admin-logged .popup-widget.cart-widget {
        top: 128px
    }

    .scrolled .template-10.admin-logged .popup-widget.cart-widget {
        top: 103px
    }

    .scrolled .popup-widget.cart-widget:before {
        right: 35px
    }

    .popup-widget.cart-widget:before {
        top: -9px
    }

    .ajax-pending .popup-widget.cart-widget:before {
        top: 50%
    }

    .popup-widget.search-widget {
        margin-left: -162.000324px;
        top: 86px;
        width: 648.000324px
    }

    .popup-widget.search-widget:before {
        right: 145px
    }

    .admin-logged .popup-widget.search-widget {
        top: 111px
    }

    .scrolled .template-10.admin-logged .popup-widget.search-widget {
        top: 86px
    }

    .scrolled .popup-widget.search-widget:before {
        right: 195px
    }

    .popup-widget.login-widget {
        top: 21px
    }

    .popup-widget.login-widget:before {
        right: 30px
    }

    .admin-logged .popup-widget.login-widget {
        top: 46px
    }

    .scrolled .template-10.admin-logged .popup-widget.login-widget {
        top: 21px
    }

    .scrolled .popup-widget.login-widget:before {
        right: 30px
    }
}

@media (min-width: 1200px) {
    .popup-widget {
        margin-left: 89px
    }

    .popup-widget.search-widget {
        margin-left: -196.333726px;
        width: 785.333726px
    }
}

@media (min-width: 1440px) {
    .popup-widget {
        margin-left: 209px
    }

    .popup-widget.search-widget {
        margin-left: -236.333806px;
        width: 945.333806px
    }
}

@media (min-width: 992px) and (min-height:800px) {
    .popup-widget.search-widget {
        max-height: 720px
    }
}

.popup-widget-inner {
    height: 100%;
    width: 100%
}

.cart-widget .popup-widget-inner+.cart-widget-button {
    display: none
}

.cart-widget .popup-widget-inner.full+.cart-widget-button {
    display: block
}

.login-widget .popup-widget-inner,
.search-widget .popup-widget-inner {
    padding: 20px
}

.popup-widget-inner .tooltip-inner {
    max-width: 130px
}

.popup-widget-inner .cart-widget-products {
    overflow: auto
}

@media (min-width: 992px) {
    .popup-widget-inner:not(.cart-widget-inner) {
        border-style: solid;
        border-width: 1px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, .16)
    }

    .popup-widget-inner .cart-widget-products {
        max-height: 320px
    }
}

@media (max-width: 991px) {
    .popup-widget-inner .cart-widget-products {
        height: calc(100% - 162px)
    }
}

.cart-widget-product {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: table;
    padding: 10px;
    table-layout: fixed;
    width: 100%
}

.cart-widget-product>div {
    display: table-cell;
    vertical-align: middle
}

.cart-widget-product>div.cart-widget-product-unit {
    display: table-cell
}

.cart-widget-product:last-child {
    border-bottom-style: none
}

.cart-widget-product-image {
    height: 59px;
    text-align: center;
    width: 76px
}

.cart-widget-product-image a {
    display: inline-block;
    height: 59px
}

.cart-widget-product-image img {
    max-height: 100%;
    width: auto
}

.cart-widget-product-amount,
.cart-widget-product-unit {
    padding-right: 10px
}

.cart-widget-product-amount {
    padding-left: 10px;
    padding-right: 10px;
    width: 70px
}

.cart-widget-product-unit {
    width: 40px
}

.cart-widget-product-name>strong {
    display: block
}

.cart-widget-product-name>span {
    font-weight: 700
}

.cart-widget-product .cart-widget-product-surcharges,
.cart-widget-product .cart-widget-product-variant {
    display: block;
    font-size: smaller;
    font-weight: 400
}

.cart-widget-product-delete {
    padding-left: 5px;
    width: 24px
}

.cart-widget-product-delete button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-size: 10px;
    height: 24px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    width: 24px
}

.cart-widget-product-delete button:before {
    content: "\e912"
}

.cart-widget-button {
    padding: 68px 0 0;
    text-align: center
}

@media (max-width: 991px) {
    .cart-widget-button {
        bottom: 0;
        left: 1px;
        position: absolute;
        right: 1px
    }
}

@media (min-width: 992px) {
    .cart-widget-button {
        position: relative
    }
}

.cart-free-shipping {
    bottom: 66px;
    display: table;
    height: 56px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3
}

.cart-free-shipping>div {
    display: table-cell;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle
}

.login-wrapper {
    padding-bottom: 20px;
    padding-top: 20px
}

.login-wrapper:after,
.login-wrapper:before {
    content: " ";
    display: table
}

.login-wrapper:after {
    clear: both
}

.login-wrapper .btn {
    float: right
}

.login-wrapper .btn:before {
    display: none
}

.login-wrapper .password-helper {
    float: left;
    width: 55%
}

.login-wrapper .password-helper a {
    clear: left;
    float: left
}

.login-wrapper .password-helper a+a {
    padding-top: 5px
}

#header {
    transition: height .3s ease-out
}

#header .container {
    height: auto;
    min-height: 40px
}

#header .container:after,
#header .container:before {
    content: " ";
    display: table
}

#header .container:after {
    clear: both
}

#header .site-name {
    font-weight: 400;
    margin: 0
}

#header .site-name a,
#header .site-name a span {
    display: block
}

#header .site-name a img {
    display: block;
    max-height: 100%;
    min-height: 72px;
}

#header .site-name a.text-logo {
    display: block;
    font-family: "Nata Sans", sans-serif;
    font-size: 14px;
    line-height: 100%;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-bottom: 4px;
    padding-left: 4px;
    padding-top: 4px;
    text-decoration: none
}

#header .site-name a.text-logo .header__title,
#header .site-name a.text-logo .motto {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis
}

#header .site-name a.text-logo small {
    display: block;
    font-size: 60%;
    font-weight: 100
}

#header .site-name:has(.text-logo) {
    flex-grow: 1;
    max-width: calc(100% - 130px)
}

@media (max-width: 767px) {
    #header .container {
        padding-left: 0;
        padding-right: 0
    }

    #header .site-name {
        padding-left: 10px
    }
}

@media (min-width: 480px) {
    #header .container {
        min-height: 60px
    }

    #header .site-name a img {
        max-height: 60px
    }

    #header .site-name a.text-logo {
        font-size: 18px
    }

    #header .site-name:has(.text-logo) {
        max-width: calc(100% - 190px)
    }
}

@media (min-width: 768px) {
    #header {
        min-height: 0
    }

    #header .container {
        min-height: 68px
    }

    #header .site-name img {
        max-height: 68px
    }

    #header .site-name a.text-logo {
        font-size: 24px
    }

    #header .site-name:has(.text-logo) {
        flex-basis: fit-content;
        flex-grow: 0;
        max-width: 420px;
        min-width: 200px;
        padding-right: 20px
    }
}

@media (min-width: 992px) {
    #header {
        background-position: top;
        background-repeat: no-repeat
    }

    #header .container {
        position: relative
    }
}

#footer a {
    text-decoration: none
}

#footer a:hover {
    text-decoration: underline
}

#footer .system-footer {
    display: flex;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px
}

@media (min-width: 768px) {
    #footer {
        display: block;
        padding-bottom: 22px;
        padding-top: 22px
    }

    #footer .footer-left {
        width: 66.666666%
    }

    #footer .footer-right {
        text-align: right;
        width: 33.333333%
    }

    #footer .footer-right .social-icons {
        display: inline-block;
        margin-left: 1ex
    }

    #footer .system-footer {
        align-items: center;
        flex-direction: row
    }

    #footer .system-footer .footer-left {
        order: unset
    }

    #footer .system-footer .footer-right {
        order: unset;
        text-align: right
    }

    #footer .system-footer p {
        margin-bottom: 0
    }
}

.footer-bottom {
    padding-bottom: 11px;
    padding-top: 11px;
    text-align: center
}

.footer-bottom:after,
.footer-bottom:before {
    content: " ";
    display: table
}

.footer-bottom:after {
    clear: both
}

@media (min-width: 768px) {
    .footer-bottom {
        text-align: left
    }
}

.custom-footer {
    padding-top: 22px
}

.custom-footer>div {
    padding-bottom: 22px
}

@media (min-width: 768px) {

    .custom-footer.elements-4>div:nth-child(odd),
    .custom-footer.elements-6>div:nth-child(odd),
    .custom-footer.elements-many>div:nth-child(odd) {
        clear: both
    }
}

@media (min-width: 1200px) {

    .custom-footer.elements-4>div:nth-child(odd),
    .custom-footer.elements-6>div:nth-child(odd) {
        clear: none
    }

    .custom-footer.elements-6>div:nth-child(3n+1) {
        clear: both
    }

    .custom-footer.elements-many>div:nth-child(odd) {
        clear: none
    }

    .custom-footer.elements-many>div:nth-child(4n+1) {
        clear: both
    }
}

#signature {
    float: right;
    margin-left: 20px;
    width: 100%
}

#signature a {
    display: inline-block;
    text-decoration: none
}

#signature a.image {
    margin-right: 1ex
}

#signature a.image img {
    height: auto;
    width: 18px
}

@media (min-width: 768px) {
    #signature {
        width: auto
    }
}

.top-navigation-bar {
    display: none
}

@media (min-width: 768px) {
    .top-navigation-bar {
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-style: solid;
        border-top-width: 1px;
        display: block;
        font-size: 10px
    }
}

.top-navigation-bar .container {
    align-items: center;
    display: flex
}

.top-navigation-bar .container>div.top-navigation-menu {
    flex: 1 1 calc(100% - 550px) !important;
}

.top-navigation-bar .container>div.top-navigation-tools {
    flex: 1 1 550px !important;
    height: 36px;
}

.top-navigation-bar .top-navigation-tools {
    align-items: center;
    display: flex;
    justify-content: flex-end;
    background-color: #25F45B;
    margin-right: calc((100vw - 100%) / -2);
    padding-right: calc((100vw - 100%) / 2);
}

.top-navigation-bar .dropdown {
    align-items: center;
    display: flex;
    height: 25px;
    margin-right: 20px
}

.top-navigation-bar .dropdown>span {
    display: none
}

.top-navigation-bar .dropdown button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    position: relative;
    color: white;
    background-color: #6c00ff !important;
    border-radius: 9px;
    padding-left: 15px;
    padding-right: 20px !important;
}

.top-navigation-bar .dropdown .dropdown-menu {
    left: auto;
    right: -10px
}

.top-navigation-bar .dropdown .caret {
    border: 0;
    font-size: 10px
}

.top-navigation-bar .dropdown .caret:before {
    content: "\e90e";
    height: 14px;
    line-height: 15px;
    margin-top: -7px;
    position: absolute;
    right: 8px;
    top: 50%;
    width: 14px
}

.top-navigation-menu {
    display: none;
    flex-wrap: nowrap;
    height: 36px;
    justify-content: flex-start;
    overflow: hidden;
    padding-right: 105px;
    position: relative;
    white-space: nowrap
}

@media (min-width: 768px) {
    .top-navigation-menu {
        display: block
    }
}

.top-navigation-menu-visible .top-navigation-menu {
    overflow: visible;
    white-space: normal
}

.dropdown-menu,
.top-navigation-bar-menu,
.top-navigation-bar-menu-helper,
.top-navigation-tools {
    list-style-type: none;
    margin: 0;
    padding: 0;
    top: 25px
}

.dropdown-menu a,
.top-navigation-bar-menu a,
.top-navigation-bar-menu-helper a,
.top-navigation-tools a {
    display: block;
    margin: 0;
    padding: 4px 20px
}

.dropdown-menu a b,
.top-navigation-bar-menu a b,
.top-navigation-bar-menu-helper a b,
.top-navigation-tools a b {
    font-weight: 400
}

:where(body.ums_a11y_login--off) .top-navigation-bar .top-nav-button-account,
:where(body.ums_a11y_login--off) .top-navigation-bar .top-nav-button-login {
    display: none
}

@media (min-width: 768px) {

    :where(body.ums_a11y_login--off) .top-navigation-bar .top-nav-button-account,
    :where(body.ums_a11y_login--off) .top-navigation-bar .top-nav-button-login {
        display: inline
    }
}

:where(body.ums_a11y_login--on) .top-nav-button-account,
:where(body.ums_a11y_login--on) .top-nav-button-login,
:where(body.ums_a11y_login--on) .top-nav-button-logout,
:where(body.ums_a11y_login--on) .top-nav-button-register {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: 0;
    display: block;
    margin: 0;
    padding: 4px 20px
}

:where(body.ums_a11y_login--on) .top-nav-button-account:before,
:where(body.ums_a11y_login--on) .top-nav-button-login:before,
:where(body.ums_a11y_login--on) .top-nav-button-logout:before,
:where(body.ums_a11y_login--on) .top-nav-button-register:before {
    display: none
}

@media (min-width: 768px) {

    :where(body.ums_a11y_login--on) .top-nav-button-account,
    :where(body.ums_a11y_login--on) .top-nav-button-login,
    :where(body.ums_a11y_login--on) .top-nav-button-logout,
    :where(body.ums_a11y_login--on) .top-nav-button-register {
        display: inline
    }
}

:where(body.ums_a11y_login--on) .top-nav-button-account {
    display: none
}

@media (min-width: 768px) {
    :where(body.ums_a11y_login--on) .top-nav-button-account {
        display: inline
    }
}

.top-navigation-bar-menu {
    float: left
}

.top-navigation-bar-menu li {
    display: inline-block
}

.top-navigation-bar-menu li.cropped {
    display: none
}

.top-navigation-bar-menu li:first-child a {
    padding-left: 0
}

.dropdown-menu,
.top-navigation-bar-menu-helper {
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .16);
    display: none;
    position: absolute;
    text-align: left;
    z-index: 1100
}

.dropdown-menu li a,
.top-navigation-bar-menu-helper li a {
    position: relative
}

.dropdown-menu li a:before,
.top-navigation-bar-menu-helper li a:before {
    border-radius: 50%;
    content: "";
    height: 4px;
    left: 8px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 4px
}

.languagesMenu .languagesMenu__header {
    padding-right: 10px
}

.languagesMenu .caret {
    border: 0;
    font-size: 10px
}

.languagesMenu .caret:before {
    content: "\e90e";
    height: 14px;
    line-height: 15px;
    margin-top: -7px;
    position: absolute;
    right: .25em;
    top: 50%;
    width: 14px
}

.languagesMenu ul {
    border-style: solid;
    border-width: 1px
}

.languagesMenu ul li a {
    position: relative
}

.languagesMenu ul li a.languagesMenu__list__link--currency:before {
    border-radius: 50%;
    content: "";
    height: 4px;
    margin-right: 5px;
    margin-top: -2px;
    width: 4px
}

.languagesMenu__box.open .caret:before {
    content: "\e911"
}

.top-navigation-menu-visible .top-navigation-bar-menu-helper {
    display: block;
    left: auto;
    right: 0
}

.top-navigation-menu-trigger {
    align-items: center;
    cursor: pointer;
    display: none;
    float: left;
    margin-right: -105px;
    padding: 4px 20px
}

.top-navigation-menu-trigger:lang(ro) {
    padding-right: 0
}

.top-navigation-menu-trigger:after {
    content: "\e90e";
    font-size: 10px;
    margin-top: 2px;
    text-align: center;
    transition: color .3s ease-out;
    width: 25px
}

.top-navigation-menu-visible .top-navigation-menu-trigger:after {
    content: "\e911"
}

.top-menu-trigger-visible .top-navigation-menu-trigger {
    display: flex
}

.responsive-tools {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 12px;
    padding-top: 12px
}

.responsive-tools>a {
    height: 40px;
    padding: 4px;
    text-align: center;
    width: 40px
}

.responsive-tools>a:before {
    content: "\e914";
    font-size: 18px;
    line-height: 32px;
    width: 32px
}

.responsive-tools>a[data-target=navigation] {
    position: absolute;
    right: 16px;
    z-index: 2
}

.responsive-tools>a[data-target=navigation]:before {
    border-radius: 50%;
    font-size: 14px
}

.responsive-tools>a[data-target=login]:before {
    content: "\e922"
}

.responsive-tools>a[data-target=search]:before {
    content: "\e920"
}

.ordering-process .responsive-tools>a[data-target=navigation] {
    height: 60px;
    line-height: 52px;
    position: fixed;
    right: 0;
    top: 0;
    width: 60px
}

.ordering-process .responsive-tools>a[data-target=navigation]:before {
    vertical-align: middle
}

@media (min-width: 768px) {
    .responsive-tools {
        display: none
    }
}

.p-switchable .inactive {
    display: none
}

.p-switchable .p {
    margin-bottom: 0
}

.p-switchable .p .p-bottom.single-button {
    padding-bottom: 16px;
    padding-right: 66px
}

@media (min-width: 992px) and (max-width:1199px) {
    .p-switchable .p {
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .p-switchable .p .name {
        height: 52px;
        overflow: hidden
    }
}

.products-block .p {
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    position: relative;
    transition: border-color .3s ease-out
}

.products-block .p>a {
    display: block;
    position: relative;
    text-decoration: none
}

.products-block .p>a img {
    display: block;
    margin-bottom: 11px;
    margin-left: auto;
    margin-right: auto
}

.products-block .p>a:after {
    content: "\e90c";
    float: none;
    font-size: 48px;
    font-weight: 300;
    left: 50%;
    line-height: 48px;
    margin-left: -24px;
    margin-top: -24px;
    padding-top: 0;
    position: absolute;
    top: 50%;
    transition: color .3s ease-out;
    z-index: 1
}

.products-block .p>a:hover img {
    opacity: .2;
    transition: opacity .3s ease-out
}

.products-block .p .name {
    display: block;
    line-height: 1.4;
    margin-top: 11px;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none;
    text-transform: uppercase
}

.products-block .p .name:hover {
    text-decoration: underline
}

.products-block .p.swap-images>a:after {
    content: ""
}

.products-block .p.swap-images>a:hover img {
    opacity: 1
}

.products-block .p-code {
    display: block;
    font-size: smaller;
    position: absolute;
    right: 10px;
    top: 0
}

.products-block .flags-inline .flag {
    clear: both
}

.products-block .p-bottom {
    padding: 16px 16px 80px
}

.products-block .p-bottom .prices {
    line-height: 1.4
}

.products-block .p-bottom .price-additional,
.products-block .p-bottom .price-save,
.products-block .p-bottom .price-standard-wrapper {
    font-size: smaller
}

.products-block .p-bottom>div:after,
.products-block .p-bottom>div:before {
    content: " ";
    display: table
}

.products-block .p-bottom>div:after {
    clear: both
}

.products-block .p-bottom>div .p-tools {
    bottom: 0;
    font-size: 0;
    position: absolute;
    right: 0
}

.products-block .p-bottom>div .p-tools a,
.products-block .p-bottom>div .p-tools form {
    vertical-align: middle
}

.products-block .p-bottom>div .p-tools .btn {
    border-bottom-style: none
}

.products-block .p-bottom>div .p-tools .btn:not(.btn-cart) {
    padding-left: 11px;
    padding-right: 11px
}

.products-block .p-bottom>div .p-tools>.btn:last-child {
    border-right-style: none
}

.products-block .p-bottom>div .p-tools .btn-cart {
    position: relative;
    vertical-align: middle;
    z-index: 1
}

.products-block .p-bottom>div .p-tools form {
    display: inline-block
}

.products-block .p-bottom>div .p-tools form+a {
    margin-left: -1px
}

.products-block .p-bottom .p-desc {
    margin-bottom: 0
}

.products-block .p-bottom .pr-list-unit {
    font-size: 1.125rem;
    font-weight: 400
}

.products-block .p-bottom.single-button>div .p-tools form .btn {
    border-right-style: none
}

@media (min-width: 768px) and (max-width:991px) {
    .products-block .quantity {
        display: none
    }
}

@media (min-width: 768px) {
    .products-block {
        margin-left: -10px;
        margin-right: -10px
    }

    .products-block>div .p {
        margin-bottom: 0
    }

    .products-block>div .p .name {
        height: 52px;
        overflow: hidden
    }

    .products-block>div .p .p-bottom.single-button .prices {
        bottom: 16px;
        left: 16px;
        position: absolute
    }

    .products-block.big .p.big {
        align-items: flex-end;
        display: flex;
        flex-wrap: wrap
    }

    .products-block.big .p.big>a:before {
        padding-top: 0
    }

    .products-block.big .p.big .image {
        width: 100%
    }

    .products-block.big .p.big .name {
        font-size: 40px;
        height: auto
    }

    .products-block.big .p.big .p-bottom {
        padding-bottom: 16px
    }

    .products-block.big .p.big .p-bottom .prices {
        position: static
    }
}

@media (min-width: 1440px) {
    .products-block .p .p-bottom .p-tools .btn.btn-cart {
        height: 73px;
        width: 73px
    }

    .products-block .p .p-bottom .p-tools .btn.btn-cart:before {
        font-size: 40px
    }

    .products-block .p .p-bottom .p-tools .btn.btn-primary {
        line-height: 45px
    }

    .products-block .p.big .p-bottom {
        padding-bottom: 16px;
        width: 100%
    }
}

@media (min-width: 321px) and (max-width:767px) {
    .columns-mobile-2 .products-block>div .quantity {
        display: none
    }

    .columns-mobile-2 .products-block>div .p {
        height: 100%;
        margin-bottom: 0
    }

    .columns-mobile-2 .products-block>div .p a img {
        margin-bottom: 0
    }

    .columns-mobile-2 .products-block>div .p .p-code {
        display: none
    }

    .columns-mobile-2 .products-block>div .flags-extra {
        text-align: center
    }

    .columns-mobile-2 .products-block>div .flags-extra .flag {
        border-radius: 0;
        flex: 1 1 100%;
        flex-direction: row;
        float: none;
        height: auto;
        margin: 0;
        min-width: 100%;
        padding: 3px
    }

    .columns-mobile-2 .products-block>div .flags-extra .flag .icon-van {
        font-size: 14px;
        margin-left: 3px;
        margin-right: 5px
    }

    .columns-mobile-2 .products-block>div .p-tools {
        align-items: center;
        display: flex
    }

    .columns-mobile-2 .products-block>div .inner {
        display: flex;
        flex-wrap: wrap
    }

    .columns-mobile-2 .products-block>div .inner .descr {
        align-self: flex-end
    }
}

.p-detail-tabs-wrapper {
    border-top-style: solid;
    border-top-width: 1px;
    clear: both;
    margin-bottom: 22px;
    margin-top: 22px;
    padding-top: 22px;
    position: relative
}

@media (min-width: 1200px) {
    .p-detail-tabs-wrapper {
        margin-top: 0
    }

    .wide .p-detail-tabs-wrapper {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1440px) {
    .wide .p-detail-tabs-wrapper {
        border-top: 0;
        padding-left: 200px;
        padding-right: 200px
    }

    .wide .p-detail-tabs-wrapper:before {
        content: "";
        display: block;
        height: 1px;
        line-height: 0;
        overflow: hidden;
        position: relative;
        top: -22px
    }
}

.p-intro {
    text-align: center
}

.p-intro,
.p-intro .desc,
.p-intro .h1 {
    margin-bottom: 36.666652px
}

@media (min-width: 768px) {
    .narrow .p-intro {
        display: none
    }

    .wide .p-intro .btn {
        display: inline-block;
        vertical-align: middle
    }

    .wide .p-intro .p-final-price-wrapper {
        align-items: center;
        display: inline-flex;
        justify-content: center;
        width: 90%
    }
}

.p-intro .p-final-price-wrapper>strong {
    display: inline-block;
    line-height: 60px;
    vertical-align: middle
}

@media (min-width: 480px) {
    .p-intro .p-final-price-wrapper>strong {
        padding-right: 20px
    }
}

.p-image-wrapper {
    position: relative
}

@media (min-width: 1200px) {
    .wide .p-image-wrapper {
        margin-left: -80px;
        margin-right: -80px
    }
}

@media (min-width: 1440px) {
    .wide .p-image-wrapper {
        margin-left: -200px;
        margin-right: -200px
    }
}

.p-image-wrapper .flags-default {
    left: 0;
    top: 0;
    z-index: 1
}

.image360 a,
.p-image a {
    display: block
}

.image360 a img,
.p-image a img {
    display: block;
    margin: 0 auto
}

@media (min-width: 768px) {

    .image360,
    .p-image {
        border-style: solid;
        border-width: 1px;
        margin-bottom: -1px;
        padding-bottom: 22px
    }

    .wide .image360,
    .wide .p-image {
        border-left-style: none;
        border-right-style: none;
        border-top-style: none;
        min-height: 330px
    }

    .wide .image360 img,
    .wide .p-image img {
        max-height: 768px;
        width: auto
    }
}

@media (min-width: 1200px) {

    .wide .image360,
    .wide .p-image {
        min-height: 415px
    }
}

@media (min-width: 1440px) {

    .wide .image360,
    .wide .p-image {
        border-bottom: 0
    }

    .wide .image360:after,
    .wide .p-image:after {
        content: "";
        display: block;
        height: 1px;
        line-height: 0;
        margin: 0 auto;
        max-width: 270px;
        overflow: hidden
    }
}

.p-final-price-wrapper {
    text-align: left
}

.p-final-price-wrapper>strong {
    display: block;
    font-size: 32px;
    font-weight: 900;
    line-height: 1
}

@media (min-width: 480px) and (max-width:767px) {
    .p-final-price-wrapper {
        float: left;
        text-align: left;
        width: 50%
    }

    .p-intro .p-final-price-wrapper {
        display: flex;
        float: none;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .p-intro .p-final-price-wrapper .add-to-cart {
        width: auto
    }
}

@media (min-width: 768px) {
    .p-final-price-wrapper {
        float: left;
        line-height: 60px
    }

    .wide .p-final-price-wrapper {
        width: 40%
    }
}

.p-intro .p-final-price-wrapper--express-checkout {
    -moz-column-gap: 20px;
    column-gap: 20px
}

.p-intro .p-final-price-wrapper--express-checkout .price-final {
    padding-right: 0;
    white-space: nowrap;
    width: 100%
}

@media (min-width: 992px) {
    .p-intro .p-final-price-wrapper--express-checkout .price-final {
        width: auto
    }
}

@media (min-width: 480px) and (max-width:991px) {
    .p-intro .p-final-price-wrapper--express-checkout {
        align-items: center;
        flex-direction: column
    }
}

@media (min-width: 768px) {
    .p-intro .p-final-price-wrapper--express-checkout {
        width: 90%
    }
}

.add-to-cart.add-to-cart--express-checkout-upper {
    flex-flow: column wrap;
    gap: 10px;
    padding-top: 6px;
    width: -moz-fit-content;
    width: fit-content
}

.p-intro .add-to-cart.add-to-cart--express-checkout-upper {
    display: inline-flex
}

.add-to-cart.add-to-cart--express-checkout-upper .btn {
    width: 100%
}

@media (min-width: 768px) {
    .add-to-cart.add-to-cart--express-checkout-upper .btn {
        width: auto
    }

    .add-to-cart.add-to-cart--express-checkout-upper {
        flex-direction: row
    }
}

@media (min-width: 992px) {
    .add-to-cart.add-to-cart--express-checkout-upper {
        padding-top: 0
    }
}

.wide .price.price--express-checkout {
    flex-flow: row wrap
}

.add-to-cart {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 0;
    padding-top: 6px;
    text-align: right
}

.add-to-cart .btn {
    vertical-align: middle
}

@media (min-width: 480px) and (max-width:767px) {
    .add-to-cart {
        float: left;
        padding-top: 0;
        width: 50%
    }
}

@media (min-width: 768px) {
    .add-to-cart {
        float: left;
        padding-top: 0;
        text-align: left
    }
}

.add-to-cart--express-checkout {
    align-items: flex-start;
    flex-direction: column
}

@media (min-width: 480px) and (max-width:767px) {
    .add-to-cart--express-checkout {
        width: 100%
    }
}

@media (min-width: 480px) {
    .add-to-cart--express-checkout {
        flex-flow: row wrap;
        gap: 10px
    }

    .wide .add-to-cart--express-checkout {
        width: 100%
    }
}

@media (min-width: 768px) {
    .wide .add-to-cart--express-checkout {
        margin-top: 20px
    }
}

.price--express-checkout .add-to-cart--express-checkout .quantity {
    border-style: solid
}

.add-to-cart__quantity-label {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .add-to-cart__quantity-label {
        display: none
    }
}

.add-to-cart__buttons-wrapper {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    margin-top: 10px;
    width: 100%
}

@media (min-width: 480px) {
    .add-to-cart__buttons-wrapper {
        gap: 10px;
        grid-template-columns: 1fr 1fr;
        margin-top: 0;
        width: auto
    }
}

.p-intro .add-to-cart {
    justify-content: center;
    text-align: center
}

.p-intro .p-final-price-wrapper {
    text-align: center
}

@media (min-width: 768px) {

    .p-intro .add-to-cart,
    .p-intro .p-final-price-wrapper {
        float: none
    }

    .p-intro .add-to-cart {
        display: inline-block;
        text-align: center
    }

    .p-detail-inner>.pr-action {
        padding-bottom: 22px
    }
}

@media (min-width: 1200px) {
    .wide .p-detail-inner>.pr-action {
        padding-left: 80px;
        padding-right: 80px
    }
}

@media (min-width: 1440px) {
    .wide .p-detail-inner>.pr-action {
        padding-left: 200px;
        padding-right: 200px
    }
}

.p-details-bottom {
    clear: both
}

.narrow .wide-visible {
    display: none
}

@media (max-width: 767px) {

    .narrow .p-details-wrapper .wide-visible,
    .narrow .p-thumbnails-wrapper.wide-visible {
        display: block
    }
}

@media (min-width: 1440px) {

    .narrow .p-detail form:after,
    .narrow .p-detail form:before {
        content: " ";
        display: table
    }

    .narrow .p-detail form:after {
        clear: both
    }

    .narrow .p-info-wrapper {
        float: left;
        padding-right: 20px;
        width: 33.333333%
    }

    .narrow .p-image-wrapper {
        float: right;
        width: 66.666666%
    }
}

.wide .narrow-visible {
    display: none
}

@media (min-width: 768px) {
    .wide .p-detail {
        position: relative;
        transition: all .3s ease-out
    }

    .wide .p-detail .flags {
        left: 105px;
        top: 0
    }

    .wide .p-detail .p-switchable .flags {
        left: 0
    }
}

@media (min-width: 1200px) {

    .wide .p-details-bottom,
    .wide .p-info-wrapper {
        float: left;
        padding-top: 11px;
        width: 50%
    }

    .wide .p-info-wrapper {
        padding-right: 20px
    }

    .wide .p-details-bottom {
        clear: none
    }
}

.p-details .narrow-visible,
.p-details h1 {
    display: none
}

.p-details select {
    width: 100%
}

.p-details .price {
    clear: both;
    padding-top: 11px;
    text-align: right
}

.p-details .price:after,
.p-details .price:before {
    content: " ";
    display: table
}

.p-details .price:after {
    clear: both
}

@media (min-width: 768px) {
    .p-details .price {
        align-items: center;
        display: flex;
        text-align: left
    }

    .narrow .p-details .narrow-visible,
    .narrow .p-details h1 {
        display: block
    }

    .narrow .p-details .price {
        justify-content: center
    }

    .narrow .p-details .price table.detail-parameters {
        text-align: right
    }

    .narrow .p-details .price--express-checkout {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: flex-start
    }

    .narrow .p-details .price--express-checkout:before {
        display: none
    }

    .narrow .p-details .price--express-checkout table.detail-parameters {
        text-align: left
    }

    .narrow .p-details .add-to-cart,
    .narrow .p-details .p-final-price-wrapper {
        display: inline-block;
        float: none;
        vertical-align: middle
    }

    .narrow .p-details .p-final-price-wrapper {
        text-align: right
    }

    .narrow .p-details .add-to-cart {
        margin-left: 20px
    }

    .narrow .p-details .add-to-cart .amount {
        text-align: right
    }

    .narrow .p-details .add-to-cart--express-checkout {
        display: flex;
        gap: 10px;
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .narrow .p-details .price--express-checkout {
        justify-content: center
    }
}

.p-share {
    margin-bottom: 22px;
    text-align: center
}

@media (min-width: 768px) {
    .p-share {
        text-align: left
    }
}

@media (min-width: 992px) {
    .wide-visible .p-share {
        text-align: right
    }
}

@media (min-width: 768px) {
    .wide .p-share {
        margin-bottom: 0;
        position: absolute;
        right: 0;
        top: 0
    }

    .wide .p-share a {
        display: block;
        margin-bottom: 1px
    }
}

.rating>div {
    padding-bottom: 22px
}

ul.social-buttons {
    margin: 44px 0 0;
    padding: 0
}

ul.social-buttons li {
    display: inline-block
}

.price-additional {
    display: block
}

.price-standard {
    margin-right: 5px
}

table.detail-parameters tbody tr td,
table.detail-parameters tbody tr th {
    line-height: 1.444;
    padding-bottom: 14px;
    padding-top: 14px
}

table.detail-parameters tbody tr td.prices,
table.detail-parameters tbody tr th.prices {
    line-height: 1.2;
    padding-bottom: 0;
    padding-top: 0
}

table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID, .advanced-parameter)) {
    padding-bottom: 0;
    padding-top: 0
}

table.detail-parameters tbody tr th {
    min-width: 190px;
    padding-right: 8px;
    text-transform: uppercase;
    width: 40%
}

.one-column-body table.detail-parameters tbody tr th {
    min-width: 205px
}

table.detail-parameters tbody tr th .shipping-options {
    font-weight: 400;
    text-transform: none
}

@media (max-width: 767px) {

    table.detail-parameters tbody tr td,
    table.detail-parameters tbody tr th {
        display: block;
        padding-bottom: 3px;
        padding-top: 3px;
        width: auto
    }

    table.detail-parameters tbody tr td {
        margin-bottom: 11px
    }

    table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID)) {
        padding-bottom: 0;
        padding-top: 0
    }

    table.detail-parameters tbody tr td:has(:where(.no-display:only-child)) {
        margin-bottom: 0
    }
}

table.detail-parameters select {
    padding-bottom: 5px;
    padding-top: 5px
}

table.detail-parameters a {
    text-decoration: none
}

table.detail-parameters a:hover {
    text-decoration: underline
}

@media (min-width: 992px) {
    table.detail-parameters {
        float: left;
        width: 50%
    }

    table.detail-parameters.first td {
        padding-right: 10px
    }

    .price table.detail-parameters {
        float: none;
        margin-bottom: 0;
        width: 100%
    }

    .wide table.detail-parameters {
        float: none;
        width: 100%
    }
}

.price table.detail-parameters {
    font-size: 13px
}

.availability-label {
    margin-left: -3px;
    padding-left: 3px;
    padding-right: 3px
}

.availability-label[style] {
    color: #fff
}

td .availability-label {
    padding-left: 0;
    padding-right: 0
}

.availability-amount {
    white-space: nowrap
}

.flags {
    left: -40px;
    position: absolute;
    top: 15px;
}

.p:hover .flag {
    filter: alpha(opacity=0);
    opacity: 0
}

.variant-table .quantity {
    display: none
}

.cofidis-wrap {
    margin-bottom: 20px;
    text-align: center
}

@media (min-width: 768px) {
    .cofidis-wrap {
        text-align: left
    }

    .narrow .cofidis-wrap {
        margin-right: 20px
    }
}

#hce-product-cert {
    display: flex;
    max-width: 100%
}

.p-gifts-wrapper {
    padding-top: 11px
}

.p-gifts-heading {
    font-weight: 700;
    line-height: 3;
    text-transform: uppercase
}

.p-gift {
    align-items: center;
    display: flex;
    margin-bottom: 6px
}

.p-gift:last-child {
    margin-bottom: 0
}

.p-gift-image {
    flex-shrink: 0;
    width: 76px
}

.p-gift-name {
    margin-left: 20px
}

.xyDiscount__banner {
    align-items: center;
    border-style: solid;
    border-width: 1px;
    display: flex;
    font-size: 16px;
    gap: 12px;
    margin-top: 22px;
    padding: 12px;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 768px) {
    .xyDiscount__banner {
        font-size: 16px;
        gap: 11px;
        padding: 11px
    }
}

.xyDiscount__icon {
    align-self: flex-start;
    border-radius: 50%;
    padding: 6px
}

.xyDiscount__icon:before {
    font-size: 20px;
    line-height: 1
}

.xyDiscount__title {
    font-size: 18px;
    font-weight: 700
}

.xyDiscount__description {
    line-height: 1.4;
    margin-top: 6px
}

.xyDiscount__description p {
    margin-bottom: 6px
}

.xyDiscount__description>:last-child {
    margin-bottom: 3px
}

.xyDiscount__conditions {
    margin-top: 6px
}

.xyDiscount__conditions a {
    text-decoration: underline
}

.xyDiscount__conditions a:hover {
    text-decoration: none
}

.id--16 #formSearchForm,
.id--16 .header-bottom #navigation,
.id--16 .navigation-buttons,
.id--16 .navigation-buttons a[data-target=navigation],
.id--17 #formSearchForm,
.id--17 .header-bottom #navigation,
.id--17 .navigation-buttons,
.id--17 .navigation-buttons a[data-target=navigation] {
    display: none
}

.id--16 .header-bottom,
.id--17 .header-bottom {
    height: 0
}

.cart-emptied .cart-header {
    display: none
}

@media (min-width: 768px) {
    .cart-emptied .cart-heading {
        margin-top: 0
    }
}

.ordering-process .content-wrapper {
    padding-bottom: 44px;
    padding-top: 0
}

.ordering-process .btn.btn-conversion,
.ordering-process a.btn.btn-conversion {
    font-size: 20px;
    font-weight: 900;
    text-transform: none
}

.cart-inner {
    display: flex;
    flex-flow: column
}

@media (max-width: 991px) {
    .cart-inner {
        padding: 0 20px 20px
    }

    .cart-inner.cart-empty .cart-content {
        margin-bottom: 22px
    }
}

.cart-inner .cart-table {
    order: 1
}

.cart-inner .free-gift {
    order: 2
}

.cart-inner .delivery-time {
    order: 3
}

.cart-inner .summary {
    order: 4
}

.cart-inner .next-step {
    order: 5
}

ol.cart-header {
    display: flex;
    justify-content: center;
    list-style: none;
    padding: 0
}

@media (max-width: 991px) {
    ol.cart-header {
        margin-bottom: 33px
    }
}

ol.cart-header li {
    display: block;
    padding: 0 10px;
    position: relative;
    text-align: center;
    width: 25%
}

@media (max-width: 991px) {
    ol.cart-header li {
        width: 33.3%
    }
}

ol.cart-header li a:before,
ol.cart-header li strong:before {
    align-items: center;
    border-radius: 50%;
    border-style: solid;
    border-width: 1px;
    content: counter(steps);
    counter-increment: steps;
    display: flex;
    display: block;
    font-size: 16px;
    height: 40px;
    justify-content: center;
    line-height: 38px;
    margin: 0 auto 10px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 2
}

@media (max-width: 991px) {

    ol.cart-header li a:before,
    ol.cart-header li strong:before {
        margin: 0 auto 5px
    }
}

ol.cart-header li a span:after,
ol.cart-header li strong span:after {
    border-top-style: solid;
    border-top-width: 1px;
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 20px;
    width: 100%;
    z-index: 1
}

ol.cart-header li strong {
    font-weight: 400
}

ol.cart-header li:last-child a span:after,
ol.cart-header li:last-child strong span:after {
    display: none
}

ol.cart-header .completed a span {
    text-decoration: underline
}

ol.cart-header .completed a span:before {
    text-decoration: none
}

.cart-table {
    margin: 0
}

.cart-table tr td.cart-p-image {
    padding-right: 15px
}

.cart-table .p-name {
    padding-left: 0
}

.cart-table .p-name div {
    padding-top: 1ex
}

.cart-table .p-name a:hover {
    text-decoration: underline
}

.cart-table .p-label {
    display: none
}

.cart-table .p-total {
    padding-right: 96px
}

.cart-table .p-total .price-final {
    font-weight: 400
}

.cart-table .p-quantity .quantity input {
    width: 50px
}

.cart-table .show-related {
    font-size: inherit
}

.cart-table .cart-related-availability {
    display: none
}

.cart-table .cart-related-button {
    align-items: baseline;
    display: flex;
    justify-content: space-between
}

.cart-table tr.related td {
    padding-bottom: 0;
    padding-top: 0
}

.cart-table .p-price .price-final {
    font-weight: 400
}

.cart-table .p-price .show-tooltip {
    border-bottom-style: none
}

.cart-table td.p-availability strong {
    font-weight: 400
}

.cart-table .inline.delete-cart-item,
.cart-table .p-discount,
.cart-table .product-table-name-footer {
    display: none
}

.cart-table .unit-value {
    vertical-align: middle
}

@media (max-width: 991px) {
    .cart-table tr>td {
        width: 33.3%
    }

    .cart-table tr>td:nth-child(2n).p-quantity {
        text-align: left
    }

    .cart-table tr>td:nth-child(odd).p-price {
        text-align: right
    }

    .cart-table tr.cart-table-header {
        display: none
    }

    .cart-table tr td.cart-p-image {
        order: 1;
        padding-right: 0
    }

    .cart-table tr>td.p-name {
        order: 2;
        padding-left: 15px;
        padding-right: 30px;
        position: relative
    }

    .cart-table .p-availability {
        display: none
    }

    .cart-table .inline.delete-cart-item {
        display: block;
        height: 30px;
        margin-top: -15px;
        position: absolute;
        right: 0;
        top: 50%
    }

    .cart-table .inline.delete-cart-item .remove-item:before {
        font-size: 20px
    }

    .cart-table .product-table-name-footer {
        display: block
    }

    .cart-table .p-quantity {
        order: 4
    }

    .cart-table .p-price {
        order: 5;
        padding-bottom: 0
    }

    .cart-table .p-total {
        order: 6;
        padding-right: 0
    }

    .cart-table .p-total form {
        display: none
    }

    .cart-table tr.removeable {
        align-items: center;
        justify-content: flex-end
    }

    .cart-table tr.removeable .remove-item {
        margin-right: 0;
        width: auto
    }

    .cart-table tr.removeable.related-visible {
        border-bottom-style: none
    }

    .cart-table tr:last-child {
        margin-bottom: 10px;
        padding-bottom: 10px
    }

    .cart-table .show-related,
    .cart-table tr.related {
        display: none
    }

    .cart-table .cart-related-product {
        align-items: flex-start;
        padding: 11px
    }

    .cart-table .cart-related-product>div {
        width: 50%
    }

    .cart-table .cart-related-product .cart-related-info {
        align-items: flex-start;
        display: flex;
        padding: 0
    }

    .cart-table .cart-related-product .cart-related-button {
        align-items: flex-end;
        flex-flow: column
    }

    .cart-table .cart-related-product .cart-related-button .btn.btn-sm {
        height: auto;
        line-height: inherit
    }

    .cart-table tr.free-gift-row .free-gift-name-cell {
        flex: 1 1 calc(100% - 76px)
    }

    .cart-table tr.free-gift-row .free-gift-cell-filler {
        order: 2
    }

    .cart-table tr.free-gift-row .p-availability {
        display: block;
        order: 3
    }
}

@media (max-width: 767px) {
    .cart-table tr {
        padding-left: 0;
        padding-right: 0
    }

    .cart-table .p-discount,
    .cart-table .p-price,
    .cart-table .p-quantity,
    .cart-table tr>td.p-total {
        white-space: normal
    }

    .cart-table .p-quantity .quantity input {
        width: 30px
    }
}

.remove-item-placeholder,
tr.removeable .remove-item {
    margin-right: -96px;
    width: 96px
}

@media (min-width: 992px) {
    .remove-item-placeholder {
        display: inline-block
    }
}

tr.removeable .remove-item {
    display: inline-block;
    visibility: visible
}

@media (min-width: 992px) {
    tr.removeable .remove-item {
        visibility: visible
    }
}

.cart-xyDiscount__banner {
    margin-right: 12px
}

.cart-table .p-name .cart-xyDiscount__banner {
    padding-top: 12px;
    border-radius: 23px;
}

.cart-table .p-name .cart-xyDiscount__banner div {
    padding-top: 0
}

.cart-table .cart-xyDiscount__conditions a:hover {
    text-decoration: none
}

.cart-related-product {
    border-bottom-width: 0
}

.cart-related-product .cart-related-name {
    text-transform: none
}

@media (min-width: 768px) {
    .cart-related-product .cart-related-name {
        padding-left: 15px
    }
}

.free-gifts-wrapper .free-gift-trigger-holder,
.free-product-gifts-wrapper .free-gift-trigger-holder {
    padding-top: 5px
}

.free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger,
.free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger {
    text-decoration: underline
}

.free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover,
.free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover {
    text-decoration: none
}

.free-gifts-wrapper .free-gifts,
.free-product-gifts-wrapper .free-gifts {
    margin: 0 40px 0 0
}

.free-gifts-wrapper .free-gifts-img>img,
.free-product-gifts-wrapper .free-gifts-img>img {
    width: 76px
}

.free-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover,
.free-product-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover {
    display: none
}

.free-gifts-wrapper .free-gift-label,
.free-product-gifts-wrapper .free-gift-label {
    padding-left: 15px
}

.free-gifts-wrapper .free-gift-label .free-gift-name,
.free-product-gifts-wrapper .free-gift-label .free-gift-name {
    display: inline
}

.free-gifts-wrapper label,
.free-product-gifts-wrapper label {
    cursor: default
}

.colorbox-html-content .free-gift-trigger-holder {
    display: none
}

.cart-inner .delivery-time {
    margin: 22px 0
}

@media (max-width: 991px) {
    .cart-inner .delivery-time {
        margin: 11px 0
    }
}

.price-wrapper {
    justify-content: flex-end;
    padding-top: 22px;
    text-align: right
}

.price-wrapper .price-label.price-primary,
.price-wrapper .price.price-primary {
    flex: 1 1 100%;
    text-align: right
}

.price-wrapper .price-secondary {
    flex: initial;
    text-align: right
}

.price-wrapper .price.price-primary {
    padding: 11px 0
}

.cart-inner h4 {
    text-align: center
}

.id--9 .cart-inner h4 {
    display: none
}

.discount-coupon {
    margin: 22px 96px
}

.discount-coupon label {
    display: block;
    font-weight: 700;
    text-transform: none
}

.discount-coupon .btn {
    display: block;
    font-size: 0;
    line-height: 32px;
    padding-left: 20px;
    padding-right: 20px;
    width: 100%
}

.discount-coupon .input-group .btn {
    line-height: 0
}

.discount-coupon .btn.btn-arrow-right.btn-text:before {
    content: "\e910";
    font-size: medium;
    line-height: 32px;
    margin-right: 0
}

@media (max-width: 767px) {
    .discount-coupon {
        max-width: 480px
    }
}

@media (min-width: 768px) {
    .discount-coupon {
        align-items: center;
        padding-bottom: 22px
    }

    .discount-coupon label,
    .discount-coupon>div {
        display: block
    }

    .discount-coupon label {
        padding-right: 0
    }

    .discount-coupon .btn,
    .discount-coupon .form-control {
        display: inline-block;
        vertical-align: top;
        width: auto
    }

    .discount-coupon .form-control {
        max-width: 240px
    }

    .discount-coupon .btn {
        margin-left: -.5rem
    }
}

@media (max-width: 991px) {
    .discount-coupon form {
        display: flex
    }

    .discount-coupon form button {
        flex: 0
    }
}

.coupon-input {
    padding: 22px 0
}

.coupon-input .discount-coupon {
    float: none;
    margin: 0;
    padding: 0
}

.toggle-coupon-input .discount-coupon {
    display: none
}

@media (max-width: 767px) {
    .toggle-coupon-input .discount-coupon {
        display: block
    }
}

.toggle-coupon-input .toggle-coupon-input-button {
    cursor: pointer;
    padding: 0;
    text-decoration: underline
}

.toggle-coupon-input .toggle-coupon-input-button:hover {
    text-decoration: none
}

.toggle-coupon-input .toggle-coupon-input-button:after {
    content: "\e90e";
    margin-left: .5em
}

.toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible {
    margin-bottom: 1ex
}

.toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible:after {
    content: "\e911"
}

@media (max-width: 767px) {
    .toggle-coupon-input .toggle-coupon-input-button {
        display: none
    }
}

.discount-coupon .applied-coupon {
    align-items: center;
    display: flex;
    line-height: 40px;
    padding-top: 5px
}

.applied-coupon strong {
    line-height: 1.6
}

.applied-coupon fieldset,
.applied-coupon form {
    display: flex
}

.applied-coupon .btn {
    font-size: 20px;
    margin-left: 15px;
    padding-top: 0
}

.extra {
    padding-right: 20px
}

.extra .price-range {
    margin-left: 30px;
    margin-top: 10px
}

@media (max-width: 767px) {
    .extra .price-range {
        max-width: calc(100% - 30px)
    }
}

.extra .price-range:before {
    float: left;
    line-height: 16px;
    margin-left: -30px;
    margin-right: 6px
}

.extra .price-range div {
    align-items: center;
    display: flex;
    justify-content: flex-end
}

.extra.delivery .price-range:before {
    content: "\e92e";
    font-size: 20px
}

.extra.discount .price-range:before {
    content: "\e934";
    font-size: 16px
}

.extra.gift .price-range:before {
    content: "\e93f";
    font-size: 16px
}

.extra.cofidis .price-range:before {
    content: "\e929";
    font-size: 16px
}

.summary {
    margin: 0 0 22px
}

.summary .extra {
    padding: 22px 0
}

@media (max-width: 991px) {
    .summary .extra {
        padding: 11px 0
    }
}

.summary .col-md-8 {
    padding-left: 0
}

.summary .col-md-4 {
    padding-right: 0
}

@media (max-width: 991px) {
    .summary {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .summary .col-md-8 {
        padding-left: 20px
    }

    .summary .col-md-4 {
        padding-right: 20px
    }
}

.next-step .btn.btn-lg {
    line-height: 36px;
    padding: 10px 20px
}

.next-step .next-step-back {
    font-size: 16px
}

.next-step-finish {
    align-items: center;
    display: flex;
    flex-direction: column
}

.order-button-text {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
    vertical-align: middle
}

.order-button-suffix {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    margin-top: -6px;
    padding-bottom: 11px;
    text-transform: none
}

.next-step {
    align-items: stretch;
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 22px;
    text-align: center
}

@media (min-width: 480px) and (max-width:991px) {
    .next-step {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

@media (min-width: 1440px) {
    .next-step {
        align-items: center;
        flex-direction: row;
        justify-content: flex-end
    }
}

.next-step {
    margin-top: 22px
}

.id--16 .next-step-forward:after,
.id--9 .next-step-forward:after {
    content: "\e910";
    margin-left: 1ex;
    margin-top: -1px;
    vertical-align: middle
}

@media (min-width: 1440px) {
    #checkoutContent {
        margin-left: 8%;
        padding-right: 80px;
        width: 50%
    }
}

#checkoutContent .form-group {
    margin-bottom: 10px
}

#checkoutContent .form-control {
    max-width: none;
    width: 100%
}

@media (min-width: 480px) {
    #checkoutContent .phone-combined-input {
        max-width: none
    }
}

#checkoutContent .helper a {
    font-weight: 700;
    text-decoration: underline
}

@media (max-width: 991px) {
    #select-country-payment .order-information {
        display: none
    }
}

.ordering-process .co-box {
    padding: 0
}

.ordering-process .co-box h4 {
    line-height: 30px;
    margin: 44px 0 22px;
    padding-left: 40px;
    position: relative;
    text-align: left
}

.ordering-process .co-box h4:before {
    font-size: 30px;
    font-weight: 400;
    left: 0;
    line-height: 30px;
    margin-top: -15px;
    position: absolute;
    top: 50%
}

@media (max-width: 991px) {
    .ordering-process .co-box h4 {
        margin: 22px 0
    }
}

.ordering-process .co-box.co-basic-information h4 {
    margin-top: 0
}

.ordering-process .co-box.co-basic-information h4:before {
    content: "\e917"
}

.ordering-process .co-box.co-contact-information h4:before {
    content: "\e922"
}

.ordering-process .co-box.co-delivery-method h4:before {
    content: "\e92e"
}

.ordering-process .co-box.co-payment-method h4 {
    margin-top: 66px
}

.ordering-process .co-box.co-payment-method h4:before {
    content: "\e926"
}

@media (max-width: 991px) {
    .ordering-process .co-box.co-payment-method h4 {
        margin-top: 44px
    }
}

.recapitulation-wrapper .ordering-process .co-box.co-payment-method h4 {
    padding-left: 0
}

.recapitulation-wrapper .ordering-process .co-box.co-payment-method h4:before {
    content: ""
}

.ordering-process .co-box.co-billing-address h4:before,
.ordering-process .co-box.co-shipping-address h4:before {
    content: "\e923"
}

.ordering-process .co-box.co-order h4:before {
    content: "\e925"
}

.recapitulation-wrapper .ordering-process .co-box.co-order h4 {
    padding-left: 0
}

.recapitulation-wrapper .ordering-process .co-box.co-order h4:before {
    content: ""
}

.ordering-process .co-box .stay-in-touch h4 {
    margin: 22px 0;
    padding-left: 0
}

.checkout-box {
    border-style: solid;
    border-width: 1px;
    margin: 0 0 22px;
    padding: 11px 20px
}

@media (max-width: 991px) {
    .checkout-box {
        display: none
    }
}

@media (min-width: 768px) and (max-width:9999em) {
    .cart-inner .checkout-box .contact-box {
        padding: 0 0 0 96px
    }

    .cart-inner .checkout-box .contact-box.no-image {
        padding-left: 0
    }

    .cart-inner .checkout-box .contact-box>img {
        display: block
    }
}

.checkout-box .toggle-contacts {
    border: none;
    font-weight: 700;
    padding: 0;
    text-align: left
}

.checkout-box .toggle-contacts:after {
    content: "\e90e";
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    padding-left: 5px
}

.checkout-box .toggle-contacts.expanded:after {
    content: "\e911"
}

.checkout-box .toggle-contacts br,
.checkout-box .toggle-contacts span {
    display: none
}

#company-info {
    margin-bottom: 0
}

label[for=phone] {
    display: none
}

.order-summary-inner {
    border-style: solid;
    border-width: 1px;
    margin: 0;
    padding: 20px
}

@media (max-width: 991px) {
    .order-summary-inner {
        border-width: 0;
        margin-top: 44px;
        padding: 0
    }

    .id--17 .order-summary-inner {
        border-width: 1px 0 0
    }

    .id--17 .order-summary-inner h4 {
        display: none
    }
}

.order-summary h4 {
    margin: 0;
    padding: 11px 0;
    text-align: left
}

.order-summary-item {
    border-style: solid;
    border-width: 1px 0 0;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.4;
    padding: 22px 0;
    width: 100%
}

.order-summary-item>div {
    flex: 1
}

.order-summary-item>div:not(.price-wrapper) {
    align-self: center
}

.order-summary-item>div:not(.price-wrapper):last-child {
    flex: 0 0 100px;
    text-align: right
}

.order-summary-item:not(.helper) strong {
    font-weight: 400
}

h4+.order-summary-item {
    border: 0
}

.order-summary-item.total {
    font-weight: 700
}

.order-summary-item.price {
    border: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}

.order-summary-item.price+.order-summary-item {
    margin-top: -11px
}

.order-summary-item.helper {
    font-weight: 700;
    padding: 22px 0
}

.order-summary-item.gift-items .free-gift-price,
.order-summary-item.gift-items br {
    display: none
}

.order-summary-item .cart-item-amount {
    flex: 0 0 60px;
    text-align: center
}

.order-summary-item .cart-item-price {
    flex: 0 0 80px;
    text-align: right
}

.order-summary-item .cart-item-name a:hover {
    text-decoration: underline
}

.preauthorization-box {
    margin: 22px -20px -20px;
    padding: 20px
}

@media (max-width: 991px) {
    .preauthorization-box {
        margin-bottom: 0
    }
}

.order-recapitulation {
    border-style: solid;
    border-width: 1px 0 0;
    margin: 0
}

@media (max-width: 991px) {
    .order-recapitulation {
        margin: 0
    }
}

.recapitulation-single {
    border-style: solid;
    border-width: 0 0 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    line-height: 1.4;
    padding: 22px 0;
    width: 100%
}

.recapitulation-single>span {
    display: none
}

.recapitulation-single>strong {
    display: flex;
    flex-flow: row-reverse;
    font-weight: 400;
    justify-content: space-between;
    text-align: left;
    width: 100%
}

.recapitulation-single>strong span {
    text-align: left
}

.recapitulation-shipping-billing-info--withVat {
    flex-basis: 100%;
    font-size: smaller;
    font-weight: 400;
    line-height: 2;
    order: 1;
    text-align: right
}

.shipping-billing-table .radio-wrapper {
    border-style: solid;
    border-width: 1px;
    padding-bottom: 10px;
    padding-top: 10px
}

.desktop .shipping-billing-table .radio-wrapper:hover {
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}

@media (max-width: 991px) {
    .shipping-billing-table .radio-wrapper:last-child {
        border: 0
    }
}

.shipping-billing-table .radio-wrapper input[type=radio]+label {
    padding-left: 30px
}

.cart-content>.helper {
    padding: 22px 40px
}

@media (max-width: 991px) {
    .cart-content>.helper {
        padding: 22px 20px
    }
}

#note {
    margin-bottom: 11px
}

.consents.consents-first {
    margin-top: 22px
}

.consents a {
    font-weight: 700;
    text-decoration: underline
}

.id--15 .cart-header {
    display: none
}

@media (min-width: 1440px) {
    .id--15 .content-inner {
        margin-left: 8%;
        margin-right: 8%;
        margin-top: 44px
    }
}

@media (max-width: 991px) {
    .id--15 .content-inner {
        padding: 20px
    }
}

.id--15 .co-box.co-payment-method .order-payment {
    margin-top: 22px
}

.reca-number {
    display: none
}

.recapitulation-wrapper {
    padding-left: 0
}

.recapitulation-wrapper h4 {
    font-size: 200%
}

.recapitulation-wrapper table.table tbody>tr>th {
    padding-left: 0;
    position: relative;
    width: 35%
}

.recapitulation-wrapper table.table tbody>tr>th .row-header-label {
    display: inline-block;
    padding-right: 5px;
    position: relative;
    z-index: 2
}

.recapitulation-wrapper table.table tbody>tr>th:after {
    border-top-style: solid;
    border-top-width: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1
}

.recapitulation-wrapper .cart-table .p-total {
    padding-right: 0
}

.col-sm-12 .recapitulation-table.table {
    width: 50%
}

@media (max-width: 991px) {
    .col-sm-12 .recapitulation-table.table {
        width: 100%
    }
}

.recapitulation-table th {
    font-weight: 400
}

.recapitulation-table-payment {
    align-items: flex-start;
    display: flex;
    justify-content: left
}

@media (max-width: 991px) {
    .recapitulation-table-payment {
        flex-wrap: wrap
    }
}

.qrcode {
    border: 0;
    margin-top: -20px
}

@media (max-width: 991px) {
    .qrcode {
        margin: 0 auto
    }
}

.recapitulation-wrapper {
    margin: 44px 0;
    text-align: center
}

.recapitulation-wrapper table {
    text-align: left
}

.order-summary-item.summary-thx,
.order-summary-item.total {
    border: 0;
    display: inline;
    font-weight: 400;
    padding: 0
}

.order-complete-links {
    margin: 22px 0
}

.order-complete-links a.btn {
    padding-left: 40px;
    padding-right: 40px
}

@media (min-width: 768px) {
    .cart-related-info {
        width: 60%
    }
}

.search {
    text-align: center
}

.sidebar .search {
    text-align: left
}

.recommended-products {
    font-size: 16px;
    line-height: 1.1
}

.recommended-products .browse,
.recommended-products .indicator,
.recommended-products .row>div {
    display: none
}

.recommended-products .row>div.active {
    display: block
}

.recommended-products a.recommended-product {
    display: block;
    text-decoration: none
}

.recommended-products a.recommended-product img {
    display: block;
    margin: 0 auto 22px
}

.recommended-products a.recommended-product strong {
    display: block
}

.recommended-products a.recommended-product strong.name {
    font-weight: 300;
    margin-bottom: 11px;
    text-transform: uppercase
}

.recommended-products a.recommended-product strong.price {
    font-weight: 900
}

.recommended-products a.recommended-product .original-price {
    font-size: 14px
}

.recommended-products a.recommended-product .original-price span {
    text-decoration: line-through
}

@media (min-width: 768px) {
    .recommended-products {
        padding-left: 90px;
        padding-right: 90px;
        position: relative
    }

    .recommended-products .browse,
    .recommended-products .indicator {
        display: block
    }

    .recommended-products .browse.inactive,
    .recommended-products .indicator.inactive {
        display: none
    }

    .recommended-products .browse {
        border-radius: 50%;
        border-style: solid;
        border-width: 1px;
        display: block;
        height: 46px;
        margin-top: -23px;
        position: absolute;
        text-decoration: none;
        top: 50%;
        width: 46px
    }

    .recommended-products .browse:before {
        font-size: 36px;
        line-height: 46px
    }

    .recommended-products .browse.next {
        right: 0
    }

    .recommended-products .browse.next:before {
        content: "\e90c"
    }

    .recommended-products .browse.prev {
        left: 0
    }

    .recommended-products .browse.prev:before {
        content: "\e90b"
    }

    .recommended-products .row {
        display: none
    }

    .recommended-products .row.active,
    .recommended-products .row>div {
        display: block
    }

    .recommended-products a.recommended-product {
        text-align: left
    }
}

.indicator {
    height: 1px;
    margin: 0 auto 22px;
    width: 120px
}

.indicator>div {
    height: 1px;
    transition: margin .3s ease-out;
    width: 33.333333%
}

.indicator.indicator-1>div {
    margin-left: 33.333333%
}

.indicator.indicator-2>div {
    margin-left: 66.666666%
}

.search-widget-try-button {
    width: 100%
}

.btn,
.btn.btn-conversion,
a.btn,
a.btn.btn-conversion {
    font-weight: 900;
    text-transform: none
}

.advancedOrder__buttons .next-step-back {
    font-weight: 600
}

.next-step .next-step-back {
    font-weight: 400
}

input[type=checkbox]+label:after,
input[type=checkbox]+label:before {
    border-radius: 5px
}

input[type=checkbox]:checked+label:after {
    align-items: center;
    border-width: 0;
    content: "\e913";
    display: flex;
    font-size: 10px;
    justify-content: center
}

.category-perex ul,
.category__secondDescription ul,
.p-short-description ul,
.tab-content ul,
.welcome-wrapper ul,
article ul {
    list-style-type: none
}

.category-perex ul li:before,
.category__secondDescription ul li:before,
.p-short-description ul li:before,
.tab-content ul li:before,
.welcome-wrapper ul li:before,
article ul li:before {
    content: "\e910";
    font-size: 14px;
    margin: -2px 4px 0 -18px
}

.category-perex ul[style*=" list-style-type"] li:before,
.category-perex ul[style^=list-style-type] li:before,
.category__secondDescription ul[style*=" list-style-type"] li:before,
.category__secondDescription ul[style^=list-style-type] li:before,
.p-short-description ul[style*=" list-style-type"] li:before,
.p-short-description ul[style^=list-style-type] li:before,
.tab-content ul[style*=" list-style-type"] li:before,
.tab-content ul[style^=list-style-type] li:before,
.welcome-wrapper ul[style*=" list-style-type"] li:before,
.welcome-wrapper ul[style^=list-style-type] li:before,
article ul[style*=" list-style-type"] li:before,
article ul[style^=list-style-type] li:before {
    display: none
}

@media (max-width: 767px) {
    .overall-wrapper {
        padding-top: 50px
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .overall-wrapper {
        padding-top: 80px
    }
}

.top-navigation-bar {
    font-size: 14px
}

#header .container {
    min-height: 50px;
    position: relative
}

#header .header-top {
    align-items: center;
    padding: 0
}

@media (min-width: 768px) {
    #header .header-top {
        padding: 26px 0;
    }
}

@media (max-width: 767px) {
    #header .header-top .container {
        padding-left: 0;
        padding-right: 0
    }
}

#header .header-top a.cart-count {
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width: 768px) {
    #header .header-top a.cart-count {
        padding: 0;
        width: auto
    }
}

@media (max-width: 767px) {
    #header .header-top a.cart-count i {
        bottom: 20px;
        left: auto;
        right: 10px
    }
}

#header .site-name a.text-logo .header__title {
    -webkit-line-clamp: 2
}

#header .site-name a.text-logo .motto {
    -webkit-line-clamp: 2;
    line-height: 1.3;
    margin-top: .4em
}

@media (max-width: 767px) {
    #header .site-name a.text-logo .motto {
        -webkit-line-clamp: 1
    }
}

#header .site-name a.text-logo .header__title:only-child {
    -webkit-line-clamp: 3
}

@media (max-width: 767px) {
    #header .site-name a.text-logo .header__title:only-child {
        -webkit-line-clamp: 2
    }
}

#header .site-name:has(.text-logo) {
    max-width: calc(100% - 165px)
}

@media (min-width: 480px) {
    #header .site-name:has(.text-logo) {
        max-width: 450px
    }
}

@media (min-width: 768px) {
    #header .site-name:has(.text-logo) {
        max-width: none
    }
}

#header .header-bottom {
    position: relative;
    border: none;
}

#header .navigation-buttons {
    flex-grow: 0;
    margin-left: auto
}

#header .navigation-buttons a {
    margin-left: 0
}

@media (min-width: 480px) and (max-width:767px) {
    #header .navigation-buttons a {
        height: 80px;
        width: 80px
    }

    #header .navigation-buttons a:before {
        font-size: 30px;
        line-height: 80px
    }
}

@media (max-width: 480px) {
    #header .navigation-buttons a {
        height: 50px;
        width: 50px
    }

    #header .navigation-buttons a:before {
        line-height: 50px
    }
}

@media (min-width: 768px) {
    #header .navigation-buttons a {
        height: 50px;
        line-height: 50px;
        margin-left: 40px;
        width: auto
    }

    #header .navigation-buttons a[data-target=login] {
        display: block;
    }

    #header .navigation-buttons a[data-target=cart] {
        align-items: center;
        display: flex
    }

    #header .navigation-buttons a[data-target=cart]:before {
        font-size: 26px;
        margin-right: 10px
    }

    #header .navigation-buttons a[data-target=cart] i {
        left: 10px
    }
}

@media (max-width: 767px) {
    #header {
        box-shadow: 0 1px 2px rgba(0, 0, 0, .16);
        left: 0;
        position: fixed;
        top: 0;
        transition: transform .15s;
        width: 100%;
        z-index: 56
    }

    #header .header-bottom {
        border-top-width: 0
    }

    .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header {
        transform: translateY(-100%)
    }

    #header .header-bottom-wrapper {
        min-height: 0
    }

    #header .search {
        display: none
    }

    .search-window-visible #header .search {
        display: block;
        order: 3;
        width: 100%
    }

    #header .searchWhisperer {
        max-height: calc(100vh - 98px);
        max-height: calc(var(--vh, 1vh)*100 - 98px);
        overflow-y: auto;
        overscroll-behavior: contain
    }

    .search-focused #header {
        z-index: 1002
    }
}

@media (min-width: 480px) and (max-width:767px) {
    #header .searchWhisperer {
        max-height: calc(100vh - 128px);
        max-height: calc(var(--vh, 1vh)*100 - 128px)
    }
}

@media (min-width: 768px) {

    #header .header-top-wrapper .site-name,
    #header .header-top-wrapper>div {
        flex: 0 1 33.333333%
    }

    #header .site-name a {
        display: inline-block
    }

    #header .site-name:has(.text-logo) {
        max-width: none;
        min-width: auto
    }
}

@media (min-width: 1200px) {
    #header .search {
        padding-left: 40px;
        padding-right: 40px
    }
}

#navigation {
    padding-top: 0
}

@media (max-width: 767px) {
    #navigation {
        border-top-style: solid;
        border-top-width: 1px;
        top: 50px
    }
}

@media (min-width: 480px) and (max-width:767px) {
    #navigation {
        top: 80px
    }

    .navigation-window-visible #navigation {
        width: 100%
    }
}

@media (min-width: 768px) {
    #navigation .menu-level-2 {
        border-top-style: solid;
        border-top-width: 1px;
        padding-bottom: 20px
    }

    #navigation .menu-level-2>li {
        padding-top: 20px
    }

    #navigation .menu-level-2>li>div {
        row-gap: 10px
    }

    #navigation .menu-level-2>li>div>a {
        padding-bottom: 2px
    }

    #navigation .menu-level-3 {
        font-size: 16px
    }

    #navigation .has-more-items {
        position: relative
    }

    #navigation .has-more-items .more-items-trigger {
        bottom: -.05em;
        cursor: pointer;
        font-size: small;
        height: 22px;
        position: absolute;
        right: 0;
        text-align: center;
        width: 32px
    }

    #navigation .has-more-items .more-items-trigger:before {
        content: "\2026";
        line-height: 1.6
    }

    #navigation .has-more-items .more-items-trigger:after {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff);
        background-repeat: repeat-x;
        content: "";
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffffff", GradientType=1);
        height: 21px;
        left: -16px;
        position: absolute;
        top: 0;
        width: 16px
    }
}

@media (min-width: 768px) {
    #navigation .has-more-items:focus-within .more-items-trigger {
        display: none
    }
}

#navigation .menu-no-image {
    padding: 0 20px
}

#navigation .navigation-in ul li:hover>a>b,
#navigation .navigation-in ul li:hover>a>span,
#navigation .navigation-in ul li:hover>div>a>span {
    border-width: 0;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 4px
}

@media (min-width: 768px) {
    #navigation .navigation-in ul li.menu-level-1>li:first-child>a {
        padding-left: 0
    }

    #navigation .navigation-in ul li.ext.exp>ul {
        border-bottom-width: 0
    }
}

@media (max-width: 767px) {
    #navigation .navigation-in ul li>a>b {
        border-width: 0;
        text-decoration: underline;
        text-decoration-thickness: 2px;
        text-underline-offset: 4px
    }

    #navigation .menu-level-1>li>a,
    #navigation .navigationActions>li>a {
        padding-right: 50px;
        position: relative
    }

    #navigation .menu-level-1>li>a .submenu-arrow,
    #navigation .navigationActions>li>a .submenu-arrow {
        display: block;
        height: 50px;
        line-height: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        transform: translate(0);
        width: 50px
    }

    .navigation-in {
        height: calc(100% - 40px)
    }
}

@media (min-width: 480px) and (max-width:767px) {
    .navigation-in {
        height: calc(100% - 60px)
    }
}

.navigation-close {
    display: none
}

.navigation-buttons {
    position: static
}

.navigation-window-visible .navigation-buttons a[data-target=navigation]:before {
    content: "\e912";
    font-size: 14px
}

body.ordering-process .navigation-buttons a[data-target=search] {
    display: block
}

@media (min-width: 768px) {

    .navigation-buttons a[data-target=search],
    body.ordering-process .navigation-buttons a[data-target=search] {
        display: none
    }
}

.search-button {
    display: none
}

.search-form {
    position: relative;
    transition: color .3s;
    border: 1px solid #6C00FF;
    border-radius: 23px;
}

.search-input {
    padding-left: 20px;
    padding-right: 20px !important;
}

#header .search-input:focus,
#header .search-input:hover,
.search-focused #header .search-input,
.search-window-visible #header .search-input {
    box-shadow: 0 0 4px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {

    #header .search-input:focus,
    #header .search-input:hover,
    .search-focused #header .search-input,
    .search-window-visible #header .search-input {
        box-shadow: 0 0 10px rgba(0, 0, 0, .16)
    }
}

.search-input-icon:hover~.search-input {
    box-shadow: 0 0 4px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .search-input-icon:hover~.search-input {
        box-shadow: 0 0 10px rgba(0, 0, 0, .16)
    }
}

.search-input-icon {
    align-items: center;
    cursor: text;
    display: flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0px;
    left: unset;
    transform: translate(-4px, -50%);
    width: 120px;
    border-radius: 21px;
    background-color: #25f45b;
}

@media (min-width: 768px) {
    .search-input-icon {
        font-size: 26px
    }
}

.search-input-icon:before {
    content: url(/user/documents/upload/icons/hledat.svg);
    width: 24px;
}

.search-focused .search-input-icon,
.search-window-visible .search-input-icon {
    cursor: pointer
}

.search-focused .search-input-icon:before,
.search-window-visible .search-input-icon:before {
    content: "\e912";
    font-size: 20px
}

.search-input-icon.compact-form:before {
    display: none
}

.search-focused .search-form {
    z-index: 1003
}

.search-focused:before {
    z-index: 1002
}

.search-focused:before,
body:before {
    bottom: 0;
    content: "";
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

body:before {
    opacity: 0;
    transition: all .2s ease;
    z-index: -1
}

@media (min-width: 768px) {

    body.navigation-hovered #navigation,
    body.navigation-hovered .menu-helper {
        z-index: 1003
    }

    body.navigation-hovered:before {
        opacity: 1;
        z-index: 1002
    }
}

body.search-focused:before {
    opacity: 1
}

.searchWhisperer {
    box-shadow: 0 0 4px rgba(0, 0, 0, .16)
}

@media (min-width: 768px) {
    .searchWhisperer {
        box-shadow: none;
        margin-left: 5%;
        width: 90%
    }
}

@media (min-width: 992px) {
    .searchWhisperer {
        margin-left: 3%;
        width: 94%
    }
}

@media (min-width: 1200px) {
    .searchWhisperer {
        margin-left: 11.5%;
        width: 77%
    }
}

@media (min-width: 1440px) {
    .searchWhisperer {
        margin-left: 15%;
        width: 70%
    }
}

.content {
    min-width: 0
}

@media (min-width: 768px) {
    .sidebar-left+.content {
        padding-left: 20px
    }
}

.content-wrapper {
    padding-top: 10px
}

@media (min-width: 768px) {
    .content-wrapper {
        padding-top: 0
    }
}

#content {
    line-height: 1.7
}

@media (min-width: 768px) {
    #content {
        padding-top: 20px
    }

    #content h1 {
        margin-top: 0
    }
}

#content p {
    margin: 0 0 22px
}

select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='20' fill='none' viewBox='0 0 45 20'%3E%3Cpath fill='%23000' d='M30.936 5.3 23 12.105 15.064 5.3a1.25 1.25 0 0 0-1.629 1.897l.002.001 8.75 7.5a1.245 1.245 0 0 0 1.629-.001l-.002.001 8.75-7.5a1.25 1.25 0 1 0-1.629-1.897z'/%3E%3C/svg%3E")
}

@media (min-width: 768px) {
    .itemsTotal {
        display: none
    }
}

@media (min-width: 321px) and (max-width:767px) {
    .columns-mobile-2 .products-block>div {
        margin-bottom: 20px;
        width: 50%
    }

    .columns-mobile-2 .products-block>div:nth-child(2n) {
        padding-left: 5px
    }

    .columns-mobile-2 .products-block>div:nth-child(odd) {
        padding-right: 5px
    }

    .columns-mobile-2 .products-block .p .name {
        display: -webkit-box;
        height: 44px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.desktop .banners-row {
    margin-top: -20px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media (min-width: 768px) {
    .desktop .banners-row {
        clear: both;
        margin-top: -20px
    }
}

.banners-row [class*=col-] {
    padding-left: 0;
    padding-right: 0
}

.banners-row .banner-wrapper {
    margin-top: 0
}

.banners-row .carousel {
    margin-bottom: 0
}

.banners-row .wide-carousel .carousel {
    margin-top: 0
}

@media (min-width: 768px) {
    .wide .banners-row .wide-carousel .carousel {
        margin-top: 0
    }
}

.extended-banner-link,
.extended-banner-text,
.extended-banner-title {
    border: none;
    box-shadow: none
}

.next-to-carousel-banners .extended-banner-link,
.next-to-carousel-banners .extended-banner-text,
.next-to-carousel-banners .extended-banner-title {
    left: auto;
    right: 0
}

.extended-banner-title {
    padding: 40px
}

.extended-banner-text {
    font-size: 34px;
    font-weight: 700;
    max-width: 100%;
    padding: 40px
}

.next-to-carousel-banners .extended-banner-text {
    text-align: right
}

.extended-banner-link {
    height: auto;
    left: 0;
    margin-top: 0;
    padding: 0 40px;
    right: auto
}

.carousel .extended-banner-link {
    margin-top: 44px
}

.carousel-control {
    height: 44px;
    top: calc(50% - 22px);
    width: 44px
}

.carousel-control:before {
    margin: 0;
    top: 0
}

.carousel-control.left {
    left: 40px
}

.carousel-control.left:before {
    left: 0
}

.carousel-control.right {
    right: 40px
}

.carousel-control.right:before {
    right: 0
}

.homepage-group-title {
    font-size: 34px;
    line-height: 44px;
    font-weight: 200;
    text-transform: uppercase;
    color: #494947 !important;
    margin-bottom: 0;
    margin-top: 100px;
    text-align: center;
}

.homepage-group-title:first-child {
    margin-top: 0
}

.blog-wrapper .homepage-group-title {
    margin-top: 66px
}

.welcome-wrapper {
    margin-bottom: 44px;
    margin-top: 44px;
    padding-bottom: 44px;
    padding-top: 100px
}

.footer-banners {
    margin-top: 44px
}

.homepage-blog-wrapper {
    margin-top: -44px;
    padding-bottom: 44px;
    padding-top: 0
}

@media (min-width: 768px) {
    .homepage-blog-wrapper {
        margin-left: -20px;
        margin-right: -20px
    }
}

@media (min-width: 1200px) {
    .homepage-blog-wrapper .news-item {
        flex-basis: 50%;
        width: 50%
    }
}

.homepage-blog-wrapper .news-item .title {
    font-weight: 700;
    line-height: 1.1
}

.ratings-and-brand {
    display: flex;
    flex-flow: column
}

.ratings-and-brand .stars a {
    padding-right: 5px
}

.ratings-and-brand a {
    text-decoration: underline
}

@media (min-width: 1200px) {
    .narrow .ratings-and-brand {
        flex-flow: row
    }

    .narrow .ratings-and-brand .stars-wrapper {
        margin: 0
    }

    .narrow .ratings-and-brand .stars-wrapper+.brand-wrapper {
        margin-left: 20px
    }
}

@media (min-width: 992px) {
    .wide .ratings-and-brand {
        flex-flow: row
    }

    .wide .ratings-and-brand .stars-wrapper {
        margin: 0
    }

    .wide .ratings-and-brand .stars-wrapper+.brand-wrapper {
        margin-left: 20px
    }
}

:where(body.ums_a11y_category_page--off) .products-top .product.revealed+.button-wrapper .chevron-down-after:after {
    content: "\e911"
}

.products-top.products-inline .p {
    height: 100%
}

@media (min-width: 1200px) {
    .products-top.products-inline>div {
        width: 25%
    }
}

:where(body.ums_a11y_category_page--on) .toggle-top-products {
    align-items: center;
    font-weight: 400
}

:where(body.ums_a11y_category_page--on) .toggle-top-products.chevron-down-after:after {
    margin-top: .4em
}

.container-narrow {
    max-width: 100%
}

@media (min-width: 992px) {
    .container-narrow {
        margin: 0 auto;
        width: 1178px
    }
}

@media (min-width: 768px) {

    .aside-indented .breadcrumbs,
    .aside-indented .category-top {
        margin-left: auto;
        margin-right: auto;
        max-width: 1178px
    }
}

:where(body.ums_a11y_category_page--off) .category-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--off) .category-header .products-listing-order-heading {
        font-weight: 400
    }
}

:where(body.ums_a11y_category_page--off) .category-header .products-listing-order-heading:before {
    content: "\e941";
    margin-right: 5px
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown-menu {
    top: 100%
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown .icon-chevron-down {
    vertical-align: middle
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown.open .icon-chevron-down:before {
    content: "\e911"
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown button {
    font-size: 16px;
    text-transform: none
}

@media (max-width: 767px) {
    :where(body.ums_a11y_category_page--off) .category-header {
        margin-bottom: 22px
    }

    :where(body.ums_a11y_category_page--off) .category-header .category-header-pagination {
        display: none
    }

    :where(body.ums_a11y_category_page--off) .category-header .dropdown,
    :where(body.ums_a11y_category_page--off) .category-header form {
        display: block;
        width: 100%
    }

    :where(body.ums_a11y_category_page--off) .category-header .dropdown-backdrop {
        position: relative
    }

    :where(body.ums_a11y_category_page--off) .category-header #products-listing-order {
        border-style: solid;
        border-width: 1px;
        font-size: 16px;
        text-align: left;
        width: 100%
    }

    :where(body.ums_a11y_category_page--off) .category-header #products-listing-order .icon-chevron-down {
        float: right;
        line-height: inherit
    }

    :where(body.ums_a11y_category_page--off) .category-header .dropdown-menu {
        border-top-width: 0;
        position: relative;
        width: 100%
    }

    :where(body.ums_a11y_category_page--off) .category-header .dropdown-menu label {
        padding: 11px
    }

    :where(body.ums_a11y_category_page--off) .category-header .dropdown-menu strong {
        padding: 11px
    }
}

:where(body.ums_a11y_category_page--off).mobile .category-header {
    margin-bottom: 22px
}

:where(body.ums_a11y_category_page--off).mobile .category-header .category-header-pagination {
    display: none
}

:where(body.ums_a11y_category_page--off).mobile .category-header .dropdown,
:where(body.ums_a11y_category_page--off).mobile .category-header form {
    display: block;
    width: 100%
}

:where(body.ums_a11y_category_page--off).mobile .category-header .dropdown-backdrop {
    position: relative
}

:where(body.ums_a11y_category_page--off).mobile .category-header #products-listing-order {
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    text-align: left;
    width: 100%
}

:where(body.ums_a11y_category_page--off).mobile .category-header #products-listing-order .icon-chevron-down {
    float: right;
    line-height: inherit
}

:where(body.ums_a11y_category_page--off).mobile .category-header .dropdown-menu {
    border-top-width: 0;
    position: relative;
    width: 100%
}

:where(body.ums_a11y_category_page--off).mobile .category-header .dropdown-menu label {
    padding: 11px
}

:where(body.ums_a11y_category_page--off).mobile .category-header .dropdown-menu strong {
    padding: 11px
}

:where(body.ums_a11y_category_page--on) .category-header {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 22px
}

:where(body.ums_a11y_category_page--on) .listSorting {
    display: block;
    width: 100%
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .listSorting {
        width: auto
    }
}

:where(body.ums_a11y_category_page--on) .sortingToggle {
    border: 1px solid var(--color-secondary);
    border-radius: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.375;
    padding: 15px 32px;
    position: relative;
    width: 100%
}

:where(body.ums_a11y_category_page--on) .sortingToggle .icon-chevron-down,
:where(body.ums_a11y_category_page--on) .sortingToggle .icon-sort {
    position: absolute
}

:where(body.ums_a11y_category_page--on) .sortingToggle .icon-sort {
    left: 11px;
    margin-top: 2px
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .sortingToggle .icon-sort {
        left: 0
    }
}

:where(body.ums_a11y_category_page--on) .sortingToggle .icon-chevron-down {
    right: 10px
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .sortingToggle {
        border-color: transparent;
        font-weight: 400;
        padding-left: 21px
    }
}

:where(body.ums_a11y_category_page--on) .listSorting__controls {
    padding: 8px
}

:where(body.ums_a11y_category_page--on) .listSorting__controls--dropdown {
    border-top-width: 0
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .listSorting__controls--dropdown {
        border-top-width: 1px;
        position: absolute;
        right: 0
    }
}

:where(body.ums_a11y_category_page--on) .listSorting__control {
    display: block;
    line-height: 1.5;
    padding: 4px 16px
}

:where(body.ums_a11y_category_page--on) .listSorting__control--current {
    font-weight: 700
}

:where(body.ums_a11y_category_page--on) .category-header-pagination {
    display: none
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .category-header-pagination {
        display: block
    }
}

.subcategories.with-image .divider {
    padding: 0
}

.filters-wrapper .filters-unveil-button-wrapper .unveil-button {
    font-weight: 700;
    text-align: left
}

.filters-wrapper .filters-unveil-button-wrapper .unveil-button:before {
    content: "\e942";
    margin-right: 5px
}

.filters-wrapper .filters-unveil-button-wrapper .unveil-button:after {
    content: "\e90e";
    float: right;
    line-height: inherit;
    margin-left: 5px
}

.filters-visible .filters-wrapper .filters-unveil-button-wrapper .unveil-button:after {
    content: "\e911";
    float: right;
    line-height: inherit
}

.mobile .filters-wrapper .filters-unveil-button-wrapper .unveil-button {
    padding: 11px
}

@media (max-width: 767px) {
    .filters-wrapper .filters-unveil-button-wrapper .unveil-button {
        padding: 11px
    }
}

.p-detail-inner-header-mobile,
.p-detail-inner-header-mobile .h1 {
    padding-bottom: 11px
}

@media (min-width: 1200px) {
    .narrow .p-detail-inner-header-mobile {
        display: none
    }
}

@media (min-width: 992px) {
    .wide .p-detail-inner-header-mobile {
        display: none
    }
}

.p-detail-inner {
    align-content: flex-start;
    align-items: stretch;
    clear: both;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center
}

@media (min-width: 992px) {
    .wide .p-detail-inner {
        flex-direction: row
    }
}

@media (min-width: 1200px) {
    .p-detail-inner {
        flex-direction: row
    }
}

.p-detail-inner h1 {
    margin-bottom: 10px;
}

.p-detail-inner .p-detail-inner-header {
    display: none
}

@media (min-width: 1200px) {
    .narrow .p-detail-inner .p-detail-inner-header {
        display: block
    }
}

@media (min-width: 992px) {
    .wide .p-detail-inner .p-detail-inner-header {
        display: block
    }
}

.p-detail-inner .p-data-wrapper,
.p-detail-inner .p-image-wrapper {
    align-self: auto;
    flex: 1 1 auto;
    padding-top: 0;
    width: 100%
}

.p-detail-inner .p-image-wrapper {
    margin-top: 0;
    order: 1
}

.wide .p-detail-inner .p-image-wrapper {
    margin-left: 0;
    margin-right: 0
}

@media (min-width: 992px) {
    .wide .p-detail-inner .p-image-wrapper {
        padding-right: 40px;
        width: 50%
    }
}

@media (min-width: 1200px) {
    .p-detail-inner .p-image-wrapper {
        padding-right: 40px;
        width: 50%
    }
}

.p-detail-inner .p-data-wrapper {
    order: 2
}

@media (min-width: 992px) {
    .wide .p-detail-inner .p-data-wrapper {
        width: 50%
    }
}

@media (min-width: 1200px) {
    .p-detail-inner .p-data-wrapper {
        width: 50%
    }
}

.p-detail-inner .detail-parameters,
.p-detail-inner .p-detail-inner-header,
.p-detail-inner .p-short-description {
    margin: 0 0 35px;
}

.p-detail-inner .p-gifts-heading {
    text-transform: none
}

.xyDiscount__banner {
    gap: 11px;
    padding: 11px
}

#content .xyDiscount__description p {
    margin-bottom: 6px
}

#content .xyDiscount__description>:last-child {
    margin-bottom: 3px
}

@media (max-width: 767px) {

    .surcharge-list select,
    .variant-list select {
        max-width: 100%;
        width: 100%
    }
}

table.detail-parameters {
    float: none;
    margin-top: 22px;
    width: 100%
}

table.detail-parameters tbody tr td,
table.detail-parameters tbody tr th {
    line-height: 1.5;
    padding-bottom: 5px;
    padding-top: 0
}

table.detail-parameters tbody tr th {
    font-weight: 400;
    min-width: 180px;
    padding-right: 20px;
    position: relative;
    text-align: left;
    text-transform: none
}

table.detail-parameters tbody tr th .row-header-label {
    align-items: center;
    display: inline-flex;
    padding-right: 10px;
    position: relative;
    z-index: 2
}

table.detail-parameters tbody tr th .row-header-label .row-header-label-colon {
    display: none
}

table.detail-parameters tbody tr th .row-header-label .question-tooltip {
    margin-left: 5px;
    order: 2
}

table.detail-parameters tbody tr th:after {
    border-top-style: solid;
    border-top-width: 1px;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1
}

table.detail-parameters tbody tr td {
    padding-left: 20px
}

table.detail-parameters tbody tr td a {
    font-weight: 700;
    text-decoration: underline
}

table.detail-parameters tbody tr:last-child td,
table.detail-parameters tbody tr:last-child th {
    padding-bottom: 0
}

@media (max-width: 767px) {

    table.detail-parameters tbody tr td,
    table.detail-parameters tbody tr th {
        display: table-cell
    }
}

table.shipping-options-layout tr.shipping-options-row td {
    padding-left: 0
}

table.shipping-options-layout tr.shipping-options-row a {
    font-weight: 400
}

.image360,
.p-image {
    border-width: 0;
    padding-bottom: 22px;
    position: relative
}

@media (min-width: 1440px) {

    .wide .image360:after,
    .wide .p-image:after {
        display: none
    }
}

.image360-navigation {
    bottom: 22px
}

.p-thumbnails-horizontal .p-thumbnail:before,
.p-thumbnails-horizontal .show360image:before {
    height: 0
}

.p-to-cart-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: flex-start;
    padding: 10px 20px;
}

.p-to-cart-block .add-to-cart-button {
    flex: 1 1 auto;
    padding-left: 24px;
    padding-right: 24px;
    white-space: nowrap;
    border-radius: 100vw !important;
}

.shp-tabs-wrapper.p-detail-tabs-wrapper {
    margin-top: 50px;
}

.p-to-cart-block .add-to-cart {
    float: none;
    margin-left: auto;
    padding-top: 0;
    width: auto
}

.p-to-cart-block .add-to-cart .quantity {
    margin-right: 0
}

.p-to-cart-block .add-to-cart--express-checkout {
    margin-top: 0
}

@media (min-width: 480px) {
    .p-to-cart-block .add-to-cart--express-checkout {
        margin-left: 0
    }
}

.p-to-cart-block .add-to-cart__quantity-label {
    display: none
}

.p-to-cart-block .add-to-cart__buttons-wrapper {
    display: grid;
    flex: 1 0 100%;
    gap: 10px 20px;
    grid-template-columns: 1fr
}

@media (min-width: 480px) {
    .p-to-cart-block .add-to-cart__buttons-wrapper {
        grid-template-columns: 1fr 1fr
    }
}

.p-to-cart-block .p-final-price-wrapper {
    flex: 0 1 auto;
    line-height: 200%;
    white-space: nowrap;
    width: auto
}

.p-to-cart-block .p-final-price-wrapper .price-final-holder {
    font-weight: 600
}

.sold-out-wrapper {
    text-align: left
}

.products-wrapper {
    position: relative
}

.products-header {
    margin-bottom: 0;
    margin-top: 120px;
    text-align: center;
    text-transform: uppercase;
    font-size: 34px;
    font-weight: 400;
}

.mobile .products-header {
    text-align: left
}

.surcharge-list,
.variant-list {
    padding-bottom: 22px
}

.surcharge-list .surcharge-label,
.surcharge-list .variant-label,
.variant-list .surcharge-label,
.variant-list .variant-label {
    display: block
}

.surcharge-list select:hover,
.variant-list select:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}

#product-detail-form:after,
#product-detail-form:before {
    content: " ";
    display: table
}

#product-detail-form:after {
    clear: both
}

#product-detail-form .surcharge-label,
#product-detail-form .variant-label {
    padding-bottom: 11px
}

#product-detail-form .advanced-parameter .advanced-parameter-inner {
    box-shadow: unset
}

#product-detail-form .advanced-parameter .advanced-parameter-inner:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .16);
    z-index: 10
}

#product-detail-form .advanced-parameter .advanced-parameter-inner:before {
    border-radius: 100%;
    height: 50px;
    left: auto;
    right: -1px;
    text-align: center;
    top: -1px;
    width: 50px;
    border-width: 2px !important;
}

#product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before:before {
    background-image: none;
    border-style: solid;
    content: "\e913";
    font-size: 18px;
    line-height: 50px
}

.quantity {
    padding-left: 40px;
    padding-right: 40px
}

.quantity:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, .16)
}

.quantity input {
    width: 50px
}

.quantity .decrease,
.quantity .increase {
    align-items: center;
    border-style: none;
    display: flex;
    justify-content: center
}

.quantity .decrease:before,
.quantity .increase:before {
    font-size: 12px;
    position: relative
}

.add-to-cart .quantity {
    margin-right: 20px
}

.quantity .decrease-tooltip,
.quantity .increase-tooltip {
    right: 0;
    width: 100%
}

.add-to-cart-button,
.cart-related-button .btn.btn-sm,
.surcharge-list select,
.variant-list select {
    height: 52px;
    line-height: 50px;
    padding-bottom: 0;
    padding-top: 0
}

.variant-table .quantity {
    display: inline-block
}

.variant-table .btn-cart {
    border-style: solid;
    height: 50px;
    padding: 0;
    width: 50px
}

.variant-table .btn-cart:before {
    content: "\e921";
    line-height: inherit
}

.social-buttons-wrapper {
    padding: 22px 0
}

.social-buttons-wrapper .link-icon {
    display: flex;
    margin-right: 20px
}

.social-buttons-wrapper .link-icon:before {
    margin-bottom: 0;
    margin-right: 5px
}

.social-buttons-wrapper .social-buttons {
    align-items: center;
    display: flex;
    padding: 22px 0
}

.social-buttons-wrapper .social-buttons>div {
    line-height: 100%
}

.social-buttons-wrapper .social-buttons>div.close-wrapper {
    line-height: normal
}

.link-icons .link-icon {
    align-items: center;
    display: flex;
    margin-right: 40px
}

.link-icons .link-icon span {
    text-decoration: underline;
    text-transform: none
}

#formProductQuestion label[for=phone] {
    display: block
}

.p-detail-tabs-wrapper {
    border-top-style: none;
    margin-left: auto;
    margin-right: auto;
    padding: 0
}

.wide .p-detail-tabs-wrapper {
    padding: 0
}

.shp-tabs-holder ul.shp-tabs {
    font-weight: 700;
    margin-left: 0;
    margin-right: auto
}

.shp-tabs-holder ul.shp-tabs .shp-tab.active,
.shp-tabs-holder ul.shp-tabs .shp-tab:hover {
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.shp-tabs-holder ul.shp-tabs a.shp-tab-link {
    font-size: 20px;
    padding-left: 30px;
    padding-right: 30px;
}

@media (min-width: 992px) {
    .shp-tabs-holder ul.shp-tabs a.shp-tab-link {
        font-size: 20px
    }
}

.shp-tabs-wrapper .tab-content .tab-pane {
    max-width: 100%
}

@media (min-width: 992px) {
    .shp-tabs-wrapper .tab-content .tab-pane {
        margin-left: 0;
        margin-right: auto;
        width: 1178px
    }

    .shp-tabs-wrapper .tab-content .tab-pane.wide-tab {
        width: 100%
    }

    .description-inner {
        align-items: flex-start;
        display: flex;
        flex-wrap: wrap
    }

    .description-inner .extended-description {
        background-color: #f7f7f7;
        border-radius: 23px;
        padding: 28px 32px;
    }
}

.basic-description {
    max-width: 100%
}

@media (min-width: 1200px) {
    .basic-description {
        flex: 1 1 auto;
        padding-right: 100px;
        width: 66.666666%
    }

    .extended-description {
        flex: 0 1 auto;
        width: 33.333333%
    }
}

:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon {
    text-decoration: underline
}

:where(.ums_discussion_rating_forms--off) .add-comment .rating-icon:before {
    content: "";
    margin: 0
}

:where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description {
    margin-bottom: 44px
}

.rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars {
    height: 30px
}

.rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a,
.rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span {
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
    width: 30px
}

.rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a:before,
.rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span:before {
    font-size: 30px;
    line-height: 30px
}

.rate-wrapper.unveil-wrapper .rate-list {
    margin-bottom: 5px
}

@media (max-width: 991px) and (min-width:480px) {
    :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner {
        margin-bottom: 33px
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner {
        align-items: flex-start;
        flex-direction: column
    }
}

@media (max-width: 991px) and (min-width:768px) {
    .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap {
        margin-left: 0;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    :where(.ums_discussion_rating_forms--off) .rate-wrap {
        flex-flow: column;
        margin-bottom: 44px
    }

    :where(.ums_discussion_rating_forms--off) .rate-wrap .rate-average-wrap {
        margin-bottom: 22px
    }
}

.vote-pic {
    display: none
}

.content .vote-wrap {
    margin-bottom: 0px;
    border: 2px solid #f7f7f7;
    border-radius: 23px;
    padding: 30px;
}

.vote-wrap .vote-header {
    display: block;
    margin-bottom: 0
}

.vote-wrap .vote-header .vote-rating {
    display: flex;
    justify-content: space-between
}

.vote-wrap .vote-header .vote-rating .vote-delimeter {
    display: none
}

.vote-wrap .vote-header .vote-time {
    font-size: 16px
}

.vote-wrap .vote-header .vote-name {
    margin-bottom: 13px
}

.vote-wrap .vote-header .vote-title {
    margin-bottom: 0
}

.vote-wrap .vote-content {
    font-size: 15px;
    line-height: 20px;
    margin-top: 20px;
}

.vote-form {
    padding-bottom: 22px
}

.vote-form .consents-first {
    border-width: 0;
    padding-top: 0
}

.products-block {
    display: flex;
    flex-wrap: wrap
}

.products-block>div {
    border-style: solid;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    padding-top: 10px;
    width: 100%
}

.products-block>div:hover {
    z-index: 1
}

.products-block>div:hover .p a {
    text-decoration: underline
}

.mobile .products-block>div:active,
.mobile .products-block>div:hover,
.products-block>div.inactive:hover {
    box-shadow: unset
}

.products-block>div .p {
    border: 1px solid #EBEBEB !important;
    border-radius: 32px;
    padding: 25px 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center
}

.products-block>div .p .p-code {
    display: block;
    right: 10px;
    text-align: left;
    top: 10px
}

.products-block>div .p .availability {
    display: block
}

.products-block>div .p .p-in {
    clear: both;
    padding-top: 11px
}

.products-block>div .p .stars-wrapper {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    height: 22px;
    justify-content: center;
    margin: 5px 0
}

.products-block>div .p .stars-placeholder {
    height: 22px;
    margin: 5px 0
}

.products-block>div .p .p-bottom {
    padding: 20px 10px 0
}

.products-block>div .p .p-bottom>div .prices {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.products-block>div .p .p-bottom>div .prices .price-final {
    flex-basis: 100%;
    font-size: 20px
}

.products-block>div .p .p-bottom>div .prices .price-standard {
    font-size: 18px;
    margin-left: 5px;
    margin-right: 5px
}

.products-block>div .p .p-bottom>div .prices .price-save {
    font-weight: 700;
    margin-left: 5px;
    margin-right: 5px
}

.products-block>div .p .p-bottom>div .p-tools {
    align-items: center;
    bottom: auto;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 22px 0;
    position: relative;
    right: auto;
    width: 100%
}

.products-block>div .p .p-bottom>div .p-tools .pr-action {
    width: 100%
}

.products-block>div .p .p-bottom>div .p-tools .btn,
.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
    border-bottom-style: solid;
    border-width: 1px;
    font-weight: 900;
    height: auto;
    margin: 0 auto;
    min-width: 100px;
    white-space: nowrap;
    width: auto
}

.products-block>div .p .p-bottom>div .p-tools .btn.btn-cart.btn-primary,
.products-block>div .p .p-bottom>div .p-tools .btn.btn-primary {
    line-height: 30px
}

.products-block>div .p .p-bottom>div .p-tools>.btn:last-child {
    border-right-style: solid
}

.products-block>div .p .p-bottom>div .p-tools .btn-conversion {
    margin-bottom: 20px
}

.products-block>div .p .p-bottom .p-desc {
    margin-bottom: 22px
}

.products-block>div .p>a:after {
    content: ""
}

.products-block>div .p>a img {
    margin-bottom: 0;
    margin-top: 0
}

.products-block>div .p>a:hover img {
    opacity: 1
}

.products-block>div .p .name {
    margin-top: 0;
    text-transform: none
}

@media (min-width: 480px) {
    .products-block>div .p {
        margin-bottom: 0
    }
}

@media (min-width: 768px) {

    .products-block,
    .products-block>div {
        margin-left: 0;
        margin-right: 0
    }

    .products-block>div {
        max-width: none;
        width: 50%
    }

    .products-block>div .p .name {
        display: -webkit-box;
        height: 44px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .products-block>div .p .p-bottom.single-button {
        padding-right: 10px
    }

    .products-block>div .p .p-bottom.single-button .prices {
        bottom: auto;
        left: auto;
        position: relative
    }
}

@media (min-width: 1440px) {
    .products-block>div {
        padding: 10px
    }
}

@media (min-width: 992px) {

    .columns-3 .products-block>div,
    .columns-4 .products-block>div {
        width: 33.333333%
    }
}

@media (min-width: 1200px) {
    .columns-4 .products-block>div {
        width: 25%
    }
}

.flags.flags-extra,
.wide .p-detail .flags.flags-extra {
    bottom: 0;
    left: auto;
    right: 5px;
    top: auto
}

.wide .p-detail .flags {
    left: 0
}

.categories-aside {
    display: flex
}

@media (min-width: 768px) {
    .categories-aside {
        display: none
    }

    .mobile .categories-aside {
        display: flex
    }
}

.widget-parameter-wrapper.justified {
    justify-content: center
}

ul.manufacturers-anchors {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

ul.manufacturers-anchors>li {
    list-style: none
}

ul.manufacturers-anchors li {
    display: inline-block
}

ul.manufacturers-anchors li a {
    display: block;
    padding: 10px;
    text-decoration: underline
}

@media (min-width: 992px) {
    ul.manufacturers-anchors li a {
        padding: 20px
    }
}

ul.manufacturers-anchors li a:hover {
    text-decoration: none
}

ul.manufacturers {
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 0
}

ul.manufacturers li,
ul.manufacturers>li {
    list-style: none
}

ul.manufacturers h2 {
    flex: 0 0 100px;
    font-size: 30px;
    font-weight: 900;
    margin: 0;
    padding: 20px;
    text-align: center;
    transition: color .3s ease-out
}

ul.manufacturers ul {
    flex: 1 1 auto
}

ul.manufacturers ul li {
    padding: 5px 0
}

ul.manufacturers>li {
    align-items: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    display: flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 11px 0
}

ul.manufacturers>li:last-child {
    border-bottom-style: none
}

ul.manufacturers>li:first-child {
    border-top-style: solid;
    border-top-width: 1px
}

ul.manufacturers>li a {
    text-decoration: underline
}

ul.manufacturers>li a:hover {
    text-decoration: none
}

@media (min-width: 768px) {
    ul.manufacturers ul {
        display: flex;
        flex: 1 1 calc(100% - 100px);
        flex-wrap: wrap
    }

    ul.manufacturers ul li {
        flex: 0 0 50%
    }
}

@media (min-width: 992px) {
    ul.manufacturers ul li {
        flex-basis: 33.333333%
    }
}

@media (min-width: 1200px) {
    ul.manufacturers ul li {
        flex-basis: 25%
    }
}

.id--8 h1 {
    margin-bottom: 0
}

.id--8 h4 {
    margin-top: 44px
}

.id--8 .consents.consents-first {
    margin-top: 0
}

.id--8 .form-group {
    margin-bottom: 11px
}

.id--8 .form-group>input.form-control,
.id--8 .form-group>select.form-control {
    width: 100%
}

.id--8 #additionalInformation {
    width: 65.6%
}

.co-registration .form-group {
    margin-bottom: 22px
}

.co-registration h4 {
    margin-top: 22px
}

.categories .topic a {
    font-size: 130%
}

.categories ul ul a {
    font-weight: 400
}

.sidebar-inner {
    padding-bottom: 22px
}

.sidebar-inner>div.box-sm {
    border-style: solid;
    border-width: 1px;
    margin: 22px 0 0;
    padding: 20px
}

.sidebar-inner>div.box-sm h4 {
    font-size: 18px;
    margin-top: 0;
    text-align: left
}

.box.box-sm.box-filters {
    padding: 20px
}

.box.box-sm.box-filters .filter-sections {
    padding-left: 0;
    padding-right: 0
}

.filter-label {
    width: 100%
}

.filter-label .filter-count {
    border-radius: 100%;
    display: inline-block;
    height: 22px;
    line-height: 22px;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 22px
}

.sidebar .filter-label .filter-count {
    display: block;
    float: right
}

.top-products {
    counter-reset: top-10-counter;
    list-style: none;
    padding: 0
}

.top-products li {
    counter-increment: top-10-counter;
    display: flex;
    margin-bottom: 22px;
    position: relative;
    width: 100%
}

.top-products li:before {
    border-radius: 100%;
    border-style: solid;
    border-width: 1px;
    content: counter(top-10-counter);
    display: block;
    flex-shrink: 0;
    font-size: 12px;
    font-weight: 700;
    height: 20px;
    line-height: 1.5;
    text-align: center;
    width: 20px
}

.top-products li .top-products-content {
    padding-left: 20px
}

.top-products li .top-products-content .top-products-name {
    display: block;
    font-weight: 700
}

.top-products li .top-products-content>strong {
    font-weight: 400
}

.top-products li.display-image:before {
    left: 0;
    position: absolute;
    top: 0
}

.top-products li.display-image .top-products-image {
    height: auto;
    width: 30%
}

.top-products li.display-image .top-products-content {
    width: 70%
}

.box-login .social-login-buttons {
    margin-top: -11px
}

.box-login .login-wrapper {
    padding: 0
}

.box-login .login-wrapper .btn {
    float: none;
    width: 100%
}

#footer {
    padding-bottom: 0
}

.footer-rows .banner {
    margin-bottom: 0px;
}

.footer-rows h4 {
    margin-bottom: 15px;
    text-transform: uppercase;
    font-weight: 500;
}

.footer-rows ul {
    margin: 0;
    padding: 0
}

.footer-rows ul li {
    list-style: none;
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 15px;
    font-weight: 300;
}

.footer-rows .news-item-widget {
    margin: 0;
    padding-bottom: 4px;
    padding-top: 4px
}

.footer-rows .news-item-widget h5 {
    font-weight: 400
}

.footer-rows .news-item-widget h5.with-short-description {
    font-weight: 700
}

.footer-rows .custom-footer {
    padding-bottom: 22px
}

.contact-box ul li {
    padding: 0
}

.contact-box ul li>span {
    padding-left: 0
}

.contact-box ul li>span:before {
    display: inline-block;
    font-size: 24px;
    height: 46px;
    line-height: 46px;
    position: relative;
    vertical-align: middle;
    width: 46px
}

.contact-box .social-icon-list {
    display: inline-block;
    padding-top: 10px
}

body.user-action-visible.search-window-visible {
    overflow: auto;
    position: relative
}

@media (min-width: 480px) {
    .popup-widget {
        z-index: 1002
    }
}

@media (max-width: 991px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 134px);
        top: 134px
    }
}

@media (max-width: 767px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 80px);
        top: 80px
    }
}

@media (max-width: 480px) {
    .user-action-in .popup-widget.cart-widget {
        height: calc(100% - 50px);
        top: 50px
    }
}

@media (min-width: 992px) {
    .popup-widget.login-widget:before {
        right: 115px
    }
}

.cart-widget-product:last-child {
    border-bottom-style: solid
}

.cart-widget-product .cart-widget-product-name {
    width: 35%
}

@media (max-width: 480px) {
    .cart-widget-product {
        align-items: center;
        display: flex;
        flex-wrap: wrap
    }

    .cart-widget-product .cart-widget-product-name {
        width: calc(100% - 76px)
    }

    .cart-widget-product .cart-widget-product-image,
    .cart-widget-product .cart-widget-product-name {
        margin-bottom: 10px
    }

    .cart-widget-product .cart-widget-product-delete {
        margin-left: auto;
        padding: 0
    }

    .cart-widget-product .cart-widget-product-delete button:before {
        font-size: 20px
    }
}

@media (min-width: 992px) {
    .cart-widget-product .cart-widget-product-delete {
        visibility: hidden
    }

    .cart-widget-product:hover .cart-widget-product-delete {
        visibility: visible
    }
}

.cart-widget-product-name span,
.cart-widget-product-name strong {
    font-weight: 400
}

@media (min-width: 480px) {
    .cart-widget-product>div.cart-widget-product-unit {
        display: none
    }
}

.cart-widget-product-amount {
    width: 132px
}

.cart-widget-product-amount .quantity {
    margin: 0
}

.cart-widget-product-amount .quantity input {
    height: 50px;
    width: 30px
}

.cart-widget-product-amount .quantity .decrease,
.cart-widget-product-amount .quantity .increase {
    height: 50px
}

.cart-widget-product-price {
    text-align: right
}

.cart-widget-bottom {
    display: block;
    text-align: center;
    width: 100%
}

@media (max-width: 991px) {
    .cart-widget-inner.popup-widget-inner .cart-widget-products {
        height: calc(100% - 156px)
    }
}

@media (max-width: 480px) {
    .cart-widget-inner.popup-widget-inner .cart-widget-products {
        height: calc(100% - 177px)
    }
}

.cart-widget-inner.popup-widget-inner:not(.full) .cart-widget-products-inner .cart-widget-product {
    align-items: center;
    border-bottom: 0;
    display: flex;
    justify-content: center;
    min-height: 156px
}

.cart-widget-button {
    margin: 0;
    padding: 22px 0;
    top: 0
}

@media (max-width: 991px) {
    .cart-widget-button {
        bottom: auto;
        left: auto;
        position: relative;
        right: auto
    }
}

.cart-free-shipping {
    bottom: 0;
    height: auto;
    position: relative
}

.cart-free-shipping>div {
    padding: 0
}

.cart-free-shipping>div div {
    padding-bottom: 22px
}

.cart-free-shipping>div div strong {
    display: inline-block;
    padding-top: 11px
}

.cart-free-shipping .price-range {
    margin-bottom: 0;
    margin-top: 22px;
    max-width: 100%;
    padding-bottom: 0
}

.cart-free-shipping .price-range div {
    padding-bottom: 0
}

.news-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    width: 100%
}

.news-wrapper .news-item {
    flex-direction: column;
    padding-bottom: 0;
    width: 100%
}

@media (min-width: 992px) {
    .news-wrapper .news-item {
        width: calc(50% - 20px)
    }
}

@media (min-width: 480px) {
    .news-wrapper .news-item {
        margin-bottom: 20px
    }
}

.news-wrapper .news-item .title {
    font-size: 24px
}

.news-wrapper .news-item time {
    margin-bottom: 10px
}

.news-wrapper .news-item .news-item-link-img {
    width: 100%
}

.news-wrapper .news-item .news-image {
    margin-bottom: 20px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

@media (min-width: 992px) {
    .news-wrapper .news-item .news-image {
        -o-object-fit: contain;
        object-fit: contain
    }
}

.news-item-detail .next-prev a {
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .news-item-detail {
        margin-bottom: 0
    }
}

.product-slider-holder .product-slider {
    margin-left: -5px;
    padding-left: 5px;
    padding-right: 5px
}

.product-slider-holder .products-block>div .p .p-bottom.no-buttons>div .p-tools {
    display: none
}

.columns-mobile-2 .product-slider-holder .products-block .p .name {
    display: -webkit-box;
    height: 44px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

@media (min-width: 321px) and (max-width:767px) {
    .columns-mobile-2 .products-block>div .flags.flags-extra {
        display: block;
        right: 0;
        width: 100%
    }

    .columns-mobile-2 .products-block>div .flags.flags-extra .flag {
        font-size: 10px;
        margin-left: 0;
        margin-top: .5ex
    }
}

.country-flags {
    border-radius: 0
}

#newsWrapper h2 {
    margin-top: 0
}

.product-slider-holder.has-navigation {
    padding-left: 37px;
    padding-right: 37px
}

@media (max-width: 767px) {
    .product-slider-holder.has-navigation {
        padding-left: 0;
        padding-right: 0
    }

    .product-slider-holder.has-navigation .product-slider-navigation.navigation-next {
        right: -5px
    }

    .product-slider-holder.has-navigation .product-slider-navigation.navigation-prev {
        left: -5px
    }
}

.product-slider-holder .product-slider {
    padding: 5px
}

.news-item time,
.news-item-detail time {
    color: #999
}

.news-item-widget {
    border-bottom-color: #cfcfcf
}

.entrance-protection-inner {
    background-color: #fff
}

.entrance-protection h1 {
    color: var(--color-primary)
}

#header {
    background-color: var(--color-header-background);
    background-image: none;
    border-color: #cfcfcf
}

#header,
#header .site-name a {
    color: var(--_color-header-text)
}

.navigation-in {
    background-color: #fff
}

.navigation-in a,
.navigation-in a:hover {
    color: #1a1937
}

.navigation-in>ul>li {
    border-color: #cfcfcf
}

@media (min-width: 768px) {
    .navigation-in {
        background-color: transparent
    }

    .navigation-in a,
    .navigation-in a:hover {
        color: #1a1937
    }

    .navigation-in ul.menu-level-2 {
        background-color: #fff;
        border-color: var(--color-primary)
    }

    .navigation-in ul.menu-level-2 li {
        border-top-color: var(--color-primary)
    }

    .navigation-in ul.menu-level-2 a,
    .navigation-in ul.menu-level-2 a:hover {
        color: #1a1937
    }

    .navigation-in ul.menu-level-2>li>a:before,
    .navigation-in ul.menu-level-2>li>a:hover:before {
        background-color: #1a1937
    }

    .navigation-in>ul>li {
        border-color: transparent
    }

    .navigation-in>ul>li.exp>a,
    .navigation-in>ul>li>a,
    .navigation-in>ul>li>a:hover {
        background-color: transparent;
        color: #1a1937
    }
}

.navigation-in .has-third-level div>ul a {
    color: var(--color-primary)
}

.navigation-in .has-third-level div>ul a:hover {
    color: var(--color-primary-hover)
}

.navigation-in .navigationActions,
.navigation-in .navigationActions__submenu ul:not(:first-of-type) li:first-of-type>a {
    border-color: #cfcfcf
}

.navigation-close,
.navigation-in .navigationActions__submenu li:before {
    color: #1a1937
}

.navigationActions__submenu__item--active:before {
    background-color: #1a1937
}

.admin-bar {
    background-color: #484848;
    border-color: #333;
    color: #dbdbdb
}

.admin-bar .container>ul>li {
    border-color: #636363
}

.admin-bar .container>ul>li>a,
.admin-bar .container>ul>li>span {
    color: #dbdbdb
}

.admin-bar .container>ul>li:hover {
    background-color: #636363;
    color: #fff
}

.admin-bar .container>ul>li:hover>a,
.admin-bar .container>ul>li:hover>span {
    color: #fff
}

.admin-bar .container>ul>li ul {
    background-color: #f5fcfe;
    border-color: #dbe0e2
}

.admin-bar .container>ul>li ul li a,
.admin-bar .container>ul>li ul li span {
    border-color: #d0effc;
    color: #000
}

.admin-bar .container>ul>li ul li a:hover,
.admin-bar .container>ul>li ul li span:hover {
    background-color: #e1f4fa
}

.admin-bar .container>ul>li>ul {
    border-top-color: #333
}

.admin-bar .container>a,
.admin-bar .container>span {
    background-color: #636363;
    border-color: #333;
    color: #dbdbdb
}

.admin-bar .container>a:hover,
.admin-bar .container>span:hover {
    background-color: #555;
    color: #fff
}

.advanced-order-suggestion {
    border-top-color: #cfcfcf
}

.advanced-parameter-inner {
    border: 1px solid #fcfcfc;
    box-shadow: 0 0 1px rgba(0, 0, 0, .5)
}

.advanced-parameter-inner.yes-before {
    border-color: #009c00;
    color: #009c00
}

.variant-not-chosen .variant-list:not(.variant-selected) .advanced-parameter-inner {
    border: 1px solid #d63500;
    box-shadow: 0 0 3px #d63500
}

.btn.btn-default,
a.btn.btn-default {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #1a1937
}

.btn.btn-default:hover,
a.btn.btn-default:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    color: #1a1937
}

.box-bg-default .btn.btn-default:hover,
.box-bg-default a.btn.btn-default:hover {
    background-color: var(--color-secondary-hover)
}

.btn.btn-primary,
a.btn.btn-primary {
    background-color: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.btn.btn-primary:hover,
a.btn.btn-primary:hover {
    background-color: #fff;
    border-color: var(--color-primary-hover);
    color: var(--color-primary-hover)
}

.btn.btn-cart,
.btn.btn-conversion,
a.btn.btn-cart,
a.btn.btn-conversion {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: #6c00ff;
    font-weight: 500;
}

.btn.btn-cart:hover,
.btn.btn-conversion:hover,
a.btn.btn-cart:hover,
a.btn.btn-conversion:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    color: #6c00ff;
}

.btn.btn-secondary,
a.btn.btn-secondary {
    background-color: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.btn.btn-secondary:hover,
a.btn.btn-secondary:hover {
    background-color: #fff;
    border-color: var(--color-primary-hover);
    color: var(--color-primary-hover)
}

.btn.btn-special,
a.btn.btn-special {
    background-color: var(--color-tertiary-hover);
    border-color: hsl(var(--color-tertiary-hover-h), var(--color-tertiary-hover-s), calc(var(--color-tertiary-hover-l) - 3%));
    color: #fff
}

.btn.btn-special:hover,
a.btn.btn-special:hover {
    background-color: hsl(var(--color-tertiary-hover-h), var(--color-tertiary-hover-s), calc(var(--color-tertiary-hover-l) - 3%));
    color: #fff
}

.btn.btn-cart.disabled,
.btn.btn-conversion.disabled,
.btn.btn-default.disabled,
.btn.btn-primary.disabled,
.btn.btn-secondary.disabled,
.btn.btn-special.disabled,
a.btn.btn-cart.disabled,
a.btn.btn-conversion.disabled,
a.btn.btn-default.disabled,
a.btn.btn-primary.disabled,
a.btn.btn-secondary.disabled,
a.btn.btn-special.disabled {
    background-color: #fff;
    border-color: #cfcfcf;
    color: #cfcfcf;
    cursor: not-allowed
}

.btn.btn-plain,
a.btn.btn-plain {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-primary)
}

.btn.btn-plain:hover,
a.btn.btn-plain:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-primary-hover)
}

.login-btn.facebook {
    background-color: #4267b2;
    border-color: #4267b2;
    color: #fff
}

.login-btn.facebook:hover {
    background-color: #3a5a9c
}

.login-btn.google {
    background-color: #fff;
    border-color: #e0e0e0;
    color: #4a4a4a
}

.login-btn.google:hover {
    background-color: #f0f0f0
}

.login-btn.seznam {
    background-color: #c00;
    border-color: #c00;
    color: #fff
}

.login-btn.seznam:hover {
    background-color: #ad0000
}

.cart-table {
    border-color: #cfcfcf
}

.cart-table tr td {
    border-right-color: transparent;
    border-top-color: #cfcfcf
}

.cart-table tr td,
.cart-table tr td.cart-p-image {
    background-color: #fff
}

.cart-table tr td.p-name a {
    color: #1a1937
}

.cart-table tr td.p-name a:hover {
    color: var(--color-primary)
}

.cart-table tr.related td {
    background-color: #fff
}

a.cart-related-name {
    color: #1a1937
}

a.cart-related-name:hover {
    color: var(--color-primary)
}

.cart-related-product {
    border-color: #cfcfcf
}

.unit-value {
    color: #aaa
}

.remove-item:before {
    color: #1a1937
}

.remove-item:hover:before {
    color: #d63500
}

#categories .expandable>.topic>a>span,
#categories .expandable>a>span {
    color: #1a1937
}

#categories .expandable.active.expanded>a>span,
#categories .expandable>.topic.active>a>span {
    color: var(--color-primary)
}

#categories .expandable.active.expanded>a:hover>span,
#categories .expandable>.topic>a:hover>span,
#categories .expandable>a:hover>span {
    color: inherit
}

.box-bg-default #categories:after {
    background-color: transparent
}

.box-bg-variant #categories:after {
    background-color: #fff
}

.categories a {
    color: #1a1937
}

.categories a:hover {
    background-color: inherit;
    color: inherit
}

.categories ul a:before {
    background-color: transparent
}

.categories li.active>a {
    background-color: inherit;
    color: var(--color-primary)
}

.categories li.active>a:hover {
    background-color: inherit;
    color: inherit
}

.box-bg-default .categories a {
    border-bottom-color: transparent;
    color: #1a1937
}

.box-bg-default .categories a:hover {
    color: inherit
}

.box-bg-variant .categories a {
    border-bottom-color: #f5f5f5;
    color: #1a1937
}

.box-bg-variant .categories a:hover {
    color: inherit
}

.categories .topic.active>a {
    background-color: inherit;
    color: var(--color-primary)
}

.categories .topic.active>a:hover {
    background-color: inherit;
    color: inherit
}

.categories .topic.child-active>a {
    background-color: inherit;
    color: var(--color-primary)
}

.categories .topic.child-active>a:hover {
    background-color: inherit;
    color: inherit
}

.customer-page .table td,
.customer-page .table th,
.customer-page .table tr {
    border-color: #cfcfcf
}

.customer-page thead tr {
    background-color: #e6e6e6
}

.customer-page .table-shipping-addresses {
    background-color: #fff
}

.eet-message {
    color: #aaa
}

.blank-mode .empty-content,
.empty-content {
    font-family: "Nata Sans", sans-serif;
}

.empty-content h1 {
    color: var(--color-primary)
}

.empty-content h2:after {
    color: #cfcfcf
}

.empty-content p {
    color: #aaa
}

.filter-sections {
    background-color: #fff
}

.filter-section {
    border-bottom-color: #fff
}

#category-filter-hover .filter-section:first-child,
.filter-section+.filter-section {
    border-top-color: #e6e6e6
}

.filter-count {
    background-color: #f7f7f7
}

#clear-filters a {
    color: #d63500
}

.filter-total-count {
    color: #cfcfcf
}

.plus-gallery-item,
.ui-menu {
    border-color: #cfcfcf
}

.ui-menu .ui-menu-item {
    background-color: #fff
}

.ui-menu .ui-menu-item:hover,
.ui-menu .ui-state-active,
.ui-menu .ui-state-focus {
    background-color: #dcdcdc
}

.detail-information,
.ui-autocomplete>li {
    border-top-color: #cfcfcf
}

.cpost-delivery-point-result-legend,
.cpost-delivery-point-result-table-wrap {
    border-color: #cfcfcf
}

.cpost-delivery-point-result-table tr {
    border-bottom-color: #cfcfcf
}

.ajax-pending-element:after,
.loader-overlay {
    background-color: rgba(0, 0, 0, .65)
}

.ajax-pending .loader-wrapper:before,
.ajax-pending-element:before,
.loader {
    background-color: var(--color-tertiary-hover);
    border-color: #fff transparent #fff #fff
}

.ajax-pending .loader-wrapper:before.accented,
.ajax-pending-element:before.accented,
.loader.accented {
    background-color: #ddd
}

.ajax-pending .loader-wrapper:before.static,
.ajax-pending-element:before.static,
.loader.static {
    background-color: transparent;
    border-color: var(--color-primary);
    border-right-color: transparent
}

[data-iframe-src] {
    background: url("data:image/svg+xml;utf8,<svg version=%271.1%27 xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 x=%270px%27 y=%270px%27 width=%2740px%27 height=%2740px%27 viewBox=%270 0 50 50%27 style=%27enable-background:new 0 0 50 50;%27 xml:space=%27preserve%27><path fill=%27%23fff%27 d=%27M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z%27> <animateTransform attributeType=%27xml%27 attributeName=%27transform%27 type=%27rotate%27 from=%270 25 25%27 to=%27360 25 25%27 dur=%270.6s%27 repeatCount=%27indefinite%27/></path></svg>") no-repeat 50% rgba(0, 0, 0, .65)
}

.menu-helper:after,
.menu-trigger:after {
    background-color: transparent;
    color: #1a1937
}

@media (min-width: 768px) {
    .menu-helper>span {
        background-color: transparent;
        border-color: #cfcfcf;
        color: #1a1937
    }

    .menu-helper>ul {
        background-color: #fff;
        border-color: transparent
    }

    .menu-helper>ul>li {
        border-top-color: #cfcfcf
    }

    .menu-helper>ul>li a,
    .menu-helper>ul>li a:hover {
        color: #1a1937
    }

    .menu-helper>ul>li.exp>a,
    .menu-helper>ul>li.exp>ul>li {
        background-color: #fff
    }
}

.msg.msg-notice,
.msg.msg-success {
    background-color: #5cb85c;
    border-color: #5cae4c;
    color: #fff
}

.msg.msg-notice a,
.msg.msg-success a {
    color: #fff
}

.msg.msg-info {
    background-color: #3276b1;
    border-color: #2a7595;
    color: #fff
}

.msg.msg-info a {
    color: #fff
}

.msg.msg-warning {
    background-color: #eea236;
    border-color: #ec751e;
    color: #fff
}

.msg.msg-warning a {
    color: #fff
}

.msg.msg-error {
    background-color: #d9534f;
    border-color: #d43a4f;
    color: #fff
}

.msg.msg-error a {
    color: #fff
}

.js-validator-msg.msg-info {
    color: #3276b1
}

.js-validator-msg.msg-error {
    color: #d9534f
}

.js-validator-msg.msg-warning {
    color: #eea236
}

.form-control.error-field,
.form-control.js-error-field {
    border-color: #d9534f
}

.form-control.error-field:focus,
.form-control.js-error-field:focus {
    border-color: #d9534f;
    box-shadow: 0 0 0 .1em rgba(217, 83, 79, .25)
}

.form-control.warning-field {
    border-color: #eea236
}

.form-control.warning-field:focus {
    border-color: #eea236;
    box-shadow: 0 0 0 .1em rgba(238, 162, 54, .25)
}

.error-field+label,
.js-error-field+label {
    border-color: #d9534f
}

.radio-wrapper input[type=checkbox]+label:before,
.radio-wrapper input[type=radio]+label:before {
    border-color: #b6b6b6
}

.radio-wrapper input[type=checkbox]+label:after,
.radio-wrapper input[type=radio]+label:after {
    background-color: #b6b6b6
}

.radio-wrapper input[type=checkbox]:disabled+label:before,
.radio-wrapper input[type=radio]:disabled+label:before {
    border-color: #cfcfcf
}

.radio-wrapper input[type=checkbox]:checked+label:before,
.radio-wrapper input[type=radio]:checked+label:before {
    border-color: var(--color-primary)
}

.radio-wrapper input[type=checkbox]:checked+label:after,
.radio-wrapper input[type=radio]:checked+label:after {
    background-color: var(--color-primary);
    border-color: #fff
}

.radio-wrapper {
    background-color: inherit;
    border-color: #cfcfcf
}

.radio-wrapper input[type=radio]:checked+label>span b {
    color: var(--color-primary)
}

html:not(.apple-pay-available) .radio-wrapper.apple-pay,
html:not(.apple-pay-available) .radio-wrapper[data-submethod=applepay] {
    display: none
}

.radio-wrapper.active .for-free {
    color: var(--color-primary)
}

.cart-hide-unselected-options .radio-wrapper.selected-option {
    border-bottom-color: transparent
}

.loader-overlay,
.loader-wrapper:after,
.overlay {
    background-color: rgba(0, 0, 0, .65)
}

.btn.loadMore__button,
.pagination .pagination__list .pagination__link,
a.btn.goToTop__button {
    background-color: #fff;
    border-color: var(--color-primary);
    color: var(--color-primary)
}

.btn.loadMore__button:focus-visible,
.btn.loadMore__button:hover,
.pagination .pagination__list .pagination__link:focus-visible,
.pagination .pagination__list .pagination__link:hover,
a.btn.goToTop__button:focus-visible,
a.btn.goToTop__button:hover {
    background-color: #fff;
    border-color: var(--color-primary-hover);
    color: var(--color-primary-hover)
}

.price-range {
    background-color: #f7f7f7;
    border-color: #cfcfcf
}

.price-range>div {
    background-color: var(--color-secondary)
}

.p-thumbnails a img {
    border-color: #cfcfcf
}

.p-thumbnails .thumbnail-next,
.p-thumbnails .thumbnail-prev {
    color: #1a1937
}

.p-thumbnail.highlighted:before,
.p-thumbnail:hover:before,
.show360image.highlighted:before,
.show360image:hover:before {
    background-color: var(--color-primary)
}

.quantity {
    border-color: #cfcfcf
}

.quantity input {
    background: inherit
}

.quantity .decrease,
.quantity .increase {
    background-color: inherit;
    border-color: #cfcfcf;
    color: inherit
}

.question-tooltip {
    background-color: #fff;
    border-color: var(--color-primary-hover);
    color: inherit
}

.rate-bar {
    background-color: #cfcfcf
}

.current .rate-bar {
    background-color: #25f45b;
}

.rate-average,
.rate-wrap .rate-list .star,
.rate-wrap .rate-list .star:hover {
    color: var(--color-primary-hover)
}

.site-msg {
    background-color: #fdf3da
}

.site-msg,
.site-msg .close:before {
    color: #000
}

.SizeID-button .sb-button,
.SizeID-button .sb-button span {
    color: var(--color-primary) !important;
    font-family: "Nata Sans", sans-serif;
}

.SizeID-button:hover .sb-button,
.SizeID-button:hover .sb-button span {
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%)) !important
}

.slider-content,
.ui-slider {
    background-color: #e7e7e7;
    border-color: #e7e7e7
}

.ui-slider-handle {
    color: #fff
}

.ui-slider-handle,
.ui-slider-handle:hover {
    background-color: var(--color-primary)
}

.ui-slider .ui-slider-range {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary)
}

.ui-slider-horizontal .ui-slider-handle:after {
    border-top-color: var(--color-primary)
}

.social-login-buttons-divider {
    color: #aaa
}

.social-login-buttons-divider:after,
.social-login-buttons-divider:before {
    background-color: #cfcfcf
}

.stars .star,
.stars .star:hover {
    color: #cfcfcf
}

.stars .star.is-active:hover,
.stars .star.star-half:before,
.stars .star.star-on:before {
    color: var(--color-primary-hover)
}

.stars-label {
    color: #aaa
}

.shp-tabs,
.shp-tabs-holder {
    background-color: transparent;
    border-color: #cfcfcf
}

.shp-tab.active {
    border-top-color: #1a1937
}

.active .shp-tab-link,
.shp-tab-link,
.shp-tab-link:hover {
    background-color: transparent;
    border-color: #cfcfcf;
    color: #1a1937
}

.blank-mode .vote-name,
.vote-name {
    font-family: "Nata Sans", sans-serif;
}

.vote-title {
    color: var(--color-primary-hover)
}

.vote-wrap {
    border-color: #cfcfcf
}

.vote-content a {
    color: #1a1937
}

.vote-content a:hover {
    color: var(--color-primary)
}

.vote-admin-response,
.vote-rating {
    color: #7C7C7C;
}

.vote-initials {
    color: #fff
}

.search-whisperer {
    background-color: #fff
}

.search-whisperer,
.search-whisperer ul li {
    border-color: #cfcfcf
}

.search-whisperer ul li a:not(.btn) {
    color: #1a1937
}

.search-whisperer .p-name,
.search-whisperer .price {
    color: var(--color-primary)
}

.search-whisperer-documents {
    border-bottom-color: #cfcfcf
}

.country-flags-inner {
    border-color: transparent
}

.country-flags.active .country-flags-inner {
    background-color: #fff;
    border-color: #cfcfcf
}

.country-flags.active .country-flag {
    background-color: #fff
}

.country-flags.active .country-flag.country-flag-preferred {
    background-color: #f6f6f6
}

.country-flags.active .country-flag.country-flag-preferred:not(.selected):hover {
    background-color: #eee
}

.country-flags.active .country-flag.selected,
.country-flags.active .country-flag.suggested,
.country-flags.active .country-flag:hover {
    background-color: #f6f6f6
}

.country-flags.active .country-flag.selected {
    border-bottom-color: #cfcfcf
}

.country-flag .shp-flag-label,
.country-flag .shp-flag-label .shp-flag-name {
    color: #1a1937
}

.country-flag-preferred-last {
    border-bottom-color: #cfcfcf
}

.shp-flag-label:before {
    border-color: #1a1937 transparent transparent
}

.widget-parameter-value a,
.widget-parameter-value a:focus,
.widget-parameter-value a:hover {
    color: #1a1937
}

.widget-parameter-more span {
    color: #aaa
}

.shipping-options-popup {
    container-type: inline-size
}

.shipping-options-popup .shipping-row {
    align-items: flex-start;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
    justify-content: space-between;
    line-height: 1.5;
    padding: 15px 0
}

.shipping-options-popup .extra.delivery {
    margin-top: 20px
}

.shipping-row:not(:has(.payment-logo)) .payment-info {
    flex-basis: auto;
    max-width: calc(100% - 10px - 7.2em)
}

.delivery-time,
.delivery-time-label,
.shipping-options {
    display: inline-block
}

.blank-mode,
body,
body.blank-mode {
    font-family: "Nata Sans", sans-serif;
}

.blank-mode .cart-related-name,
.blank-mode .cart-table .main-link,
.blank-mode .h1,
.blank-mode .h2,
.blank-mode .h3,
.blank-mode .h4,
.blank-mode .h5,
.blank-mode .h6,
.blank-mode h1,
.blank-mode h2,
.blank-mode h3,
.blank-mode h4,
.blank-mode h5,
.blank-mode h6,
.cart-related-name,
.cart-table .main-link,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Nata Sans", sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #1a1937
}

body {
    background-color: #fff
}

.disabled,
.inactive {
    color: #aaa
}

.highlight {
    color: var(--color-primary)
}

.red {
    color: #d63500
}

.line {
    color: #cfcfcf
}

.link-like,
a {
    color: var(--color-primary)
}

.link-like:focus,
.link-like:hover,
a:focus,
a:hover {
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%))
}

.link-like.conversion,
a.conversion {
    color: var(--color-secondary)
}

.link-like.conversion:focus,
.link-like.conversion:hover,
a.conversion:focus,
a.conversion:hover {
    color: var(--color-secondary-hover)
}

#cboxContent {
    background-color: #fff
}

#cboxOverlay {
    background-color: #000
}

#cboxTitle,
.form-control,
select {
    background-color: #fff
}

.form-control,
select {
    border-color: #cfcfcf;
    color: #1a1937
}

.form-control:focus,
select:focus {
    border-color: #c2c2c2;
    color: #1a1937
}

.form-control[disabled],
select[disabled] {
    background-color: #eee;
    color: #ccc
}

.country-flags {
    border: 1px solid transparent;
    border-radius: 3px
}

input[type=checkbox]+label:before,
input[type=radio]+label:before {
    border-color: #cfcfcf
}

input[type=checkbox]+label:after,
input[type=radio]+label:after {
    background-color: #cfcfcf
}

input[type=checkbox]:disabled+label:before,
input[type=radio]:disabled+label:before {
    border-color: #dcdcdc
}

input[type=checkbox]:checked+label:before,
input[type=radio]:checked+label:before {
    border-color: var(--color-primary)
}

input[type=checkbox]:checked+label:after,
input[type=radio]:checked+label:after {
    background-color: var(--color-primary);
    border-color: #fff
}

:focus-visible,
[tabindex="0"]:focus-visible,
input:focus-visible,
input[type=checkbox].focus-visible+label,
input[type=checkbox]:focus-visible+label,
input[type=radio].focus-visible+label,
input[type=radio]:focus-visible+label,
label:has(input[type=radio].focus-visible),
label:has(input[type=radio]:focus-visible),
select:focus-visible,
textarea:focus-visible {
    box-shadow: 0 0 0 8px var(--colors-focus-secondary);
    outline: 3px solid var(--colors-focus-primary);
    outline-offset: 2px
}

a:hover:focus-visible:not(:active) {
    outline: 3px solid var(--colors-focus-primary)
}

#colorbox:focus-visible {
    box-shadow: none
}

.additional-information {
    color: #aaa
}

.content-wrapper {
    background-color: #fff
}

.banner a,
.banner-category a,
.banner-wrapper a,
.carousel-inner a {
    color: #1a1937
}

.banner p a,
.banner-category p a,
.banner-wrapper p a,
.carousel-inner p a {
    color: var(--color-primary)
}

.banner p a:hover,
.banner-category p a:hover,
.banner-wrapper p a:hover,
.carousel-inner p a:hover {
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%))
}

.box.box-bg-default,
.box.box-bg-transparent {
    background-color: transparent
}

.box.box-bg-variant {
    background-color: #fff
}

.box.box-bg-dark {
    background-color: var(--color-tertiary);
    color: #fff
}

.box.box-bg-dark h1,
.box.box-bg-dark h2,
.box.box-bg-dark h3,
.box.box-bg-dark h4 {
    color: #fff
}

.recommended-products .next,
.recommended-products .prev {
    color: #aaa
}

.recommended-products .next:hover,
.recommended-products .prev:hover,
.recommended-products a.recommended-product {
    color: #1a1937
}

.recommended-products .original-price {
    color: #d63500
}

.indicator {
    background-color: #cfcfcf
}

.indicator>div,
.poll-result>div {
    background-color: var(--color-primary)
}

.poll-result>div {
    border-left-color: var(--color-primary)
}

.image360,
.p-image {
    border-color: #cfcfcf
}

.p-image:after {
    background-color: #cfcfcf
}

.breadcrumbs {
    background-color: inherit;
    border-color: #cfcfcf
}

.breadcrumbs,
.breadcrumbs a,
.breadcrumbs a:hover {
    color: #1a1937
}

.price-standard {
    color: #aaa
}

.price-save {
    color: #666
}

.flags-extra .price-save,
.flags-extra .price-standard {
    color: #fff
}

.sidebar ol.top-products.unified li.display-image {
    background-color: #fff
}

ol.top-products.unified a {
    color: #1a1937
}

ol.top-products.unified a .top-products-name {
    color: var(--color-primary)
}

ol.top-products.unified a:hover .top-products-name {
    color: var(--color-primary-hover)
}

.subcategories li:before {
    background-color: #1a1937
}

.subcategories li.divider {
    background-color: #cfcfcf
}

ol.cart-header li a,
ol.cart-header li strong {
    background-color: transparent;
    color: #1a1937
}

ol.cart-header li a:hover {
    background-color: #fff;
    color: #000
}

ol.cart-header li.active a,
ol.cart-header li.active strong,
ol.cart-header li.completed a,
ol.cart-header li.completed strong {
    background-color: #fff
}

ol.cart-header li.active a,
ol.cart-header li.active strong,
ol.cart-header li.completed a,
ol.cart-header li.completed a:hover,
ol.cart-header li.completed strong {
    color: #000
}

.cart-widget-product-amount,
.cart-widget-product-unit {
    color: #aaa
}

.cart-widget-product-delete button {
    color: #d63500
}

.flag {
    color: #fff
}

.flag.flag-new {
    background-color: #7ad046
}

.flag.flag-action {
    background-color: #e94b4b
}

.flag.flag-tip {
    background-color: #59d6e4
}

.flag.flag-freeshipping {
    background-color: #ff9764
}

.flag.flag-gift {
    background-color: #e94b4b
}

.flag.flag-sleva {
    background-color: #eaba70
}

.flag.flag-pripravujeme {
    background-color: #cde2d1
}

.flag.flag-doprodej {
    background-color: #b6b1b5
}

.flag.default-variant {
    background-color: #cfcfcf
}

.flag.flag-discount {
    background-color: #1d7af8
}

.p-code {
    color: #cfcfcf
}

a.social-icon {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
    color: var(--color-tertiary)
}

a.social-icon:hover {
    background-color: var(--color-secondary-hover);
    border-color: var(--color-secondary-hover);
    color: #fff
}

.table-row {
    border-color: #cfcfcf
}

a.link-icon {
    color: #aaa
}

a.link-icon:hover {
    color: var(--color-primary)
}

.variant-not-chosen .variant-list:not(.variant-selected) select {
    border-color: #d63500;
    box-shadow: 0 0 3px #d63500
}

.qrcode {
    border-color: #666
}

.navigation-buttons a[data-target=cart],
.navigation-buttons button.top-nav-button-login {
    background-color: transparent;
    color: var(--color-primary);
    font-size: 16px;
}

.navigation-buttons a[data-target=cart]:hover {
    background-color: transparent;
    color: var(--_color-header-link)
}

.navigation-buttons a[data-target=search],
.navigation-buttons a[data-target=search]:hover {
    background-color: transparent;
    color: var(--_color-header-text)
}

:where(body.ums_a11y_login--off) .navigation-buttons a[data-target=login] {
    background-color: transparent;
    color: var(--color-primary);
    font-size: 16px;
}

:where(body.ums_a11y_login--off) .navigation-buttons a[data-target=login]:hover {
    background-color: transparent;
    color: #1a1937
}

.navigation-buttons a[data-target=navigation] {
    background-color: #fff;
    color: var(--_color-header-text)
}

.navigation-buttons a[data-target=navigation]:hover {
    background-color: transparent;
    color: var(--_color-header-text)
}

.navigation-window-visible .navigation-buttons a[data-target=navigation],
.navigation-window-visible .navigation-buttons a[data-target=navigation]:hover {
    background-color: #fff;
    color: #1a1937
}

.navigation-buttons a[data-target=cart] i {
    background-color: var(--_color-header-contrast-bg);
    color: var(--_color-header-contrast-text)
}

:where(body.ums_a11y_login--on) .top-nav-button-login {
    background-color: transparent;
    color: var(--_color-header-text)
}

:where(body.ums_a11y_login--on) .top-nav-button-login:hover {
    background-color: transparent;
    color: #1a1937
}

.p-gift-name a,
.p-gift-name a:focus,
.p-gift-name a:hover {
    color: var(--color-secondary)
}

.required-asterisk:after,
.required-asterisk:before {
    color: #d63500
}

.next-step-back,
a.next-step-back {
    color: #aaa
}

:where(body.ums_a11y_login--off) .user-action-in .toggle-window-arr {
    color: var(--color-primary)
}

.next-step-back,
.toggle-window-arr,
a.next-step-back,
a.toggle-window-arr {
    background-color: transparent;
    border-color: transparent
}

.next-step-back:hover,
.toggle-window-arr:hover,
a.next-step-back:hover,
a.toggle-window-arr:hover {
    background-color: transparent;
    border-color: transparent;
    color: var(--color-primary)
}

.xyDiscount__banner {
    border-color: #cfcfcf
}

.xyDiscount__icon {
    background-color: var(--xy-discount-banner-color);
    color: #fff
}

.xyDiscount__title {
    color: var(--xy-discount-banner-color)
}

.xyDiscount__conditions a,
.xyDiscount__conditions a:hover {
    color: #1a1937
}

.cart-xyDiscount__banner {
    border-color: #cfcfcf
}

.cart-xyDiscount__icon {
    background-color: var(--xy-discount-banner-color);
    color: #fff
}

.cart-xyDiscount__title {
    color: var(--xy-discount-banner-color)
}

.cart-table .cart-xyDiscount__banner .cart-xyDiscount__conditions a,
.cart-table .cart-xyDiscount__banner .cart-xyDiscount__conditions a:hover {
    color: #1a1937
}

.productEan__value {
    overflow-wrap: anywhere;
    word-break: normal
}

.productEan__value--empty {
    color: #aaa
}

.popup-widget-inner,
.popup-widget:before {
    background-color: #fff;
    border-color: #cfcfcf
}

.popup-widget-inner {
    color: #1a1937
}

.cart-widget {
    border-color: #cfcfcf
}

.cart-widget,
.cart-widget-button {
    background-color: #fff
}

.product-slider-holder .product-slider-pagination .pagination-button {
    background-color: var(--color-primary);
    color: transparent
}

.product-slider-holder .product-slider-pagination .pagination-button.active {
    width: 60px;
    background-color: var(--color-secondary);
}

.product-slider-holder .product-slider-pagination .pagination-button:hover {
    background-color: var(--color-primary-hover)
}

.product-slider-holder .product-slider-navigation {
    background-color: transparent;
    color: transparent
}

.product-slider-holder .product-slider-navigation:before {
    background-color: transparent;
    color: #cfcfcf
}

.product-slider-holder .product-slider-navigation:hover:before {
    background-color: transparent;
    color: var(--color-primary)
}

@media (max-width: 767px) {

    .product-slider-holder .product-slider-navigation:before,
    .product-slider-holder .product-slider-navigation:hover:before {
        background-color: #fff
    }
}

.searchWhisperer {
    background-color: #fff;
    color: #1a1937
}

.searchWhisperer__additionalResults {
    border-color: #cfcfcf
}

.searchWhisperer__additionalResults__link,
.searchWhisperer__additionalResults__link:focus,
.searchWhisperer__additionalResults__link:hover,
.searchWhisperer__product,
.searchWhisperer__product:focus,
.searchWhisperer__product:hover {
    color: #1a1937
}

.searchWhisperer__loaderWrapper .loader {
    background-color: #fff;
    border-color: var(--color-primary);
    border-right-color: transparent
}

.header-background-light {
    --_color-header-text: #1a1937;
    --_color-header-link: var(--color-primary);
    --_color-header-contrast-text: #fff;
    --_color-header-contrast-bg: var(--color-primary)
}

.header-background-dark {
    --_color-header-text: #fff;
    --_color-header-link: #fff;
    --_color-header-contrast-text: #1a1937;
    --_color-header-contrast-bg: #fff
}

input[type=checkbox]+label:after {
    color: #f7f7f7
}

.header-bottom {
    background-color: #fff
}

.top-navigation-bar {
    background-color: #6C00FF;
    border: none;
}

.top-navigation-bar a {
    color: #ffffff;
    line-height: 28px;
}

.dropdown-menu a,
.top-navigation-bar-menu a,
.top-navigation-bar-menu-helper a,
.top-navigation-tools a {
    height: 36px !important;
}

.dropdown-menu,
.languagesMenu ul,
.top-navigation-bar-menu-helper {
    background: #fff;
    border-color: #cfcfcf
}

.dropdown-menu li a:before,
.languagesMenu ul li a:before,
.top-navigation-bar-menu-helper li a:before {
    background: #cfcfcf;
    border-color: #cfcfcf
}

.header-bottom {
    border-color: #cfcfcf;
    color: #1a1937
}

#navigation,
.navigation-in ul.menu-level-2 {
    border-top-color: #cfcfcf
}

#navigation {
    background-color: #fff;
    font-family: "Nata Sans", sans-serif;
}

#navigation .menu-level-3 {
    font-family: "Nata Sans", sans-serif;
}

#navigation .navigation-in ul li>a>b {
    border-bottom-color: transparent;
    color: #494947;
    font-size: 16px;
    font-weight: normal;
}

#navigation .navigation-in ul li:hover>a>b {
    border-bottom-color: #1a1937
}

.menu-helper {
    font-family: "Nata Sans", sans-serif;
}

.navigation-buttons a[data-target=navigation],
.navigation-buttons a[data-target=navigation]:hover,
.navigation-buttons a[data-target=search],
.navigation-buttons a[data-target=search]:hover {
    background: transparent
}

.more-items-trigger {
    background-color: #fff;
    color: var(--color-primary)
}

.more-items-trigger:hover {
    color: hsl(var(--color-primary-h), var(--color-primary-s), calc(var(--color-primary-l) - 3%))
}

.breadcrumbs a,
.breadcrumbs a:hover,
.breadcrumbs span,
.breadcrumbs span:hover {
    color: #aaa
}

.stars-label {
    color: #1a1937
}

table.detail-parameters tbody tr th .row-header-label {
    background-color: transparent;
}

table.detail-parameters tbody tr th:after {
    border-top-color: transparent;
}

table.detail-parameters tbody tr td a {
    color: #1a1937
}

.extended-banner-link,
.extended-banner-text,
.extended-banner-title {
    background-color: transparent;
    color: #fff
}

.p-thumbnails a img {
    border-color: transparent
}

.p-thumbnails a.highlighted img,
.p-thumbnails a:hover img {
    border-color: #cfcfcf;
    border-radius: 23px;
    margin-right: 5px;
}

.detail-parameters .p-code {
    color: #1a1937
}

.p-final-price-wrapper .price-final {
    font-family: "Nata Sans", sans-serif;
}

.p-final-price-wrapper .price-additional {
    color: #aaa
}

.p-to-cart-block {
    background-color: #f7f7f7;
    border-radius: 23px;
}

#product-detail-form .advanced-parameter-inner,
#product-detail-form .advanced-parameter-inner.yes-before,
#product-detail-form .advanced-parameter-inner:hover {
    border-color: #cfcfcf
}

#product-detail-form .advanced-parameter-inner.yes-before:before {
    background-color: #25f45b80;
    border-color: #25f45b;
    color: #000000;
}

.quantity {
    background: #fff
}

.quantity .decrease:hover:before,
.quantity .increase:hover:before {
    background-color: var(--color-secondary)
}

.link-icons .link-icon {
    color: #1a1937
}

.hidden-links,
.hidden-links .shp-tab-link {
    background-color: #f7f7f7
}

.rate-average-wrap .rate-average {
    color: #1a1937
}

.p-detail-tabs {
    font-family: "Nata Sans", sans-serif;
}

.social-buttons {
    background-color: #fff
}

.category-header #products-listing-order {
    color: #1a1937
}

.mobile .category-header #products-listing-order {
    border-color: var(--color-secondary)
}

@media (max-width: 767px) {
    .category-header #products-listing-order {
        border-color: var(--color-secondary)
    }
}

.category-header #products-listing-order:hover {
    color: var(--color-primary-hover)
}

:where(body.ums_a11y_category_page--off) .category-header .dropdown .dropdown-menu label:hover {
    color: var(--color-primary-hover)
}

:where(body.ums_a11y_category_page--on) .listSorting__control,
:where(body.ums_a11y_category_page--on) .sortingToggle {
    background-color: transparent
}

:where(body.ums_a11y_category_page--on) .listSorting__control:focus-visible,
:where(body.ums_a11y_category_page--on) .listSorting__control:hover,
:where(body.ums_a11y_category_page--on) .sortingToggle:focus-visible,
:where(body.ums_a11y_category_page--on) .sortingToggle:hover {
    color: var(--color-secondary)
}

:where(body.ums_a11y_category_page--on) .listSorting__controls--dropdown {
    border-color: #cfcfcf
}

@media (min-width: 768px) {
    :where(body.ums_a11y_category_page--on) .listSorting__controls--dropdown {
        box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
    }
}

:where(body.ums_a11y_category_page--on) .listSorting__control--current:focus-visible {
    color: #1a1937
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button {
    background-color: transparent
}

.filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover {
    color: var(--color-primary-hover)
}

.subcategories li a {
    color: #1a1937
}

.products-block>div,
.products-block>div:hover {
    border-color: transparent
}

.products-block .p-in-in a {
    color: #1a1937
}

.products-block .p-bottom .price-additional {
    color: #aaa
}

.products-block .inactive {
    color: #1a1937
}

.pagination__link:hover {
    border-style: solid;
    border-width: 1px
}

ul.manufacturers-anchors li a {
    color: #1a1937
}

ul.manufacturers>li {
    border-color: #cfcfcf
}

ul.manufacturers>li h2 {
    color: #aaa
}

ul.manufacturers>li li a {
    color: #1a1937
}

ul.manufacturers>li:hover h2 {
    color: var(--color-primary)
}

.sidebar-inner>div,
.top-products li:before {
    border-color: #cfcfcf
}

.top-products li .top-products-content {
    color: #1a1937
}

.top-products li .top-products-content strong {
    color: #aaa
}

#footer {
    background-color: #494947
}

footer * {
    color: #fff !important;
}

.footer-rows .news-item-widget h5 {
    font-family: "Nata Sans", sans-serif;
}

.footer-bottom {
    background-color: #494947
}

.cart-widget-product {
    border-bottom-color: #cfcfcf;
    color: #1a1937
}

.cart-widget-product-name a {
    color: #1a1937
}

.cart-widget-product-name a:hover,
.cart-widget-product-name>span {
    color: var(--color-primary)
}

.cart-widget-product-amount,
.cart-widget-product-price,
.cart-widget-product-unit {
    color: #1a1937
}

.cart-widget-bottom {
    background-color: #fff
}

.cart-widget-product-delete button {
    color: #666
}

.cart-widget-product-delete button:hover {
    color: #d63500
}

.cart-free-shipping {
    color: #1a1937
}

.cart-free-shipping strong {
    color: var(--color-tertiary)
}

.cart-table-header {
    color: #aaa
}

@media (max-width: 991px) {
    .cart-table {
        border-bottom-style: none
    }
}

.free-gift-price {
    color: #009c00
}

.cart-table .p-price .price-final,
.cart-table .unit-value {
    color: #1a1937
}

@media (max-width: 991px) {

    .cart-table .p-price .price-final,
    .cart-table .unit-value {
        color: #aaa
    }
}

:where(body.ums_a11y_login--off) .toggle-window-arr {
    color: #1a1937
}

.content-window-in {
    background-color: #fff
}

.back-shopping {
    color: #1a1937
}

ol.cart-header li a:before,
ol.cart-header li strong:before {
    background-color: #fff;
    border-color: #cfcfcf
}

ol.cart-header li a span:after,
ol.cart-header li strong span:after {
    border-top-color: #cfcfcf
}

ol.cart-header li.active a:before,
ol.cart-header li.active strong:before,
ol.cart-header li.completed a:before,
ol.cart-header li.completed strong:before {
    background-color: var(--color-secondary);
    border-color: var(--color-secondary)
}

ol.cart-header li.completed a span:after,
ol.cart-header li.completed strong span:after {
    border-top-color: var(--color-secondary)
}

.price-range>div {
    background-color: var(--color-tertiary)
}

.extra.discount .price-range div:after {
    color: #f7f7f7
}

.cart-inner .free-gift {
    border-bottom-color: #cfcfcf
}

.price-secondary {
    color: #aaa
}

#checkoutSidebar .toggle-contacts {
    background: transparent
}

.checkout-box,
.order-recapitulation,
.order-summary-inner,
.order-summary-item,
.recapitulation-single {
    border-color: #cfcfcf
}

.shipping-billing-table .radio-wrapper {
    border-color: transparent transparent #cfcfcf
}

.desktop .shipping-billing-table .radio-wrapper:hover {
    border-color: transparent #cfcfcf #cfcfcf
}

.desktop .shipping-billing-table .radio-wrapper:first-child:hover {
    border-color: #cfcfcf
}

.for-free,
.radio-wrapper.active .for-free {
    color: #009c00
}

#checkoutContent .helper {
    background: #f7f7f7
}

#checkoutContent .helper a {
    color: #1a1937
}

.recapitulation-wrapper table tr th .row-header-label {
    background-color: #fff
}

.recapitulation-wrapper table tr th:after {
    border-top-color: #cfcfcf
}

.search-input {
    border-color: transparent
}

.search-input::-moz-placeholder {
    color: var(--_color-header-text)
}

.search-input::placeholder {
    color: var(--_color-header-text)
}

#header .search-input {
    background-color: var(--color-header-background);
    color: var(--_color-header-text);
    border-radius: 23px;
}

#header .search-input:focus,
.search-focused #header .search-input,
.search-window-visible #header .search-input {
    background-color: #fff;
    border-color: transparent;
    color: #1a1937
}

#header .search-input:focus::-moz-placeholder,
.search-focused #header .search-input::-moz-placeholder,
.search-window-visible #header .search-input::-moz-placeholder {
    color: #1a1937
}

#header .search-input:focus::placeholder,
.search-focused #header .search-input::placeholder,
.search-window-visible #header .search-input::placeholder {
    color: #1a1937
}

.search-focused .search-input-icon,
.search-window-visible .search-input-icon {
    color: #1a1937
}

@media (min-width: 768px) {
    #header .search-form:hover .search-input {
        background-color: #fff;
        border-color: transparent;
        color: #1a1937
    }

    #header .search-form:hover .search-input::-moz-placeholder {
        color: #1a1937
    }

    #header .search-form:hover .search-input::placeholder {
        color: #1a1937
    }

    #header .search-form:hover .search-input-icon {
        color: #1a1937
    }
}

.navigation-hovered:before,
.search-focused:before {
    background-color: rgba(0, 0, 0, .3)
}

.cart-xyDiscount__banner {
    background-color: #f9f9f9
}