.hidden {
    display: none
}

.icon-add {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.4rem
}

.icon-arrow-all {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-arrow-back {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-arrow-categories {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-arrow-coupone {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-arrow-down {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-arrow-left {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.6rem
}

.icon-arrow-right {
    display: inline-block;
    vertical-align: middle;
    width: 1.8rem;
    height: 1.6rem
}

.icon-arrow-up {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-back {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-benefits-01 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-benefits-02 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-benefits-03 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-benefits-04 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-benefits-05 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-benefits-06 {
    display: inline-block;
    vertical-align: middle;
    width: 4.8rem;
    height: 4.8rem
}

.icon-buy {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-card {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-cart {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-close {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-cookies {
    display: inline-block;
    vertical-align: middle;
    width: 6.4rem;
    height: 6.4rem
}

.icon-delete {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-discount {
    display: inline-block;
    vertical-align: middle;
    width: 1.9rem;
    height: 1.9rem
}

.icon-gift {
    display: inline-block;
    vertical-align: middle;
    width: 1.4rem;
    height: 1.6rem
}

.icon-instock {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem
}

.icon-layers {
    display: inline-block;
    vertical-align: middle;
    width: 2.5rem;
    height: 2.4rem
}

.icon-loadmore {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-minus {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-next {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-phone {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-plus {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-prev {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-search {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-shipping {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-star {
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 2rem
}

.icon-toggle {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-truck {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-verified {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.icon-warning {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem
}

.is-link {
    color: #107CC0;
}

span.h3 {
    font-size: 3.2rem;
    font-weight: bold;
    padding-bottom: 21px;
    display: block;
}

#print .btn {
    border: 0;
    color: #fff;
    background: #2395DD;
    padding: 10px 20px;
    border-radius: 8px;
    cursor: pointer;
}

#bankdetail-header {
    padding: 20px !important;
    font-weight: bold;
    font-size: 1.2em;
}

#productTable p {
    border-bottom: 1px dashed #A8A8A8;
    display: grid;
    padding: 0;
    text-align: none;
    margin-right: 0px;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 0px;
    margin-bottom: 0px;
}

#productTable {
    border: 1px solid #CDD8E1;
    max-width: 800px;
}

#productTable p label {
    padding: 10px;
}

#productTable p span {
    color: #060606;
    float: left;
    padding: 10px;
    border-left: 1px solid #CDD8E1;
}

.ui-section,
.benefits,
.products,
.how-buy,
.txt,
.blog-featured,
.customers,
.page,
.checkout,
.banners,
.article,
.details,
.cart,
.pagination,
.faq,
.contacts,
.search-results {
    margin: 0 0 4.8rem
}

@media (min-width: 992px) {

    .ui-section,
    .benefits,
    .products,
    .how-buy,
    .txt,
    .blog-featured,
    .customers,
    .page,
    .checkout,
    .banners,
    .article,
    .details,
    .cart,
    .pagination,
    .faq,
    .contacts,
    .search-results {
        margin: 0 0 9.6rem
    }
}

.ui-title-32,
.benefits__title,
.products-featured__title,
.how-buy__wysiwyg h1,
.how-buy__wysiwyg h2,
.how-buy__wysiwyg h3,
.how-buy__wysiwyg h4,
.how-buy__wysiwyg h5,
.how-buy__wysiwyg h6,
.txt__wysiwyg h1,
.txt__wysiwyg h2,
.txt__wysiwyg h3,
.txt__wysiwyg h4,
.txt__wysiwyg h5,
.txt__wysiwyg h6,
.blog-featured__title,
.blog__title,
.customers__title,
.page__title,
.request__title,
.checkout__title,
.article h2,
.sku__title,
.reviews__title,
.cart__title,
.contacts__title,
.search-results__title {
    display: block;
    margin: 0 0 1.6rem;
    font-size: 2.4rem;
    line-height: 1.333;
    font-weight: 700
}

@media (min-width: 992px) {

    .ui-title-32,
    .benefits__title,
    .products-featured__title,
    .how-buy__wysiwyg h1,
    .how-buy__wysiwyg h2,
    .how-buy__wysiwyg h3,
    .how-buy__wysiwyg h4,
    .how-buy__wysiwyg h5,
    .how-buy__wysiwyg h6,
    .txt__wysiwyg h1,
    .txt__wysiwyg h2,
    .txt__wysiwyg h3,
    .txt__wysiwyg h4,
    .txt__wysiwyg h5,
    .txt__wysiwyg h6,
    .blog-featured__title,
    .blog__title,
    .customers__title,
    .page__title,
    .request__title,
    .checkout__title,
    .article h2,
    .sku__title,
    .reviews__title,
    .cart__title,
    .contacts__title,
    .search-results__title {
        font-size: 3.2rem;
        line-height: 1.25;
        margin: 0 0 2.4rem
    }
}

.box_txt {
    margin-bottom: 24px;
}

.box_txt .txt_commentsbox.txt_commentsbox_homepage {
    border-bottom: 1px dashed;
    padding-bottom: 15px;
}

.box_txt .author_box {
    font-weight: bold;
    font-size: 1.2em;
    color: #107cc0;
}


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

body {
    margin: 0
}

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

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

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 4rem
}

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

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

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

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

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

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio,
video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

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

textarea {
    overflow: auto
}

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

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

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

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

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

details,
menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

body {
    font: 400 1.6rem/1.5 Nunito, Arial, Helvetica, sans-serif
}

* {
    outline: none
}

img,
video {
    max-width: 100%
}

input::-ms-clear {
    display: none
}

hr {
    margin: 2.4rem 0;
    border: none;
    border-top: 1px solid #ECF0F3
}

[class^="icon-"],
[class*=" icon-"] {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    fill: currentColor;
    fill-rule: evenodd
}

.ui-placeholder {
    position: relative;
    margin: 0 0 2.4rem;
    text-align: left
}

.ui-placeholder.is-open .ui-placeholder__select .selectric .label,
.ui-placeholder.is-changed .ui-placeholder__select .selectric .label {
    opacity: 1
}

.ui-placeholder.is-open .ui-placeholder__label,
.ui-placeholder.is-changed .ui-placeholder__label {
    -ms-transform: scale(0.75) translate(0, -8px);
    transform: scale(0.75) translate(0, -8px);
    color: #A9B3BF
}

.ui-placeholder.is-error .ui-placeholder__input,
.ui-placeholder.is-error .ui-placeholder__textarea,
.ui-placeholder.is-error .ui-placeholder__select .selectric,
.ui-select.is-error .selectric {
    border-color: #DF4747
}

.ui-discount.is-error {
    border-color: #DF4747
}

.ui-discount.is-success {
    border-color: #168935
}

.ui-check.is-error .ui-check__checkbox::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: red;
    opacity: 0.2;
    position: absolute;
    left: -3px;
    top: -3px;
    border-radius: 3px;
}

.ui-placeholder__select select option:empty {
    display: none;
}

.ui-placeholder__tooltip {
    position: absolute;
    bottom: 100%;
    right: -1.6rem;
    margin: 0 0 1.6rem;
    width: 36rem;
    max-width: calc(100vw - 6.4rem);
    background: #fff;
    border-radius: 8px;
    padding: 1.6rem;
    box-shadow: 0 4px 24px #ebf0f2;
    border: 1px solid #ECF0F3;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #344049;
    transition: .25s;
    opacity: 0;
    visibility: hidden
}

.ui-placeholder__tooltip:before {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    right: 1.6rem;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    margin: 0 .4rem 0 0
}

@media (min-width: 992px) {
    .ui-placeholder__tooltip {
        width: 48rem;
        right: auto;
        left: 50%;
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0)
    }

    .ui-placeholder__tooltip:before {
        right: 50%;
        margin: 0 -.8rem 0 0
    }
}

.ui-placeholder__help {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.2rem;
    height: 2.2rem;
    margin: -1.1rem 0 0;
    z-index: 1000;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #C5D3DC;
    transition: color .25s;
    cursor: pointer
}

.ui-placeholder__help:before {
    content: '';
    display: block;
    position: absolute;
    top: -1.6rem;
    right: -1.6rem;
    bottom: -1.6rem;
    left: -1.6rem
}

.ui-placeholder__help svg {
    display: block;
    position: relative;
    z-index: 200
}

.ui-placeholder__help:hover {
    color: #107CC0
}

.ui-placeholder__help.is-open {
    color: #107CC0
}

.ui-placeholder__help.is-open .ui-placeholder__tooltip {
    opacity: 1;
    visibility: visible
}

.ui-placeholder__help~.ui-placeholder__input,
.ui-placeholder__help~.ui-placeholder__textarea {
    padding-right: 54px
}

.ui-placeholder__required {
    position: absolute;
    top: -.4rem;
    right: -.4rem;
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 12px;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.49223 5.91988C1.21244 5.73293 1.17617 5.45251 1.38342 5.07861L2.30052 3.44866L0.606218 3.51876C0.419689 3.51876 0.26943 3.47787 0.15544 3.39608C0.0518135 3.3026 0 3.16823 0 2.99297C0 2.82939 0.0518135 2.70671 0.15544 2.62492C0.26943 2.53144 0.419689 2.49055 0.606218 2.50223L2.31606 2.57234L1.39896 0.907328C1.18135 0.533432 1.21244 0.253009 1.49223 0.0660612C1.61658 -0.015729 1.74093 -0.021571 1.86528 0.0485351C2 0.11864 2.10881 0.247167 2.19171 0.434115L3 2.18676L3.80829 0.434115C3.89119 0.247167 3.99482 0.11864 4.11917 0.0485351C4.25389 -0.021571 4.3886 -0.015729 4.52332 0.0660612C4.78238 0.264693 4.80829 0.550958 4.60104 0.924854L3.68394 2.57234L5.39378 2.50223C5.58031 2.49055 5.72539 2.53144 5.82902 2.62492C5.943 2.70671 6 2.82939 6 2.99297C6 3.16823 5.943 3.3026 5.82902 3.39608C5.72539 3.47787 5.58031 3.51876 5.39378 3.51876L3.69948 3.44866L4.60104 5.07861C4.81865 5.45251 4.79275 5.72709 4.52332 5.90235C4.3886 6.00751 4.25389 6.02504 4.11917 5.95493C3.99482 5.88483 3.89119 5.7563 3.80829 5.56935L3 3.81671L2.17617 5.56935C2.09326 5.7563 1.98964 5.88483 1.86528 5.95493C1.74093 6.02504 1.61658 6.01335 1.49223 5.91988Z' fill='%23DF4747'/%3E%3C/svg%3E%0A") 50% 50% no-repeat
}

.ui-placeholder__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5.6rem;
    padding: 1.5rem 1.6rem;
    pointer-events: none;
    color: #8E9EA8;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    transition: .25s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -ms-transform-origin: 18px 0;
    transform-origin: 18px 0
}

.ui-placeholder__input,
.ui-placeholder__textarea {
    display: block;
    transition: .25s;
    width: 100%;
    background: #FFF;
    border: 1px solid #ECF0F3;
    font: 400 1.6rem/2.3rem Nunito, Arial, Helvetica, sans-serif;
    padding: 2rem 1.6rem 1rem;
    color: #344049;
    margin: 0;
    transition: border-color 0.25s, box-shadow .25s;
    box-shadow: none;
    border-radius: 8px;
    height: 5.6rem;
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.ui-placeholder__input[readonly],
.ui-placeholder__textarea[readonly] {
    pointer-events: none
}

.ui-placeholder__input:disabled,
.ui-placeholder__textarea:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none
}

.ui-placeholder__input:-ms-input-placeholder,
.ui-placeholder__textarea:-ms-input-placeholder {
    color: transparent
}

.ui-placeholder__input::placeholder,
.ui-placeholder__textarea::placeholder {
    color: transparent
}

.ui-placeholder__input:hover,
.ui-placeholder__textarea:hover,
.ui-placeholder__input:focus,
.ui-placeholder__textarea:focus {
    border-color: #CDD8E1;
    background: #fff
}

.ui-placeholder__input:focus~.ui-placeholder__label,
.ui-placeholder__textarea:focus~.ui-placeholder__label,
.ui-placeholder__input:not(:placeholder-shown)~.ui-placeholder__label,
.ui-placeholder__textarea:not(:placeholder-shown)~.ui-placeholder__label {
    -ms-transform: scale(0.75) translate(0, -8px);
    transform: scale(0.75) translate(0, -8px)
}

.ui-placeholder__textarea {
    transition: box-shadow .25s;
    max-width: 100%;
    min-height: 11.2rem;
    height: 11.2rem;
    min-width: 100%
}

.ui-placeholder__code {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 5.6rem;
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    padding: .8rem 1.6rem
}

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

.ui-placeholder__select .selectric-wrapper {
    position: relative;
    cursor: pointer;
    text-transform: none;
    width: 100%;
    color: #344049
}

.ui-placeholder__select .selectric {
    position: relative;
    overflow: hidden;
    transition: .25s;
    background: #fff;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    font: 400 1.6rem/2.4rem Nunito, Arial, Helvetica, sans-serif;
    padding: 2rem 5.4rem 1rem 1.6rem;
    height: 5.6rem
}

.ui-placeholder__select .selectric:hover {
    border-color: #CDD8E1
}

.ui-placeholder__select .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
    max-width: 100%;
    transition: opacity .25s;
    opacity: 0
}

.ui-placeholder__select .selectric .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5.4rem;
    color: #C5D3DC
}

.ui-placeholder__select .selectric .arrow svg {
    display: block;
    transition: transform .25s
}

.ui-placeholder__select .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    margin: .2rem 0 0;
    width: auto !important;
    background: #FFF;
    box-shadow: 0 4px 16px rgba(52, 64, 73, 0.1);
    border-radius: 8px;
    overflow: hidden;
    font: 400 1.6rem/1.5 Nunito, Arial, Helvetica, sans-serif
}

.ui-placeholder__select .selectric-items .selectric-scroll {
    height: 100%;
    max-height: 36rem;
    overflow-x: hidden;
    overflow-y: auto
}

.ui-placeholder__select .selectric-items ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-placeholder__select .selectric-items li {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 1.2rem 1.6rem;
    transition: .25s;
    margin: 0;
    transition: .25s;
    color: #8E9EA8
}

.ui-placeholder__select .selectric-items li:hover {
    background: #FBFBFB;
    color: #8E9EA8
}

.ui-placeholder__select .selectric-items li:empty {
    display: none
}

.ui-placeholder__select .selectric-items li.selected {
    color: #344049
}

.ui-placeholder__select .selectric-items .ui-select-group li:not(.ui-select-group-label) {
    padding-left: 32px
}

.ui-placeholder__select .selectric-items .ui-select-group-label {
    pointer-events: none
}

.ui-placeholder__select .selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.ui-placeholder__select .selectric-hide-select select {
    position: absolute;
    left: -100%
}

.ui-placeholder__select .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.ui-placeholder__select .selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.ui-placeholder__select .selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: .1rem !important;
    height: .1rem !important;
    outline: none !important;
    border: none !important;
    background: none !important
}

.ui-placeholder__select .selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.ui-placeholder__select .selectric-open .selectric-items {
    display: block
}

.ui-placeholder__select .selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-validate {
    display: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.ui-btn {
    font: 700 1.6rem/2.6rem Nunito, Arial, Helvetica, sans-serif;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    position: relative;
    border: 1px solid transparent;
    padding: 1rem 2.4rem;
    text-decoration: none;
    transition: .25s;
    text-align: center;
    cursor: pointer;
    border-radius: 8px;
    min-height: 4.8rem
}

.ui-btn svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-btn svg.icon-buy {
    margin-right: 8px
}

.ui-btn svg.icon-loadmore {
    margin-left: 8px
}

.ui-btn svg.icon-cart {
    margin-right: 16px
}

.ui-btn svg.icon-arrow-left {
    margin-right: 20px
}

.ui-btn svg.icon-arrow-right {
    margin-left: 20px
}

.ui-btn svg.icon-gift {
    margin: 0 1rem 0 0
}

.ui-btn:hover {
    text-decoration: none
}

.ui-btn:active {
    transition: none
}

.ui-btn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2rem;
    height: 2rem;
    margin: -1rem 0 0 -1rem;
    border-radius: 50%;
    border: 2px solid #fff;
    border-right-color: transparent;
    opacity: 0;
    poiner-events: none
}

.ui-btn.is-loading {
    color: transparent !important;
    transition: none
}

.ui-btn.is-loading:before {
    opacity: 1;
    animation: Loading .5s infinite linear
}

@media (max-width: 991px) {
    .ui-btn--responsive {
        height: 4rem;
        font-size: 1.4rem
    }
}

@keyframes Loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.ui-btn--32 {
    padding: .4rem 1.2rem;
    font-size: 1.4rem;
    min-height: 3.2rem;
    border-radius: 16px
}

.ui-btn--40 {
    border-radius: 4px;
    padding: .5rem 1.6rem;
    min-height: 4rem;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 700
}

@media (min-width: 992px) {
    .ui-btn--56 {
        border-radius: 8px;
        padding: 1.3rem 1.6rem;
        min-height: 5.6rem;
        font-size: 2rem
    }
}

.ui-btn--fullwidth {
    width: 100%
}

.ui-btn--blue {
    background: #107CC0;
    border-color: #107CC0;
    color: #fff
}

.ui-btn--blue:hover {
    background: #2395DD;
    border-color: #2395DD;
    color: #fff
}

.ui-btn--blue:active {
    background: #0D6DA9;
    border-color: #0D6DA9;
    color: #fff
}

.ui-btn--blue:disabled{
    background: #d9dee1;
    border-color: #d9dee1;
}

.button-disabled{
    background: #d9dee1;
    border-color: #d9dee1;
}


.ui-btn--light {
    background: #F6FBFF;
    border-color: #F6FBFF;
    color: #107CC0
}

.ui-btn--light:hover {
    background: #E7F4FF;
    border-color: #E7F4FF;
    color: #005091
}

.ui-btn--light:active {
    background: #C3DEF5;
    border-color: #C3DEF5;
    color: #005091
}

.ui-btn--green {
    background: #01B567;
    border-color: #01B567;
    color: #fff
}

.ui-btn--green:hover {
    background: #01ce75;
    border-color: #01ce75;
    color: #fff
}

.ui-btn--green:active {
    background: #019c59;
    border-color: #019c59;
    color: #fff
}

.ui-btn--red {
    background: #EA0100;
    border-color: #EA0100;
    color: #fff
}

.ui-btn--red:hover {
    background: #ff0605;
    border-color: #ff0605;
    color: #fff
}

.ui-btn--red:active {
    background: #b70100;
    border-color: #b70100;
    color: #fff
}

.ui-btn--orange {
    background: #FF8744;
    border-color: #FF8744;
    color: #fff
}

.ui-btn--orange:hover {
    background: #F37630;
    border-color: #F37630;
    color: #fff
}

.ui-btn--orange:active {
    background: #F37630;
    border-color: #FF8744;
    color: #fff
}

.ui-btn--outline {
    border-color: #eee;
    color: #005091;
    background: none
}

.ui-btn--outline:hover {
    background: #005091;
    border-color: #005091;
    color: #fff
}

.ui-btn--outline:hover svg.icon-loadmore {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.ui-btn--outline:active {
    background: #003865;
    transition: none
}

.ui-btn--outline svg.icon-loadmore {
    transition: transform .5s
}

.ui-btn--white {
    border-color: transparent;
    background: #fff;
    box-shadow: 0 4px 24px #EBF0F2;
    color: #107CC0
}

.ui-btn--white:hover {
    background: #2395DD;
    color: #fff
}

.ui-btn--white:active {
    background: #0D6DA9;
    transition: none
}

.ui-btn--dark {
    background: #005091;
    border-color: #005091;
    color: #fff
}

.ui-btn--dark:hover {
    background: #006cc4;
    border-color: #006cc4;
    color: #fff
}

.ui-btn--dark:active {
    background: #00345e;
    border-color: #00345e;
    color: #fff
}

.ui-rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem
}

.ui-rating svg {
    display: block;
    color: #F90
}

.ui-rating[data-rating="1"] svg:nth-of-type(1)~svg {
    color: #eee
}

.ui-rating[data-rating="2"] svg:nth-of-type(2)~svg {
    color: #eee
}

.ui-rating[data-rating="3"] svg:nth-of-type(3)~svg {
    color: #eee
}

.ui-rating[data-rating="4"] svg:nth-of-type(4)~svg {
    color: #eee
}

.ui-rating[data-rating="5"] svg:nth-of-type(5)~svg {
    color: #eee
}

.ui-rating mark,
.ui-rating a {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400;
    color: #8E9EA8;
    background: none;
    position: relative;
    text-decoration: none;
    transition: color .25s
}

.ui-rating mark:hover,
.ui-rating a:hover {
    color: #344049;
    text-decoration: none
}

.ui-rating mark:first-child,
.ui-rating a:first-child {
    margin: 0 .8rem 0 0
}

.ui-rating mark:last-child,
.ui-rating a:last-child {
    margin: 0 0 0 .8rem
}

.ui-legend {
    display: block;
    margin: 0 0 1.5rem;
    font-size: 1.8rem;
    line-height: 1.3;
    font-weight: 600
}

.ui-label {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 .8rem
}

.ui-required {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -.2rem;
    font-weight: 700;
    color: #EB5757
}

.ui-field {
    position: relative;
    margin: 0 0 2.4rem
}

.ui-field .ui-input,
.ui-field .ui-textarea,
.ui-field .ui-textarea {
    margin: 0
}

.ui-input,
.ui-textarea {
    display: block;
    transition: .25s;
    width: 100%;
    background: #fff;
    border: 1px solid #eee;
    font: 400 1.4rem/1.8rem Nunito, Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #344049;
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    transition: .25s;
    box-shadow: none;
    border-radius: 4px;
    margin: 0 0 2.4rem;
    height: 4rem;
    cursor: pointer
}

.ui-input:-ms-input-placeholder,
.ui-textarea:-ms-input-placeholder {
    color: #999;
    transition: opacity .25s
}

.ui-input::placeholder,
.ui-textarea::placeholder {
    color: #999;
    transition: opacity .25s
}

.ui-input:hover,
.ui-textarea:hover {
    background: #F3F3F3;
    border-color: #DCDCDC
}

.ui-input:focus,
.ui-textarea:focus {
    border-color: #005091;
    background: #fff
}

.ui-input:focus:-ms-input-placeholder,
.ui-textarea:focus:-ms-input-placeholder {
    opacity: 0
}

.ui-input:focus::placeholder,
.ui-textarea:focus::placeholder {
    opacity: 0
}

.ui-input:disabled,
.ui-textarea:disabled {
    border-color: #e4ebf1;
    background: #e4ebf1;
    pointer-events: none
}

.ui-input.is-error,
.is-error.ui-textarea {
    border-color: #EA0100
}

.ui-input--48 {
    height: 4.8rem;
    padding: 1.4rem 1.6rem
}

.ui-input--56 {
    height: 5.6rem;
    padding: 1.8rem 2.4rem
}

.ui-textarea {
    max-width: 100%;
    min-width: 100%;
    min-height: 12rem;
    resize: none
}

.ui-textarea--48 {
    padding: 1.4rem 1.6rem
}

.ui-textarea--56 {
    padding: 1.8rem 2.4rem
}

.ui-select {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 2.4rem
}

.ui-select .selectric-wrapper {
    position: relative;
    cursor: pointer;
    font: 400 1.6rem/2.4rem Nunito, Arial, Helvetica, sans-serif;
    text-transform: none;
    width: 100%
}

.ui-select .selectric {
    position: relative;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    padding: 1.5rem 3.8rem 1.5rem 1.6rem;
    transition: .25s;
    height: 5.6rem
}

.ui-select .selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-select .selectric .arrow {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 1.6rem;
    bottom: 0;
    color: #C5D3DC
}

.ui-select .selectric .arrow svg {
    display: block;
    transition: transform .25s;
    transform: rotate(0deg);
}

.ui-select .selectric-open .selectric .arrow svg {
    transform: rotate(180deg);
}

.ui-select .selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 500;
    margin: .2rem 0 0;
    width: auto !important;
    background: #FFF;
    box-shadow: 0 4px 16px rgba(52, 64, 73, 0.1);
    border-radius: 8px;
    overflow: hidden;
    font: 400 1.6rem/1.5 Nunito, Arial, Helvetica, sans-serif
}

.ui-select .selectric-items .selectric-scroll {
    height: 100%;
    max-height: 36rem;
    overflow-x: hidden;
    overflow-y: auto
}

.ui-select .selectric-items ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-select .selectric-items li {
    position: relative;
    display: block;
    cursor: pointer;
    padding: 1.2rem 1.6rem;
    transition: .25s;
    margin: 0;
    transition: .25s;
    color: #8E9EA8
}

.ui-select .selectric-items li:hover {
    background: #FBFBFB;
    color: #8E9EA8
}

.ui-select .selectric-items li.selected {
    color: #344049
}

.ui-select .selectric-items .ui-select-group li:not(.ui-select-group-label) {
    padding-left: 32px
}

.ui-select .selectric-items .ui-select-group-label {
    pointer-events: none
}

.ui-select .selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.ui-select .selectric-hide-select select {
    position: absolute;
    left: -100%
}

.ui-select .selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.ui-select .selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.ui-select .selectric-input {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: .1rem !important;
    height: .1rem !important;
    outline: none !important;
    border: none !important;
    background: none !important
}

.ui-select .selectric-temp-show {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important
}

.ui-select .selectric-open .selectric-items {
    display: block
}

.ui-select .selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui-select--language,
.ui-select--currency {
    position: relative;
    height: 100%
}

.ui-select--language .selectric-wrapper,
.ui-select--currency .selectric-wrapper {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 400
}

.ui-select--language .selectric,
.ui-select--currency .selectric {
    border: none;
    height: 100%;
    padding: 1rem 2rem 1rem 0;
    border-radius: 0;
    background: none;
    color: #8E9EA8;
    transition: color .25s
}

.ui-select--language .selectric .arrow,
.ui-select--currency .selectric .arrow {
    right: 0;
    color: inherit;
    width: 1.6rem;
    height: 100%;
    transition: transform .25s
}

.ui-select--language .selectric .arrow svg,
.ui-select--currency .selectric .arrow svg {
    width: 1.6rem;
    height: 1.6rem
}

.ui-select--language .selectric:hover,
.ui-select--currency .selectric:hover {
    color: #344049
}

.ui-select--language .selectric-items,
.ui-select--currency .selectric-items {
    left: 50%;
    right: auto;
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    box-shadow: 0 0 16px rgba(52, 64, 73, 0.1)
}

.ui-select--language .selectric-items ul,
.ui-select--currency .selectric-items ul {
    padding: .8rem 0;
    white-space: normal
}

.ui-select--language .selectric-items li,
.ui-select--currency .selectric-items li {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    width: 100%;
    padding: .4rem 1.6rem;
    color: #8E9EA8;
    border: none
}

.ui-select--language .selectric-items li:hover,
.ui-select--currency .selectric-items li:hover {
    background: none;
    color: #344049
}

.ui-select--language .selectric-items li.selected,
.ui-select--currency .selectric-items li.selected {
    background: none;
    color: #344049
}

.ui-select--language .selectric-open .selectric .arrow,
.ui-select--currency .selectric-open .selectric .arrow {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.footer__group-title {
    text-transform: lowercase;
}

.footer__group-title:first-letter {
    text-transform: uppercase;
}

@media (max-width: 991px) {

    .ui-select--language,
    .ui-select--currency {
        height: 5.6rem
    }

    .ui-select--language select,
    .ui-select--language .selectric-wrapper,
    .ui-select--currency select,
    .ui-select--currency .selectric-wrapper {
        font-size: 1.6rem
    }

    .ui-select--language .selectric-wrapper,
    .ui-select--currency .selectric-wrapper {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }

    .ui-select--language .selectric,
    .ui-select--currency .selectric {
        padding: 1rem 1.6rem;
        height: 5.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #2E3B43;
        color: #8E9EA8
    }

    .ui-select--language .selectric .arrow,
    .ui-select--currency .selectric .arrow {
        position: relative;
        margin: 0 0 0 1rem
    }

    .ui-select--language .selectric:hover,
    .ui-select--currency .selectric:hover {
        color: #8E9EA8
    }

    .ui-select--language .selectric-items,
    .ui-select--currency .selectric-items {
        top: auto;
        bottom: 100%
    }
}

.ui-select--language .selectric-items {
    white-space: nowrap;
    min-width: 224px;
    font-size: 1.4rem
}

.ui-select--language .selectric-items ul {
    display: flex;
    flex-wrap: wrap;
}

.ui-select--language .selectric-items li {
    flex: 0 0 50%;
    max-width: 50%;
}

.ui-select--currency .selectric-items {
    white-space: nowrap;
    min-width: 135px;
    text-align: center;
    word-spacing: 8px;
    font-size: 1.4rem
}

.ui-select--currency .selectric-currency {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-select--currency .selectric-currency-short,
.ui-select--currency .selectric-currency-long {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0 .4rem;
    display: block
}

.ui-select--currency .selectric-currency-short {
    text-align: right;
    padding-left: 0;
    max-width: 40%
}

.ui-select--currency .selectric-currency-long {
    text-align: left;
    padding-right: 0;
    max-width: 60%
}

.ui-select--price .selectric-wrapper {
    font-weight: 700
}

.ui-select--price .selectric .arrow {
    right: 1.6rem
}

.ui-select--price .selectric-price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    float: right;
    font-size: 1.8rem;
    line-height: 1.33;
    font-weight: 400;
    white-space: nowrap
}

.ui-select--price .selectric-price-del,
.ui-select--price .selectric-price-ins {
    margin: 0 0 0 1.6rem
}

.ui-select--price .selectric-price-del {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #999
}

.ui-select--price .selectric-price-ins {
    font-weight: 700;
    color: #01B567
}

.ui-select--price .selectric-items {
    margin: .5rem -.2rem 0
}

.ui-select--price .selectric-items li.selected {
    background: #EEF8FF;
    color: #107CC0
}

@media (max-width: 991px) {
    .ui-select--price .selectric-price {
        font-size: 1.4rem
    }

    .ui-select--price .selectric-price-del,
    .ui-select--price .selectric-price-ins {
        margin: 0 0 0 .8rem
    }

    .ui-select--price .selectric-items li:hover {
        background: none
    }
}

.ui-check {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    margin: 0 0 1.6rem;
    cursor: pointer;
    color: #344049;
    text-align: left
}

.ui-check .ui-validate {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    top: 0;
    padding: 1rem 0 0;
    margin: 0
}

.ui-check:hover .ui-check__method,
.ui-check:hover .ui-check__shipping,
.ui-check:hover .ui-check__group,
.ui-check:hover .ui-check__checkbox,
.ui-check:hover .ui-check__radio {
    border-color: #CDD8E1
}

.ui-check__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.ui-check__input:not(:checked)~.ui-check__method svg path {
    fill: #C5D3DC
}
.ui-check__input:not(:checked) ~ .ui-check__method svg circle{fill:#C5D3DC}
.ui-check__input:not(:checked) ~ .ui-check__method svg g path{fill:#fff}
.ui-check__input:not(:checked) ~ .ui-check__method svg g polygon{fill:#fff}

.ui-check__input:checked~.ui-check__method {
    border-color: #107CC0
}

.ui-check__input:checked~.ui-check__method:after {
    opacity: 1
}

.ui-check__input:checked~.ui-check__shipping {
    border-color: #107CC0
}

.ui-check__input:checked~.ui-check__shipping:after {
    opacity: 1
}

.ui-check__input:checked~.ui-check__group .ui-check__checkbox:after {
    opacity: 1
}

.ui-check__input:checked~.ui-check__radio {
    background: #107CC0;
    border-color: #107CC0
}

.ui-check__input:checked~.ui-check__radio:after {
    opacity: 1
}

.ui-check__input:checked~.ui-check__checkbox:after {
    opacity: 1
}

.ui-check__method {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    -ms-flex: 1;
    flex: 1;
    transition: .25s;
    padding: 2.4rem;
    height: 12rem
}

.ui-check__method:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 2.2rem;
    height: 2.2rem;
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 0C4.925 0 0 4.925 0 11C0 17.075 4.925 22 11 22C17.075 22 22 17.075 22 11C22 4.925 17.075 0 11 0ZM15.768 9.14C15.8558 9.03964 15.9226 8.92274 15.9646 8.79617C16.0065 8.6696 16.0227 8.53591 16.0123 8.40298C16.0018 8.27005 15.9648 8.14056 15.9036 8.02213C15.8423 7.90369 15.758 7.79871 15.6555 7.71334C15.5531 7.62798 15.4346 7.56396 15.3071 7.52506C15.1796 7.48616 15.0455 7.47316 14.9129 7.48683C14.7802 7.50049 14.6517 7.54055 14.5347 7.60463C14.4178 7.66872 14.3149 7.75554 14.232 7.86L9.932 13.019L7.707 10.793C7.5184 10.6108 7.2658 10.51 7.0036 10.5123C6.7414 10.5146 6.49059 10.6198 6.30518 10.8052C6.11977 10.9906 6.0146 11.2414 6.01233 11.5036C6.01005 11.7658 6.11084 12.0184 6.293 12.207L9.293 15.207C9.39126 15.3052 9.50889 15.3818 9.63842 15.4321C9.76794 15.4823 9.9065 15.505 10.0453 15.4986C10.184 15.4923 10.32 15.4572 10.4444 15.3954C10.5688 15.3337 10.6791 15.2467 10.768 15.14L15.768 9.14Z' fill='%23107CC0'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: contain;
    transition: opacity .25s;
    opacity: 0
}

.ui-check__method:hover {
    border-color: #CDD8E1
}

.ui-check__method svg {
    display: block;
    max-height: 100%;
    max-width: 100%
}

.ui-check__method svg path {
    transition: fill .25s
}

@media (max-width: 991px) {
    .ui-check__method {
        padding: 1.2rem 1.6rem;
        height: 7.2rem
    }
}

.ui-check__method-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 1;
    flex: 1;
    height: 100%
}

.ui-check__method-list>li {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui-check__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    -ms-flex: 1;
    flex: 1;
    transition: .25s;
    padding: 2.4rem
}

.ui-check__group:hover {
    border-color: #CDD8E1
}

@media (max-width: 991px) {
    .ui-check__group {
        padding: 1.2rem 1.6rem
    }
}

.ui-check__shipping {
    position: relative;
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    cursor: pointer;
    padding: 2.4rem;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    transition: .25s
}

.ui-check__shipping:after {
    content: '';
    display: block;
    position: absolute;
    top: -.5rem;
    right: -.5rem;
    width: 2.2rem;
    height: 2.2rem;
    background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 0C4.925 0 0 4.925 0 11C0 17.075 4.925 22 11 22C17.075 22 22 17.075 22 11C22 4.925 17.075 0 11 0ZM15.768 9.14C15.8558 9.03964 15.9226 8.92274 15.9646 8.79617C16.0065 8.6696 16.0227 8.53591 16.0123 8.40298C16.0018 8.27005 15.9648 8.14056 15.9036 8.02213C15.8423 7.90369 15.758 7.79871 15.6555 7.71334C15.5531 7.62798 15.4346 7.56396 15.3071 7.52506C15.1796 7.48616 15.0455 7.47316 14.9129 7.48683C14.7802 7.50049 14.6517 7.54055 14.5347 7.60463C14.4178 7.66872 14.3149 7.75554 14.232 7.86L9.932 13.019L7.707 10.793C7.5184 10.6108 7.2658 10.51 7.0036 10.5123C6.7414 10.5146 6.49059 10.6198 6.30518 10.8052C6.11977 10.9906 6.0146 11.2414 6.01233 11.5036C6.01005 11.7658 6.11084 12.0184 6.293 12.207L9.293 15.207C9.39126 15.3052 9.50889 15.3818 9.63842 15.4321C9.76794 15.4823 9.9065 15.505 10.0453 15.4986C10.184 15.4923 10.32 15.4572 10.4444 15.3954C10.5688 15.3337 10.6791 15.2467 10.768 15.14L15.768 9.14Z' fill='%23107CC0'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
    background-size: contain;
    transition: opacity .25s;
    opacity: 0
}

@media (max-width: 991px) {
    .ui-check__shipping {
        padding: 1.2rem 1.6rem
    }
}

.ui-check__checkbox {
    display: block;
    width: 2rem;
    height: 2rem;
    border: 1px solid #ECF0F3;
    border-radius: 4px;
    position: relative;
    top: .2rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 .8rem 0 0;
    transition: .25s
}

.ui-check__checkbox:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    height: 1.2rem;
    background: #107CC0;
    border-radius: 4px;
    margin: -.6rem 0 0 -.6rem;
    opacity: 0;
    transition: .25s
}

@media (max-width: 991px) {
    .ui-check__checkbox {
        top: 0
    }
}

.ui-check__radio {
    display: block;
    width: 2rem;
    height: 2rem;
    border: 1px solid #EEE;
    border-radius: 50%;
    position: relative;
    top: .2rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 .8rem 0 0;
    transition: .25s
}

.ui-check__radio:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    background: #fff;
    border-radius: 50%;
    margin: -.4rem 0 0 -.4rem;
    opacity: 0;
    transition: .25s
}

@media (max-width: 991px) {
    .ui-check__radio {
        top: 0
    }
}

.is-error .ui-check__btn {
    border-color: #FF450C;
    box-shadow: 0 0 0 2px rgba(255, 69, 12, 0.25)
}

.ui-check__price {
    float: right;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 0 0 .8rem
}

@media (max-width: 991px) {
    .ui-check__price {
        font-size: 1.4rem;
        line-height: 1.43
    }
}

.ui-check__title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

@media (max-width: 991px) {
    .ui-check__title {
        font-size: 1.4rem;
        line-height: 1.43
    }
}

.ui-check__text {
    display: block;
    margin: 0;
    -ms-flex: 1;
    flex: 1
}

#insWrapper .ui-check__text {
    font-weight: bold;
}

#insWrapper .ui-check__text i {
    font-weight: normal;
    font-style: normal;
}

.ui-check__text a {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #344049
}

.ui-check__text a:hover {
    text-decoration: none
}

@media (max-width: 991px) {
    .ui-check__text {
        font-size: 1.4rem;
        line-height: 1.43
    }
}

.ui-link,
.how-buy__wysiwyg a,
.sku__reamore-toggle,
.sku__text a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.25s, border-color .25s
}

.ui-link svg,
.how-buy__wysiwyg a svg,
.sku__reamore-toggle svg,
.sku__text a svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -.1rem;
    transition: transform .25s;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-link svg.icon-back,
.how-buy__wysiwyg a svg.icon-back,
.sku__reamore-toggle svg.icon-back,
.sku__text a svg.icon-back {
    margin-right: 4px
}

.ui-link svg.icon-add,
.how-buy__wysiwyg a svg.icon-add,
.sku__reamore-toggle svg.icon-add,
.sku__text a svg.icon-add {
    margin-right: 12px
}

.ui-link svg.icon-arrow-left,
.how-buy__wysiwyg a svg.icon-arrow-left,
.sku__reamore-toggle svg.icon-arrow-left,
.sku__text a svg.icon-arrow-left {
    margin-right: 4px
}

.ui-link svg.icon-arrow-right,
.how-buy__wysiwyg a svg.icon-arrow-right,
.sku__reamore-toggle svg.icon-arrow-right,
.sku__text a svg.icon-arrow-right {
    margin-left: 4px
}

.ui-link svg.icon-arrow-all,
.how-buy__wysiwyg a svg.icon-arrow-all,
.sku__reamore-toggle svg.icon-arrow-all,
.sku__text a svg.icon-arrow-all {
    margin-left: 4px;
    top: .1rem
}

.ui-link:hover,
.how-buy__wysiwyg a:hover,
.sku__reamore-toggle:hover,
.sku__text a:hover {
    text-decoration: none
}

.ui-link:hover svg.icon-arrow-right,
.how-buy__wysiwyg a:hover svg.icon-arrow-right,
.sku__reamore-toggle:hover svg.icon-arrow-right,
.sku__text a:hover svg.icon-arrow-right {
    -ms-transform: translate(4px, 0);
    transform: translate(4px, 0)
}

.ui-link:active,
.how-buy__wysiwyg a:active,
.sku__reamore-toggle:active,
.sku__text a:active {
    transition: none
}

.ui-link--dark {
    color: #344049;
    transition: color .25s
}

.ui-link--dark svg.icon-arrow-right {
    color: #999
}

.ui-link--dark:hover {
    color: #999
}

.ui-link--blue,
.how-buy__wysiwyg a,
.sku__reamore-toggle,
.sku__text a {
    color: #107CC0
}

.ui-link--blue.ui-link--underline,
.how-buy__wysiwyg a.ui-link--underline,
.ui-link--underline.sku__reamore-toggle,
.sku__text a.ui-link--underline {
    border-bottom: 1px solid rgba(16, 124, 192, 0.4)
}

.ui-link--blue.ui-link--dashed,
.how-buy__wysiwyg a.ui-link--dashed,
.ui-link--dashed.sku__reamore-toggle,
.sku__text a.ui-link--dashed {
    border-bottom: 1px dashed rgba(16, 124, 192, 0.4)
}

.ui-link--blue:hover,
.how-buy__wysiwyg a:hover,
.sku__reamore-toggle:hover,
.sku__text a:hover {
    color: #2395DD;
    border-color: rgba(35, 149, 221, 0.4)
}

.ui-link--blue:active,
.how-buy__wysiwyg a:active,
.sku__reamore-toggle:active,
.sku__text a:active {
    color: #0D6DA9;
    border-color: rgba(13, 109, 169, 0.4)
}

.ui-link--red {
    color: #EA0100
}

.ui-link--red.ui-link--underline {
    border-bottom: 1px solid rgba(234, 1, 0, 0.4)
}

.ui-link--red.ui-link--dashed {
    border-bottom: 1px dashed rgba(234, 1, 0, 0.4)
}

.ui-link--red:hover {
    color: #ff1f1e;
    border-color: rgba(234, 1, 0, 0.4)
}

.ui-link--red:active {
    color: #b70100;
    border-color: rgba(234, 1, 0, 0.4)
}

.ui-number {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 6.4rem;
    height: 2rem;
    padding: 0 2rem;
    max-width: 100%
}

.ui-number__plus,
.ui-number__minus {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: none;
    padding: 0;
    cursor: pointer;
    border: none;
    width: 2rem;
    height: 2rem;
    color: #8E9EA8;
    transition: color .25s
}

.ui-number__plus:hover,
.ui-number__minus:hover {
    color: #344049
}

.ui-number__minus {
    position: absolute;
    top: 0;
    left: 0
}

.ui-number__plus {
    position: absolute;
    top: 0;
    right: 0
}

.ui-number__input {
    display: block;
    font: 400 1.4rem/2rem Nunito, Arial, Helvetica, sans-serif;
    border: none;
    padding: 0;
    background: none;
    width: 100%;
    text-align: center;
    padding: 0;
    pointer-events: none;
    -webkit-appearance: none;
    appearance: none;
    border-radius: 0
}

.ui-number--24 {
    width: 8rem;
    height: 2.4rem;
    padding: 0 2.4rem
}

.ui-number--24 .ui-number__minus,
.ui-number--24 .ui-number__plus {
    height: 2.4rem;
    width: 2.4rem
}

.ui-number--24 .ui-number__input {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 0;
    height: 2.4rem
}

.ui-number--48 {
    width: 12.2rem;
    height: 4.8rem;
    background: #F3F6F8;
    border-radius: 8px;
    padding: 0 4.8rem
}

.ui-number--48 .ui-number__minus,
.ui-number--48 .ui-number__plus {
    height: 4.8rem;
    width: 4.8rem
}

.ui-number--48 .ui-number__input {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1rem 0;
    height: 4.8rem
}

.ui-number--56 {
    width: 14.4rem;
    height: 5.6rem;
    background: #F3F6F8;
    border-radius: 8px;
    padding: 0 5.6rem
}

.ui-number--56 .ui-number__minus,
.ui-number--56 .ui-number__plus {
    height: 5.6rem;
    width: 5.6rem
}

.ui-number--56 .ui-number__input {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 700;
    padding: 1.5rem 0;
    height: 5.6rem
}

.ui-badge {
    display: inline-block;
    position: relative;
    z-index: 100;
    padding: .4rem 1.6rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 16px;
    background: #ccc;
    color: #fff
}

.ui-badge--orange {
    background: #F90
}

.ui-badge--green {
    background: #01B567
}

.ui-badge--red {
    background: #ff5050
}

@media (max-width: 992px) {
    .ui-badge {
        font-size: 1.2rem;
        padding: 0 1.2rem;
        font-weight: 500;
    }

    .products__item .sku__badges {
        display: block;
        left: -0.5rem;
        top: -0.6rem;
    }
}

.products__item .sku__badges {
    display: block;
}

.is-warning-open .header__nav-toggle svg.icon-toggle {
    -ms-transform: scale(0);
    transform: scale(0)
}

.is-warning-open .header__nav-toggle svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-warning-open .ui-warning__close svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-warning-open .ui-warning {
    z-index: 5000
}

.is-warning-open .ui-warning__terms {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.is-warning-open .ui-warning__caption:before {
    opacity: 1
}

.ui-warning {
    display: inline-block;
    vertical-align: top;
    position: relative;
    z-index: 100;
    transition: z-index .25s
}

.ui-warning:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 100%
}

.ui-warning__caption {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    background: #F6FBFF;
    border-radius: 4px;
    padding: .8rem;
    color: #107CC0;
    cursor: help
}

@media (min-width: 992px) {
    .ui-warning__caption {
        z-index: 2
    }

    .ui-warning__caption:before {
        content: '';
        display: block;
        position: absolute;
        left: 50%;
        bottom: 100%;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 8px solid #fff;
        margin: 0 0 .8rem -.8rem;
        transition: opacity .25s;
        opacity: 0
    }
}

.ui-warning__icon {
    width: 2.4rem;
    height: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #107CC0
}

.ui-warning__icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.ui-warning__text {
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

@media (min-width: 992px) {
    .ui-warning__text {
        font-size: 1.6rem
    }
}

.ui-warning__link {
    display: block
}

.ui-warning__title {
    display: block;
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700
}

.ui-warning__close {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    margin: -1.2rem 0 0
}

.ui-warning__close svg.icon-close {
    -ms-transform: scale(0);
    transform: scale(0);
    transition: transform .25s
}

.ui-warning__terms {
    background: #FFF;
    transition: opacity 0.25s, visibility .25s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding: 5.6rem 0 0
}

@media (min-width: 992px) {
    .ui-warning__terms {
        position: absolute;
        top: auto;
        left: 0;
        right: auto;
        bottom: 100%;
        z-index: 1;
        margin: 0 0 1.6rem;
        width: 50vw;
        border-radius: 4px;
        padding: 1.6rem;
        box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5)
    }
}

.ui-warning__terms-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 1.6rem;
    border-bottom: 1px solid #eee;
    height: 5.6rem
}

@media (min-width: 992px) {
    .ui-warning__terms-head {
        display: none
    }
}

.ui-warning__terms-body {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 400
}

.ui-warning__terms-body p {
    margin: 0 0 1.6rem
}

.ui-warning__terms-body p:last-child {
    margin: 0
}

.ui-warning__terms-body ul {
    margin: 0 0 1.6rem;
    padding: 0;
    list-style: none
}

.ui-warning__terms-body ul>li {
    padding: 0 0 0 1.6rem;
    position: relative
}

.ui-warning__terms-body ul>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: .4rem;
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    background: currentColor;
    margin: -.2rem 0 0
}

@media (min-width: 992px) {
    .ui-warning__terms-body {
        padding: 0
    }
}

.ui-coupone {
    display: -ms-flexbox;
    display: flex;
    height: 4rem
}

.ui-coupone .ui-input,
.ui-coupone .ui-textarea {
    height: 100%;
    margin: 0;
    border-radius: 4px 0 0 4px;
    font-size: 1.4rem;
    line-height: 1.8rem;
    font-weight: 400;
    padding: 1rem 1.6rem
}

.ui-coupone .ui-btn {
    height: 100%;
    -ms-flex: 0 0 50px;
    flex: 0 0 5rem;
    padding: 0;
    border-radius: 0 4px 4px 0
}

@media (min-width: 992px) {
    .ui-coupone {
        height: 4.8rem
    }

    .ui-coupone .ui-input,
    .ui-coupone .ui-textarea {
        font-size: 1.6rem;
        line-height: 1.8rem;
        font-weight: 400;
        padding: 1.4rem 1.6rem
    }

    .ui-coupone .ui-btn {
        -ms-flex: 0 0 56px;
        flex: 0 0 5.6rem
    }
}

.ui-progress {
    display: block;
    margin: 0;
    background: #F3F6F8;
    border-radius: 8px;
    position: relative;
    overflow: hidden;
    height: .8rem
}

.ui-progress__bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #F90;
    border-radius: inherit;
    display: block
}

.ui-vote {
    background: #FFF;
    border: 1px solid #ECF0F3;
    border-radius: 8px;
    padding: 1.6rem;
    margin: 0 0 2.4rem
}

.ui-vote .row {
    margin: 0 -1.2rem -1rem
}

.ui-vote .row>[class^="col"] {
    padding: 0 1.2rem 1rem
}

.ui-vote__group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.ui-vote__rating {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.6rem 0 0
}

.ui-vote__star {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    color: #DEDEDE;
    cursor: pointer;
    transition: transform 0.25s, color .25s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.ui-vote__star svg.icon-star {
    width: 2rem;
    height: 2rem;
    transition: transform .25s
}

.ui-vote__star:hover svg.icon-star {
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.ui-vote__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.ui-vote__input:checked~.ui-vote__star {
    color: #F90
}

.ui-vote__mark {
    display: block;
    margin: 0;
    background: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #8E9EA8
}

.ui-alert {
    display: block;
    margin: 0 0 1.6rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    padding: 1.6rem;
    background: #ccc;
    color: #fff;
    border-radius: 8px
}

.ui-alert--green {
    background: rgba(1, 181, 103, 0.1);
    color: #01B567
}

@media (min-width: 992px) {
    .ui-alert {
        margin: 0 0 2.4rem
    }
}

.ui-discount {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ECF0F3;
    background: #fff;
    border-radius: 4px;
    height: 4rem;
    overflow: hidden
}

.ui-discount__icon {
    margin: 0;
    width: 4rem;
    height: 100%;
    border-right: 1px solid #ECF0F3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ui-discount__input {
    min-width: 150px;
    display: block;
    width: 100%;
    -ms-flex: 1;
    flex: 1;
    background: none;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    font: 400 1.4rem/1.8rem Nunito, Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    color: #344049
}

.ui-discount__input:-ms-input-placeholder {
    color: #8E9EA8;
    transition: opacity .25s
}

.ui-discount__input::placeholder {
    color: #8E9EA8;
    transition: opacity .25s
}

.ui-discount__input:focus:-ms-input-placeholder {
    opacity: 0
}

.ui-discount__input:focus::placeholder {
    opacity: 0
}

@media (max-width: 991px) {
    .ui-discount__input {
        font-size: 1.6rem
    }
}

.ui-discount__btn {
    border: none;
    padding: 0;
    cursor: pointer;
    background: #ECF0F3;
    color: #8E9EA8;
    font: 400 1.4rem/1.8rem Nunito, Arial, Helvetica, sans-serif;
    padding: 1rem 1.6rem;
    height: 100%;
    transition: .25s
}

.ui-discount__btn:hover {
    background: #344049;
    color: #fff
}

.ui-payment {
    display: -ms-flexbox;
    display: flex
}

.ui-payment__check {
    position: relative;
    display: block;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.ui-payment__check:first-of-type .ui-payment__check-btn {
    border-radius: 8px 0 0 8px
}

.ui-payment__check:last-of-type .ui-payment__check-btn {
    border-radius: 0 8px 8px 0
}

.ui-payment__check-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.ui-payment__check-input:not(:checked)~.ui-payment__check-btn svg path {
    fill: #C5D3DC
}

.ui-payment__check-input:not(:checked)~.ui-payment__check-btn:hover svg path {
    fill: #107CC0
}

.ui-payment__check-input:checked~.ui-payment__check-btn {
    border-color: #107CC0
}

.ui-payment__check-btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ECF0F3;
    background: #fff;
    padding: 0;
    height: 5.6rem;
    transition: .25s
}

.ui-payment__check-btn svg path {
    transition: fill .25s
}

.ui-card {
    max-width: 48.4rem;
    margin: 0 auto 3.2rem;
    position: relative
}

.ui-card .ui-payment,
.ui-card .ui-placeholder {
    margin: 0
}

.ui-card .row {
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width: 767px) {
    .ui-card {
        max-width: none
    }
}

.ui-card__back {
    position: absolute;
    top: 3.2rem;
    left: 3.2rem;
    width: 100%;
    height: 100%;
    background: #E9F1F7;
    border-radius: 8px;
    z-index: 1
}

.ui-card__back:before {
    content: '';
    display: block;
    position: absolute;
    top: 5.6rem;
    left: 0;
    height: 5.6rem;
    width: 100%;
    background: #D9E5EC
}

@media (max-width: 767px) {
    .ui-card__back {
        display: none
    }
}

.ui-card__front {
    position: relative;
    z-index: 2;
    background: #FFF;
    box-shadow: 0 16px 48px rgba(52, 64, 73, 0.04);
    border-radius: 8px;
    padding: 3.2rem
}

.ui-card__front .row {
    margin: 0 -1.2rem -1.6rem
}

.ui-card__front .row>[class^="col"] {
    padding: 0 1.2rem 1.6rem
}

@media (max-width: 767px) {
    .ui-card__front {
        padding: 1.6rem
    }
}

.ui-expiration {
    padding: .8rem 0 0;
    max-width: 24rem
}

.ui-expiration__label {
    display: block;
    margin: 0 0 .8rem;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #8E9EA8
}

.ui-expiration__group .row {
    margin: 0 -1rem
}

.ui-expiration__group .row>[class^="col"] {
    padding: 0 1rem
}

.ui-expiration__group .row>[class^="col"]:after {
    content: '/';
    position: absolute;
    top: 0;
    right: -1rem;
    width: 2rem;
    height: 5.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #8E9EA8
}

.ui-expiration__group .row>[class^="col"]:last-child:after {
    display: none
}

.ui-expiration__group .ui-select,
.ui-expiration__group .ui-placeholder {
    margin: 0
}

.ui-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1.6rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
    transition: .5s;
    opacity: 0;
    visibility: hidden
}

.ui-modal.is-open {
    opacity: 1;
    visibility: visible
}

.ui-modal__content {
    width: 42rem;
    background: #fff;
    border-radius: 8px;
    padding: 2.4rem;
    text-align: center
}

.ui-modal__text {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 0 1.6rem
}

.ui-modal__action .ui-btn {
    margin: 0 1rem 0 0
}

.ui-modal__action .ui-btn:last-child {
    margin: 0
}

.ui-wysiwyg {
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #424C53
}

.ui-wysiwyg h1,
.ui-wysiwyg h2,
.ui-wysiwyg h3,
.ui-wysiwyg h4,
.ui-wysiwyg h5,
.ui-wysiwyg h6 {
    line-height: 1.25;
    font-weight: 700;
    margin: 0 0 2.4rem
}

.ui-wysiwyg h1 {
    font-size: 3.2rem
}

.ui-wysiwyg h2 {
    font-size: 2.4rem
}

.ui-wysiwyg h3 {
    font-size: 2.0rem
}

.ui-wysiwyg h4 {
    font-size: 1.8rem
}

.ui-wysiwyg p {
    margin: 0 0 .8rem
}

.ui-wysiwyg p:last-child {
    margin: 0
}

.ui-wysiwyg hr {
    border: none;
    border-top: 1px solid #ECF0F3;
    margin: 2.4rem 0;
    clear: both
}

.ui-wysiwyg a:not(.ui-link):not(.sku__reamore-toggle) {
    text-decoration: none;
    color: #005091;
    transition: color .25s
}

.ui-wysiwyg a:not(.ui-link):not(.sku__reamore-toggle):hover {
    color: #176AAE;
    text-decoration: none
}

.ui-wysiwyg a:not(.ui-link):not(.sku__reamore-toggle):active {
    color: #003865
}

.ui-wysiwyg .ui-link,
.ui-wysiwyg .how-buy__wysiwyg a,
.how-buy__wysiwyg .ui-wysiwyg a,
.ui-wysiwyg .sku__reamore-toggle,
.ui-wysiwyg .sku__text a,
.sku__text .ui-wysiwyg a {
    font-weight: 700
}

@media (min-width: 992px) {
    .ui-wysiwyg {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }

    .ui-wysiwyg p {
        margin: 0 0 1.6rem
    }
}

.ui-blockquote,
.ui-wysiwyg blockquote {
    border-left: 5px solid #005091;
    padding: 0 0 0 2rem;
    margin: 0 0 2.4rem;
    font-style: normal
}

.ui-blockquote p,
.ui-wysiwyg blockquote p {
    margin: 0 0 2.4rem
}

.ui-blockquote p:last-child,
.ui-wysiwyg blockquote p:last-child {
    margin: 0
}

.ui-ul,
.ui-wysiwyg ul,
.faq__accordion ul {
    margin: 0 0 .8rem;
    padding: 0;
    list-style: none
}

.ui-ul:last-child,
.ui-wysiwyg ul:last-child,
.faq__accordion ul:last-child {
    margin: 0
}

.ui-ul>li,
.ui-wysiwyg ul>li,
.faq__accordion ul>li {
    position: relative;
    padding: 0 0 0 2.4rem;
    margin: 0 0 .8rem
}

.ui-ul>li:last-child,
.ui-wysiwyg ul>li:last-child,
.faq__accordion ul>li:last-child {
    margin: 0
}

.ui-ul>li:before,
.ui-wysiwyg ul>li:before,
.faq__accordion ul>li:before {
    content: '';
    display: block;
    position: absolute;
    top: .8rem;
    left: .8rem;
    width: .5rem;
    height: .5rem;
    border-radius: 50%;
    background: currentColor
}

@media (min-width: 992px) {

    .ui-ul,
    .ui-wysiwyg ul,
    .faq__accordion ul {
        margin: 0 0 1.6rem
    }

    .ui-ul>li:before,
    .ui-wysiwyg ul>li:before,
    .faq__accordion ul>li:before {
        top: 1rem
    }
}

.ui-ol,
.ui-wysiwyg ol,
.faq__accordion ol {
    margin: 0 0 2.4rem;
    padding: 0;
    list-style: none;
    counter-reset: point
}

.ui-ol>li,
.ui-wysiwyg ol>li,
.faq__accordion ol>li {
    position: relative;
    padding: 0 0 0 2.4rem;
    margin: 0 0 1rem
}

.ui-ol>li:after,
.ui-wysiwyg ol>li:after,
.faq__accordion ol>li:after {
    content: counter(point) ".";
    counter-increment: point 1;
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700;
    color: #107CC0
}

.ui-table,
.ui-wysiwyg table {
    width: 100%;
    margin: 0 0 2.4rem;
    text-align: left;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 8px;
    background: #fff;
    table-layout: fixed;
    text-align: left;
    background: #FFF;
    box-shadow: 0 4px 24px #ebf0f2;
    border-radius: 8px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    color: #344049
}

.ui-table th,
.ui-wysiwyg table th,
.ui-table td,
.ui-wysiwyg table td {
    padding: 1.6rem;
    height: 4.8rem;
    border-bottom: 1px solid #ECF0F3
}

.ui-table th:first-child,
.ui-wysiwyg table th:first-child,
.ui-table td:first-child,
.ui-wysiwyg table td:first-child {
    padding-left: 24px
}

.ui-table th:last-child,
.ui-wysiwyg table th:last-child,
.ui-table td:last-child,
.ui-wysiwyg table td:last-child {
    padding-right: 24px
}

.ui-table th,
.ui-wysiwyg table th {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    color: #8E9EA8
}

.ui-table th:first-child,
.ui-wysiwyg table th:first-child {
    border-top-left-radius: 8px
}

.ui-table th:last-child,
.ui-wysiwyg table th:last-child {
    border-top-right-radius: 8px
}

@media (max-width: 767px) {

    .ui-table th,
    .ui-wysiwyg table th,
    .ui-table td,
    .ui-wysiwyg table td {
        padding: 1rem .5rem
    }

    .ui-table th:first-child,
    .ui-wysiwyg table th:first-child,
    .ui-table td:first-child,
    .ui-wysiwyg table td:first-child {
        padding-left: 25px
    }

    .ui-table th:last-child,
    .ui-wysiwyg table th:last-child,
    .ui-table td:last-child,
    .ui-wysiwyg table td:last-child {
        padding-right: 25px
    }
}

.ui-image,
.ui-wysiwyg figure,
.ui-wysiwyg picture {
    overflow: hidden;
    margin: 0 0 2.4rem;
    display: block;
    border-radius: 8px;
    background: #ccc
}

.ui-image img,
.ui-wysiwyg figure img,
.ui-wysiwyg picture img {
    display: block;
    width: 100%
}

.ui-image figcaption,
.ui-wysiwyg figure figcaption,
.ui-wysiwyg picture figcaption {
    text-align: center;
    max-width: 100rem;
    margin: 0 auto;
    padding: 2rem 0 0;
    font-size: 1.4rem;
    line-height: 1.3;
    font-weight: 500;
    font-style: italic;
    letter-spacing: -.05rem;
    color: rgba(7, 8, 9, 0.5)
}

.ui-image.pull-left,
.ui-wysiwyg figure.pull-left,
.ui-wysiwyg picture.pull-left {
    float: left;
    max-width: 38rem;
    margin: 0 2.4rem 2.4rem 0
}

@media (max-width: 767px) {

    .ui-image.pull-left,
    .ui-wysiwyg figure.pull-left,
    .ui-wysiwyg picture.pull-left {
        margin: 0 0 2.4rem;
        float: none;
        max-width: none
    }
}

.ui-image.pull-right,
.ui-wysiwyg figure.pull-right,
.ui-wysiwyg picture.pull-right {
    float: right;
    max-width: 38rem;
    margin: 0 0 2.4rem 2.4rem
}

@media (max-width: 767px) {

    .ui-image.pull-right,
    .ui-wysiwyg figure.pull-right,
    .ui-wysiwyg picture.pull-right {
        margin: 0 0 2.4rem;
        float: none;
        max-width: none
    }
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper-container-vertical>.swiper-wrapper {
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    transition-property: transform
}

.swiper-wrapper .swiper-slide {
    height: initial;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

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

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -ms-flex-align: start;
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: 300ms opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -ms-transform: scale(0.33);
    transform: scale(0.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -ms-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -ms-transform: scale(0.33);
    transform: scale(0.33)
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 1rem;
    top: 50%;
    transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: .6rem 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .8rem
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 200ms transform, 200ms top
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 200ms transform, 200ms right
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: .4rem;
    left: 0;
    top: 0
}

.swiper-container-vertical>.swiper-pagination-progressbar,
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: .4rem;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: .3rem;
    z-index: 50;
    height: .5rem;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: .3rem;
    top: 1%;
    z-index: 50;
    width: .5rem;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1.6rem 0 0 -1.6rem;
    z-index: 10;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 2px solid #005091;
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-pagination {
    position: relative;
    padding: 1.6rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper-pagination-bullet {
    margin: 0 .4rem;
    background: #FBFBFB;
    border: 1px solid #DAE0E4;
    opacity: 1;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    position: relative;
    display: block;
    transition: border-color .25s
}

.swiper-pagination-bullet:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: .8rem;
    height: .8rem;
    border-radius: inherit;
    background: #107CC0;
    margin: -.4rem 0 0 -.4rem;
    transition: opacity .25s;
    opacity: 0
}

.swiper-pagination-bullet:hover {
    border-color: #107CC0
}

.swiper-pagination-bullet-active:after {
    opacity: 1
}

.swiper-pagination-lock {
    display: none
}

.swiper-prev,
.swiper-next {
    padding: 0;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin: -1.6rem -1.6rem 0;
    z-index: 100;
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    border: 1px solid #ECF0F3;
    box-shadow: 0 4px 24px #EBF0F2;
    color: #8E9EA8;
    transition: opacity 0.25s, background .25s
}

.swiper-prev svg,
.swiper-next svg {
    display: block
}

.swiper-prev:hover,
.swiper-next:hover {
    background: #ECF0F3
}

.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
    opacity: 0;
    pointer-events: none
}

.swiper-prev.swiper-button-lock,
.swiper-next.swiper-button-lock {
    display: none
}

@media (min-width: 992px) {

    .swiper-prev,
    .swiper-next {
        width: 4rem;
        height: 4rem;
        margin: -2rem -2rem 0
    }
}

.swiper-prev {
    left: 0
}

.swiper-next {
    right: 0
}

.swiper-lazy {
    opacity: 0;
    transition: opacity .4s
}

.swiper-lazy-loaded {
    opacity: 1
}

.swiper-intro {
    overflow: visible
}

.swiper-intro .swiper-prev,
.swiper-intro .swiper-next {
    margin: -2rem -1.6rem 0;
    display: none
}

.swiper-intro .swiper-prev {
    left: 1.6rem
}

.swiper-intro .swiper-next {
    right: 1.6rem
}

.swiper-intro .swiper-pagination {
    padding: .8rem 0 0
}

.swiper-intro .swiper-slide {
    height: auto
}

.swiper-intro.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width: 992px) {

    .swiper-intro .swiper-prev,
    .swiper-intro .swiper-next {
        margin: -2rem -2rem 0
    }

    .swiper-intro .swiper-prev {
        left: 3.2rem
    }

    .swiper-intro .swiper-next {
        right: 3.2rem
    }

    .swiper-intro .swiper-pagination {
        padding: 1.6rem 0 0
    }
}

.pagination__link a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    height: 4rem;
    border: 1px solid #ECF0F3;
    background: none;
    color: #8E9EA8;
    text-decoration: none;
    transition: .25s;
    border-radius: 8px;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700
}

.pagination__link:hover a {
    background: #2395DD;
    border-color: #2395DD;
    color: #fff
}

.pagination__link:active a {
    background: #0D6DA9;
    border-color: #0D6DA9;
    transition: none
}

.pagination__link.is-active a {
    background: #107CC0;
    border-color: #107CC0;
    color: #fff
}

.swiper-products {
    overflow: visible;
    width: auto;
    margin: 0
}

.swiper-products .swiper-prev {
    left: 1.6rem
}

.swiper-products .swiper-next {
    right: 1.6rem
}

.swiper-products .swiper-slide {
    transition: opacity .25s;
    opacity: 0;
    pointer-events: none
}

.swiper-products .swiper-slide-visible {
    opacity: 1;
    pointer-events: auto
}

@media (min-width: 992px) {
    .swiper-products {
        margin: 0
    }

    .swiper-products .swiper-prev {
        left: 0
    }

    .swiper-products .swiper-next {
        right: 0
    }
}

.swiper-banners {
    padding: 0 3.2rem 0 0;
    overflow: visible
}

.swiper-banners .swiper-slide {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25.2rem;
    margin: 0 1.6rem 0 0;
    height: auto
}

.swiper-banners .swiper-slide:last-child {
    margin: 0
}

.swiper-banners.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width: 768px) {
    .swiper-banners {
        padding: 0
    }

    .swiper-banners .swiper-slide {
        width: 100%;
        margin: 0 2.4rem 0 0
    }
}

.swiper-blog {
    padding: 0 3.2rem 0 0;
    overflow: visible
}

.swiper-blog .swiper-prev,
.swiper-blog .swiper-next {
    top: 8rem
}

.swiper-blog .swiper-slide {
    -ms-flex: 0 0 242px;
    flex: 0 0 24.2rem;
    width: 24.2rem;
    margin: 0 1.6rem 0 0;
    transition: opacity .25s;
    opacity: 0;
    pointer-events: none;
    height: auto
}

.swiper-blog .swiper-slide:last-child {
    margin: 0
}

.swiper-blog .swiper-slide-visible {
    opacity: 1;
    pointer-events: auto
}

.swiper-blog.swiper-container-initialized .swiper-slide {
    margin: 0
}

@media (min-width: 768px) {
    .swiper-blog {
        padding: 0
    }

    .swiper-blog .swiper-slide {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .swiper-blog .swiper-prev,
    .swiper-blog .swiper-next {
        top: 12rem
    }
}

@media (min-width: 992px) {
    .swiper-blog .swiper-slide {
        margin: 0 2.4rem 0 0
    }
}

.swiper-customers {
    overflow: visible
}

.swiper-customers .swiper-slide {
    transition: opacity .25s;
    opacity: 0;
    pointer-events: none;
    height: auto
}

.swiper-customers .swiper-slide-visible {
    opacity: 1;
    pointer-events: auto
}

@media (min-width: 768px) {
    .swiper-customers {
        padding: 0
    }

    .swiper-customers .swiper-slide {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .swiper-customers .swiper-prev,
    .swiper-customers .swiper-next {
        top: 12rem
    }
}

@media (min-width: 992px) {
    .swiper-customers .swiper-slide {
        margin: 0 2.4rem 0 0
    }
}

.intro {
    margin: 0 0 4.8rem
}

@media (min-width: 992px) {
    .intro {
        margin: 0 0 6.4rem
    }
}

.intro__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 22rem;
    height: 100%;
    position: relative;
    background: #ccc;
    overflow: hidden;
    text-decoration: none;
    color: #344049;
    text-align: center;
    padding: 2.4rem 1.6rem
}

.intro__item:hover {
    text-decoration: none;
    color: #344049
}

.intro__item--01 .intro__item-title {
    color: #CD2463
}

.intro__item--01 .intro__item-btn {
    background: #CD2463
}

.intro__item--01 .intro__item-btn:hover {
    background: #de467f
}

.intro__item--01 .intro__item-btn:active {
    background: #a21c4e
}

.intro__item--03,
.intro__item--02,
.intro__item--01 {
    background: #FBFBFB;
}

@media (max-width: 992px) {
    .intro__item--01 {
        background: #F7D1E0
    }

    .intro__item--02 {
        background: #F3F6F8
    }

    .intro__item--03 {
        background: #D5E9FC
    }
}

@media (min-width: 992px) {
    .intro__item {
        min-height: 44rem;
        text-align: left;
        padding: 4.8rem 0
    }
}

.intro__item-image {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    margin: 0 auto 2.4rem;
    height: 18rem
}

.intro__item-image img {
    display: block;
    max-height: 100%;
    max-width: 100%
}

@media (min-width: 992px) {
    .intro__item-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    .intro__item-image img {
        display: block;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        max-width: 1440px;
    }
}

.intro__item-desc {
    position: relative;
    z-index: 2
}

.intro__item-title {
    display: block;
    margin: 0 auto 1.6rem;
    font-size: 2.4rem;
    line-height: 1.45;
    font-weight: 800;
    color: #107CC0;
    max-width: 58rem
}

@media (min-width: 992px) {
    .intro__item-title {
        font-size: 4.4rem;
        margin: 0 0 1.6rem
    }
}

.intro__item-text {
    display: block;
    margin: 0 auto 2.4rem;
    font-size: 1.6rem;
    line-height: 1.333;
    font-weight: 700;
    max-width: 51rem
}

@media (min-width: 992px) {
    .intro__item-text {
        position: relative;
        font-size: 2.4rem;
        margin: 0 0 2.4rem
    }
}

.intro__item-btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 158px;
    height: 4.8rem;
    border-radius: 8px;
    padding: .8rem 2.4rem;
    font: 700 1.6rem/1.5 Nunito, Arial, Helvetica, sans-serif;
    text-decoration: none;
    text-align: center;
    background: #107CC0;
    color: #fff;
    transition: .25s
}

.intro__item-btn:hover {
    text-decoration: none;
    background: #179aec;
    color: #fff
}

.intro__item-btn:active {
    transition: none;
    text-decoration: none;
    background: #0c5e91;
    color: #fff
}

.intro__item-btn svg {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.6rem 0 0
}

.benefits {
    display: none
}

@media (min-width: 992px) {
    .benefits {
        display: block
    }
}

.benefits__title {
    margin: 0 0 1.6rem
}

@media (min-width: 992px) {
    .benefits__title {
        margin: 0 0 4rem
    }
}

.benefits__grid {
    margin: 0 -1.2rem -1.6rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.benefits__grid>li {
    padding: 0 1.2rem 1.6rem;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

.benefits__item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.benefits__item-icon {
    margin: 0 1.6rem 0 0;
    width: 6.4rem;
    height: 6.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #107CC0
}

.benefits__item-icon svg {
    display: block;
    width: 4.8rem;
    height: 4.8rem
}

.benefits__item-desc {
    -ms-flex: 1;
    flex: 1;
    padding: .8rem 0
}

.benefits__item-title {
    display: block;
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.56;
    font-weight: 700
}

.benefits__item-text {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400;
    color: #8E9EA8
}

.products__grid {
    margin: 0 -.8rem -1.6rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products__grid>li {
    padding: 0 .8rem 1.6rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width: 992px) {
    .products__grid {
        margin: 0 -1.2rem -2.4rem
    }

    .products__grid>li {
        padding: 0 1.2rem 2.4rem
    }
}

@media (min-width: 1280px) {
    .products__grid {
        margin: 0 -1.2rem -2.4rem
    }

    .products__grid>li {
        padding: 0 1.2rem 2.4rem;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

.products-featured {
    margin: 0 0 1.6rem
}

.products-featured .row {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .products-featured {
        margin: 0 0 2.4rem
    }
}

.products-featured__title {
    margin: 0 0 1.6rem
}

@media (min-width: 992px) {
    .products-featured__title {
        margin: 0 0 2.4rem
    }
}

.products-featured__grid {
    margin: 0 -.8rem -1.6rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.products-featured__grid>li {
    padding: 0 .8rem 1.6rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width: 992px) {
    .products-featured__grid {
        margin: 0 -1.2rem -2.4rem
    }

    .products-featured__grid>li {
        padding: 0 1.2rem 2.4rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.products__item {
    position: relative;
    background: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100%;
    text-decoration: none;
    color: #344049;
    padding: 1.6rem;
    border-radius: 8px;
    box-sizing: 0 4px 24px #EBF0F2;
    text-align: center;
    transition: box-shadow .25s;
    overflow: hidden
}

.products__item:hover {
    text-decoration: none;
    color: #344049;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    z-index: 100
}

.products__item:hover .products__item-title {
    color: #107CC0
}

@media (hover: none) {
    .products__item:hover {
        box-shadow: none
    }
}

@media (min-width: 992px) {
    .products__item {
        padding: 2.4rem
    }
}

.products__item-badge {
    display: block;
    position: absolute;
    top: .8rem;
    left: .8rem;
    z-index: 100;
    padding: 0 1.2rem;
    font-size: 1.2rem;
    line-height: 2.4rem;
    font-weight: 500;
    white-space: nowrap;
    border-radius: 16px;
    background: #ccc;
    color: #fff
}

.products__item-badge--orange {
    background: #F90
}

.products__item-badge--green {
    background: #49D257
}

@media (min-width: 992px) {
    .products__item-badge {
        top: 2.4rem;
        left: 2.4rem;
        padding: .4rem 1.6rem;
        font-size: 1.4rem
    }
}

.products__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1.6rem;
    height: 9.6rem;
    position: relative
}

.products__item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    height: auto
}

@media (min-width: 992px) {
    .products__item-image {
        height: 18rem
    }
}

.products__item-title {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 700;
    transition: color .25s
}

@media (min-width: 992px) {
    .products__item-title {
        font-size: 1.8rem;
        line-height: 1.56
    }
}

.products__item-text {
    display: block;
    margin: 0 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #8E9EA8
}

@media (min-width: 992px) {
    .products__item-text {
        margin: 0 0 1.6rem
    }
}

.products__item-price {
    display: block;
    margin: 0 0 .8rem;
    font-size: 1.8rem;
    line-height: 1.333;
    font-weight: 700
}

@media (min-width: 992px) {
    .products__item-price {
        margin: 0 0 1.6rem
    }
}

.products__item-instock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 0 1.6rem;
    font-size: 1.2rem;
    line-height: 1.333;
    font-weight: 400;
    color: #01B567
}

.products__item-instock svg {
    margin: 0 .4rem 0 0
}

.products__item-instock small {
    display: none
}

@media (min-width: 992px) {
    .products__item-instock {
        margin: 0 0 2.4rem
    }

    .products__item-instock small {
        display: inline;
        color: #999;
        font-size: inherit
    }
}

.products__item-action {
    margin: auto -1.6rem -1.6rem
}

.products__item-action .ui-btn {
    width: 100%;
    border-radius: 0;
    font-size: 1.4rem;
    text-transform: uppercase
}

@media (min-width: 992px) {
    .products__item-action {
        margin: auto -2.4rem -2.4rem
    }
}

@media (max-width: 991px) {
    .products__item-action .ui-btn {
        height: 4rem
    }
}

.products__horizontal .row {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1280px) {
    .products__horizontal .row {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.products__horizontal-title {
    display: block;
    margin: 0 0 1.1rem;
    font-size: 1.8rem;
    line-height: 1.56;
    font-weight: 700
}

@media (min-width: 1280px) {
    .products__horizontal-title {
        margin: 0 0 1.6rem
    }
}

.products__horizontal-info {
    margin: 0 0 1.1rem;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #424C53
}

@media (min-width: 1280px) {
    .products__horizontal-info {
        margin: 0
    }
}

.products__horizontal-price {
    margin: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.4rem;
    line-height: 1.33;
    font-weight: 700
}

.products__horizontal-price ins,
.products__horizontal-price del {
    margin: 0 1rem 0 0;
    white-space: nowrap;
}

.products__horizontal-price ins {
    text-decoration: none
}

.products__horizontal-price del {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    text-decoration: line-through;
    color: #8E9EA8
}

.products__horizontal-instock {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 1.1rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #01B567
}

.products__horizontal-instock svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    margin: 0 .8rem 0 0;
    width: 1.6rem;
    height: 1.6rem
}

@media (min-width: 1280px) {
    .products__horizontal-instock {
        margin: 0
    }
}

.products__horizontal-action .row {
    margin: 0 -.4rem
}

.products__horizontal-action .row>[class^="col"] {
    padding: 0 .4rem
}

.products__horizontal-action .ui-btn {
    white-space: nowrap
}

@media (max-width: 1279px) {
    .products__horizontal-action {
        padding: 1.6rem 0 0
    }

    .products__horizontal-action .ui-number,
    .products__horizontal-action .ui-btn {
        width: 100%
    }

    .products__horizontal-action .ui-btn {
        font-size: 0;
        text-indent: -9999px
    }

    .products__horizontal-action .ui-btn svg {
        margin: 0;
        display: block
    }
}

.how-buy__steps {
    margin: 0;
    padding: 0 0 2.4rem;
    list-style: none
}

.how-buy__steps>li {
    margin: 0 0 3.2rem
}

.how-buy__steps>li:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .how-buy__steps {
        margin: 0 -1.2rem -2.4rem;
        padding: 0 0 4.8rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        justify-content: center
    }

    .how-buy__steps>li {
        padding: 0 1.2rem 2.4rem;
        margin: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.how-buy__steps-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .how-buy__steps-item {
        display: block;
        text-align: center
    }
}

.how-buy__steps-item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    border-radius: 50%;
    margin: 0 1.6rem 0 0;
    width: 6.4rem;
    height: 6.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.how-buy__steps-item-icon img,
.how-buy__steps-item-icon svg {
    display: block;
    width: 4rem;
    height: 4rem
}

@media (min-width: 992px) {
    .how-buy__steps-item-icon {
        margin: 0 auto 2.4rem;
        width: 12rem;
        height: 12rem
    }

    .how-buy__steps-item-icon img,
    .how-buy__steps-item-icon svg {
        width: 6.4rem;
        height: 6.4rem
    }
}

.how-buy__steps-item-desc {
    -ms-flex: 1;
    flex: 1
}

.how-buy__steps-item-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

@media (min-width: 992px) {
    .how-buy__steps-item-title {
        font-size: 1.8rem;
        line-height: 1.56
    }
}

.how-buy__steps-item-text {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #8E9EA8
}

.how-buy__benefits {
    margin: 0 -.4rem -.8rem;
    padding: 0 0 2.4rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.how-buy__benefits>li {
    padding: 0 .4rem .8rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 992px) {
    .how-buy__benefits {
        margin: 0 -1.2rem -2.4rem;
        padding: 0 0 6.4rem
    }

    .how-buy__benefits>li {
        padding: 0 1.2rem 2.4rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

.how-buy__benefits-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 4rem;
    height: 100%;
    padding: .8rem 1.6rem;
    background: #E9F1F5;
    border-radius: 8px
}

@media (min-width: 992px) {
    .how-buy__benefits-item {
        padding: 1.2rem 1.6rem;
        min-height: 4.8rem
    }
}

.how-buy__benefits-item-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2.4rem;
    height: 2.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1rem 0 0
}

.how-buy__benefits-item-text {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0 1.4rem 0 0
}

@media (min-width: 992px) {
    .how-buy__benefits-item-text {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.how-buy__wysiwyg {
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

.how-buy__wysiwyg h1,
.how-buy__wysiwyg h2,
.how-buy__wysiwyg h3,
.how-buy__wysiwyg h4,
.how-buy__wysiwyg h5,
.how-buy__wysiwyg h6 {
    margin: 0 0 .8rem
}

.how-buy__wysiwyg p {
    margin: 0 0 1.6rem
}

.how-buy__wysiwyg p:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .how-buy__wysiwyg {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }

    .how-buy__wysiwyg h1,
    .how-buy__wysiwyg h2,
    .how-buy__wysiwyg h3,
    .how-buy__wysiwyg h4,
    .how-buy__wysiwyg h5,
    .how-buy__wysiwyg h6 {
        margin: 0 0 1.6rem
    }
}

.txt__wysiwyg {
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    border-radius: 8px;
    padding: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
}

.txt__wysiwyg h1,
.txt__wysiwyg h2,
.txt__wysiwyg h3,
.txt__wysiwyg h4,
.txt__wysiwyg h5,
.txt__wysiwyg h6 {
    margin: 2.4rem 2.4rem 2.4rem 0
}

.txt__wysiwyg p {
    margin: 0 0 .8rem
}

.txt__wysiwyg p:last-child {
    margin: 0
}

.txt__wysiwyg ul {
    margin: 0 0 .8rem;
    padding: 0 .2rem 0 0;
    list-style: none
}

.txt__wysiwyg ul:last-child {
    margin: 0
}

.txt__wysiwyg ul>li {
    position: relative;
    padding: 0 0 0 2.4rem
}

.txt__wysiwyg ul>li:before {
    content: '';
    display: block;
    position: absolute;
    top: 1.2rem;
    left: .8rem;
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    background: currentColor
}

@media (min-width: 992px) {
    .txt__wysiwyg {
        padding: 2.4rem;
        font-size: 1.6rem;
        line-height: 1.75;
        font-weight: 400
    }
}

.blog-featured .row {
    -ms-flex-align: center;
    align-items: center
}

.blog-featured__title {
    margin: 0 0 1.6rem
}

@media (min-width: 992px) {
    .blog-featured__title {
        margin: 0 0 2.4rem
    }
}

.blog-featured__all {
    margin: 0 0 1.6rem;
    font-weight: 700
}

@media (min-width: 992px) {
    .blog-featured__all {
        margin: 0 0 2.4rem
    }
}

.blog {
    margin: 0 0 2.4rem
}

@media (min-width: 992px) {
    .blog {
        margin: 0 0 4.8rem
    }
}

.blog__grid {
    margin: 0 -1.2rem -3.2rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center
}

.blog__grid>li {
    padding: 0 1.2rem 3.2rem;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

@media (min-width: 576px) {
    .blog__grid>li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (min-width: 768px) {
    .blog__grid {
        margin: 0 -1.2rem -4.8rem
    }

    .blog__grid>li {
        padding: 0 1.2rem 4.8rem;
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

.blog__item {
    display: block;
    text-decoration: none;
    color: #344049
}

.blog__item:hover {
    text-decoration: none;
    color: #344049
}

.blog__item:hover .blog__item-image {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1)
}

.blog__item:hover .blog__item-image img {
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.blog__item:hover .blog__item-title {
    color: #107CC0
}

.blog__item-image {
    background: #000;
    display: block;
    overflow: hidden;
    border-radius: 8px;
    margin: 0 0 1.6rem;
    min-height: 16rem;
    max-height: 24rem;
    transition: box-shadow .25s;
    position: relative
}

.blog__item-image:before {
    content: '';
    float: left;
    padding: 62.5% 0 0
}

.blog__item-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: transform .25s;
    position: absolute;
    top: 0;
    left: 0
}

.blog__item-date {
    display: block;
    margin: 0 0 .7rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #999
}

.blog__item-title {
    display: block;
    margin: 0 0 .7rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    transition: color .25s
}

@media (min-width: 992px) {
    .blog__item-title {
        font-size: 1.8rem;
        line-height: 1.33
    }
}

.blog__item-text {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

@media (min-width: 992px) {
    .blog__item-text {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.customers {
    padding: 0 0 3.2rem
}

.customers__item {
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    position: relative;
    border-radius: 8px;
    padding: 1.6rem 1.6rem 5.6rem;
    text-align: center;
    min-height: 100%
}

@media (min-width: 992px) {
    .customers__item {
        padding: 2.4rem 2.4rem 5.6rem
    }
}

.customers__item-text {
    display: block;
    margin: 0 0 2.4rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

@media (min-width: 992px) {
    .customers__item-text {
        font-size: 1.6rem;
        line-height: 1.5
    }
}

.customers__item-rating {
    margin: 0 0 .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customers__item-rating .ui-rating {
    margin: 0
}

.customers__item-author {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

.customers__item-letters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ccc;
    color: #fff;
    box-shadow: 0 4px 24px #EBF0F2, 0 0 0 8px #FBFBFB;
    border-radius: 50%;
    width: 6.4rem;
    height: 6.4rem;
    position: absolute;
    left: 50%;
    bottom: -3.2rem;
    margin: 0 0 0 -3.2rem;
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase
}

.swiper-customers .swiper-slide:nth-of-type(3n-2) .customers__item-letters {
    background: #03A9F4
}

.swiper-customers .swiper-slide:nth-of-type(3n-1) .customers__item-letters {
    background: #FFC107
}

.swiper-customers .swiper-slide:nth-of-type(3n) .customers__item-letters {
    background: #CDDC39
}

.page .products:last-child,
.page .txt:last-child,
.page .article:last-child {
    margin: 0
}

.page__back {
    padding: 1.6rem 0 .8rem;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400
}

@media (min-width: 992px) {
    .page__back {
        padding: 4rem 0 .8rem
    }
}

.page__wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width: 992px) {
    .page__wrapper {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.page__sidebar {
    margin: 0
}

.page__sidebar:last-child {
    margin: 0 0 2.4rem
}

@media (min-width: 992px) {
    .page__sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 28.2rem
    }

    .page__sidebar:first-child {
        margin: 0 2.4rem 0 0
    }

    .page__sidebar:last-child {
        margin: 0 0 0 2.4rem
    }
}

.page__content {
    margin: 0 0 2.4rem
}

@media (min-width: 992px) {
    .page__content {
        -ms-flex: 1;
        flex: 1;
        margin: 0
    }
}

@media (max-width: 992px) {
    #testimonialsPage .page__wrapper {}

    #testimonialsPage .page__content {
        order: 2;
    }

    #testimonialsPage .page__sidebar {
        order: 1;
    }
}

@media (min-width: 992px) {
    .is-sticky-active .nav-aside {
        -ms-transform: translate(0, 96px);
        transform: translate(0, 96px)
    }
}

.nav-aside {
    background: #FFF;
    border-radius: 8px;
    box-shadow: 0 4px 24px #EBF0F2;
    overflow: hidden;
    margin: 0 0 2.4rem;
    transition: transform .25s;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 700
}

.nav-aside.is-open .nav-aside__toggle svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width: 992px) {
    .nav-aside {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400;
        margin: 0
    }
}

.nav-aside__toggle {
    position: relative;
    background: none;
    border: none;
    padding: 1rem 5.2rem 1rem 1.6rem;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 5.2rem;
    font: 700 1.4rem/1.2 Nunito, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    width: 100%;
    color: #344049
}

.nav-aside__toggle svg {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    position: absolute;
    top: 50%;
    right: 1.4rem;
    margin: -1.2rem 0 0;
    color: #D1D1D1;
    transition: transform .25s
}

@media (min-width: 992px) {
    .nav-aside__toggle {
        display: none
    }
}

.nav-aside__dropdown {
    display: none;
    border-top: 1px solid #ECF0F3
}

@media (min-width: 992px) {
    .nav-aside__dropdown {
        display: block
    }
}

.nav-aside__menu {
    margin: 0;
    padding: 0;
    list-style: none
}

.nav-aside__menu>li {
    border-bottom: 1px solid #ECF0F3
}

.nav-aside__menu>li:last-child {
    border: none
}

.nav-aside__link {
    display: block;
    color: #344049;
    text-decoration: none;
    padding: 1.2rem 1.6rem;
    transition: background 0.25s, color .25s
}

.nav-aside__link:hover,
.nav-aside__link.is-active {
    text-decoration: none;
    color: #107CC0;
    background: #EEF8FF
}

.request {
    margin: 0 0 4.8rem
}

@media (min-width: 992px) {
    .request {
        margin: 0
    }
}

.request__wrapper {
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    border-radius: 8px;
    padding: 1.6rem
}

@media (min-width: 992px) {
    .request__wrapper {
        padding: 2.4rem
    }
}

.request__form .ui-placeholder,
.request__form .ui-vote {
    margin: 0 0 .8rem
}

@media (min-width: 992px) {

    .request__form .ui-placeholder,
    .request__form .ui-vote {
        margin: 0 0 2.4rem
    }
}

@media (min-width: 992px) {
    .is-sticky-active .statistic-aside.is-sticky {
        -ms-transform: translate(0, 96px);
        transform: translate(0, 96px)
    }
}

.statistic-aside {
    box-shadow: 0 4px 24px #EBF0F2;
    border-radius: 8px;
    background: #fff;
    padding: 1.6rem;
    margin: 0;
    overflow: hidden;
    transition: transform .25s
}

.statistic-aside .row {
    margin: 0 -.8rem -.8rem;
    -ms-flex-align: center;
    align-items: center
}

.statistic-aside .row>[class^="col"] {
    padding: 0 .8rem .8rem
}

@media (min-width: 992px) {
    .statistic-aside {
        text-align: center;
        padding: 2.4rem
    }
}

.statistic-aside__head {
    position: relative;
    padding: 0 0 1.6rem;
    margin: 0 0 1.6rem
}

.statistic-aside__head:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: -2.4rem;
    right: -2.4rem;
    border-bottom: 1px solid #ECF0F3
}

@media (min-width: 992px) {
    .statistic-aside__head {
        padding: 0 0 2.4rem;
        margin: 0 0 2.4rem
    }
}

.statistic-aside__number {
    display: block;
    font-size: 4.8rem;
    line-height: 1.2;
    font-weight: 700
}

.statistic-aside__rating {
    margin: 0 0 .8rem
}

.statistic-aside__rating .ui-rating {
    margin: 0
}

@media (min-width: 992px) {
    .statistic-aside__rating {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.statistic-aside__counter {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #8E9EA8
}

.statistic-aside__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400;
    white-space: nowrap;
    text-align: left
}

.statistic-aside__table td {
    padding: 0 .4rem .8rem;
    vertical-align: middle
}

.statistic-aside__table td:first-of-type {
    padding-left: 0
}

.statistic-aside__table td:last-of-type {
    padding-right: 0;
    color: #8E9EA8
}

.statistic-aside__table td:first-of-type,
.statistic-aside__table td:last-of-type {
    width: 1%
}

.statistic-aside__table tr:last-of-type td {
    padding-bottom: 0
}

.checkout__shipping,
.checkout__delivery,
.checkout__payment {
    margin: 0 0 2.4rem
}

.checkout__shipping:last-child,
.checkout__delivery:last-child,
.checkout__payment:last-child {
    margin: 0
}

.checkout__shipping .ui-select,
.checkout__shipping .ui-placeholder,
.checkout__shipping .ui-check,
.checkout__delivery .ui-select,
.checkout__delivery .ui-placeholder,
.checkout__delivery .ui-check,
.checkout__payment .ui-select,
.checkout__payment .ui-placeholder,
.checkout__payment .ui-check {
    margin: 0
}

.checkout__shipping .row,
.checkout__delivery .row,
.checkout__payment .row {
    margin: 0 -1.2rem -2.4rem
}

.checkout__shipping .row>[class^="col"],
.checkout__delivery .row>[class^="col"],
.checkout__payment .row>[class^="col"] {
    padding: 0 1.2rem 2.4rem
}

@media (max-width: 991px) {

    .checkout__shipping .row,
    .checkout__delivery .row,
    .checkout__payment .row {
        margin: 0 -1.2rem -.8rem
    }

    .checkout__shipping .row>[class^="col"],
    .checkout__delivery .row>[class^="col"],
    .checkout__payment .row>[class^="col"] {
        padding: 0 1.2rem .8rem
    }
}

.checkout__section {
    position: relative;
    margin: 0 0 6.4rem
}

@media (max-width: 991px) {
    .checkout__section {
        padding: 3.6rem 0 2.4rem;
        margin: 0
    }

    .checkout__section:before {
        content: '';
        display: block;
        height: 1.2rem;
        background: #ECF0F3;
        position: absolute;
        top: 0;
        left: -1.6rem;
        right: -1.6rem
    }
}

.checkout__complete {
    text-align: center;
    border-top: 1px solid #ECF0F3;
    padding: 4.8rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center
}

.checkout__complete .ui-btn {
    margin: 0 0 2.4rem
}

.checkout__complete .ui-check {
    max-width: 79.1rem
}

.banners__item {
    padding: 1.6rem;
    border-radius: 8px;
    text-decoration: none;
    color: #344049;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.1);
    height: 100%;
    min-height: 24rem;
    transition: box-shadow .25s
}

.banners__item--green {
    background: rgba(1, 181, 103, 0.05)
}

.banners__item--green .banners__item-title {
    color: #01B567
}

.banners__item--red {
    background: #FFF7F7
}

.banners__item--red .banners__item-title {
    color: #EA0100
}

.banners__item:hover {
    text-decoration: none;
    color: #344049;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1)
}

@media (min-width: 992px) {
    .banners__item {
        padding: 3.2rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.banners__item-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    height: 15.2rem
}

.banners__item-image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    mix-blend-mode: darken
}

@media (min-width: 992px) {
    .banners__item-image {
        height: auto;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin: -1.6rem 0
    }
}

.banners__item-desc {
    text-align: center
}

@media (min-width: 992px) {
    .banners__item-desc {
        text-align: left;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 3.2rem 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%
    }
}

.banners__item-title {
    display: block;
    margin: 0;
    font-size: 3.2rem;
    line-height: 1.5;
    font-weight: 700
}

@media (min-width: 992px) {
    .banners__item-title {
        font-size: 4rem;
        line-height: 1.2;
        margin: 0 0 .8rem
    }
}

.banners__item-text {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

@media (min-width: 992px) {
    .banners__item-text {
        font-size: 1.8rem;
        line-height: 1.333;
        font-weight: 700;
        margin: 0 0 2.4rem
    }
}

.banners__item-action {
    display: none
}

@media (min-width: 992px) {
    .banners__item-action {
        display: block;
        margin: auto 0 0
    }

    .banners__item-action .ui-btn {
        min-width: 98px
    }
}

.scrolltop {
    position: fixed;
    bottom: calc(7.2rem + var(--safe-area-inset-bottom));
    right: 1.6rem;
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    width: 4.8rem;
    height: 4.8rem;
    background: rgba(16, 124, 192, 0.5);
    border-radius: 4px;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100;
    transition: opacity 0.25s, visibility 0.25s, transform 0.25s, background 0.25s, bottom .25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 20px);
    transform: translate(0, 20px)
}

.scrolltop svg {
    display: block
}

.scrolltop:hover {
    background: #107cc0;
    color: #fff
}

@media (min-width: 992px) {
    .scrolltop {
        bottom: calc(2.4rem + var(--safe-area-inset-bottom));
        right: 2.4rem
    }
}

.is-scrolltop .scrolltop {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.article {
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

.article h3 {
    display: block;
    margin: 0 0 .8rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

.article p {
    margin: 0 0 1.6rem
}

.article p:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .article {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }

    .article h3 {
        font-size: 1.8rem;
        line-height: 1.33
    }

    .article p {
        margin: 0 0 2.4rem
    }
}

.is-sku-sticky .sku__sticky {
    opacity: 1;
    visibility: visible
}

.is-sku-sticky .footer {
    padding: 0 0 11.2rem
}

.is-sku-sticky .scrolltop {
    bottom: calc(12.8rem + var(--safe-area-inset-bottom))
}

@media (min-width: 992px) {
    .is-sku-sticky.is-sticky .header__sticky {
        box-shadow: none
    }

    .is-sku-sticky .scrolltop {
        bottom: calc(2.4rem + var(--safe-area-inset-bottom))
    }

    .is-sku-sticky .footer {
        padding: 0
    }
}

.is-categories-open .sku__sticky,
.is-search-open .sku__sticky,
.is-nav-open .sku__sticky {
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

@media (min-width: 992px) {
    .is-sticky-active .sku__sticky {
        -ms-transform: translate(0, 96px);
        transform: translate(0, 96px)
    }
}

.sku__sticky {
    position: fixed;
    text-align: left;
    bottom: calc(5.6rem + var(--safe-area-inset-bottom));
    left: 0;
    right: 0;
    height: 5.6rem;
    background: #fff;
    border-bottom: 1px solid #eee;
    box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
    z-index: 1200;
    transition: opacity 0.25s, visibility 0.25s, transform .25s;
    opacity: 0;
    visibility: hidden
}

.sku__sticky .container-fluid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (min-width: 992px) {
    .sku__sticky {
        top: 0;
        bottom: auto;
        border: none;
        box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04)
    }
}

.sku__sticky-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #344049;
    margin: 0 auto 0 0
}

.sku__sticky-item:hover {
    text-decoration: none;
    color: #344049
}

.sku__sticky-item-image {
    width: 4rem;
    height: 4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 .8rem 0 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sku__sticky-item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

@media (min-width: 992px) {
    .sku__sticky-item-image {
        width: 4.8rem;
        height: 4.8rem;
        margin: 0 1.6rem 0 0
    }
}

.sku__sticky-item-title {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0 1.6rem 0 0
}

.sku__sticky-item-title small {
    display: none
}

@media (min-width: 992px) {
    .sku__sticky-item-title {
        font-size: 1.6rem
    }

    .sku__sticky-item-title small {
        display: inline;
        font-size: 1.4rem;
        font-weight: 400;
        color: #999
    }
}

.sku__sticky-price {
    display: none
}

@media (min-width: 992px) {
    .sku__sticky-price {
        display: block;
        margin: 0 1.6rem 0 0;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 700
    }
}

.sku__sticky-control {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sku__sticky-control .ui-number {
    display: none
}

.sku__sticky-control .ui-btn {
    height: 4rem;
    font-size: 1.4rem;
    border-radius: 8px;
    white-space: nowrap
}

.sku__sticky-control .ui-btn svg.icon-cart {
    width: 1.6rem;
    height: 1.6rem
}

@media (min-width: 992px) {
    .sku__sticky-control .ui-number {
        display: block;
        margin: 0 1.6rem 0 0;
        background: #F9F9F9;
        border-radius: 8px;
        height: 4rem;
        width: 11.2rem
    }

    .sku__sticky-control .ui-number .ui-number__minus,
    .sku__sticky-control .ui-number .ui-number__plus {
        height: 4rem;
        width: 4rem
    }

    .sku__sticky-control .ui-number .ui-number__input {
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 700;
        padding: 1rem 0;
        height: 100%
    }
}

.sku {
    margin: 0 0 2.4rem;
    padding: .8rem 0 0
}

@media (min-width: 992px) {
    .sku {
        padding: 1.6rem 0 0
    }
}

@media (min-width: 992px) {
    .sku__wrapper {
        background: #FFF;
        box-shadow: 0 4px 24px #EBF0F2;
        border-radius: 8px
    }

    .sku__wrapper>.row {
        margin: 0
    }

    .sku__wrapper>.row>[class^="col-"] {
        padding: 2.4rem;
        border-right: 1px solid #eee
    }

    .sku__wrapper>.row>[class^="col-"]:last-child {
        border: none
    }
}

.sku__gallery {
    margin: 0 0 2.4rem;
    position: relative
}

@media (min-width: 992px) {
    .sku__gallery {
        margin: 0
    }
}

.sku__badges {
    display: none;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ui-badge {
    margin-bottom: 3px;
}

@media (max-width: 992px) {
    .sku__badges {
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 992px) {
    .sku__badges {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }

    /*.sku__wrapper .sku__badges {display: none;}*/
    .sku__badges .ui-badge {
        margin: 0 .8rem .8rem 0
    }
}

.sku__image {
    position: relative;
    overflow: hidden;
    max-height: 36rem;
    display: block;
    margin: 0;
    padding: 1.6rem 0
}

.sku__image:before {
    content: '';
    float: left;
    padding: 78% 0 0
}

.sku__image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: 100%;
    max-height: 100%
}

.sku__thumb {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    background: #fff;
    cursor: pointer;
    border: 1px solid #ECF0F3;
    transition: border-color 0.25s, opacity .25s;
    opacity: .5
}

.sku__thumb:before {
    content: '';
    float: left;
    padding: 100% 0 0
}

.sku__thumb img {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: 100%;
    max-height: 100%
}

.sku__thumb:hover {
    border-color: #107CC0
}

.swiper-slide-thumb-active .sku__thumb {
    opacity: 1;
    border-color: #107CC0
}

@media (min-width: 992px) {
    .sku__desc {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 100%;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.sku__title {
    margin: 0 0 1.6rem
}

.sku__readmore,
.sku__text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400
}

.sku__readmore p,
.sku__text p {
    margin: 0 0 1.6rem
}

.sku__readmore p:last-child,
.sku__text p:last-child {
    margin: 0
}

@media (min-width: 992px) {

    .sku__readmore,
    .sku__text {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

.sku__readmore {
    position: relative;
    margin: 0 0 1.6rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400
}

.sku__readmore p {
    margin: 0 0 1.2rem
}

.sku__readmore p:last-child {
    margin: 0
}

.sku__readmore p:last-child:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 6rem;
    height: 2rem
}

.sku__readmore-collapse {
    max-height: 7rem;
    overflow: hidden;
    transition: .5s
}

.sku__readmore-control {
    position: absolute;
    bottom: -2px;
    right: 0;
    z-index: 100;
    padding: 0 0 0 .8rem;
    background: #fff
}

.sku__readmore-control:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 100%;
    width: 1.6rem;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%)
}

.sku__reamore-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sku__reamore-toggle svg {
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 .4rem;
    position: relative;
    top: .1rem;
    transition: transform .25s
}

[aria-expanded="true"]~.sku__readmore-control .sku__reamore-toggle svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sku__text {
    margin: 0 0 2.4rem
}

#topRating .sku__rating {
    display: none;
}

@media (min-width: 992px) {
    .sku__rating {
        display: block;
        margin: 0 0 1.6rem
    }
}

@media (max-width: 992px) {
    .sku__rating {
        display: none;
    }

    #topRating {
        margin-bottom: 20px;
    }

    #topRating .sku__rating {
        display: block;
    }
}

.quantityText {
    display: none;
}

@media (max-width: 992px) {
    .quantityText {
        display: inline-block;
    }
}

.sku__tabs {
    width: 100%;
    margin: 0 0 2.4rem
}

.sku__tabs .ui-select {
    margin: 0
}

.sku__tabs .ui-select select,
.sku__tabs .ui-select .selectric {
    border: none
}

.sku__tabs-control {
    display: -ms-flexbox;
    display: flex
}

.sku__tabs-btn {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #F6FBFF;
    border: 2px solid #F6FBFF;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    margin: 0 .2rem 0 0;
    font: 700 1.4rem/1.5 Nunito, Arial, Helvetica, sans-serif;
    padding: .8rem 1.6rem;
    height: 5.6rem;
    color: #107CC0;
    cursor: pointer
}

.sku__tabs-btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: .2rem;
    background: #fff;
    z-index: 10;
    opacity: 0
}

.sku__tabs-btn:hover {
    background: #F3F6F8;
    border-color: #F3F6F8
}

.sku__tabs-btn.is-active {
    color: #344049;
    background: #fff;
    border-color: #107CC0
}

.sku__tabs-btn:last-child {
    margin-right: 5px;
}

.sku__tabs-btn.is-active:after {
    opacity: 1
}

.sku__tabs-btn.product-name {
    background: none;
    border: none;
}

@media (min-width: 992px) {
    .sku__tabs-btn {
        padding: .8rem 2.4rem;
        font-size: 1.6rem
    }
}

@media (max-width: 992px) {
    .sku__tabs-btn {
        padding: .8rem 1.1rem;
    }
}

.sku__tabs-wrapper {
    position: relative
}

.sku__tabs-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    border: 2px solid #005091;
    border-radius: 0 6px 8px 8px
}

.sku__tabs-content.is-active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.sku__group {
    margin: 0 0 2.4rem;
    width: 100%
}

.sku__group .row {
    margin: 0 -.8rem -2.4rem
}

.sku__group .row>[class^="col"] {
    padding: 0 .8rem 2.4rem
}

.sku__price {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
    font-size: 3.2rem;
    line-height: 1.12;
    font-weight: 700;
    white-space: nowrap;
}

.sku__price ins {
    text-decoration: none;
    margin: 0 .8rem 0 0
}

.sku__price del {
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #8E9EA8
}

.sku__instock {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #01B567;
    white-space: nowrap
}

.sku__instock svg.icon-instock {
    margin: 0 .8rem 0 0
}

.sku__instock mark {
    background: none;
    color: #999
}

.sku__control {
    display: -ms-flexbox;
    display: flex
}

.sku__control .ui-number {
    margin: 0 1.6rem 0 0;
    min-width: 144px
}

.sku__control .ui-btn {
    min-width: 184px;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 991px) {
    .sku__control .ui-number {
        height: 4.8rem;
        padding: 0 4.8rem;
        min-width: 108px
    }

    .sku__control .ui-number .ui-number__minus,
    .sku__control .ui-number .ui-number__plus {
        width: 4.8rem;
        height: 4.8rem
    }

    .sku__control .ui-number .ui-number__input {
        height: 4.8rem;
        font-size: 1.6rem;
        line-height: 2.8rem;
        font-weight: 700;
        padding: 1rem 0
    }

    .sku__control .ui-btn {
        border-radius: 8px;
        padding: .9rem 1.6rem;
        min-height: 4.8rem
    }

    .sku__control .ui-btn,
    .sku__control .ui-number {
        margin-bottom: 10px
    }
}

.sku__info {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    white-space: nowrap;
    width: 100%
}

.sku__info>li {
    margin: 0 0 .8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {
    .sku__info {
        position: relative;
        padding: 2.4rem 0 0;
        margin: auto 0 0;
        font-size: 1.6rem
    }

    .sku__info:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: -2.4rem;
        right: -2.4rem;
        border-top: 1px solid #ECF0F3
    }
}

.sku__info-dt {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700
}

.sku__info-dt svg {
    margin: 0 .8rem 0 0;
    color: #107CC0
}

@media (min-width: 992px) {
    .sku__info-dt svg {
        margin: 0 1.6rem 0 0
    }
}

.sku__info-line {
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0 .8rem;
    border-top: 1px dashed #8E9EA8
}

.sku__info-payments {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.sku__info-payments>li {
    margin: 0 .8rem 0 0
}

.sku__info-payments>li:nth-of-type(4)~li {
    display: none
}

.sku__info-payments>li:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .sku__info-payments>li:nth-of-type(4)~li {
        display: block
    }
}

.sku__free {
    margin: 0 -.8rem;
    background: #F6FBFF;
    border-radius: 4px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .8rem;
    color: #107CC0
}

.sku__free-icon {
    width: 2.4rem;
    height: 2.4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1rem 0 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #107CC0
}

.sku__free-icon svg {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.sku__free-text {
    margin: 0;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400
}

@media (min-width: 992px) {
    .sku__free-text {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

@media (min-width: 992px) {
    .is-sticky-active .details__nav-sticky.is-sticky {
        -ms-transform: none;
        transform: none
    }

    .is-sticky-active .details__nav.is-sticky {
        -ms-transform: translate(0, 96px);
        transform: translate(0, 96px)
    }
}

.details .article,
.details .reviews,
.details .products {
    margin: 0 0 2.4rem;
    padding: 0 0 2.4rem;
    border-bottom: 1px solid #ECF0F3
}

.details .article:last-child,
.details .reviews:last-child,
.details .products:last-child {
    margin: 0;
    padding: 0;
    border: none
}

@media (min-width: 992px) {
    .details .products__list {
        margin: -2.4rem;
        padding: 0;
        list-style: none
    }

    .details .products__list>li {
        padding: 2.4rem;
        margin: 0;
        border-bottom: 1px solid #ECF0F3
    }

    .details .products__list>li:last-child {
        border: none
    }

    .details .sku__tabs-content .products__list {
        margin: 0;
    }
}

@media (max-width: 991px) {
    .details .products {
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 16px #EBF0F2;
        overflow: hidden
    }

    .details .products__list {
        margin: 0;
        padding: 0;
        list-style: none
    }

    .details .products__list>li {
        margin: 0;
        padding: 1.6rem;
        border-bottom: 1px solid #ECF0F3
    }

    .details .products__list>li:last-child {
        border: none
    }
}

@media (min-width: 992px) {
    .details__wrapper {
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width: 992px) {
    .details__sidebar {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 28.2rem;
        margin: 0 2.4rem 0 0
    }
}

@media (min-width: 992px) {
    .details__content {
        margin: 0;
        -ms-flex: 1;
        flex: 1
    }
}

.details__section {
    margin: 0 0 4.8rem
}

.details__section:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .details__section {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400;
        background: #FFF;
        box-shadow: 0 4px 24px #EBF0F2;
        border-radius: 8px;
        padding: 2.4rem;
        margin: 0 0 2.4rem
    }
}

.details__categories-group {
    margin: 0 0 2.4rem;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 24px #EBF0F2;
    overflow: hidden
}

.details__categories-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    padding: 1.2rem 1.6rem;
    background: #344049;
    color: #fff
}

.details__categories-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.details__categories-menu>li {
    border-bottom: 1px solid #ECF0F3
}

.details__categories-menu>li:last-child {
    border: none
}

.details__categories-link {
    display: block;
    padding: 1.2rem 1.6rem;
    text-decoration: none;
    color: #344049;
    transition: .25s
}

.details__categories-link:hover,
.details__categories-link.is-active {
    background: #EEF8FF;
    color: #107CC0;
    text-decoration: none
}

.details__nav {
    margin: 0 0 1.6rem;
    position: relative;
    height: 8rem
}

@media (min-width: 992px) {
    .details__nav {
        height: auto;
        margin: 0;
        padding: 0;
        background: #F9F9F9;
        border-radius: 8px;
        overflow: hidden;
        transition: transform .25s
    }
}

.details__nav-sticky {
    height: inherit;
    position: relative;
    z-index: 100;
    transition: transform .25s;
    padding: .8rem 0 0;
    margin: 0 -1.6rem
}

.details__nav-sticky:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 120vw;
    margin: 0 0 0 -60vw;
    z-index: -1;
    background: #fff;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04);
    transition: opacity .25s;
    opacity: 0
}

.details__nav-sticky.is-sticky:before {
    opacity: 1
}

@media (min-width: 992px) {
    .details__nav-sticky {
        padding: 0;
        margin: 0;
        height: auto
    }

    .details__nav-sticky:before {
        display: none
    }
}

.details__nav-title {
    display: block;
    margin: 0;
    padding: 0 1.6rem;
    font-size: 2.4rem;
    line-height: 1.333;
    font-weight: 700
}

@media (min-width: 992px) {
    .details__nav-title {
        display: none
    }
}

.details__nav-menu {
    margin: 0;
    padding: 0 1.6rem;
    list-style: none;
    border-bottom: 1px solid #eee;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.details__nav-menu::-webkit-scrollbar {
    display: none
}

.details__nav-menu>li {
    margin: 0;
    padding: 0 1.6rem 0 0
}

.details__nav-menu>li:last-child {
    padding: 0;
    margin: 0 1.6rem 0 0
}

@media (min-width: 992px) {
    .details__nav-menu {
        margin: 0;
        padding: 0;
        border: none;
        overflow: visible;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 700;
        display: block
    }

    .details__nav-menu>li {
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #fff
    }

    .details__nav-menu>li:last-child {
        border: none;
        margin: 0;
        padding: 0
    }
}

.details__nav-link {
    position: relative;
    display: block;
    padding: .8rem 0;
    text-decoration: none;
    color: #344049;
    transition: color .25s
}

.details__nav-link:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: .2rem;
    border-radius: 2px 2px 0 0;
    background: #107CC0;
    transition: opacity .25s;
    opacity: 0
}

.details__nav-link:hover {
    text-decoration: none;
    color: #107CC0
}

.details__nav-link.is-active:after {
    opacity: 1
}

@media (min-width: 992px) {
    .details__nav-link {
        padding: 1.2rem 1.6rem;
        color: #8E9EA8
    }

    .details__nav-link:after {
        display: none
    }

    .details__nav-link:hover,
    .details__nav-link.is-active {
        color: #344049
    }
}

.reviews {
    margin: 0 0 1.6rem
}

@media (min-width: 992px) {
    .reviews {
        margin: 0 0 2.4rem
    }
}

.reviews__wrapper {
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    border-radius: 8px;
    padding: 1.6rem
}

@media (min-width: 992px) {
    .reviews__wrapper {
        padding: 2.4rem
    }
}

.reviews__head {
    padding: 0 0 1.6rem;
    margin: 0 0 1.6rem;
    border-bottom: 1px solid #ECF0F3
}

.reviews__head .reviews__title {
    margin: 0
}

@media (min-width: 992px) {
    .reviews__head {
        margin: 0 0 3.2rem;
        padding: 0;
        border: none;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.reviews__title {
    margin: 0 0 1.6rem
}

@media (min-width: 992px) {
    .reviews__title {
        margin: 0 0 3.2rem
    }
}

.reviews__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

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

.reviews__list>li {
    margin: 0 0 1.6rem
}

.reviews__list>li:last-child {
    margin: 0
}

.reviews__list>li:nth-of-type(5n - 4) .reviews__item-letters {
    background: #03A9F4
}

.reviews__list>li:nth-of-type(5n - 3) .reviews__item-letters {
    background: #FFC107
}

.reviews__list>li:nth-of-type(5n - 2) .reviews__item-letters {
    background: #CDDC39
}

.reviews__list>li:nth-of-type(5n - 1) .reviews__item-letters {
    background: #F44336
}

.reviews__list>li:nth-of-type(5n) .reviews__item-letters {
    background: #4756DF
}

@media (min-width: 992px) {
    .reviews__list>li {
        margin: 0 0 3.2rem
    }
}

.reviews__item {
    position: relative
}

.reviews__item .row {
    margin: 0 -.8rem -1.6rem
}

.reviews__item .row>[class^="col"] {
    padding: 0 .8rem 1.6rem
}

.reviews__item-letters {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

@media (min-width: 992px) {
    .reviews__item-letters {
        width: 6.4rem;
        height: 6.4rem;
        font-size: 2.4rem
    }
}

.reviews__item-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    margin: 0 0 1.2rem
}

.reviews__item-head>* {
    margin: 0 1.6rem 0 0
}

.reviews__item-body {
    margin: 0 0 1.2rem;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 400
}

.reviews__item-body p {
    margin: 0 0 .8rem
}

.reviews__item-body p:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .reviews__item-body {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

.reviews__item-name {
    display: block;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 700
}

@media (min-width: 992px) {
    .reviews__item-name {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

.reviews__item-verified {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 400;
    color: #01B567
}

.reviews__item-verified svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 .4rem 0 0
}

@media (min-width: 992px) {
    .reviews__item-verified {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

.reviews__item-rating {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.reviews__item-rating .ui-rating {
    margin: 0
}

.reviews__item-helpful {
    margin: 0 -.8rem -.8rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 400;
    color: #8E9EA8
}

.reviews__item-helpful>li {
    padding: 0 .8rem .8rem
}

.reviews__item-helpful .ui-link,
.reviews__item-helpful .how-buy__wysiwyg a,
.how-buy__wysiwyg .reviews__item-helpful a,
.reviews__item-helpful .sku__reamore-toggle,
.reviews__item-helpful .sku__text a,
.sku__text .reviews__item-helpful a {
    display: inline-block;
    vertical-align: top
}

@media (min-width: 992px) {
    .reviews__item-helpful {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 400
    }
}

.is-cart-sticky .cart__sticky {
    opacity: 1;
    visibility: visible
}

.is-categories-open .cart__sticky,
.is-search-open .cart__sticky,
.is-nav-open .cart__sticky {
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

@media (min-width: 992px) {
    .cart {
        margin: 0 0 6.4rem
    }
}

.cart__sticky {
    position: fixed;
    left: 0;
    right: 0;
    bottom: calc(5.6rem + var(--safe-area-inset-bottom));
    z-index: 1200;
    transition: opacity 0.25s, visibility 0.25s, transform .25s;
    opacity: 0;
    visibility: hidden
}

.cart__sticky .ui-btn {
    width: 100%;
    height: 4.8rem;
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 700;
    border-radius: 0
}

.cart__sticky .ui-btn svg.icon-arrow-right {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0
}

@media (min-width: 992px) {
    .cart__sticky {
        display: none
    }
}

@media (min-width: 992px) {
    .cart__wrapper {
        background: #FFF;
        box-shadow: 0 4px 24px #EBF0F2;
        border-radius: 8px
    }
}

.cart__table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 400;
    color: #8E9EA8
}

.cart__table .row {
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 992px) {

    .cart__table thead,
    .cart__table tbody {
        border-bottom: 1px solid #ECF0F3
    }

    .cart__table tr:first-of-type td {
        padding-top: 16px
    }

    .cart__table tr:last-of-type td {
        padding-bottom: 16px
    }

    .cart__table th,
    .cart__table td {
        padding: .6rem 1.6rem;
        height: 4.8rem;
        vertical-align: middle
    }

    .cart__table th:first-of-type,
    .cart__table td:first-of-type {
        padding-left: 24px
    }

    .cart__table th:last-of-type,
    .cart__table td:last-of-type {
        padding-right: 24px
    }

    .cart__table th:not(:first-of-type),
    .cart__table td:not(:first-of-type) {
        text-align: right
    }

    .cart__table th {
        font-weight: 400
    }
}

@media (max-width: 991px) {
    .cart__table {
        display: block
    }

    .cart__table thead,
    .cart__table tbody,
    .cart__table tfoot,
    .cart__table tr,
    .cart__table th,
    .cart__table td {
        display: block
    }

    .cart__table thead {
        display: none
    }

    .cart__table tbody {
        padding: 0 0 1.6rem;
        margin: 0 0 1.6rem;
        border-bottom: 1px solid #ECF0F3
    }

    .cart__table tbody:last-child {
        margin: 0;
        border: none
    }

    .cart__table tr {
        position: relative;
        margin: 0 0 .8rem
    }

    .cart__table tr:last-of-type {
        margin: 0
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(1) .cart__table-qty {
        position: absolute;
        left: 6rem;
        top: 3rem;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(2) {
        margin-top: 1rem;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(3) {
        display: none;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(4) {
        position: absolute;
        right: 0;
        top: 3rem;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(5) {
        position: absolute;
        top: 0;
        right: 0
    }

    .cart__table tr:nth-of-type(2) {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cart__table tr:nth-of-type(2) td:nth-of-type(1) {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0 0 .8rem
    }

    .cart__table tr:nth-of-type(2) td:nth-of-type(2) {
        -ms-flex: 1;
        flex: 1
    }

    .cart__table tr:nth-of-type(2) td:nth-of-type(3) {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .cart__table tr:nth-of-type(2) td:nth-of-type(4) {
        display: none
    }
}

.cart__table-item {
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #344049;
    margin: -.4rem 0;
    min-height: 4.8rem;
    transition: color .25s
}

.cart__table-item:hover {
    text-decoration: none;
    color: #107CC0
}

@media (max-width: 991px) {
    .cart__table-item {
        margin: 0
    }
}

.cart__table-item-image {
    width: 4.8rem;
    height: 4.8rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 1.6rem 0 0
}

.cart__table-item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

@media (max-width: 991px) {
    .cart__table-item-image {
        margin: 0 1.2rem 0 0
    }
}

.cart__table-item-title {
    display: block;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

@media (max-width: 991px) {
    .cart__table-item-title {
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 700;
        margin: 0 0 2rem;
        padding: 0 0 .8rem
    }
}

.cart__table-shipping,
.cart__table-qty,
.cart__table-price {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    color: #344049
}

.cart__table-shipping--blue,
.cart__table-qty--blue,
.cart__table-price--blue {
    color: #107CC0
}

@media (max-width: 991px) {
    .cart__table-qty {
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 400;
        color: #8E9EA8
    }

    .cart__table-qty--blue {
        color: #107CC0;
        font-weight: 700
    }
}

@media (max-width: 991px) {
    .cart__table-price {
        font-size: 1.4rem;
        line-height: 2rem;
        font-weight: 700
    }
}

.cart__table-delete {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #C5D3DC;
    transition: color .25s
}

.cart__table-delete:hover {
    color: #DF4747
}

.cart__table-text {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.cart__table-text mark {
    background: none;
    color: #F90
}

@media (max-width: 991px) {
    .cart__table-text {
        font-size: 1.4rem;
        line-height: 1.43;
        font-weight: 400
    }
}

.cart__table-discount {
    margin: 0;
    max-width: 30%;
    min-width: 310px;
}

@media (max-width: 991px) {
    .cart__table-discount {
        margin: 0 0 1.6rem;
        max-width: none
    }
}

.cart__table-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    font-size: 2rem;
    line-height: 1.33;
    font-weight: 700;
    color: #344049;
    text-align: right
}

.cart__table-total small {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 .8rem 0 0
}

@media (max-width: 991px) {
    .cart__table-total {
        margin: 0 0 1.6rem;
        font-size: 1.8rem
    }

    .cart__table-total small {
        font-size: 1.4rem
    }
}

@media (min-width: 992px) {
    .cart__action {
        padding: 1.6rem 2.4rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (max-width: 991px) {
    .cart__action {
        padding: 0;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3.6rem 0 0
    }

    .cart__action:before {
        content: '';
        display: block;
        border-top: 12px solid #ECF0F3;
        position: absolute;
        top: 0;
        left: -2rem;
        right: -2rem
    }

    .cart__action .ui-btn {
        -ms-flex: 1;
        flex: 1;
        margin: 0 0 .8rem
    }

    .cart__action .ui-btn:last-child {
        margin: 0
    }
}

.breadcrumbs {
    padding: 1.6rem 0 .4rem;
    font-size: 1.4rem;
    line-height: 1.7;
    font-weight: 400;
    color: #8E9EA8
}

@media (min-width: 992px) {
    .breadcrumbs {
        padding: 4rem 0 .8rem
    }
}

.breadcrumbs__menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.breadcrumbs__menu>li {
    position: relative;
    padding: 0 2rem 0 0
}

.breadcrumbs__menu>li:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    width: .4rem;
    height: .4rem;
    background: #ECF0F3;
    border-radius: 50%;
    margin: -.2rem -.4rem 0 0
}

.breadcrumbs__menu>li:last-child {
    padding: 0
}

.breadcrumbs__menu>li:last-child:after {
    display: none
}

.breadcrumbs__link {
    transition: color .25s;
    text-decoration: none;
    color: #344049
}

.breadcrumbs__link:hover {
    text-decoration: underline;
    color: #344049
}

.breadcrumbs__link.is-active {
    color: #8E9EA8
}

.pagination__loadmore {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    border: none;
    background: #FFF;
    box-shadow: 0 4px 24px #EBF0F2;
    color: #107CC0;
    cursor: pointer;
    border-radius: 8px;
    padding: .8rem 1.6rem;
    transition: .25s;
    height: 5.6rem;
    font: 700 1.6rem/1.5 Nunito, Arial, Helvetica, sans-serif;
    margin: 0 0 2.4rem
}

.pagination__loadmore svg {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 0 0 .8rem;
    transition: transform .5s
}

.pagination__loadmore:hover {
    background: #2395DD;
    color: #fff
}

.pagination__loadmore:hover svg {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}

.pagination__loadmore:active {
    background: #0D6DA9;
    color: #fff;
    transition: none
}

@media (max-width: 991px) {
    .pagination__loadmore {
        height: 4rem;
        font-size: 1.4rem;
        margin: 0 0 1.6rem
    }
}

.pagination__menu {
    margin: 0;
    padding: 0 0 0 0;
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto !important;
    position: relative;
    height: 5rem;
    padding-bottom: 10px;
}

.pagination__menu>li {
    margin: 0 .8rem .8rem 0;
    -ms-flex: 1;
    flex: 1
}

@media (min-width: 992px) {
    .pagination__menu {
        padding: 0 0 0 0;
        height: 5.6rem
    }
}

.pagination__menu a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 40px;
    height: 4rem;
    border: 1px solid #ECF0F3;
    background: none;
    color: #8E9EA8;
    text-decoration: none;
    transition: .25s;
    border-radius: 8px;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 700
}

.pagination__menu a:hover {
    background: #2395DD;
    border-color: #2395DD;
    color: #fff
}

.pagination__menu a:active {
    background: #0D6DA9;
    border-color: #0D6DA9;
    transition: none
}

.pagination__menu a.is-active {
    background: #107CC0;
    border-color: #107CC0;
    color: #fff
}

@media (min-width: 992px) {
    .pagination__menu a {
        min-width: 72px;
        height: 5.6rem;
        font-size: 1.6rem
    }
}

.pagination__status {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: rgba(255, 255, 255, 0.8);
    animation: fadeInStatus .25s;
    pointer-events: none;
    display: none
}

@keyframes fadeInStatus {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.faq__wysiwyg {
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #424C53
}

.faq__wysiwyg h1 {
    display: block;
    font-size: 2.4rem;
    line-height: 1.333;
    font-weight: 700;
    margin: 0 0 2.4rem;
    color: #344049
}

.faq__wysiwyg h2 {
    display: block;
    font-size: 1.8rem;
    line-height: 1.333;
    font-weight: 700;
    margin: 0 0 2.4rem;
    color: #344049
}

.faq__wysiwyg p {
    margin: 0 0 1.6rem
}

.faq__wysiwyg p:last-child {
    margin: 0
}

.faq__wysiwyg p+h2 {
    padding: 2.4rem 0 0
}

@media (min-width: 992px) {
    .faq__wysiwyg h1 {
        font-size: 3.2rem
    }

    .faq__wysiwyg h2 {
        font-size: 2.4rem
    }
}

.faq__accordion {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #ECF0F3
}

.faq__accordion dt {
    display: block;
    position: relative;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 700;
    padding: 1.6rem 3.2rem 1.6rem 0;
    border-top: 1px solid #ECF0F3;
    cursor: pointer;
    color: #344049;
    transition: .25s
}

.faq__accordion dt svg {
    position: absolute;
    top: 1.6rem;
    right: 0;
    width: 2.4rem;
    height: 2.4rem;
    transition: transform 0.25s, color .25s;
    color: #8E9EA8
}

.faq__accordion dt:hover {
    color: #107CC0
}

.faq__accordion dt:hover svg {
    color: #107CC0
}

.faq__accordion dt.is-active svg {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faq__accordion dd {
    display: none;
    position: relative;
    top: -.8rem;
    margin: 0;
    padding: 0 0 .8rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.faq__accordion ul {
    margin: 0 0 1.6rem
}

.faq__accordion ul:last-child {
    margin: 0
}

.faq__accordion ol {
    margin: 0 0 1.6rem
}

.faq__accordion ol:last-child {
    margin: 0
}

.faq__accordion p {
    margin: 0 0 1.6rem
}

.faq__accordion p:last-child {
    margin: 0
}

@media (min-width: 992px) {
    .faq__accordion dt {
        font-size: 1.8rem;
        line-height: 1.56
    }
}

.contacts__title {
    margin: 0 0 2.4rem
}

@media (min-width: 992px) {
    .contacts__title {
        margin: 0 0 4rem
    }
}

.contacts__form {
    max-width: 79.2rem
}

.contacts__form .row {
    margin: 0 -.4rem -.8rem
}

.contacts__form .row>[class^="col"] {
    padding: 0 .4rem .8rem
}

.contacts__form .ui-placeholder {
    margin: 0
}

@media (min-width: 992px) {
    .contacts__form .row {
        margin: 0 -1.2rem -2.4rem
    }

    .contacts__form .row>[class^="col"] {
        padding: 0 1.2rem 2.4rem
    }
}

.search-result__grid {
    margin: 0 -.8rem -1.6rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.search-result__grid>li {
    padding: 0 .8rem 1.6rem;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

@media (min-width: 992px) {
    .search-result__grid {
        margin: 0 -1.2rem -2.4rem
    }

    .search-result__grid>li {
        padding: 0 1.2rem 2.4rem;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px
}

@media (min-width: 576px) {
    .container {
        max-width: 54rem
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 72rem
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 96rem
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 114rem
    }
}

.container-fluid {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-left: 12px
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -12px;
    margin-left: -12px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.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-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto,
.col-wide-1,
.col-wide-2,
.col-wide-3,
.col-wide-4,
.col-wide-5,
.col-wide-6,
.col-wide-7,
.col-wide-8,
.col-wide-9,
.col-wide-10,
.col-wide-11,
.col-wide-12,
.col-wide,
.col-wide-auto {
    position: relative;
    width: 100%;
    min-height: .1rem;
    padding-right: 12px;
    padding-left: 12px
}

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

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

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

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

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

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

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

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

.push-1 {
    left: 8.33333%
}

.push-2 {
    left: 16.66667%
}

.push-3 {
    left: 25%
}

.push-4 {
    left: 33.33333%
}

.push-5 {
    left: 41.66667%
}

.push-6 {
    left: 50%
}

.push-7 {
    left: 58.33333%
}

.push-8 {
    left: 66.66667%
}

.push-9 {
    left: 75%
}

.push-10 {
    left: 83.33333%
}

.push-11 {
    left: 91.66667%
}

.pull-1 {
    right: 8.33333%
}

.pull-2 {
    right: 16.66667%
}

.pull-3 {
    right: 25%
}

.pull-4 {
    right: 33.33333%
}

.pull-5 {
    right: 41.66667%
}

.pull-6 {
    right: 50%
}

.pull-7 {
    right: 58.33333%
}

.pull-8 {
    right: 66.66667%
}

.pull-9 {
    right: 75%
}

.pull-10 {
    right: 83.33333%
}

.pull-11 {
    right: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

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

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

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

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

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

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }

    .push-sm-0 {
        left: auto
    }

    .push-sm-1 {
        left: 8.33333%
    }

    .push-sm-2 {
        left: 16.66667%
    }

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

    .push-sm-4 {
        left: 33.33333%
    }

    .push-sm-5 {
        left: 41.66667%
    }

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

    .push-sm-7 {
        left: 58.33333%
    }

    .push-sm-8 {
        left: 66.66667%
    }

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

    .push-sm-10 {
        left: 83.33333%
    }

    .push-sm-11 {
        left: 91.66667%
    }

    .pull-sm-0 {
        right: auto
    }

    .pull-sm-1 {
        right: 8.33333%
    }

    .pull-sm-2 {
        right: 16.66667%
    }

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

    .pull-sm-4 {
        right: 33.33333%
    }

    .pull-sm-5 {
        right: 41.66667%
    }

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

    .pull-sm-7 {
        right: 58.33333%
    }

    .pull-sm-8 {
        right: 66.66667%
    }

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

    .pull-sm-10 {
        right: 83.33333%
    }

    .pull-sm-11 {
        right: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

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

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

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

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

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

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }

    .push-md-0 {
        left: auto
    }

    .push-md-1 {
        left: 8.33333%
    }

    .push-md-2 {
        left: 16.66667%
    }

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

    .push-md-4 {
        left: 33.33333%
    }

    .push-md-5 {
        left: 41.66667%
    }

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

    .push-md-7 {
        left: 58.33333%
    }

    .push-md-8 {
        left: 66.66667%
    }

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

    .push-md-10 {
        left: 83.33333%
    }

    .push-md-11 {
        left: 91.66667%
    }

    .pull-md-0 {
        right: auto
    }

    .pull-md-1 {
        right: 8.33333%
    }

    .pull-md-2 {
        right: 16.66667%
    }

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

    .pull-md-4 {
        right: 33.33333%
    }

    .pull-md-5 {
        right: 41.66667%
    }

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

    .pull-md-7 {
        right: 58.33333%
    }

    .pull-md-8 {
        right: 66.66667%
    }

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

    .pull-md-10 {
        right: 83.33333%
    }

    .pull-md-11 {
        right: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

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

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

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

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

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

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }

    .push-lg-0 {
        left: auto
    }

    .push-lg-1 {
        left: 8.33333%
    }

    .push-lg-2 {
        left: 16.66667%
    }

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

    .push-lg-4 {
        left: 33.33333%
    }

    .push-lg-5 {
        left: 41.66667%
    }

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

    .push-lg-7 {
        left: 58.33333%
    }

    .push-lg-8 {
        left: 66.66667%
    }

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

    .push-lg-10 {
        left: 83.33333%
    }

    .push-lg-11 {
        left: 91.66667%
    }

    .pull-lg-0 {
        right: auto
    }

    .pull-lg-1 {
        right: 8.33333%
    }

    .pull-lg-2 {
        right: 16.66667%
    }

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

    .pull-lg-4 {
        right: 33.33333%
    }

    .pull-lg-5 {
        right: 41.66667%
    }

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

    .pull-lg-7 {
        right: 58.33333%
    }

    .pull-lg-8 {
        right: 66.66667%
    }

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

    .pull-lg-10 {
        right: 83.33333%
    }

    .pull-lg-11 {
        right: 91.66667%
    }
}

@media (min-width: 1280px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

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

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

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

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

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

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }

    .push-xl-0 {
        left: auto
    }

    .push-xl-1 {
        left: 8.33333%
    }

    .push-xl-2 {
        left: 16.66667%
    }

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

    .push-xl-4 {
        left: 33.33333%
    }

    .push-xl-5 {
        left: 41.66667%
    }

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

    .push-xl-7 {
        left: 58.33333%
    }

    .push-xl-8 {
        left: 66.66667%
    }

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

    .push-xl-10 {
        left: 83.33333%
    }

    .push-xl-11 {
        left: 91.66667%
    }

    .pull-xl-0 {
        right: auto
    }

    .pull-xl-1 {
        right: 8.33333%
    }

    .pull-xl-2 {
        right: 16.66667%
    }

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

    .pull-xl-4 {
        right: 33.33333%
    }

    .pull-xl-5 {
        right: 41.66667%
    }

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

    .pull-xl-7 {
        right: 58.33333%
    }

    .pull-xl-8 {
        right: 66.66667%
    }

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

    .pull-xl-10 {
        right: 83.33333%
    }

    .pull-xl-11 {
        right: 91.66667%
    }
}

@media (min-width: 1600px) {
    .col-wide {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-wide-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-wide-1 {
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-wide-2 {
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-wide-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-wide-4 {
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-wide-5 {
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-wide-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-wide-7 {
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-wide-8 {
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-wide-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-wide-10 {
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-wide-11 {
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-wide-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-wide-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-wide-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-wide-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-wide-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-wide-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-wide-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-wide-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-wide-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-wide-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-wide-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-wide-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-wide-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-wide-0 {
        margin-left: 0
    }

    .offset-wide-1 {
        margin-left: 8.33333%
    }

    .offset-wide-2 {
        margin-left: 16.66667%
    }

    .offset-wide-3 {
        margin-left: 25%
    }

    .offset-wide-4 {
        margin-left: 33.33333%
    }

    .offset-wide-5 {
        margin-left: 41.66667%
    }

    .offset-wide-6 {
        margin-left: 50%
    }

    .offset-wide-7 {
        margin-left: 58.33333%
    }

    .offset-wide-8 {
        margin-left: 66.66667%
    }

    .offset-wide-9 {
        margin-left: 75%
    }

    .offset-wide-10 {
        margin-left: 83.33333%
    }

    .offset-wide-11 {
        margin-left: 91.66667%
    }

    .push-wide-0 {
        left: auto
    }

    .push-wide-1 {
        left: 8.33333%
    }

    .push-wide-2 {
        left: 16.66667%
    }

    .push-wide-3 {
        left: 25%
    }

    .push-wide-4 {
        left: 33.33333%
    }

    .push-wide-5 {
        left: 41.66667%
    }

    .push-wide-6 {
        left: 50%
    }

    .push-wide-7 {
        left: 58.33333%
    }

    .push-wide-8 {
        left: 66.66667%
    }

    .push-wide-9 {
        left: 75%
    }

    .push-wide-10 {
        left: 83.33333%
    }

    .push-wide-11 {
        left: 91.66667%
    }

    .pull-wide-0 {
        right: auto
    }

    .pull-wide-1 {
        right: 8.33333%
    }

    .pull-wide-2 {
        right: 16.66667%
    }

    .pull-wide-3 {
        right: 25%
    }

    .pull-wide-4 {
        right: 33.33333%
    }

    .pull-wide-5 {
        right: 41.66667%
    }

    .pull-wide-6 {
        right: 50%
    }

    .pull-wide-7 {
        right: 58.33333%
    }

    .pull-wide-8 {
        right: 66.66667%
    }

    .pull-wide-9 {
        right: 75%
    }

    .pull-wide-10 {
        right: 83.33333%
    }

    .pull-wide-11 {
        right: 91.66667%
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

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

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -ms-grid-row-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -ms-grid-row-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -ms-grid-row-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

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

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

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

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

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

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1280px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1600px) {
    .flex-wide-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-wide-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-wide-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-wide-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-wide-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-wide-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-wide-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .justify-content-wide-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-wide-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-wide-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-wide-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-wide-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-wide-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-wide-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-wide-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-wide-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-wide-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-wide-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-wide-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-wide-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-wide-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-wide-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-wide-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-wide-auto {
        -ms-flex-item-align: auto !important;
        -ms-grid-row-align: auto !important;
        align-self: auto !important
    }

    .align-self-wide-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-wide-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-wide-center {
        -ms-flex-item-align: center !important;
        -ms-grid-row-align: center !important;
        align-self: center !important
    }

    .align-self-wide-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-wide-stretch {
        -ms-flex-item-align: stretch !important;
        -ms-grid-row-align: stretch !important;
        align-self: stretch !important
    }
}

:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-right: env(safe-area-inset-right);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --safe-area-inset-left: env(safe-area-inset-left)
}

html {
    font-size: 10px
}

html,
body {
    height: 100%;
    -webkit-overflow-scrolling: touch
}

body {
    background: #FBFBFB;
    color: #424C53
}

.app {
    position: relative;
    min-height: 100%;
    min-width: 320px;
    overflow: hidden;
    max-width: 100%;
    transition: opacity .5s;
    opacity: 0
}

.is-loaded .app {
    opacity: 1
}

.container-fluid {
    max-width: 123.2rem;
    padding: 0 1.6rem
}

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

@media (hover: none) {

    .is-categories-open body,
    .is-search-open body,
    .is-nav-open body,
    .is-warning-open body {
        overflow: hidden
    }
}

.is-page-792 .breadcrumbs .container-fluid,
.is-page-792 .article .container-fluid,
.is-page-792 .faq .container-fluid,
.is-page-792 .contacts .container-fluid {
    max-width: 82.4rem
}

@media (max-width: 991px) {
    .is-page-reverse .page__wrapper {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media (max-width: 991px) {

    .is-page-sku,
    .is-page-cart {
        background: #fff
    }
}

@media (max-width: 991px) {
    .is-categories-mobile-white .header__categories-offcanvas {
        background: #fff
    }

    .is-categories-mobile-white .header__categories-offcanvas-head {
        background: #242D33
    }

    .is-categories-mobile-white .header__categories-title,
    .is-categories-mobile-white .header__categories-close,
    .is-categories-mobile-white .header__categories-back {
        color: #fff
    }

    .is-categories-mobile-white .header__categories-title svg,
    .is-categories-mobile-white .header__categories-close svg,
    .is-categories-mobile-white .header__categories-back svg {
        color: #8E9EA8
    }

    .is-categories-mobile-white .header__categories-menu>li,
    .is-categories-mobile-white .header__categories-submenu>li {
        border-bottom: 1px solid #ECF0F3
    }

    .is-categories-mobile-white .header__categories-link,
    .is-categories-mobile-white .header__categories-sublink {
        color: #424C53
    }

    .is-categories-mobile-white .header__categories-link svg.icon-arrow-categories,
    .is-categories-mobile-white .header__categories-sublink svg.icon-arrow-categories {
        color: #C5D3DC
    }

    .is-categories-mobile-white .header__categories-link:hover,
    .is-categories-mobile-white .header__categories-sublink:hover {
        color: #424C53
    }

    .is-categories-mobile-white .header__categories-dropdown {
        background: #fff;
        color: #424C53
    }

    .is-categories-mobile-white .header__categories-dropdown-head {
        background: #242D33
    }
}

.is-sticky .header__sticky {
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04)
}

@media (min-width: 992px) {
    .is-sticky .header__sticky {
        top: -4rem
    }

    .is-sticky .header__categories-offcanvas {
        top: 9.6rem;
        max-height: calc(100vh - 9.6rem)
    }
}

.is-sticky-active .header {
    top: 0
}

.is-sticky .header__sticky {
    position: fixed;
    top: -5.6rem;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.04)
}

@media (min-width: 992px) {
    .is-sticky .header__sticky {
        top: -13.6rem
    }

    .is-sticky .header__categories-offcanvas {
        top: 9.6rem;
        height: calc(100vh - 9.6rem)
    }
}

.is-sticky-active .header__sticky {
    top: 0
}

@media (min-width: 992px) {
    .is-sticky-active .header__sticky {
        top: -4rem
    }
}

.is-cart-open .header__cart-offcanvas {
    opacity: 1;
    visibility: visible;
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    pointer-events: auto
}

.is-nav-open .header__sticky {
    top: 0
}

.is-nav-open .header__nav-toggle svg.icon-toggle {
    -ms-transform: scale(0);
    transform: scale(0)
}

.is-nav-open .header__nav-toggle svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-nav-open .header__nav-offcanvas {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.is-nav-open .header__control {
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.is-categories-open .header__nav-toggle svg.icon-toggle {
    -ms-transform: scale(0);
    transform: scale(0)
}

.is-categories-open .header__nav-toggle svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-categories-open .header__categories-close svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-categories-open .header__categories-toggle svg.icon-toggle {
    -ms-transform: scale(0);
    transform: scale(0)
}

.is-categories-open .header__categories-toggle svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-categories-open .header__categories-offcanvas {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.is-categories-open .header__control {
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

@media (max-width: 991px) {
    .is-categories-overflow .header__categories-offcanvas-body {
        overflow: hidden
    }
}

.is-search-focus {
    pointer-events: none
}

.is-search-focus .header__search {
    pointer-events: auto
}

@media (min-width: 992px) {
    .is-search-focus .header__search {
        box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5)
    }
}

.is-search-open {
    pointer-events: none
}

.is-search-open .header__search {
    pointer-events: auto
}

.is-search-open .header__nav-toggle svg.icon-toggle {
    -ms-transform: scale(0);
    transform: scale(0)
}

.is-search-open .header__nav-toggle svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-search-open .header__search-close svg.icon-close {
    -ms-transform: scale(1);
    transform: scale(1)
}

.is-search-open .header__search-offcanvas {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.is-search-open .header__control {
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%)
}

.is-search-results .header__search-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

@media (min-width: 992px) {
    .is-search-results .header__search-input {
        border-radius: 8px 8px 0 0
    }

    .is-search-results .header__search-dropdown {
        border-radius: 0 0 8px 8px
    }
}

.header__search-dropdown {
    max-height: calc(6.4rem * 5);
    overflow-x: hidden;
    overflow-y: auto;
}

.header__search-item {
    min-height: 6.4rem;
}

.header__search-input {
    width: 100%;
}

.header__sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background: #FFF;
    transition: top 0.25s, box-shadow .25s
}

@media (max-width: 991px) {
    .header__sticky {
        box-shadow: none;
        border-bottom: 1px solid #ECF0F3
    }
}

.header__section {
    border-bottom: 1px solid #ECF0F3
}

.header__section>.container-fluid {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header__section--01 {
    height: 4rem
}

.header__section--02 {
    height: 9.6rem
}

@media (max-width: 991px) {
    .header__section {
        border: none
    }

    .header__section--01 {
        height: auto
    }

    .header__section--02 {
        height: 5.6rem
    }
}

.header__nav {
    -ms-flex: 1;
    flex: 1
}

.header__nav-toggle {
    display: none
}

@media (max-width: 991px) {
    .header__nav-toggle {
        display: block;
        border: none;
        background: none;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 1.6rem;
        width: 2.4rem;
        height: 2.4rem;
        margin: -1.2rem 0 0;
        cursor: pointer;
        transition: .25s;
        color: #107CC0;
        background: #fff
    }

    .header__nav-toggle svg {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.4rem;
        height: 2.4rem;
        margin: -1.2rem 0 0 -1.2rem;
        transition: transform .25s
    }

    .header__nav-toggle svg.icon-close {
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

.header__nav-offcanvas {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 991px) {
    .header__nav-offcanvas {
        position: fixed;
        top: 5.6rem;
        left: 0;
        right: 0;
        bottom: 0;
        display: block;
        background: #242D33;
        color: #fff;
        transition: .25s;
        opacity: 0;
        visibility: hidden;
        z-index: 1000;
        pointer-events: none;
        padding: 1.6rem 1.6rem 7.2rem;
        overflow-x: hidden;
        overflow-y: auto
    }

    .header__nav-offcanvas::-webkit-scrollbar {
        display: none
    }
}

.header__nav-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 1;
    flex: 1;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #8E9EA8
}

.header__nav-menu>li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 2.4rem 0 0
}

.header__nav-menu>li:last-child {
    margin: 0
}

.header__nav-menu svg {
    margin: 0 .8rem 0 0;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -.1rem
}

.header__nav-menu svg.icon-truck {
    margin: 0 .8rem 0 0
}

.header__nav-menu svg.icon-phone {
    margin: 0 .4rem 0 0
}

.header__nav-menu--additional {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header__nav-menu--useful {
    display: none
}

@media (max-width: 991px) {
    .header__nav-menu {
        display: block;
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 700;
        margin: 0 0 -.8rem;
        padding: 0 0 3.2rem;
        color: rgba(255, 255, 255, 0.5);
        columns: 2;
        column-gap: 16px
    }

    .header__nav-menu>li {
        margin: 0;
        padding: 0 0 .8rem;
        display: inline-block;
        vertical-align: top;
        width: 100%
    }

    .header__nav-menu svg {
        color: rgba(255, 255, 255, 0.5)
    }

    .header__nav-menu--useful {
        font-size: 1.6rem;
        line-height: 1.5;
        font-weight: 700;
        color: #fff;
        columns: unset;
        column-gap: unset;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -.8rem -.8rem;
        padding: 0 0 3.2rem
    }

    .header__nav-menu--useful>li {
        padding: 0 .8rem .8rem;
        margin: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .header__nav-menu--useful>li:first-of-type {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .header__nav-menu--useful .header__nav-link {
        font-size: 1.4rem;
        line-height: 1.71;
        font-weight: 400;
        color: #8E9EA8
    }

    .header__nav-menu--useful .header__nav-link:hover {
        color: #8E9EA8
    }

    .header__nav-menu--additional {
        font-size: 1.4rem;
        line-height: 1.2;
        font-weight: 400;
        margin: 0;
        padding: 0;
        border: none;
        columns: unset;
        column-gap: unset
    }

    .header__nav-menu--additional>li {
        margin: 0;
        padding: 0 0 .8rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center
    }
}

.header__nav-link {
    color: #8E9EA8;
    text-decoration: none;
    transition: color .25s
}

.header__nav-link:hover {
    text-decoration: none;
    color: #344049
}

@media (max-width: 991px) {
    .header__nav-link {
        color: #fff
    }

    .header__nav-link:hover {
        color: #fff
    }
}

.header__nav-line {
    width: .1rem;
    height: 2.4rem;
    background: #EEE;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 2.4rem
}

.header__nav-action {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header__nav-action>li {
    margin: 0 2.4rem 0 0
}

.header__nav-action>li:last-child {
    margin: 0
}

.header__nav-action .ui-select {
    margin: 0
}

@media (max-width: 991px) {
    .header__nav-action {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        height: 5.6rem;
        border-top: 1px solid #43535D;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: #2E3B43
    }

    .header__nav-action>li {
        -ms-flex: 1;
        flex: 1;
        margin: 0;
        border-right: 1px solid #43535D
    }

    .header__nav-action>li:last-child {
        margin: 0
    }
}

.header__logo {
    max-width: 22.2rem;
    padding: .8rem 0;
    margin: 0 8.4rem 0 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.header__logo img,
.header__logo svg {
    display: block;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto
}

@media (max-width: 991px) {
    .header__logo {
        margin: 0 2.4rem 0 0
    }
}

.header__categories {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.6rem 0 0;
    position: relative
}

@media (max-width: 991px) {
    .header__categories {
        margin: 0
    }
}

.header__categories-toggle {
    border: none;
    padding: 0;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    font: 700 1.6rem/2.8rem Nunito, Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 1rem 1.6rem;
    min-width: 180px;
    transition: .25s;
    background: #107CC0;
    border-color: #107CC0;
    color: #fff
}

.header__categories-toggle:hover {
    background: #2395DD;
    border-color: #2395DD;
    color: #fff
}

.header__categories-toggle:active {
    background: #0D6DA9;
    border-color: #0D6DA9;
    color: #fff;
    transition: none
}

.header__categories-toggle svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0 -1.2rem;
    transition: transform 0.25s, opacity .25s
}

.header__categories-toggle svg.icon-close {
    -ms-transform: scale(0);
    transform: scale(0)
}

.header__categories-toggle svg.icon-layers {
    opacity: 0
}

@media (max-width: 991px) {
    .header__categories-toggle {
        display: none
    }
}

.header__categories-toggle-icon {
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.6rem 0 0;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.header__categories-toggle-text {
    display: block;
    -ms-flex: 1;
    flex: 1
}

.header__categories-offcanvas {
    position: fixed;
    top: 13.6rem;
    left: 0;
    right: 0;
    height: calc(100vh - 13.6rem);
    box-shadow: 0 10000px 0 10000px rgba(0, 0, 0, 0.5);
    background: #fff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1000;
    transition: opacity 0.25s, visibility .25s
}

.header__categories-offcanvas:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 2.4rem
}

.header__categories-offcanvas .container-fluid {
    display: block;
    height: 100%
}

@media (max-width: 991px) {
    .header__categories-offcanvas {
        top: 0;
        bottom: 0;
        height: auto;
        max-height: 100vh;
        background: #242D33;
        pointer-events: none;
        padding: 5.6rem 0 0;
        overflow: visible
    }

    .header__categories-offcanvas:before {
        display: none
    }

    .header__categories-offcanvas .container-fluid {
        height: 100%;
        padding: 0
    }
}

.header__categories-offcanvas-head {
    display: none
}

@media (max-width: 991px) {
    .header__categories-offcanvas-head {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 1.6rem;
        background: #fff
    }
}

.header__categories-offcanvas-body {
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

@media (max-width: 991px) {
    .header__categories-offcanvas-body {
        height: 100%;
        display: block;
        overflow-x: hidden;
        overflow-y: auto
    }
}

@media (max-width: 991px) {
    .header__categories-close {
        border: none;
        padding: 0;
        background: none;
        cursor: pointer;
        width: 2.4rem;
        height: 2.4rem;
        position: absolute;
        top: 50%;
        right: 1.6rem;
        margin: -1.2rem 0 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #C5D3DC
    }

    .header__categories-close svg {
        display: block;
        transition: transform .25s
    }

    .header__categories-close svg.icon-close {
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

.header__categories-back {
    display: none
}

@media (max-width: 991px) {
    .header__categories-back {
        border: none;
        padding: 0;
        background: none;
        cursor: pointer;
        width: 2.4rem;
        height: 2.4rem;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 .8rem 0 0;
        color: #8E9EA8
    }

    .header__categories-back svg {
        display: block
    }
}

.header__categories-aside {
    padding: 1.6rem 1.6rem 1.6rem 0;
    margin: 0;
    -ms-flex: 0 0 265px;
    flex: 0 0 26.5rem;
    max-width: 26.5rem;
    border-right: 1px solid #EEE;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative
}

@media (max-width: 991px) {
    .header__categories-aside {
        padding: 0;
        margin: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: none;
        border: none;
        height: auto;
        overflow: visible;
        position: static
    }
}

.header__categories-main {
    -ms-flex: 1;
    flex: 1;
    padding: 2.4rem 1.6rem 2.4rem 4rem;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto
}

.header__categories-main .row>[class^="col"] {
    position: static
}

@media (max-width: 991px) {
    .header__categories-main {
        padding: 0;
        height: auto;
        overflow: visible
    }
}

.header__categories-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    max-height: calc(100vh - 13.6rem - 3.2rem);
    overflow: hidden;
    transition: max-height .25s;
    overflow-y: auto;
}

.header__categories-menu>li {
    margin: 0 0 .1rem
}

.header__categories-menu>li:last-child {
    margin: 0
}

@media (max-width: 991px) {
    .header__categories-menu {
        max-height: none;
        overflow: visible
    }
}

.header__categories-link,
.header__categories-loadmore-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #344049;
    padding: 1.2rem 3.2rem 1.2rem 1.6rem;
    border-radius: 4px;
    position: relative;
    transition: background .25s
}

.header__categories-link svg.icon-arrow-categories,
.header__categories-loadmore-link svg.icon-arrow-categories {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 2.4rem;
    height: 2.4rem;
    margin: -1.2rem 0 0;
    color: #C5D3DC
}

.header__categories-link:hover,
.header__categories-loadmore-link:hover {
    text-decoration: none;
    color: #344049
}

@media (min-width: 992px) {

    .header__categories-link.is-desktop-active,
    .header__categories-loadmore-link.is-desktop-active {
        background: #F3F6F8
    }
}

@media (max-width: 991px) {

    .header__categories-link,
    .header__categories-loadmore-link {
        min-height: 5.6rem;
        color: #fff
    }

    .header__categories-link:hover,
    .header__categories-loadmore-link:hover {
        color: #fff
    }

    .header__categories-link svg.icon-arrow-categories,
    .header__categories-loadmore-link svg.icon-arrow-categories {
        color: #424C53
    }
}

.header__categories-loadmore {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
    background: #fff;
    padding: 1.6rem 0;
    font-weight: 700
}

.header__categories-loadmore:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: 3.2rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%)
}

@media (max-width: 991px) {
    .header__categories-loadmore {
        display: none
    }
}

.header__categories-loadmore-link {
    color: #005091
}

.header__categories-loadmore-link:hover {
    color: #005091
}

.header__categories-wrapper {
    position: relative
}

@media (max-width: 991px) {
    .header__categories-wrapper {
        position: static
    }
}

@media (min-width: 992px) {
    .header__categories-dropdown {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden
    }

    .header__categories-dropdown.is-desktop-active {
        position: relative;
        opacity: 1;
        visibility: visible;
        transition: .7s
    }
}

@media (max-width: 991px) {
    .header__categories-dropdown {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        background: #242D33;
        color: #fff;
        padding: 5.6rem 0 0;
        transition: .25s;
        -ms-transform: translate(100%, 0);
        transform: translate(100%, 0);
        opacity: 0;
        visibility: hidden
    }

    .header__categories-dropdown.is-mobile-active {
        opacity: 1;
        visibility: visible;
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@media (max-width: 991px) {
    .header__categories-dropdown-head {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 5.6rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        background: #fff;
        padding: 0 1.6rem
    }
}

@media (max-width: 991px) {
    .header__categories-dropdown-body {
        height: 100%;
        display: block;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 1.6rem
    }
}

.header__categories-title {
    display: block;
    margin: 0 0 2.4rem;
    font-size: 2.4rem;
    line-height: 1.333;
    font-weight: 700;
    color: #344049
}

@media (max-width: 991px) {
    .header__categories-title {
        font-size: 1.8rem;
        margin: 0
    }
}

.header__categories-submenu {
    margin: 0;
    padding: 0;
    list-style: none;
    columns: 3;
    column-gap: 32px;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.header__categories-submenu>li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 1.6rem
}

@media (max-width: 991px) {
    .header__categories-submenu {
        columns: 1;
        margin: -1.6rem
    }

    .header__categories-submenu>li {
        margin: 0
    }
}

.header__categories-sublink {
    text-decoration: none;
    color: #344049;
    transition: color .25s
}

.header__categories-sublink:hover {
    text-decoration: none;
    color: #8E9EA8
}

@media (max-width: 991px) {
    .header__categories-sublink {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        color: #fff;
        padding: .8rem 1.6rem;
        min-height: 4.8rem
    }

    .header__categories-sublink:hover {
        color: #fff
    }
}

.header__categories-cards {
    margin: 0 -1.2rem -2.4rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.header__categories-cards>li {
    padding: 0 1.2rem 2.4rem;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%
}

@media (max-width: 1279px) {
    .header__categories-cards>li {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media (max-width: 991px) {
    .header__categories-cards {
        margin: 0
    }

    .header__categories-cards>li {
        padding: 0;
        margin: 0 0 .8rem;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.header__categories-cards-link {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 8rem;
    height: 100%;
    border: 1px solid #ECF0F3;
    background: #fff;
    border-radius: 8px;
    padding: .8rem 1.6rem;
    color: #344049;
    text-decoration: none;
    transition: box-shadow .25s
}

.header__categories-cards-link:hover {
    color: #344049;
    text-decoration: none;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1)
}

.header__categories-cards-link-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 6.4rem;
    height: 6.4rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.6rem 0 0
}

.header__categories-cards-link-image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.header__categories-cards-link-desc {
    -ms-flex: 1;
    flex: 1
}

.header__categories-cards-link-title {
    display: block;
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

.header__categories-cards-link-text {
    display: block;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400;
    color: #8E9EA8
}

.header__categories-banner {
    display: block;
    margin: 0 0 2.5rem;
    text-decoration: none;
    color: #344049;
    padding: 2.4rem;
    border-radius: 8px;
    transition: box-shadow .25s
}

.header__categories-banner:hover {
    text-decoration: none;
    color: #344049;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1)
}

.header__categories-banner--green {
    background: #EFFBF6
}

.header__categories-banner--green .header__categories-banner-title {
    color: #01B567
}

.header__categories-banner--red {
    background: #FFF7F6
}

.header__categories-banner--red .header__categories-banner-title {
    color: #EA0100
}

.header__categories-banner-image {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    height: 14.8rem
}

.header__categories-banner-image img {
    display: block;
    max-height: 100%;
    max-width: 100%;
    mix-blend-mode: darken
}

.header__categories-banner-title {
    display: block;
    margin: 0;
    font-size: 2.4rem;
    line-height: 1.33;
    font-weight: 700
}

.header__categories-banner-text {
    display: block;
    margin: 0 0 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.header__search {
    -ms-flex: 1;
    flex: 1;
    margin: 0 2.4rem 0 0;
    transition: box-shadow .25s;
    border-radius: 8px;
    position: relative;
    z-index: 100
}

@media (max-width: 991px) {
    .header__search {
        margin: 0;
        position: static
    }
}

.header__search-toggle {
    display: none
}

@media (max-width: 991px) {
    .header__search-toggle {
        border: none;
        background: none;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        cursor: pointer;
        font: 600 1.2rem/1.2 Nunito, Arial, Helvetica, sans-serif;
        color: #8E9EA8;
        text-decoration: none;
        width: 100%
    }

    .header__search-toggle svg {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 0 .2rem;
        color: #344049
    }

    .header__search-toggle mark {
        position: absolute;
        top: .4rem;
        left: 50%;
        min-width: 16px;
        height: 1.6rem;
        margin: 0 0 0 .4rem;
        padding: 0 .4rem;
        background: #EA0100;
        color: #fff;
        border-radius: 16px;
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 600;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header__search-offcanvas {
    position: relative;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 991px) {
    .header__search-offcanvas {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 5.6rem;
        transition: .25s;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
        pointer-events: none;
        z-index: 1000
    }
}

.header__search-close {
    display: none
}

@media (max-width: 991px) {
    .header__search-close {
        display: block;
        border: none;
        background: none;
        padding: 0;
        position: absolute;
        top: 50%;
        right: 1.6rem;
        width: 2.4rem;
        height: 2.4rem;
        margin: -1.2rem 0 0;
        cursor: pointer;
        z-index: 700;
        transition: .25s;
        color: #C5D3DC;
        background: #fff
    }

    .header__search-close:before {
        content: '';
        display: block;
        position: absolute;
        top: -1.6rem;
        left: -1.6rem;
        right: -1.6rem;
        bottom: -1.6rem;
        z-index: 100
    }

    .header__search-close svg {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2.4rem;
        height: 2.4rem;
        margin: -1.2rem 0 0 -1.2rem;
        transition: transform .25s
    }

    .header__search-close svg.icon-close {
        -ms-transform: scale(0);
        transform: scale(0)
    }
}

.header__search-input {
    display: block;
    width: 100%;
    -webkit-appearance: none;
    appearance: none;
    font: 400 1.6rem/2.6rem Nunito, Arial, Helvetica, sans-serif;
    padding: 1rem 5.6rem 1rem 1.6rem;
    border: 1px solid transparent;
    background: #F3F6F8;
    color: #344049;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.25s, border-color .25s
}

.header__search-input:-ms-input-placeholder {
    color: #8E9EA8;
    transition: opacity .25s
}

.header__search-input::placeholder {
    color: #8E9EA8;
    transition: opacity .25s
}

.header__search-input:hover {
    background: #F3F6F8;
    border-color: #CDD8E1
}

.header__search-input:focus {
    background: #fff;
    border-color: #fff
}

.header__search-input:focus:-ms-input-placeholder {
    opacity: 0
}

.header__search-input:focus::placeholder {
    opacity: 0
}

@media (max-width: 991px) {
    .header__search-input {
        border-radius: 0;
        height: 5.6rem;
        border: none;
        background: #fff;
        font-size: 1.6rem;
        line-height: 2.6rem;
        font-weight: 400;
        padding: 1.5rem 4.8rem 1.5rem 1.6rem
    }

    .header__search-input:hover {
        background: #fff
    }
}

.header__search-btn {
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 0 8px 8px 0;
    padding: 1rem 0;
    border: none;
    cursor: pointer;
    font: 700 1.6rem/2.8rem Nunito, Arial, Helvetica, sans-serif;
    white-space: nowrap;
    text-align: center;
    width: 5.6rem;
    transition: .25s;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #C5D3DC;
    cursor: pointer;
    transition: .25s;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: none
}

.header__search-btn:hover {
    color: #344049
}

.header__search-btn svg.icon-search {
    margin: 0;
    color: inherit;
    transition: none
}

@media (max-width: 991px) {
    .header__search-btn {
        display: none
    }
}

.header__search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow: hidden;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #ECF0F3;
    overflow-y: auto;
}

@media (max-width: 991px) {
    .header__search-dropdown {
        position: fixed;
        top: 5.6rem;
        left: 0;
        right: 0;
        max-height: calc(100% - 5.6rem);
        background: #fff;
        border-radius: 0;
        box-shadow: none;
        border-top: 1px solid #eee;
        overflow-x: hidden;
        overflow-y: auto
    }
}

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

.header__search-list>li {
    border-bottom: 1px solid #ECF0F3
}

.header__search-list>li:last-child {
    border: none
}

.header__search-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 1.6rem;
    text-decoration: none;
    color: #344049;
    transition: background .25s
}

.header__search-item:hover {
    text-decoration: none;
    background: #ECF0F3;
    color: #344049
}

.header__search-item-image {
    margin: 0 1.6rem 0 0;
    width: 4rem;
    height: 4rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__search-item-image img {
    display: block;
    max-width: 100%;
    max-height: 100%
}

.header__search-item-desc {
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.6rem 0 0
}

.header__search-item-title {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

.header__search-item-text {
    display: block;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: #999
}

.header__search-item-price {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700
}

.header__cart {
    position: relative;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-width: 78px
}

@media (max-width: 991px) {
    .header__cart {
        min-width: auto
    }
}

.header__cart-toggle {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    font: 700 1.4rem/1.7 Nunito, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #344049
}

.header__cart-toggle:hover {
    text-decoration: none;
    color: #344049
}

.header__cart-toggle svg.icon-cart {
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 0 .2rem
}

.header__cart-toggle mark {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 16px;
    height: 1.6rem;
    margin: -.2rem 0 0 .8rem;
    padding: 0 .4rem;
    background: #EA0100;
    color: #fff;
    border-radius: 16px;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 600;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 991px) {
    .header__cart-toggle {
        display: none
    }
}

.header__cart-offcanvas {
    position: absolute;
    top: 100%;
    right: 0;
    min-width: 320px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
    margin: 0;
    transition: .25s;
    opacity: 0;
    visibility: hidden;
    -ms-transform: translate(0, 10px);
    transform: translate(0, 10px)
}

.header__cart-offcanvas:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 1rem
}

.header__cart-head {
    padding: 1.6rem;
    border-bottom: 1px solid #ECF0F3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: 5.6rem
}

.header__cart-body {
    padding: 1.6rem
}

.header__cart-foot {
    padding: 1.6rem;
    border-top: 1px solid #ECF0F3;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__cart-empty {
    display: block;
    margin: 0;
    padding: 1.6rem 2.4rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 600;
    text-align: center
}

.header__cart-title {
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.6rem 0 0;
    font-size: 1.8rem;
    line-height: 1.2;
    font-weight: 700
}

.header__cart-reset {
    border: none;
    padding: 0;
    background: none;
    cursor: pointer;
    font: 400 1.4rem/1.2 Nunito, Arial, Helvetica, sans-serif;
    color: #8E9EA8;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    transition: color .25s
}

.header__cart-reset svg.icon-delete {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 .8rem
}

.header__cart-reset:hover {
    color: #EA0100
}

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

.header__cart-list>li {
    margin: 0 0 1.6rem
}

.header__cart-list>li:last-child {
    margin: 0
}

.header__cart-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

.header__cart-item-image {
    width: 4.8rem;
    height: 4.8rem;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.2rem 0 0
}

.header__cart-item-image img {
    display: block;
    max-width: 100%;
    max-width: 100%
}

.header__cart-item-desc {
    -ms-flex: 1;
    flex: 1;
    margin: 0 1.2rem 0 0
}

.header__cart-item-title {
    display: block;
    margin: 0 0 .8rem;
    font-weight: 700
}

.header__cart-item-text {
    display: block;
    color: #8E9EA8
}

.header__cart-item-control {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end
}

.header__cart-item-delete {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: none;
    background: none;
    padding: 0;
    position: relative;
    z-index: 10;
    color: #8E9EA8;
    transition: color .25s;
    cursor: pointer;
    margin: 0 0 .8rem
}

.header__cart-item-delete svg {
    position: relative;
    top: -.1rem;
    display: block
}

.header__cart-item-delete:hover {
    color: #EA0100
}

.header__cart-item-price {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    margin: 0
}

.header__cart-item-number {
    width: 6.4rem
}

.header__cart-total {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    padding: 1.6rem 0 0;
    font-size: 1.8rem;
    line-height: 1.333;
    font-weight: 700
}

.header__cart-total small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
    margin: 0 .8rem 0 0
}

.header__control {
    display: none
}

@media (max-width: 991px) {
    .header__control {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        background: #FFF;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
        z-index: 1000;
        transition: .25s;
        height: calc(5.6rem + var(--safe-area-inset-bottom));
        padding: 0 0 var(--safe-area-inset-bottom)
    }
}

@media (max-width: 991px) {
    .header__control-btn {
        border: none;
        background: none;
        padding: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -ms-flex: 1;
        flex: 1;
        position: relative;
        cursor: pointer;
        font: 600 1.2rem/1.2 Nunito, Arial, Helvetica, sans-serif;
        color: #8E9EA8;
        text-decoration: none
    }

    .header__control-btn svg {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        margin: 0 0 .2rem;
        color: #344049
    }

    .header__control-btn mark {
        position: absolute;
        top: .4rem;
        left: 50%;
        min-width: 16px;
        height: 1.6rem;
        margin: 0 0 0 .4rem;
        padding: 0 .4rem;
        background: #EA0100;
        color: #fff;
        border-radius: 16px;
        font-size: 1.2rem;
        line-height: 1;
        font-weight: 600;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 5.6rem 0 0
}

@media (min-width: 992px) {
    .main {
        padding: 13.6rem 0 0
    }
}

.footer {
    background: #242D33;
    color: #8E9EA8;
    padding: 0 0 5.6rem
}

@media (min-width: 992px) {
    .footer {
        padding: 0
    }
}

.footer__section {
    border-bottom: 1px solid #2E3B43
}

.footer__section--01 {
    padding: 2.4rem 0
}

.footer__section--02 {
    padding: 2.4rem 0
}

.footer__section--02 .row {
    margin: 0 -1.2rem -2.4rem
}

.footer__section--02 .row>[class^="col"] {
    padding: 0 1.2rem 2.4rem
}

.footer__section--03 {
    padding: 1.6rem 0;
    border: none
}

.footer__section--04 {
    padding: 2.4rem 0;
    border: none;
    background: #1B2429
}

@media (min-width: 992px) {
    .footer__section--01 {
        padding: 2.4rem 0
    }

    .footer__section--02 {
        padding: 4rem 0 7.6rem
    }

    .footer__section--03 {
        padding: 1.6rem 0
    }

    .footer__section--04 {
        padding: 1.6rem 0
    }
}

.footer__logotypes {
    max-width: 99.6rem;
    margin: 0 auto
}

.footer__logotypes-menu {
    margin: 0 -.4rem -.8rem;
    padding: 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__logotypes-menu>li {
    padding: 0 .4rem .8rem;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__logotypes-menu img {
    display: block;
    width: auto;
    height: auto
}

@media (min-width: 992px) {
    .footer__logotypes-menu {
        margin: 0 -1.2rem -2.4rem
    }

    .footer__logotypes-menu>li {
        padding: 0 1.2rem 2.4rem;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%
    }
}

.footer__group-title {
    display: block;
    margin: 0 0 .8rem;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    color: #fff
}

@media (min-width: 992px) {
    .footer__group-title {
        margin: 0 0 1.6rem
    }
}

.footer__group-menu {
    margin: 0 0 -.8rem;
    padding: 0;
    list-style: none;
    font-size: 1.4rem;
    line-height: 1.71;
    font-weight: 400;
    columns: 2;
    column-gap: 16px
}

.footer__group-menu>li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 .8rem
}

@media (min-width: 992px) {
    .footer__group-menu {
        font-size: 1.6rem;
        line-height: 1.5;
        columns: unset;
        column-gap: unset
    }

    .footer__group-menu>li {
        margin: 0 0 1.6rem
    }

    .footer__group-menu>li:last-child {
        margin: 0
    }
}

.footer__group-link {
    text-decoration: none;
    color: #8E9EA8;
    transition: color .25s
}

.footer__group-link:hover {
    text-decoration: none;
    color: #fff
}

.footer__group-list {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400
}

.footer__group-list>li {
    margin: 0 0 1.6rem
}

.footer__group-list>li:last-child {
    margin: 0
}

.footer__group-list b {
    display: block;
    font-weight: 700
}

.footer__group-list img {
    display: block;
    margin: 1rem 0
}

.footer__group-list small {
    display: block;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

.footer__group-logotypes {
    margin: 0 -.4rem -.8rem;
    padding: 0 0 2.4rem;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.footer__group-logotypes>li {
    padding: 0 .4rem .8rem;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__group-logotypes:last-child {
    padding: 0
}

@media (min-width: 992px) {
    .footer__group-logotypes {
        padding: 0 0 4rem
    }
}

.footer__logo {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 1.6rem;
    max-width: 18.2rem;
    height: 4.8rem
}

.footer__logo img,
.footer__logo svg {
    display: block;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%
}

@media (min-width: 992px) {
    .footer__logo {
        margin: 0;
        max-width: 22.2rem;
        height: 6.4rem
    }
}

.footer__nav-menu {
    margin: 0 0 -.8rem;
    padding: 0;
    list-style: none;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 700;
    columns: 2;
    column-gap: 16px
}

.footer__nav-menu>li {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 .8rem;
    white-space: nowrap
}

@media (max-width: 960px) {
    .footer__nav-menu>li>a {
        white-space: break-spaces;
    }
}

@media (min-width: 992px) {
    .footer__nav-menu {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        margin: 0
    }

    .footer__nav-menu>li {
        columns: unset;
        column-gap: unset;
        margin: 0 4rem 0 0
    }

    .footer__nav-menu>li:last-child {
        margin: 0
    }
}

.footer__nav-link {
    text-decoration: none;
    color: #fff;
    transition: opacity .25s;
}

@media (max-width 960px) {
    .footer__nav-link {
        white-space: break-spaces;
    }
}

.footer__nav-link:hover {
    text-decoration: none;
    color: #fff;
    opacity: .5
}

.footer__copyright {
    display: block;
    margin: 0 0 1.6rem;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400;
    color: #8E9EA8
}

@media (min-width: 992px) {
    .footer__copyright {
        margin: 0
    }
}

.footer__ssl {
    display: block;
    margin: 0;
    max-width: 9.4rem
}

.footer__ssl img {
    display: block;
    width: auto;
    height: auto
}

@keyframes AnimCookiesShow {
    0% {
        opacity: 0;
        visibility: hidden
    }

    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes AnimCookiesHide {
    0% {
        opacity: 1;
        visibility: visible
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}

.is-cookies-accept .cookies {
    animation: AnimCookiesHide .5s forwards
}

.is-search-focus .cookies,
.is-search-open .cookies {
    pointer-events: auto
}

.cookies {
    position: fixed;
    left: 1.6rem;
    right: 1.6rem;
    bottom: calc(1.6rem + var(--safe-area-inset-bottom));
    z-index: 3000;
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.5);
    background: #fff;
    border-radius: 8px;
    padding: 1.6rem 0;
    color: #344049;
    max-height: calc(100vh - 6rem);
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
    visibility: hidden;
    animation: AnimCookiesShow .5s forwards;
    animation-delay: 3s
}

.cookies .row {
    -ms-flex-align: center;
    align-items: center;
    margin: 0 -.8rem -1.6rem
}

.cookies .row>[class^="col"] {
    padding: 0 .8rem 1.6rem
}

@media (min-width: 992px) {
    .cookies {
        box-shadow: none;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.05);
        border-radius: 0;
        padding: 1.6rem 0
    }
}

.cookies__icon {
    margin: 0;
    width: 6.4rem;
    height: 6.4rem
}

.cookies__icon img,
.cookies__icon svg {
    display: block;
    width: 100%;
    height: 100%
}

.cookies__desc {
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-size: 1.4rem;
    line-height: 1.43;
    font-weight: 400
}

.cookies__desc strong,
.cookies__desc p {
    display: block;
    margin: 0
}

.cookies__desc strong {
    font-size: 1.6rem
}

@media (min-width: 992px) {
    .cookies__desc {
        margin: 0 2.4rem 0 0
    }
}

.cookies__action {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 0 -.8rem
}

.cookies__action .ui-link,
.cookies__action .how-buy__wysiwyg a,
.how-buy__wysiwyg .cookies__action a,
.cookies__action .sku__reamore-toggle,
.cookies__action .sku__text a,
.sku__text .cookies__action a {
    font-weight: 700
}

.cookies__action>* {
    margin: 0 1.6rem .8rem 0
}

.cookies__action> :last-child {
    margin-right: 0
}

.cookies__action .ui-btn {
    min-width: 144px;
    width: 100%
}

@media (min-width: 992px) {
    .cookies__action .ui-btn {
        width: auto
    }
}

.spacer-24 {
    display: block;
    height: 2.4rem
}

.spacer-16 {
    display: block;
    height: 1.6rem
}

.spacer-08 {
    display: block;
    height: .8rem
}

.text-green {
    color: #219653
}

.text-red {
    color: red
}

.text-grey {
    color: #8E9EA8 !important
}

.text-center {
    text-align: center
}

.row-gutter-120 {
    margin: 0 -6rem
}

.row-gutter-120>[class^="col-"] {
    padding: 0 6rem
}

.row-gutter-90 {
    margin: 0 -4.5rem
}

.row-gutter-90>[class^="col-"] {
    padding: 0 4.5rem
}

@media (min-width: 768px) {
    .col-md-33 {
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%
    }
}

.is-hidden {
    display: none !important
}

@media (max-width: 575px) {
    .is-sm-visible {
        display: none !important
    }
}

@media (max-width: 767px) {
    .is-md-visible {
        display: none !important
    }
}

@media (max-width: 991px) {
    .is-lg-visible {
        display: none !important
    }
}

/*@media (max-width: 991px) {
    .header__categories-offcanvas {
        box-shadow: 0 0 0 999px #fff;
    }
}*/
@media (max-width: 1279px) {
    .is-xl-visible {
        display: none !important
    }
}

@media (min-width: 768px) {
    .is-md-hidden {
        display: none !important
    }
}

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

@media (min-width: 1280px) {
    .is-xl-hidden {
        display: none !important
    }
}

.row-offset-10 {
    margin: 0 -.5rem
}

.row-offset-10>[class^="col-"] {
    padding: 0 .5rem
}

.row-offset-50 {
    margin: 0 -2.5rem
}

.row-offset-50>[class^="col-"] {
    padding: 0 2.5rem
}

.row-offset-56 {
    margin: 0 -2.8rem
}

.row-offset-56>[class^="col-"] {
    padding: 0 2.8rem
}

@media (min-width: 992px) {
    .row-offset-lg-56 {
        margin: 0 -2.8rem
    }

    .row-offset-lg-56>[class^="col-"] {
        padding: 0 2.8rem
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes loading {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}


/* NEW Styles */


.intro__item {
    /* max-width: 120rem; */
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    min-height: auto;
}

.intro__item .container-fluid {
    padding: 0;
    max-width: none;
}


.intro__item-image {
    position: relative;
    border-radius: 0;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}



/* --------- */


.footer__group-logotypes img,
.footer__group-logotypes img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}


.footer__group-logotypes img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}


/*--------- */


.sku__countries {
    margin: 0 0 2.4rem;
    font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: 400;
}

.sku__countries-title {
    display: block;
    margin: 0 0 0.4rem;
}

.sku__countries-title a {
    transition: color 0.25s;
    color: #107CC0;
    text-decoration: none;
}

.sku__countries-title a:hover {
    color: #2395DD;
    text-decoration: none;
}

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

.sku__countries-list>li {
    margin: 0 0 0.4rem;
}

.sku__countries-list>li:last-child {
    margin: 0;
}

.sku__countries-list img,
.sku__countries-list svg {
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 1.6rem;
    margin: 0 0.4rem 0 0;
}

/* -------- */


.details__section .author {
    /* padding: 0 0 2.4rem; */
}

.author {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.6rem;
    margin: 0 0 2.4rem;
    background: #F3F6F8;
    border-radius: 8px;
}

.author__image {
    width: 6.4rem;
    height: 6.4rem;
    background: #ccc;
    overflow: hidden;
    border-radius: 50%;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 1.6rem 0 0;
}

.author__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.author__desc {
    -ms-flex: 1;
    flex: 1;
    font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
    font-size: 1.4rem;
    line-height: 1.45;
    font-weight: 400;
    padding: 0.8rem 0;
}

.author__desc .row {
    -ms-flex-align: end;
    align-items: flex-end;
}

.author__text {
    display: block;
    color: #8E9EA8;
    margin: 0 0 0.4rem;
}

.author__title {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #107CC0;
}

.author__title a {
    transition: color 0.25s;
    color: #107CC0;
    text-decoration: none;
}

.author__title a:hover {
    color: #2395DD;
    text-decoration: none;
}

.author__contacts {
    margin: 0 0 -0.8rem;
    padding: 1.6rem 0 0 0;
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.author__contacts>li {
    margin: 0 0.8rem 0 0;
}

.author__contacts>li:last-child {
    margin: 0;
}

.author__contacts a {
    display: block;
    overflow: hidden;
    border-radius: 4px;
    height: 3.2rem;
    width: 7.2rem;
    transition: box-shadow 0.25s;
}
.author__contacts a:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


.author__contacts img,
.author__contacts svg {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    
}

@media (min-width: 768px) {
    .author__contacts {
        padding: 0;
        margin: 0;
    }
}


/* --------- */



@media (min-width: 992px) {
    .col-lg-push-6 {
        margin-right: 50%;
    }
}

@media (min-width: 768px) {
    .col-md-push-6 {
        margin-right: 50%;
    }
}


/* --------- */

.icon-banktransfer {
    width: calc(39.863rem * 0.42);
    height: calc(13.4rem * 0.42);
    /* width: calc(5.6rem * 2); */
    /* height: calc(1.46rem * 2); */
}

/* --------- */






.sku__data {
    margin: 0 0 2.4rem;
    font-family: "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "ms pgothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    font-weight: 400;
    color: #344049;
    
}

.sku__data mark {
    background: none;
    color: #107CC0;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
}

.sku__data a {
    transition: color 0.25s;
    color: #107CC0;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
}

.sku__data a:hover {
    color: #2395DD;
    text-decoration: none;
}

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

.sku__data-list > li {
    margin: 0;
}

.sku__data-list > li:last-child {
    margin: 0;
}

.sku__data-list img,
.sku__data-list svg {
    display: inline-block;
    vertical-align: middle;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 0 0 0;
}


/* ------- */


.ui-label {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 0 0.8rem;
}
  
.ui-label__required {
    position: absolute;
    top: -0.4rem;
    left: 100%;
    margin: 0 0 0 0.4rem;
    background: #FFFFFF;
    border: 1px solid #ECF0F3;
    border-radius: 12px;
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    background: #fff url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.49223 5.91988C1.21244 5.73293 1.17617 5.45251 1.38342 5.07861L2.30052 3.44866L0.606218 3.51876C0.419689 3.51876 0.26943 3.47787 0.15544 3.39608C0.0518135 3.3026 0 3.16823 0 2.99297C0 2.82939 0.0518135 2.70671 0.15544 2.62492C0.26943 2.53144 0.419689 2.49055 0.606218 2.50223L2.31606 2.57234L1.39896 0.907328C1.18135 0.533432 1.21244 0.253009 1.49223 0.0660612C1.61658 -0.015729 1.74093 -0.021571 1.86528 0.0485351C2 0.11864 2.10881 0.247167 2.19171 0.434115L3 2.18676L3.80829 0.434115C3.89119 0.247167 3.99482 0.11864 4.11917 0.0485351C4.25389 -0.021571 4.3886 -0.015729 4.52332 0.0660612C4.78238 0.264693 4.80829 0.550958 4.60104 0.924854L3.68394 2.57234L5.39378 2.50223C5.58031 2.49055 5.72539 2.53144 5.82902 2.62492C5.943 2.70671 6 2.82939 6 2.99297C6 3.16823 5.943 3.3026 5.82902 3.39608C5.72539 3.47787 5.58031 3.51876 5.39378 3.51876L3.69948 3.44866L4.60104 5.07861C4.81865 5.45251 4.79275 5.72709 4.52332 5.90235C4.3886 6.00751 4.25389 6.02504 4.11917 5.95493C3.99482 5.88483 3.89119 5.7563 3.80829 5.56935L3 3.81671L2.17617 5.56935C2.09326 5.7563 1.98964 5.88483 1.86528 5.95493C1.74093 6.02504 1.61658 6.01335 1.49223 5.91988Z' fill='%23DF4747'/%3E%3C/svg%3E%0A") 50% 50% no-repeat;
}




/* ------- */

.details__categories-group {

}

.details__categories-group.is-open .details__categories-title:after {
    transform: rotate(180deg);
}

.details__categories-title {
    cursor: pointer;
    position: relative;
    padding-right: 3.2rem;
}

.details__categories-title:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='11' viewBox='0 0 18 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.7123 0.919367L17.1227 0.305093C16.9371 0.113256 16.6902 0.00757072 16.4264 0.00757072C16.1627 0.00757072 15.9155 0.113256 15.7299 0.305093L9.00402 7.26424L2.27036 0.297371C2.08509 0.105533 1.83792 0 1.57421 0C1.3105 0 1.06318 0.105533 0.877763 0.297371L0.288002 0.90786C-0.0960008 1.30486 -0.0960008 1.95154 0.288002 2.34853L8.30524 10.6733C8.49051 10.8649 8.73739 11 9.00344 11H9.00651C9.27037 11 9.51725 10.8648 9.70252 10.6733L17.7123 2.37109C17.8979 2.17941 17.9997 1.91626 18 1.64341C18 1.37042 17.8979 1.1109 17.7123 0.919367Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    transition: transform 0.25s;
    margin: -0.8rem 0 0 0;
}

.details__categories-menu {
    display: none;
}


/* ------- */

@media (max-width: 991px) {

    .header__categories-offcanvas {
        background: #fff;
        color: #242D33;
    }
    .header__categories-offcanvas-head {
        background: #242D33;
        color: #fff;
    }
    .header__categories-title {
        color: inherit;
    }

    .header__categories-menu > li {
        border-bottom: 1px solid #ECF0F3;
    }

    .header__categories-link, 
    .header__categories-loadmore-link {
        color: #344049;
    }

    .header__categories-link svg.icon-arrow-categories , 
    .header__categories-loadmore-link svg.icon-arrow-categories {
        color: #C5D3DC;
    }

    .header__categories-link:hover, 
    .header__categories-loadmore-link:hover {
        background: #EEF8FF;
        color: #344049;
    }

    /* --------  */

    .header__categories-dropdown {
        background: #fff;
        color: #242D33;
    }
    .header__categories-dropdown-head {
        background: #242D33;
        color: #fff;
    }


    .header__categories-submenu > li {
        border-bottom: 1px solid #ECF0F3;
    }

    .header__categories-sublink {
        color: #344049;
    }

    .header__categories-sublink svg.icon-arrow-categories {
        color: #C5D3DC;
    }

    .header__categories-sublink:hover {
        background: #EEF8FF;
        color: #344049;
    }

}




/* -------- */

@media (max-width: 991px) {

    .header__categories-back {
        margin: 0 1.6rem 0 0;
    }

    .header__categories-back,
    .header__categories-back .icon-arrow-back {
        width: 3.2rem;
        height: 3.2rem;
    }

    

}


@media (min-width: 992px) {

    .header__categories-close {
        display: none;
    }

}



/* --------- */

@media (min-width: 992px) {

    .header__logo:has(.header__logo-img) {
        padding: 2.4rem 0;
    }

}

@media (max-width: 991px) {

    .header__logo:has(.header__logo-img) {
        padding: 1.6rem 0;
    }

}

@media (max-width: 991px) {
    .sku__sticky {
        height: auto;
        min-height: 56px;
        padding: 8px 0;
    }
    .sku__sticky-item-image {
        display: none;
    }
    
    .cart__table-item {
        margin: 0 2.8rem 0 0;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(1) .cart__table-qty {
        top: auto;
        bottom: 6.4rem;
    }

    .cart__table tr:nth-of-type(1) td:nth-of-type(4) {
        top: auto;
        bottom: 6.4rem;
    }


    .sku__info-payments>li:nth-of-type(4) ~ li {
        display: block;
    }

    .sku__info-payments>li:nth-of-type(4),
    .sku__info-payments>li:nth-of-type(5) {
        display: none !important;
    }

    :has(.checkout) .cart__table tr:nth-of-type(1) td:nth-of-type(4) {
        bottom: 0;
    }

    :has(.checkout) .cart__table-item {
        position: relative;
    }

    :has(.checkout) .cart__table tr:nth-of-type(1) td:nth-of-type(1) .cart__table-qty {
        bottom: 0;
    }    
}

@media (max-width: 991px) {
    .sku__tabs-control {
        margin: 0 -1em -0.2rem;
        padding: 0 1.6rem 0.2rem;
        display: block;
        white-space: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .sku__tabs-btn {
        display: inline-flex;
        vertical-align: top;
    }

    .sku__tabs-control::-webkit-scrollbar {
        display: none;
    }

    .sku__tabs-content {
        background: #fff;
    }
    
    .sku__tabs-control {
        position: relative;
        z-index: 100;
    }

}


/* ---------- */

@media (min-width: 992px) {
    .header__nav-search,
    .header__nav-categories {
        display: none;
    }

    .header__nav-menu {
        white-space: nowrap;
    }

    .header__nav-menu svg {
        height: 1.6rem;
    }
    

    .header__nav-menu--additional svg.icon-delivery {
        height: 2rem;
    }

    .header__nav-menu--additional svg.icon-phone {
        height: 1.6rem;
    }

    .header__nav-menu--additional img {
        height: 1.2rem;
    }

}

@media (max-width: 991px) {

    .header__nav-link {
        transition: opacity 0.25s;
    }
    .header__nav-link:hover {
        opacity: 0.5;
    }


    .header__nav-search {
        position: relative;
        margin: 0 0 1.2rem;
    }

    .header__nav-search-input {
        display: block;
        width: 100%;

        border-radius: 8px;
        background: #F3F6F8;
        border: none;
        height: 48px;

        font: 400 16px/1.8rem 'Nunito', Arial, Helvetica, sans-serif;
        padding: 1rem 4.8rem 1rem 1.6rem;
        color: #344049;

        appearance: none;

    }

    .header__nav-search-input::placeholder {
        color: #8E9EA8;
        transition: opacity 0.25s;
    }


    .header__nav-search-input:focus {
        border-color: #005091;
        background: #fff;
        
    }

    .header__nav-search-input:focus::placeholder {
        opacity: 0;
    }

    .header__nav-search-btn {
        padding: 0;
        border: none;
        background: none;
        position: absolute;
        top: 0;
        right: 0;
        width: 56px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #C5D3DC;
        transition: color 0.25s;
    }

    .header__nav-search-btn:hover {
        color: #242D33;
    }

    .header__nav-search-btn svg {
        display: block;
        width: 24px;
        height: 24px;
    }

    .header__nav-categories {
        margin: 0 0 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header__nav-categories .ui-btn {
        padding: 1rem 1.6rem;
        border-radius: 0.8rem;
    }

    .header__nav-categories .ui-btn svg {
        margin-right: 1.6rem;
    }

    .header__nav-link {
        display: flex;
        align-items: center;
    }

    .header__nav-link svg {
        margin-right: 0.8rem;
        
    }



    .header__nav-menu {
        columns: unset;
        column-gap: unset;
        display: flex;
        flex-wrap: wrap;
    }

    .header__nav-menu svg {
        flex: 0 0 auto;
    }



    .header__nav-menu > li {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .header__nav-menu svg {
        color: inherit;
    }

    .header__nav-menu--useful {
        white-space: nowrap;
    }

    .header__nav-menu--useful svg {

    }

    .header__nav-menu--additional {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #8E9EA8;

        font-size: 1.6rem;
        line-height: 1.2;
        font-weight: 700;
    }

    .header__nav-menu--additional > li {
        flex: 0 0 auto;
        max-width: none;
        width: auto;
    }

    .header__nav-line {
        display: none;
    }
}




/* ------------ */





.is-search-nav-results {
    
   
}

.is-search-nav-results .header__nav-search-dropdown {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.is-search-nav-results .header__nav-search-input {
    border-radius: 8px 8px 0 0;
    background: #fff;
}
.is-search-nav-results .header__nav-search-dropdown {
    border-radius: 0 0 8px 8px;
}

.is-search-nav-focus .header__nav-search {
    box-shadow: 0 0 0 10000px rgba(0, 0, 0, 0.6);
}


.header__nav-search {
    position: relative;
    z-index: 1000;
    border-radius: 8px;
}

.header__nav-search-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #FFFFFF;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    transition: 0.25s;
    opacity: 0;
    visibility: hidden;
    border-top: 1px solid #ECF0F3;
    z-index: 1000;
    max-height: calc(50vh - 56px * 2 - 16px *  2);
    
  
}

.header__nav-search-list {
    margin: 0;
    padding: 0;
    list-style: none;
   
}

.header__nav-search-list > li {
    border-bottom: 1px solid #ECF0F3;
}

.header__nav-search-list > li:last-child {
    border: none;
}

.header__nav-search-item {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: #344049;
    transition: background 0.25s;
  
}

.header__nav-search-item:hover {
    text-decoration: none;
    background: #ECF0F3;
    color: #344049;
}

.header__nav-search-item-image {
    margin: 0 16px 0 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    img {
        display: block;
        max-width: 100%;
        max-height: 100%;
    }
}

.header__nav-search-item-desc {
    flex: 1;
    margin: 0 16px 0 0;
}

.header__nav-search-item-title {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}

.header__nav-search-item-text {
    display: block;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #999999;
}

.header__nav-search-item-price {
    flex: 0 0 auto;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
}