@charset "UTF-8";

@font-face {
    font-family: icons;
    font-display: swap;
    src: url(../fonts/icons.eot);
    src: url(../fonts/icons.eot?#iefix) format("eot"), url(../fonts/icons.woff2) format("woff2"), url(../fonts/icons.woff) format("woff"), url(../fonts/icons.ttf) format("truetype"), url(../fonts/icons.svg#icons) format("svg")
}

@font-face {
    font-family: ALSRub;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/ALSRubl.eot) format("eot"), url(../fonts/ALSRubl.woff2) format("woff2"), url(../fonts/ALSRubl.woff) format("woff"), url(../fonts/ALSRubl.ttf) format("truetype"), url(../fonts/ALSRubl.svg) format("svg")
}

.visually-hidden {
    position: absolute;

    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;

    white-space: nowrap;

    clip-path: inset(100%);
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.footer .footer-login:before,
.footer .footer-phone:before,
.header-bottom .btn-search:before,
.header-top .header-login:before,
.header-top .header-phone:before,
.icon:before {
    font-family: icons;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.icon-arrow-point-to-right:before {
    content: "\E001"
}

.icon-arrowhead-thin-outline-to-the-left:before {
    content: "\E002"
}

.icon-car:before {
    content: "\E003"
}

.icon-cart:before {
    content: "\E004"
}

.icon-earth:before {
    content: "\E005"
}

.icon-info:before {
    content: "\E006"
}

.icon-lists:before {
    content: "\E007"
}

.icon-login:before {
    content: "\E008"
}

.icon-magnifying-glass:before {
    content: "\E009"
}

.icon-navigate-up-arrow:before {
    content: "\E00A"
}

.icon-percent:before {
    content: "\E00B"
}

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

.icon-ruble:before {
    content: "\E00D"
}

.icon-wallet:before {
    content: "\E00E"
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

:focus {
    outline: 0 !important
}

a {
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

b {
    font-weight: 700
}

body {
    font-family: 'Inter', 'Arial',  sans-serif;
    font-size: 15px;
    line-height: 1.3;
    min-height: 100vh
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus:-moz-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

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

.footer {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

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

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 100%
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 100%
    }
}

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

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,
.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

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

.col {
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0%;
    flex-basis: 0%;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

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

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

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

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

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

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12
    }

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

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

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

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

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

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

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

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12
    }

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

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

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

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

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

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

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

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-lg-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-lg-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-lg-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-lg-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        -webkit-flex-basis: 0%;
        flex-basis: 0%;
        -ms-flex-positive: 1;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        order: 12
    }

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

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

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

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

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

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

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

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

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

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: -webkit-inline-box !important;
    display: -webkit-inline-flex !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

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

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

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

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

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

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

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

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

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

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

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

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

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

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

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

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: -webkit-flex !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: -webkit-inline-box !important;
        display: -webkit-inline-flex !important;
        display: inline-flex !important
    }
}

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

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

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

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

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    -webkit-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    -webkit-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    -webkit-box-flex: 0 !important;
    -webkit-flex-grow: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    -webkit-box-flex: 1 !important;
    -webkit-flex-grow: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    -webkit-flex-shrink: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    -webkit-flex-shrink: 1 !important;
    flex-shrink: 1 !important
}

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

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

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

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

.justify-content-around {
    -ms-flex-pack: distribute !important;
    -webkit-justify-content: space-around !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    -webkit-box-align: end !important;
    -webkit-align-items: flex-end !important;
    align-items: flex-end !important
}

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

.align-items-baseline {
    -ms-flex-align: baseline !important;
    -webkit-box-align: baseline !important;
    -webkit-align-items: baseline !important;
    align-items: baseline !important
}

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

.align-content-start {
    -ms-flex-line-pack: start !important;
    -webkit-align-content: flex-start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    -webkit-align-content: flex-end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    -webkit-align-content: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    -webkit-align-content: space-between !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    -webkit-align-content: space-around !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    -webkit-align-content: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    -webkit-align-self: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    -webkit-align-self: flex-start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    -webkit-align-self: flex-end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    -webkit-align-self: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    -webkit-align-self: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    -webkit-align-self: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        -webkit-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        -webkit-flex-shrink: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        justify-content: flex-end !important
    }

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

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

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        align-items: flex-end !important
    }

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

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        align-items: baseline !important
    }

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

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        -webkit-align-self: flex-start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        -webkit-align-self: flex-end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        -webkit-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        -webkit-flex-shrink: 1 !important;
        flex-shrink: 1 !important
    }

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

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

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

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

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        align-items: flex-end !important
    }

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

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        align-items: baseline !important
    }

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

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        -webkit-align-self: flex-start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        -webkit-align-self: flex-end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        -webkit-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        -webkit-flex-shrink: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        justify-content: flex-end !important
    }

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

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

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        align-items: flex-end !important
    }

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

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        align-items: baseline !important
    }

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

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        -webkit-align-self: flex-start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        -webkit-align-self: flex-end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: row !important;
        flex-direction: row !important
    }

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

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

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

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        -webkit-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        -webkit-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        -webkit-box-flex: 0 !important;
        -webkit-flex-grow: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        -webkit-box-flex: 1 !important;
        -webkit-flex-grow: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        -webkit-flex-shrink: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        -webkit-flex-shrink: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        -webkit-box-pack: start !important;
        -webkit-justify-content: flex-start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        justify-content: flex-end !important
    }

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

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

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        -webkit-justify-content: space-around !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        -webkit-box-align: start !important;
        -webkit-align-items: flex-start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        align-items: flex-end !important
    }

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

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        -webkit-box-align: baseline !important;
        -webkit-align-items: baseline !important;
        align-items: baseline !important
    }

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

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        -webkit-align-content: flex-start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        -webkit-align-content: flex-end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        -webkit-align-content: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        -webkit-align-content: space-between !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        -webkit-align-content: space-around !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        -webkit-align-content: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        -webkit-align-self: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        -webkit-align-self: flex-start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        -webkit-align-self: flex-end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        -webkit-align-self: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        -webkit-align-self: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        -webkit-align-self: stretch !important;
        align-self: stretch !important
    }
}

.btn {
    display: inline-block;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer
}

.btn.btn--sm {
    letter-spacing: .25px;
    font-size: 12px;
    font-weight: 700;
    padding: 14px 21px
}

.btn.btn--md {
    letter-spacing: .25px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 36px 16px
}

.btn.btn--yellow {
    color: #000;
    background: #ffcb00;
    border: 1px solid #ffcb00
}

.btn.btn--yellow:hover {
    background: #00309d;
    border-color: #00309d;
    color: #fff
}

.btn__cart {
    display: block;
    width: 35px;
    height: 35px;
    background: #00309d;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    line-height: 35px
}

.btn__cart:before {
    content: "\E004";
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none
}

.btn__cart:hover {
    background: #ffcb00
}

.btn-delete {
    width: 25px;
    height: 25px;
    background-color: #f1f1f1;
    border: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s;
    padding: 0;
    margin: 0
}

.btn-delete:hover {
    background-color: #f53c34
}

.btn-delete:hover:after,
.btn-delete:hover:before,
.filters .filter-new .reset-filter-checkbox:hover:after,
.filters .filter-new .reset-filter-checkbox:hover:before,
.filters .filter-price-toggle .close-filter-price:hover:after,
.filters .filter-price-toggle .close-filter-price:hover:before,
.filters .filter-sale .reset-filter-checkbox:hover:after,
.filters .filter-sale .reset-filter-checkbox:hover:before {
    background-color: #fff
}

.btn-delete:before,
.filters .filter-hits .reset-filter-checkbox:before,
.filters .filter-new .reset-filter-checkbox:before,
.filters .filter-price-toggle .close-filter-price:before,
.filters .filter-sale .reset-filter-checkbox:before {
    content: '';
    position: absolute;
    width: 9px;
    height: 1px;
    background: #000;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.btn-delete:after,
.filters .filter-hits .reset-filter-checkbox:after,
.filters .filter-new .reset-filter-checkbox:after,
.filters .filter-price-toggle .close-filter-price:after,
.filters .filter-sale .reset-filter-checkbox:after {
    content: '';
    position: absolute;
    width: 9px;
    height: 1px;
    background: #000;
    right: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.btn-arrow-down {
    padding: 10px 60px 10px 20px;
    text-transform: none;
    border: 1px solid #002e9d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    position: relative;
    letter-spacing: .25px;
    color: #002e9d;
    font-weight: 500;
    font-size: 16px
}

.btn-arrow-down:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 1px solid #002e9d;
    border-left: 1px solid #002e9d;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 20px;
    top: 9px
}

.btn-arrow-down:hover {
    background: #00309d;
    color: #fff
}

.btn-arrow-down:hover:after {
    border-color: #fff
}

.btn-border {
    border: 1px solid #000
}

.btn-border--blue {
    border-color: #00309d;
    color: #000
}

.btn-border--blue:hover {
    background: #00309d;
    color: #fff
}

.btn-border--grey {
    border: 2px solid #c6c6c6;
    color: #000
}

.btn-border--grey:hover {
    border-color: #00309d;
    background: #00309d;
    color: #fff
}

.btn-border--red {
    border: 2px solid #fd1d1d;
    color: #000
}

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

.btn-repeat {
    border: 1px solid #828282;
    text-transform: none;
    color: #828282;
    font-size: 13px;
    background: 0 0;
    padding: 5px 10px 5px 26px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 9px;
    position: relative
}

.btn-repeat:hover {
    background: #f1f1f1
}

.btn-repeat:before {
    content: '';
    width: 10px;
    height: 14px;
    background: url(../img/repeat.svg) no-repeat center center/contain;
    position: absolute;
    left: 10px;
    top: 3px
}

.close-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    right: 30px;
    top: 10px;
    cursor: pointer;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.close-btn:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: #898989;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.close-btn:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 1px;
    background: #898989;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.slick-dots {
    position: absolute;
    bottom: 60px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 999;
    padding: 0;
    margin: 0
}

.slick-dots li {
    display: inline-block;
    margin: 0 4px;
    line-height: 0
}

.slick-dots .slick-active button:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.slick-dots button {
    font-size: 0;
    background: 0 0;
    border: 2px solid #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    cursor: pointer;
    padding: 0;
    margin: 0;
    cursor: pointer;
    position: relative
}

.slick-dots button:hover:before {
    content: '';
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.slick-next,
.slick-prev {
    position: absolute;
    background: 0 0;
    border: 0;
    padding: 0;
    cursor: pointer;
    z-index: 100
}

.slick-next {
    right: 0
}

.sick-prev {
    left: 0
}

.slick-next-white,
.slick-prev-white {
    width: 45px;
    height: 45px;
    top: 50%
}

.slick-next-white .arrow,
.slick-prev-white .arrow {
    width: 25px;
    height: 25px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    margin: auto;
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.slick-next-white:hover .arrow,
.slick-prev-white:hover .arrow {
    border-color: #ffcb00
}

.slick-prev-white .arrow {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.slick-next-white .arrow {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.slick-next-blue,
.slick-prev-blue {
    background: #f1f1f1;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 99999;
    position: absolute;
    border: 1px solid #898989;
    top: 50%;
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.slick-next-blue:hover,
.slick-prev-blue:hover {
    background: #d7d7d7
}

.slick-prev-blue {
    left: -70px
}

.slick-prev-blue:before {
    content: '';
    width: 16px;
    height: 16px;
    border-top: 3px solid #00309d;
    border-left: 3px solid #00309d;
    position: absolute;
    left: 19px;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-next-blue {
    right: -70px
}

.slick-next-blue:before {
    content: '';
    width: 16px;
    height: 16px;
    border-bottom: 3px solid #00309d;
    border-right: 3px solid #00309d;
    position: absolute;
    right: 19px;
    top: 16px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.slick-prev-grey {
    left: 0;
    width: 40px;
    height: 40px;
    top: 44px
}

.slick-prev-grey:hover:before {
    border-top-color: #00309d;
    border-left-color: #00309d
}

.slick-prev-grey:before {
    content: '';
    width: 25px;
    height: 25px;
    border-top: 3px solid #ddd;
    border-left: 3px solid #ddd;
    position: absolute;
    left: 10px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.slick-next-grey {
    right: 0;
    width: 40px;
    height: 40px;
    top: 44px
}

.slick-next-grey:hover:before {
    border-bottom-color: #00309d;
    border-right-color: #00309d
}

.slick-next-grey:before {
    content: '';
    width: 25px;
    height: 25px;
    border-bottom: 3px solid #ddd;
    border-right: 3px solid #ddd;
    position: absolute;
    right: 10px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

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

[type=radio]:checked+label,
[type=radio]:not(:checked)+label {
    position: relative;
    padding-left: 29px;
    cursor: pointer;
    display: inline-block;
    height: 35px;
    line-height: 21px;
    font-size: 16px;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=radio]+label:after,
[type=radio]+label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 2px;
    width: 20px;
    height: 20px;
    z-index: 0;
    -webkit-transition: .28s ease;
    -o-transition: .28s ease;
    transition: .28s ease
}

[type=radio].with-gap:checked+label:after,
[type=radio].with-gap:checked+label:before,
[type=radio]:checked+label:after,
[type=radio]:checked+label:before,
[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before {
    -webkit-border-radius: 50%;
    border-radius: 50%
}

[type=radio]:not(:checked)+label:after,
[type=radio]:not(:checked)+label:before {
    border: 1px solid #5a5a5a
}

[type=radio]:not(:checked)+label:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

[type=radio]:checked+label:before {
    border: 1px solid #00309d
}

[type=radio].with-gap:checked+label:after,
[type=radio].with-gap:checked+label:before,
[type=radio]:checked+label:after {
    border: 1px solid #00309d
}

[type=radio].with-gap:checked+label:after,
[type=radio]:checked+label:after {
    background-color: #00309d
}

[type=radio]:checked+label:after {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

[type=radio].tabbed:focus+label:before {
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}

[type=radio]:disabled:checked+label:before,
[type=radio]:disabled:not(:checked)+label:before {
    background-color: transparent;
    border: 2px solid rgba(0, 0, 0, .42)
}

[type=radio]:disabled+label {
    color: rgba(0, 0, 0, .42)
}

[type=radio]:disabled:not(:checked)+label:before {
    border-color: rgba(0, 0, 0, .42)
}

[type=radio]:disabled:checked+label:after {
    border: none;
    background-color: rgba(0, 0, 0, .42)
}

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

[type=checkbox]+label {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    min-height: 25px;
    line-height: 25px;
    font-size: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

[type=checkbox]+label:before,
[type=checkbox]:not(.filled-in)+label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f5f5f5), to(rgba(245, 245, 245, 0)));
    background-image: -webkit-linear-gradient(bottom, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    background-image: -o-linear-gradient(bottom, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    background-image: linear-gradient(to top, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

[type=checkbox]:not(.filled-in)+label:after {
    border-right: 0;
    border-bottom: 0;
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    background: 0 0;
    width: 6px;
    height: 10px;
    -webkit-transform: rotate(-135deg) scale(0);
    -ms-transform: rotate(-135deg) scale(0);
    transform: rotate(-135deg) scale(0);
    left: 6px;
    top: 4px
}

[type=checkbox]:not(:checked):disabled+label:before {
    border: none;
    background-color: rgba(0, 0, 0, .42)
}

[type=checkbox].tabbed:focus+label:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    border: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}

[type=checkbox]:checked+label:after {
    border-top: 2px solid #00309d;
    border-left: 2px solid #00309d;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(-135deg) scale(1);
    -ms-transform: rotate(-135deg) scale(1);
    transform: rotate(-135deg) scale(1)
}

[type=checkbox]:checked:disabled+label:before {
    border-right: 2px solid rgba(0, 0, 0, .42);
    border-bottom: 2px solid rgba(0, 0, 0, .42)
}

.error-message {
    display: none;
    position: absolute;
    font-size: 12px;
    color: red;
    bottom: 3px;
    left: 11px
}

.form-order {
    border: 2px solid #00309d;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    max-width: 770px;
    margin: 60px auto 0;
    padding: 37px 20px
}

.form-order__title {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 25px
}

.form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 560px;
    margin: 0 auto 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.form-group textarea {
    padding: 15px 12px;
    text-transform: uppercase;
    background: #f1f1f1;
    border: 1px solid #f1f1f1;
    font-size: 13px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #000;
    width: 100%;
    min-height: 147px
}

.form-group input[type=submit] {
    padding-left: 35px;
    padding-right: 35px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.form-group label {
    font-size: 16px;
    line-height: 21px;
    color: #575757;
    min-width: 110px
}

.form-group input[type=email],
.form-group input[type=number],
.form-group input[type=password],
.form-group input[type=tel],
.form-group input[type=text] {
    padding: 15px 12px;
    text-transform: uppercase;
    background: #f1f1f1;
    width: 365px;
    border: 1px solid #f1f1f1;
    font-size: 13px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    color: #000
}

.form-group--two-field {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-group--two-field input {
    max-width: 48%;
}

.form-group--two-field input[type=email],
.form-group--two-field input[type=tel] {
    text-transform: none;
    border-color: #000;
}

.form-group::-webkit-input-placeholder {
    font-style: normal;
    color: #575757;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px
}

.form-group:-moz-placeholder {
    font-style: normal;
    color: #575757;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px
}

.form-group::-moz-placeholder {
    font-style: normal;
    color: #575757;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px
}

.form-group:-ms-input-placeholder {
    font-style: normal;
    color: #575757;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 13px
}

.form-group--two-field::-webkit-input-placeholder {
    text-transform: none;
}

.form-group--two-field:-moz-placeholder {
    text-transform: none;
}

.form-group--two-field::-moz-placeholder {
    text-transform: none;
}

.form-group--two-field:-ms-input-placeholder {
    text-transform: none;
}

.form-group-allow {
    margin-top: 20px;
    margin-bottom: 20px
}

.form-group-allow label {
    font-size: 12px;
    line-height: 16px;
    color: #2b2b2b
}

.form-group-allow a {
    color: #00309d
}

.form-group-allow a:hover {
    text-decoration: none
}

.select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.select {
    cursor: pointer;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #2b2b2b;
    width: 100%;
    height: 45px;
    text-transform: uppercase;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight: 300
}

.select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #f1f1f1;
    border: 1px solid #f1f1f1;
    padding: 15px 15px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-color: #00309d transparent transparent transparent;
    position: absolute;
    top: 20px;
    right: 15px
}

.select-styled:hover {
    background-color: #fff
}

.select-styled.active,
.select-styled:active {
    background-color: #fff;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.select-styled.active:after,
.select-styled:active:after {
    top: 9px;
    border-color: transparent transparent #00309d transparent
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #f1f1f1
}

.select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #f1f1f1
}

.select-options li:hover {
    color: #2b2b2b;
    background: #f1f1f1
}

.select-options li[rel=hide] {
    display: none
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

h1 {
    font-size: 36px;
    margin: 12px 0;
    color: #2b2b2b;
    letter-spacing: .25px
}

h2 {
    font-size: 30px;
    margin: 12px 0;
    color: #2b2b2b
}

h3 {
    font-size: 21px;
    font-weight: 700;
    color: #2b2b2b;
    letter-spacing: .25px;
    margin: 12px 0
}

h4 {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    letter-spacing: .25px
}

.title-h1 {
    font-size: 30px;
    margin: 13px 0 22px;
    color: #2b2b2b;
    letter-spacing: .25px
}

.title-sidebar {
    font-size: 24px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    margin: 10px 0 20px
}

.title--dark {
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    margin: 32px 0;
    color: #2b2b2b
}

.title--sale {
    position: relative;
    padding-left: 50px
}

.title--sale:before {
    content: '%';
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #ffcb00;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 2px;
    font-weight: 700;
    font-size: 18px;
    background: #ffcb00
}

.title--hit {
    position: relative;
    padding-left: 50px
}

.title--hit:before {
    content: '';
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #ffcb00;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 2px;
    font-weight: 700;
    font-size: 18px;
    background: #ffcb00 url(../img/star.svg) no-repeat center center/21px
}

.title--new {
    position: relative;
    padding-left: 50px
}

.title--new:before {
    content: 'NEW';
    position: absolute;
    width: 35px;
    height: 35px;
    border: 2px solid #ffcb00;
    text-align: center;
    font-size: 10px;
    line-height: 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 2px;
    font-weight: 700;
    background: #ffcb00
}

.breadcrumbs {
    padding: 0;
    margin: 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    position: relative;
    z-index: 5
}

.breadcrumbs li {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    color: #5f5f5f
}

.breadcrumbs li a {
    color: #5f5f5f;
    text-decoration: underline;
    position: relative;
    display: inline-block;
    padding-right: 15px
}

.breadcrumbs li a:hover {
    color: #00309d;
    text-decoration: none
}

.breadcrumbs li a:after {
    content: '';
    width: 3px;
    height: 3px;
    background: #5f5f5f;
    position: absolute;
    top: 11px;
    right: 5px
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.pagination ul li {
    margin: 0 2px;
    line-height: 34px
}

.pagination ul li a {
    color: #2b2b2b;
    text-decoration: none;
    display: inline-block;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    font-weight: 500;
    font-size: 16px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ddd;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s;
    vertical-align: middle
}

.pagination ul li a:hover {
    border-color: #00309d;
    color: #00309d
}

.pagination ul li.current a {
    border-color: #00309d;
    color: #00309d
}

.pagination ul li:first-child a {
    font-size: 0;
    position: relative;
    border: none
}

.pagination ul li:first-child a:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    border-left: 2px solid #00309d;
    border-top: 2px solid #00309d;
    left: 11px;
    top: 10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pagination ul li:last-child a {
    font-size: 0;
    position: relative;
    border: none
}

.pagination ul li:last-child a:before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    border-right: 2px solid #00309d;
    border-top: 2px solid #00309d;
    right: 11px;
    top: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pagination ul li .ellipsis {
    margin: 0 17px
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.modal .modal-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow-y: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.modal .modal-body {
/*    position: absolute;*/
    background: #fff;
    left: 0;
    right: 0;
    text-align: center;
    width: 470px;
    margin: auto;
/*    top: 60px;*/
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.modal .modal-body .modal-close {
    position: absolute;
    right: 8px;
    top: 19px;
    width: 46px;
    height: 46px
}

.modal .modal-body .modal-close:after,
.modal .modal-body .modal-close:before {
    content: '';
    width: 20px;
    height: 20px;
    border-left: 2px solid #c4c4c4;
    border-bottom: 2px solid #c4c4c4;
    position: absolute;
    top: 0;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.modal .modal-body .modal-close:hover:after,
.modal .modal-body .modal-close:hover:before {
    border-color: #00309d
}

.modal .modal-body .modal-close:before {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    left: 0
}

.modal .modal-body .modal-close:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 0
}

.modal .modal-inner {
    width: 100%;
    padding: 60px 80px
}

.modal .modal-inner.modal-inner--fast-order {
    padding-left: 40px;
    padding-right: 40px;
}

.modal .modal-inner.modal-inner--fast-order .modal-title {
    margin-bottom: 10px;
}

.modal .modal-inner.modal-inner--fast-order .modal-form {
    padding-left: 40px;
    padding-right: 40px;
}

.modal .modal-title {
    font-size: 21px;
    font-weight: 700;
    color: #2b2b2b;
    margin-bottom: 25px
}

.modal .form-group input[type=email],
.modal .form-group input[type=number],
.modal .form-group input[type=password],
.modal .form-group input[type=tel],
.modal .form-group input[type=text],
.modal .form-group textarea {
    width: 100%
}

.modal .form-group-allow label {
    text-align: left;
    padding-left: 25px
}

.tabs {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.tabs>li {
    margin: 0 8px;
    display: inline-block
}

.tabs>li>a {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 8px 12px;
    border: 1px solid transparent
}

.tabs>li>a:hover {
    color: #00309d;
    font-weight: 700
}

.tabs>li>a:after {
    display: block;
    content: attr(title);
    font-weight: 700;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.tabs>li.current a {
    font-weight: 700;
    color: #00309d;
    border-color: #00309d
}

.tabs_item {
    display: block;
    height: 0;
    overflow: hidden;
    -webkit-transition: .6s ease 0s;
    -o-transition: .6s ease 0s;
    transition: .6s ease 0s
}

.tabs_item.active {
    height: auto;
    overflow: visible
}

.accordion {
    padding: 0;
    list-style: none
}

.accordion>li {
    display: block;
    margin: 0 15px 20px;
    width: 100%
}

.accordion>li>a {
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    border: 1px solid #00309d;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 300;
    position: relative;
    padding: 9px 60px 9px 20px;
    line-height: 18px
}

.accordion>li>a:before {
    content: '';
    position: absolute;
    top: -webkit-calc(50% - 3px);
    top: calc(50% - 3px);
    right: 18px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: #00309d
}

.accordion>li>a.active {
    background: #00309d;
    color: #fff;
    font-weight: 400
}

.accordion>li>a.active:before {
    border-top-color: transparent;
    border-bottom-color: #fff;
    top: -webkit-calc(50% - 12px);
    top: calc(50% - 12px)
}

.accordion .accordion-content {
    display: none;
    font-size: 16px;
    line-height: 24px;
    color: #2b2b2b;
    padding: 24px 20px 0
}

.block-screen {
    position: relative;
    overflow: hidden
}

img {
    max-width: 100%
}

p {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #2b2b2b;
    margin-top: 0;
    margin-bottom: 25px
}

.lead-txt {
    font-size: 18px;
    line-height: 22px;
    color: #00309d;
    font-weight: 700;
    padding: 4px 0 4px 32px;
    position: relative
}

.lead-txt:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 2px dashed #00309d
}

.lead {
    padding: 4px 0 4px 32px;
    position: relative;
    margin: 30px 0
}

.lead p {
    font-size: 18px;
    line-height: 22px;
    color: #00309d;
    font-weight: 700;
    margin: 0
}

.lead:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    border-left: 2px dashed #00309d
}

.float-block {
    margin-top: 40px
}

.float-left {
    float: left;
    margin: 0 30px 30px 0
}

.aside-block-picture {
    margin-top: 65px;
    background: #f1f1f1;
    padding-bottom: 20px;
    -webkit-border-radius: 12px;
    border-radius: 12px
}

.aside-block-picture img {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.aside-block-picture a {
    text-decoration: none;
    color: #000
}

.aside-block-picture .aside-block-picture_title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px
}

.aside-block-picture .aside-block-picture_txt {
    padding: 0 20px 16px
}

.aside-block-picture .aside-block-picture_btn {
    padding: 0 20px
}

.aside-block-picture .btn.btn--sm {
    padding: 13px 34px
}

.aside-block-text {
    border: 2px solid #00309d;
    padding: 12px 19px 25px;
    margin-top: 74px;
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.aside-block-text .aside-block-text_title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 0
}

.mt-10 {
    margin-top: 10px
}

.mt-20 {
    margin-top: 20px
}

.mt-30 {
    margin-top: 30px
}

.mt-40 {
    margin-top: 40px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

.mt-100 {
    margin-top: 100px
}

.mb-10 {
    margin-bottom: 10px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mb-100 {
    margin-bottom: 100px
}

.mr-10 {
    margin-right: 10px
}

.mr-20 {
    margin-right: 20px
}

.mr-30 {
    margin-right: 30px
}

.mr-40 {
    margin-right: 40px
}

.mr-50 {
    margin-right: 50px
}

.mr-60 {
    margin-right: 60px
}

.mr-70 {
    margin-right: 70px
}

.mr-80 {
    margin-right: 80px
}

.mr-90 {
    margin-right: 90px
}

.mr-100 {
    margin-right: 100px
}

.mx-10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mx-20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mx-30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mx-40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mx-50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mx-60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mx-70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mx-80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mx-90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mx-100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.triagle-bottom-8 {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top-color: #00309d
}

.form-faq input[type=email],
.form-faq input[type=number],
.form-faq input[type=password],
.form-faq input[type=tel],
.form-faq input[type=text] {
    width: 100%
}

.controls-block .d-flex {
    position: relative;
    max-width: 0;
    margin: 80px auto
}

.footnotes {
    font-size: 13px;
    line-height: 18px;
    color: #737373;
    margin-top: 10px;
    padding-top: 20px;
    position: relative
}

.footnotes:before {
    content: '';
    background: #ddd;
    height: 1px;
    width: 65%;
    position: absolute;
    top: 0
}

ul.points {
    margin: 0;
    padding: 0;
    list-style: none
}

ul.points li {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    padding-left: 20px;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px
}

ul.points li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: #d1d1d1;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

ul.points li:after {
    content: '';
    width: 7px;
    height: 5px;
    border-top: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

ol {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: myCounter
}

ol li {
    font-size: 15px;
    line-height: 18px;
    color: #000;
    position: relative;
    padding-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px
}

ol li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: #00309d;
    color: #fff;
    font-weight: 700;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    line-height: 16px;
    font-size: 13px
}

figure {
    margin: 10px 0
}

figcaption {
    font-size: 13px;
    line-height: 18px;
    color: #737373;
    text-align: center
}

.inner-gallery {
    margin: 90px 0;
    padding: 0 30px
}

.inner-gallery .slick-next-grey,
.inner-gallery .slick-prev-grey {
    top: -webkit-calc(50% - 20px);
    top: calc(50% - 20px)
}

.inner-gallery .slick-slide img {
    margin: auto;
    -webkit-border-radius: 20px;
    border-radius: 20px
}

.inner-gallery .slick-slide.slick-current img {
    border: 2px solid #00309d
}

.block-col-2 {
    margin-top: 65px;
    margin-bottom: 65px
}

.block-col-2 img {
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.block-col-2 a {
    text-decoration: none;
    color: #000
}

.block-col-2 .block-col-2_title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px
}

.block-col-2 .block-col-2_txt {
    padding: 0 20px 16px
}

.block-col-2 .block-col-2_btn {
    padding: 0 20px
}

.block-col-2 .btn.btn--sm {
    padding: 13px 34px
}

.block-col-3 {
    margin-top: 65px;
    margin-bottom: 65px
}

.block-col-3 img {
    -webkit-border-radius: 15px;
    border-radius: 15px
}

.block-col-3 a {
    text-decoration: none;
    color: #000
}

.block-col-3 .block-col-3_title {
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px
}

.block-col-3 .block-col-3_txt {
    padding: 0 20px 16px
}

.block-col-3 .block-col-3_btn {
    padding: 0 20px
}

.block-col-3 .btn.btn--sm {
    padding: 13px 34px
}

.download-link {
    font-size: 16px;
    display: block;
    padding-left: 60px;
    padding-right: 60px;
    text-decoration: none;
    color: #00309d;
    margin-bottom: 30px;
    position: relative
}

.download-link:before {
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #e2ecff url(../img/load.svg) no-repeat;
    -webkit-background-size: 50% 50%;
    background-size: 50%;
    background-position: center center
}

.download-link .file-name {
    text-decoration: underline
}

.download-link .file-name:hover {
    text-decoration: none
}

.download-link .file-size {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #737373;
    padding: 5px 0
}

.important {
    background: #ffcb00;
    line-height: 22px;
    font-size: 16px;
    color: #000;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    padding: 30px 35px
}

.important_title {
    text-transform: uppercase;
    margin-bottom: 15px;
    font-weight: 700
}

blockquote {
    margin: 0;
    background: url(../img/q.svg) no-repeat center center/contain;
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 22px;
    padding: 10px 10px
}

blockquote cite {
    margin: 20px 0;
    text-transform: uppercase;
    font-size: 12px;
    display: block;
    font-style: normal;
    font-weight: 700;
    padding: 0 50px;
    line-height: 16px
}

#scrollUp {
    position: fixed;
    z-index: 2147483647;
    right: 20px;
    bottom: 20px;
    width: 35px;
    height: 35px;
    background: rgba(0, 48, 157, .3);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    text-decoration: none;
    color: #00309d;
    text-align: center;
    line-height: 33px
}

.mobile-block {
    display: none
}

.mobile-category {
    display: none
}

.header {
    position: relative
}

.header-top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 30px
}

.header-top .descriptor {
    font-size: 10px;
    line-height: 15px;
    font-weight: 700;
    letter-spacing: .5px;
    color: #737373;
    text-transform: uppercase;
    margin-left: 50px;
    margin-right: 140px
}

.header-top .header-phone {
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
    letter-spacing: .25px;
    color: #2b2b2b;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    margin-right: 17px
}

.header-top .header-phone:before {
    content: "\E00C";
    position: absolute;
    top: 0;
    left: 1px;
    font-size: 15px;
    font-weight: 700;
    color: #00309d
}

.header-top .time-table {
    font-size: 15px;
    line-height: 21px;
    font-weight: 300;
    letter-spacing: .25px;
    color: #2b2b2b;
    margin-right: 80px
}

.header-top .header-callback {
    color: #00309d;
    font-size: 15px;
    font-weight: 300;
    display: inline-block;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-top .header-callback:hover {
    text-decoration: none
}

.header-top .header-login {
    font-size: 15px;
    text-decoration: none;
    color: #00309d;
    border: 1px solid #00309d;
    position: relative;
    padding: 9px 16px 9px 38px;
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
    line-height: 1
}

.header-top .header-login:hover {
    background: #00309d;
    color: #fff
}

.header-top .header-login:before {
    content: "\E008";
    position: absolute;
    top: 8px;
    left: 10px
}

.header-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    position: relative
}

.header-bottom:before {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: 0;
    background: #e8e8e8;
    left: 0
}

.header-bottom:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #e8e8e8;
    left: 0;
    z-index: -1
}

.menu-toggle {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    background: #f5f5f5;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding: 25px 30px 25px 60px;
    white-space: nowrap;
}

.menu-toggle:hover .menu-icon {
    background: #ffcb00
}

.menu-toggle:hover .menu-icon:after,
.menu-toggle:hover .menu-icon:before {
    background: #ffcb00
}

.menu-toggle .menu-icon {
    position: absolute;
    width: 20px;
    background: #00309d;
    height: 3px;
    left: 29px;
    top: -webkit-calc(50% - 2px);
    top: calc(50% - 2px);
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.menu-toggle .menu-icon:before {
    width: 20px;
    background: #00309d;
    height: 3px;
    top: -7px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    content: '';
    position: absolute;
    left: 0
}

.menu-toggle .menu-icon:after {
    width: 20px;
    background: #00309d;
    height: 3px;
    top: 7px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    content: '';
    position: absolute;
    left: 0
}

.menu-toggle.active .menu-icon {
    background: transparent !important;
}

.menu-toggle.active .menu-icon:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.menu-toggle.active .menu-icon:after {
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.menu-toggle.active:hover .menu-icon {
    background: 0 0
}

.header-bottom .header-sale {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 15px;
    line-height: 21px;
    color: #fff;
    background: #e64d4d;
    font-weight: 700;
    text-decoration: none;
    position: relative;
    padding: 25px 30px 25px 60px;
    white-space: nowrap;
}

.header-bottom .header-sale:before {
    content: '%';
    position: absolute;
    width: 27px;
    height: 27px;
    border: 2px solid #fff;
    text-align: center;
    line-height: 23px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 23px;
    top: calc(50% - 13.5px);
    font-weight: 700;
    transition: border-color .4s ease 0s
}

.header-bottom .header-sale:hover {
    background: #00309d;
}

.header-bottom .header-menu {
    list-style: none;
    padding: 19px 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}

@media (max-width: 1500px) {

.header-bottom .header-menu {
        -webkit-box-flex: 1;
            -ms-flex-positive: 1;
                flex-grow: 1;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}

.header-bottom .header-menu li.current a {
    color: #fff;
    background: #2b2b2b
}

.header-bottom .header-menu a {
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-size: 15px;
    line-height: 1.2;
    color: #000;
    font-weight: 700;
    text-decoration: none;
    padding: 4px 10px;
    margin: 0 3px;
    white-space: nowrap;
}

.header-bottom .header-menu a> span {
    background-color: #ffcb00;
    border-radius: 50%;
    color: #000000;
    font-size: 12px;
    padding: 3px;
    font-weight: 400;
}

.header-bottom .header-menu a:hover {
    background: #f1f1f1
}

.header-bottom form {
    -ms-flex-item-align: stretch;
        -ms-grid-row-align: stretch;
        align-self: stretch;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.header-bottom .search-control {
    border: 1px solid transparent;
    border-top-color: #e8e8e8;
    border-bottom-color: #e8e8e8;
    padding: 26px 50px 26px 20px;
    min-width: 300px;
    width: 100%;
    height: 100%;
}

.header-bottom .search-control::-webkit-input-placeholder {
    font-style: italic;
    color: #000;
    font-weight: 400
}

.header-bottom .search-control:-moz-placeholder {
    font-style: italic;
    color: #000;
    font-weight: 400
}

.header-bottom .search-control::-moz-placeholder {
    font-style: italic;
    color: #000;
    font-weight: 400
}

.header-bottom .search-control:-ms-input-placeholder {
    font-style: italic;
    color: #000;
    font-weight: 400
}

.header-bottom .btn-search {
    position: absolute;
    right: 18px;
    top: calc(50% - 15px);
    background: 0 0;
    width: 30px;
    height: 30px;
    border: 0
}

.header-bottom .btn-search:hover:before {
    color: #ffcb00
}

.header-bottom .btn-search:before {
    content: "\E009";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font-size: 22px;
    cursor: pointer;
    color: #00309d;
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.header-bottom .header-cart:hover a:before {
    color: #ffcb00
}

.header-fix-desc  .header-cart a {
    line-height: 1.1;
}

.header-bottom .header-cart a {
    display: inline-block;
    position: relative;
    padding-left: 50px;
    min-width: 135px;
    text-decoration: none
}

.header-bottom .header-cart a i {
    font-size: 12px
}

.header-bottom .header-cart a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 15px;
    font-weight: 700;
    background: url(../img/cart.svg) no-repeat center center/contain;
    color: #00309d;
    width: 24px;
    height: 32px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.header-cart__samples {
    font-size: 12px;
    color: #000;
}

.header-cart__samples--red {
    color: red;
}

.header-bottom .header-cart a .header-cart__number {
    display: block;
    color: #2b2b2b
}

.header-bottom .header-cart a .header-cart__price {
    display: block;
    font-weight: 700;
    color: #002c9f
}

header .main-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    height: 0;
    overflow: hidden;
    z-index: 99999;
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

header .main-menu>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

header .main-menu.open {
    height: auto;
    overflow: visible;
    opacity: 1
}

header .main-menu__title {
    font-size: 24px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 40px
}

header .main-menu ul {
    padding: 0;
    list-style: none;
    margin: 0
}

header .main-menu .navbar-left {
    background: #fff;
    width: 35%;
    padding: 40px 15px 40px 30px
}

header .main-menu .navbar-left>ul>li>a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    line-height: 21px;
    margin-bottom: 15px
}

header .main-menu .navbar-left>ul>li>a span {
    text-transform: none;
    font-weight: 400
}

header .main-menu .navbar-left>ul>li>a:hover {
    color: #00309d;
    text-decoration: none
}

header .main-menu .navbar-left>ul>li>ul>li {
    padding-left: 14px
}

header .main-menu .navbar-left>ul>li>ul>li>a {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    text-transform: none;
    line-height: 28px;
    margin-bottom: 0;
    position: relative
}

header .main-menu .navbar-left>ul>li>ul>li>a:hover {
    color: #00309d;
    font-weight: 700;
    text-decoration: none
}

header .main-menu .navbar-left>ul>li>ul>li>a:hover:before {
    content: '';
    width: 7px;
    height: 7px;
    background: #ffcb00;
    position: absolute;
    left: -17px;
    top: 9px;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

header .main-menu .navbar-left>ul {
    -webkit-columns: 200px;
    columns: 200px
}

header .main-menu .navbar-left>ul>li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

header .main-menu .navbar-left>ul>li>ul {
    margin-bottom: 20px
}

header .main-menu .navbar-right {
    background: #f1f1f1;
    width: 65%;
    padding: 40px 30px 40px 30px
}

header .main-menu .navbar-right>ul>li>a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: inline-block;
    line-height: 21px;
    margin-bottom: 15px
}

header .main-menu .navbar-right>ul>li>a span {
    text-transform: none;
    font-weight: 400;
    font-size: 12px;
    color: #ccc;
    display: inline-block;
    margin-left: 8px;
}

header .main-menu .navbar-right>ul>li>a:hover {
    color: #00309d
}

header .main-menu .navbar-right>ul>li>ul>li>a {
    font-size: 14px;
    font-weight: 300;
    color: #666;
    text-transform: none;
    line-height: 1.6;
    margin-bottom: 0;
    position: relative
}

header .main-menu .navbar-right>ul>li>ul>li>a:hover {
    color: #00309d;
    font-weight: 700
}



header .main-menu .navbar-right>ul {
    -webkit-columns: 200px;
    columns: 200px
}

header .main-menu .navbar-right>ul>li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid
}

header .main-menu .navbar-right>ul>li.active>a {
    color: #002c9e;
}

header .main-menu .navbar-right>ul>li>ul {
    margin-bottom: 20px
}

header .main-menu .navbar-right>ul>li>ul>li.active>a {
    color: #002c9e;
    font-weight: 300;
    text-shadow: 1px 0px 0px #00309d, 1px 0px 0px #00309d;
}

.header-login-wrapper {
    position: relative
}

.modal-login {
    position: absolute;
    right: 0;
    max-width: 300px;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    bottom: 0;
    background: #fff;
    z-index: 999;
    border: 1px solid #00309d;
    -webkit-border-radius: 8px 0 8px 8px;
    border-radius: 8px 0 8px 8px;
    padding: 32px;
    display: none
}

.modal-login-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px
}

.modal-login .form-group input[type=email],
.modal-login .form-group input[type=password] {
    width: 100%
}

.modal-login .password-forget {
    font-size: 15px;
    display: inline-block;
    white-space: nowrap;
    margin-left: 10px;
    color: #00309d
}

.modal-login .password-forget:hover {
    text-decoration: none
}

.header-top .header-login.open {
    background: #00309d;
    color: #fff;
    -webkit-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0
}

.search-toggle {
    display: none
}

.header-mobile {
    display: none
}

.footer {
    background: #f5f5f5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: self-start;
    -webkit-align-items: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
    padding: 40px 28px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px;
    padding-top: 40px;
    padding-bottom: 40px
}

.footer .footer-col {
    display: inline-block
}

.footer .descriptor__logo {
    font-size: 11px;
    color: #737373;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 35px
}

.footer .footer__info-title {
    font-size: 15px;
    line-height: 21px;
    color: #2b2b2b;
    font-weight: 300;
    margin-bottom: 10px
}

.footer .footer__info-txt {
    font-size: 14px;
    line-height: 22px;
    color: #737373;
    font-weight: 300;
    width: 250px;
    margin-bottom: 80px
}

.footer .footer-menu_top {
    list-style: none;
    padding: 0;
    margin: 0 0 0 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.footer .footer-menu_top li {
    display: inline-block
}

.footer .footer-menu_top li a {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    position: relative
}

.footer .footer-menu_top li a:hover {
    color: #00309d;
    text-decoration: none
}

.footer .footer-menu_top--sale a {
    padding-left: 40px;
    margin-left: 47px
}

.footer .footer-menu_top--sale a:before {
    content: '%';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 2px solid #000;
    text-align: center;
    line-height: 26px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: -6px;
    font-weight: 700
}

.footer .footer-menu_top--sale a:hover:before {
    background: #ffcb00;
    border-color: #ffcb00
}

.footer .footer-menu_full {
    list-style: none;
    padding: 0;
    margin: 17px 10px 0 30px;
    -webkit-column-count: 3;
    column-count: 3
}

.footer .footer-menu_full li a {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    line-height: 32px
}

.footer .footer-menu_full li a:hover {
    text-decoration: none;
    color: #00309d
}

.footer .footer-menu_add {
    list-style: none;
    padding: 0;
    margin: 40px 0 78px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer .footer-menu_add li {
    margin-bottom: 20px
}

.footer .footer-menu_add li a {
    font-size: 15px;
    color: #000;
    font-weight: 700
}

.footer .footer-menu_add li a:hover {
    text-decoration: none;
    color: #00309d
}

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

.footer .footer-allowed a {
    color: #666;
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    white-space: nowrap
}

.footer .footer-allowed a:hover {
    text-decoration: none;
    color: #00309d
}

.footer .footer-col:last-child {
    margin-left: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer .footer-login {
    font-size: 15px;
    text-decoration: none;
    color: #00309d;
    border: 1px solid #00309d;
    position: relative;
    padding: 9px 16px 9px 38px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    max-width: 171px;
    margin-bottom: 30px
}

.footer .footer-login:hover {
    background: #00309d;
    color: #fff
}

.footer .footer-login:before {
    content: "\E008";
    position: absolute;
    top: 8px;
    left: 10px
}

.footer .footer-phone {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    letter-spacing: .25px;
    color: #2b2b2b;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-left: 20px;
    white-space: nowrap;
    margin-bottom: 25px
}

.footer .footer-phone:before {
    content: "\E00C";
    position: absolute;
    top: 0;
    left: 1px;
    font-size: 15px;
    font-weight: 700;
    color: #00309d
}

.footer .footer-timetable {
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    margin-bottom: 100px
}

.footer .footer-development {
    font-size: 15px;
    line-height: 24px;
    font-weight: 300;
    color: #2b2b2b;
    white-space: nowrap
}

.footer .footer-development a {
    text-transform: uppercase;
    font-weight: 300;
    color: #2b2b2b;
    text-decoration: none
}

.footer .footer-development a:hover {
    text-decoration: underline
}

.main-slider {
    position: relative;
    z-index: 5;
    margin-top: 30px
}

.main-slider .slick-active .main-slider__slide {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.main-slider__slide {
    text-align: center;
    -webkit-border-radius: 45px 45px 50% 50%/45px 45px 20% 20%;
    border-radius: 45px 45px 50% 50%/45px 45px 20% 20%;
    padding-top: 100px;
    padding-bottom: 120px;
    -webkit-transition: all 1s cubic-bezier(.7, 0, .3, 1);
    -o-transition: all 1s cubic-bezier(.7, 0, .3, 1);
    transition: all 1s cubic-bezier(.7, 0, .3, 1)
}

.main-slider__title {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 300;
    position: relative;
    z-index: 5
}

.main-slider__subtitle {
    font-size: 36px;
    line-height: 48px;
    font-style: italic;
    font-family: Georgia;
    position: relative;
    z-index: 5;
    display: inline-block;
    margin-bottom: 10px
}

.main-slider__subtitle:after,
.main-slider__subtitle:before {
    content: '';
    width: 42px;
    height: 1px;
    background: #00309d;
    display: inline-block;
    position: relative;
    top: 50%;
    vertical-align: middle
}

.main-slider__subtitle:before {
    left: -15px
}

.main-slider__subtitle:after {
    right: -15px
}

.main-slider__special {
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 700;
    color: #00309d;
    border: 1px solid #00309d;
    display: inline-block;
    padding: 0 17px;
    position: relative;
    margin-bottom: 50px
}

.main-slider__special .triagle {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0
}

.main-slider__special .triagle:before {
    content: '';
    border: 8px solid transparent;
    border-bottom: 8px solid #00309d;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -9px;
    left: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.main-slider__special .triagle:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -12px
}

.main-slider__special .border-triagle {
    display: block;
    height: 62px;
    position: absolute;
    border-bottom: 1px solid #00309d;
    width: 28px;
    left: -28px;
    bottom: -12px;
    border-top: 1px solid #00309d
}

.main-slider__special .border-triagle:before {
    content: '';
    height: 32px;
    width: 1px;
    background: #00309d;
    position: absolute;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    left: 6px;
    top: -1px
}

.main-slider__special .border-triagle:after {
    content: '';
    height: 32px;
    width: 1px;
    background: #00309d;
    position: absolute;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    left: 6px;
    bottom: -1px
}

.main-slider__special .triagle1 {
    position: absolute;
    display: block;
    right: 0;
    bottom: 0
}

.main-slider__special .triagle1:before {
    content: '';
    border: 8px solid transparent;
    border-bottom: 8px solid #00309d;
    height: 0;
    width: 0;
    position: absolute;
    bottom: -9px;
    right: 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.main-slider__special .triagle1:after {
    content: '';
    width: 10px;
    height: 1px;
    background: #00309d;
    position: absolute;
    right: 0;
    bottom: -12px
}

.main-slider__special .border-triagle1 {
    display: block;
    height: 62px;
    position: absolute;
    border-bottom: 1px solid #00309d;
    width: 28px;
    right: -28px;
    bottom: -12px;
    border-top: 1px solid #00309d
}

.main-slider__special .border-triagle1:before {
    content: '';
    height: 32px;
    width: 1px;
    background: #00309d;
    position: absolute;
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    right: 6px;
    top: -1px
}

.main-slider__special .border-triagle1:after {
    content: '';
    height: 32px;
    width: 1px;
    background: #00309d;
    position: absolute;
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg);
    right: 6px;
    bottom: -1px
}

.main-slider__btn {
    position: relative;
    z-index: 5
}

.main-slider-txt {
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-border-radius: 0 45px 45px 0;
    border-radius: 0 45px 45px 0;
    padding: 30px 25px 30px 35px;
    margin: 50px 0 0 -35px;
    background: #fff;
    z-index: 0;
    position: relative
}

.main-slider-txt .main-slider-txt__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.main-slider-txt .main-slider-txt__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.main-slider-txt .main-slider-txt__list li {
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0 10px 55px;
    position: relative
}

.main-slider-txt .main-slider-txt__list li:before {
    content: '';
    background: #e2ecff;
    width: 35px;
    height: 35px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.main-slider-txt .main-slider-txt__list li:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #00309d;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    font-size: 35px;
    max-height: 20px
}

.main-slider-txt .main-slider-txt__list li.main-slider-txt__list--car:after {
    content: "\E003"
}

.main-slider-txt .main-slider-txt__list li.main-slider-txt__list--sale:after {
    content: "\E00B"
}

.main-slider-txt .main-slider-txt__list li.main-slider-txt__list--layer:after {
    content: "\E007"
}

.main-slider-txt .main-slider-txt__list li.main-slider-txt__list--earth:after {
    content: "\E005"
}

.main-slider-txt .main-slider-txt__list li.main-slider-txt__list--num:after {
    content: "\E00E"
}

.under-slider-wrapper {
    background: #f5f5f5;
    padding-top: 160px;
    margin-top: -125px;
    padding-bottom: 70px
}

.delivery-txt {
    padding: 40px 0;
    margin: 60px 0
}

.delivery-txt_inner {
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 55px;
    column-gap: 55px
}

.delivery-txt_inner p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 30px
}

.bg-grey {
    background: #f5f5f5
}

.filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 0
}

.filters__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    flex-wrap: wrap;
}



.filters .filter {
    position: relative
}

.filters .filter-color-toggle,
.filters .filter-print-toggle,
.filters .filter-price-toggle,
.filters .filter-country-toggle,
.filters .filter-width-toggle,
.filters .filter-category-toggle,
.filters .filter-sort-toggle {
    font-size: 14px;
    display: inline-block;
    border-bottom: 1px dashed #959595;
    color: #2b2b2b;
    position: relative;
    margin-right: 36px;
    text-decoration: none
}

.filters .filter-color-toggle:after,
.filters .filter-print-toggle:after,
.filters .filter-price-toggle:after,
.filters .filter-country-toggle:after,
.filters .filter-width-toggle:after,
.filters .filter-category-toggle:after,
.filters .filter-sort-toggle:after {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 7px solid #959595;
    position: absolute;
    right: -17px;
    top: 9px
}

.filters .filter-color.choose .reset-filter,
.filters .filter-print.choose .reset-filter,
.filters .filter-country.choose .reset-filter,
.filters .filter-width.choose .reset-filter
{
    display: block;
    right: 39px;
    top: 10px
}

.filters .filter-color.choose .filter-color-toggle,
.filters .filter-color.choose .filter-price-toggle,
.filters .filter-country.choose .filter-country-toggle,
.filters .filter-width.choose .filter-width-toggle,
.filters .filter-color.choose .filter-category-toggle,
.filters .filter-color.choose .filter-sort-toggle {
    border-bottom: 0;
    background: #f1f1f1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 25px 8px 8px
}

.filters .filter-print.choose .filter-print-toggle,
.filters .filter-country.choose .filter-country-toggle,
.filters .filter-width.choose .filter-width-toggle,
.filters .filter-print.choose .filter-category-toggle,
.filters .filter-print.choose .filter-price-toggle,
.filters .filter-print.choose .filter-sort-toggle {
    border-bottom: 0;
    background: #f1f1f1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 25px 8px 8px
}

.filters .filter-color.choose .filter-color-toggle:after,
.filters .filter-color.choose .filter-price-toggle:after,
.filters .filter-color.choose .filter-sort-toggle:after {
    display: none
}

.filters .filter-print.choose .filter-print-toggle:after,
.filters .filter-print.choose .filter-country-toggle:after,
.filters .filter-print.choose .filter-width-toggle:after,
.filters .filter-print.choose .filter-category-toggle:after,
.filters .filter-print.choose .filter-price-toggle:after,
.filters .filter-print.choose .filter-sort-toggle:after {
    display: none
}

.filters .filter-price-toggle .close-filter-price {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #c6c6c6;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -3px;
    position: relative;
    z-index: 999
}

.filters .filter-price-toggle .close-filter-price:before {
    left: 3px
}

.filters .filter-price-toggle .close-filter-price:after {
    right: 4px
}

.filters .filter-price.choose .reset-filter {
    display: block;
    right: 34px;
    top: 9px
}

.filters .filter-price.choose .filter-price-toggle {
    border-bottom: 0;
    background: #f1f1f1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 8px 25px 8px 8px
}

.filters .filter-price.choose .filter-price-toggle:after {
    display: none
}

.filters .filter-new,
.filters .filter-sale {
    margin-right: 30px
}

.filters .filter-sale [type=checkbox]+label {
    padding-left: 0;
    margin-left: 25px;
    height: auto;
    line-height: 1.3;
    font-size: 14px;
    border-bottom: 1px dashed #959595
}

.filters .filter-sale [type=checkbox]+label:after,
.filters .filter-sale [type=checkbox]+label:before {
    margin: 0;
    top: -2px;
    left: -25px;
    border: 1px solid #e52976;
    background: #e52976;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 6px 0 6px 0;
    border-radius: 6px 0 6px 0
}

.filters .filter-sale [type=checkbox]:checked+label {
    color: #fff;
    border: 0;
    padding-right: 30px;
    padding-left: 10px;
    margin-left: 0
}

.filters .filter-sale [type=checkbox]:checked~.reset-filter-checkbox {
    display: inline-block
}

.filters .filter-sale [type=checkbox]:checked+label:before {
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    z-index: -1
}

.filters .filter-sale [type=checkbox]:checked+label:after {
    display: none
}

.filters .filter-sale .reset-filter-checkbox {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #e52976;
    right: 10px;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.filters .filter-sale .reset-filter-checkbox:before {
    background: #fff;
    left: 3px
}

.filters .filter-sale .reset-filter-checkbox:after {
    background: #fff;
    right: 4px
}

.filters .filter-new [type=checkbox]+label {
    padding-left: 0;
    margin-left: 25px;
    height: auto;
    line-height: 1.3;
    font-size: 14px;
    border-bottom: 1px dashed #959595
}

.filters .filter-new [type=checkbox]+label:after,
.filters .filter-new [type=checkbox]+label:before {
    top: -2px;
    left: -25px;
    border: 1px solid #75b819;
    background: #75b819;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 6px 0 6px 0;
    border-radius: 6px 0 6px 0
}

.filters .filter-new [type=checkbox]:checked+label {
    color: #fff;
    border: 0;
    padding-right: 30px;
    padding-left: 10px;
    margin-left: 0
}

.filters .filter-new [type=checkbox]:checked~.reset-filter-checkbox {
    display: inline-block
}

.filters .filter-new [type=checkbox]:checked+label:before {
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    z-index: -1
}

.filters .filter-new [type=checkbox]:checked+label:after {
    display: none
}

.filters .filter-new .reset-filter-checkbox {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #98d840;
    right: 10px;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.filters .filter-new .reset-filter-checkbox:before {
    background: #fff;
    left: 3px
}

.filters .filter-new .reset-filter-checkbox:after {
    background: #fff;
    right: 4px
}

.filters .filter-dropdown {
    display: none;
    -webkit-transition: -webkit-transform .5s ease 0s;
    transition: -webkit-transform .5s ease 0s;
    -o-transition: transform .5s ease 0s;
    transition: transform .5s ease 0s;
    transition: transform .5s ease 0s, -webkit-transform .5s ease 0s;
    z-index: 999
}

.filters .filter-dropdown_price {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 45px 40px 30px;
    bottom: -14px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    width: 370px;
    left: -94px
}

.filters .filter-dropdown_price input {
    width: 55px;
    height: 45px;
    background: #f1f1f1;
    position: absolute;
    border: 0;
    font-size: 15px;
    text-align: center;
    color: #000;
    top: 27px;
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.filters .filter-dropdown_price .filter-dropdown_price--max {
    right: 35px
}

.filters .filter-dropdown_price .filter-dropdown_price--min {
    left: 25px
}

.filters .filter-dropdown_price .filter-dropdown_price--min+label {
    position: absolute;
    left: 87px;
    top: 41px
}

.filters .filter-dropdown_price .filter-dropdown_price--max+label {
    position: absolute;
    right: 20px;
    top: 41px
}

.filters .filter-dropdown_color,
.filters .filter-dropdown_print,
.filters .filter-dropdown_country,
.filters .filter-dropdown_width,
.filter-dropdown_category {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px 15px;
    bottom: -14px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 99;
    width: 370px;
    left: -15px
}

.filters .filter-reset {
    margin-top: 10px;
}

@media (max-width: 767px) {
    .filters .filter .filter-dropdown {
        max-width: 290px;
    }

    .filters .filter .filter-dropdown {
        left: -15px;
    }

    .filters .filter .filter-dropdown.right {
        right: 0;
        left: auto;
    }

    .filters .filter:not(.filter-sort) .filter-dropdown {
        max-height: 400px;
        overflow: auto;
    }
}

@media (max-width: 480px) {
    .filters .filter__flex {
        position: relative;
    }

    .filters .filter:not(.filter-sort) {
        position: static;
        display: flex;
    }

    .filters .filter:not(.filter-sort) .reset-filter {
        position: relative;
        margin-left: -16px;
        margin-top: 2px;
    }

    .filters .filter:not(.filter-sort) .filter-dropdown {
        width: 100%;
        max-width: calc(100% - 66px);
        left: 0;
        top: 0;
        bottom: auto;
        max-width: 100%;
        transform: translateY(0);
    }

    .filters .filter.filter-price .filter-dropdown {
        left: -30px;
    }

    .filter-dropdown_color {
        min-height: 200px;
    }
}

.filters .filter-dropdown_color-item,
.filters .filter-dropdown_print-item
{
    width: 49%;
    display: inline-block
}

.filters .filter-dropdown_color-item [type=checkbox]+label,
.filters .filter-dropdown_print-item [type=checkbox]+label
{
    height: auto;
    font-size: 14px
}

.filters .filter-dropdown_color-item [type=checkbox]+label i,
.filters .filter-dropdown_print-item [type=checkbox]+label i
{
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 25px;
    margin-right: 5px;
    margin-top: 0;
    top: 2px
}

.filters .filter-dropdown_color-item [type=checkbox]+label:after,
.filters .filter-dropdown_color-item [type=checkbox]+label:before,
.filters .filter-dropdown_print-item [type=checkbox]+label:after,
.filters .filter-dropdown_print-item [type=checkbox]+label:before
{
    width: 17px;
    height: 17px;
    margin-top: 4px;
    border: 1px solid #c6c6c6;
    background-image: -webkit-gradient(linear, left bottom, left top, from(whitesmoke), to(rgba(245, 245, 245, 0)));
    background-image: -webkit-linear-gradient(bottom, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    background-image: -o-linear-gradient(bottom, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    background-image: linear-gradient(to top, #f5f5f5 0, rgba(245, 245, 245, 0) 100%);
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    left: 0;
    top: 0
}

.filters .filter-dropdown_country [type=checkbox]+label:before {
    top: 3px;
}

.filters .filter-dropdown_width [type=checkbox]+label:before {
    top: 0;
}

.filters .filter-dropdown_color-item [type=checkbox]+label:after,
.filters .filter-dropdown_print-item [type=checkbox]+label:after
{
    border-right: 0;
    border-bottom: 0;
    background: 0 0;
    width: 6px;
    height: 10px
}

.filters .filter-dropdown_color-item [type=checkbox]:checked+label:after,
.filters .filter-dropdown_print-item [type=checkbox]:checked+label:after
{
    width: 6px;
    height: 10px;
    border-top: 2px solid #00309d;
    border-left: 2px solid #00309d;
    border-right: 0;
    border-bottom: 0;
    left: 11px;
    top: 4px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.filters .filter-dropdown_country [type=checkbox]+label:after {
    top: 5px;
}

.filters .filter-dropdown_sort {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    bottom: -10px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 99;
    width: 190px;
    left: -15px
}

.filters .filter-dropdown_sort ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.filters .filter-dropdown_sort ul li a {
    color: #000;
    text-decoration: none;
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px 15px
}

.filters .filter-dropdown_sort ul li a:hover {
    background: #f1f1f1
}

.filters .reset-filter {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #d1d1d1;
    right: 10px;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.filters .reset-filter:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 1px;
    background: #2b2b2b;
    left: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.filters .reset-filter:after {
    content: '';
    position: absolute;
    width: 8px;
    height: 1px;
    background: #2b2b2b;
    right: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.filters .filter-hits [type=checkbox]+label::after,
.filters .filter-hits [type=checkbox]+label::before {
    top: -2px;
    left: -25px;
    border: 1px solid #939;
    background: #939;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 6px 0 6px 0;
    border-radius: 6px 0 6px 0
}

.filters .filter-hits [type=checkbox]+label {
    padding-left: 0;
    margin-left: 25px;
    height: auto;
    line-height: 1.3;
    font-size: 14px;
    border-bottom: 1px dashed #959595
}

.filters .filter-hits .reset-filter-checkbox {
    display: none;
    width: 16px;
    height: 16px;
    position: absolute;
    background: #a265a2;
    right: 10px;
    top: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.filters .filter-hits .reset-filter-checkbox::after {
    background: #fff;
    right: 4px
}

.filters .filter-hits [type=checkbox]:checked~.reset-filter-checkbox {
    display: inline-block
}

.filters .filter-hits [type=checkbox]:checked+label::before {
    left: 0;
    width: 100%;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0;
    z-index: -1
}

.filters .filter-hits [type=checkbox]:checked+label {
    color: #fff;
    border: 0;
    padding-right: 30px;
    padding-left: 10px;
    margin-left: 0
}

.filters .filter-hits [type=checkbox]:checked+label:after {
    display: none
}

.filters .filter-hits .reset-filter-checkbox::before {
    background: #fff;
    left: 3px
}

.product {
    border: 1px solid #ddd;
    padding: 0;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: 24px;
    position: relative
}

@media (min-width: 600px) {
    .product:hover .product__more-colors {
        overflow: visible;
        height: auto;
        opacity: 1;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%)
    }
}

.product:hover .product__title {
    color: #00309d
}

.product a {
    text-decoration: none
}

.product__img {
    position: relative;
    padding-bottom: 100%;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
}

.product__img img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product__img .label,
.product__video .label {
    z-index: 3;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    line-height: 24px;
    font-weight: 700;
    -webkit-border-radius: 8px 0;
    border-radius: 8px 0;
    padding: 4px 12px;
    position: absolute;
    left: 0;
    top: -10px
}

.product__img .label:first-of-type,
.product__video .label:first-of-type {
    top: -10px
}

.product__img .label+.label,
.product__video .label+.label {
    top: 35px
}

.product__img .label.label-new,
.product__video .label.label-new {
    background: #75b819;
}

.product__img .label.label-sale,
.product__video .label.label-sale {
    background: #e52976;
}

.product__img .label.label-hit,
.product__video .label.label-hit {
    background: #939;
}

.product__title {
    font-size: 14px;
    color: #000;
    font-weight: 700;
    margin-top: 16px;
    padding-left: 10px;
    padding-right: 10px
}

.product__desc {
    padding: 0 10px;
    font-size: 12px;
    color: #666;
    margin-top: auto;
    margin-bottom: 15px;
}

.product__color {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    line-height: 22px;
    font-style: italic;
    color: #7e7e7e;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product__info {
    display: flex;
    justify-content: space-between;

    padding-right: 10px;
}

.product__favorite {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 20px;
    cursor: pointer;
}

.product__favorite svg {
    width: 20px;
    height: 17px;
    object-fit: contain;

    stroke: #e64d4d;
    stroke-width: 5px;
    fill: transparent;

    transition-property: fill;
    transition-duration: 0.3s;
    will-change: fill;
}

.product__favorite--active svg {
    fill: #e64d4d;
}

.product__sample {
    display: flex;
    justify-content: center;
    align-items: center;
    order: -1;
    width: 100%;
}

.product__sample-link {
    position: relative;
    display: inline-flex;
    padding: 10px 0;
    flex-wrap: wrap;
    font-size: 14px;
    color: #00309d;
    text-decoration: underline;
}

.product__sample-link.disabled {
    color: #c6c6c6;
    cursor: default;
}


.product__sample a {
    text-decoration: underline;
}

.product__sample a:hover,
.product__sample a:focus {
    text-decoration: none;
}

a.product__sample-link--active {
    text-decoration: none;
    color: #75b819;
    cursor: default;
}

.product__sample-link::after {
    width: 21px;
    height: 21px;
    margin-left: 7px;
    background: url("/content/images/fabric.png") no-repeat center / 21px transparent;
    content: "";
}

.product__sample-link.disabled::after {
    opacity: 0.2;
}

@media (max-width: 640px) {
    .product__info {
        position: absolute;
        z-index: 1;
        top: 7px;
        right: 7px;

        justify-content: center;
        align-items: center;

        width: 30px;
        height: 30px;
        padding-right: 0;

        background-color: rgba(255, 255, 255, 0.7);
        border-radius: 5px;
    }

    .product__sample {
        position: absolute;
        bottom: 4px;
        left: 0;
        width: 100%;
        text-align: center;
    }

    .product__sample-link {
        padding: 5px 0;
    }
    .product__sample-link::after {
        display: none;
    }
}

.product__price {
    position: relative;
    padding: 7px 30px 7px 0;
    text-align: right
}

.product__price_txt {
    font-size: 13px;
    color: #010101;
    line-height: 24px
}

.product__price_nosale {
    color: #00309d;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    font-family: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Cantarell, 'Fira Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Droid Sans', Tahoma, 'Microsoft Sans Serif', sans-serif
}

.product__price_old {
    font-size: 11px;
    color: #959595;
    text-decoration: line-through;
    display: inline-block;
    font-family: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Cantarell, 'Fira Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Droid Sans', Tahoma, 'Microsoft Sans Serif', sans-serif
}

.product__price_sale {
    font-size: 18px;
    font-weight: 700;
    color: #f53c34;
    font-family: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Cantarell, 'Fira Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Droid Sans', Tahoma, 'Microsoft Sans Serif', sans-serif
}

.product__price__info {
    font-size: 10px;
    color: #000;
    display: block;
    z-index: 5;
    position: absolute;
    top: -10px;
    right: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    text-align: center
}

.product__price__info:hover span {
    overflow: visible;
    width: 150px;
    opacity: 1
}

.product__price__info i {
    font-size: 10px;
    color: #000;
    background: #ffcb00;
    width: 17px;
    height: 17px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    line-height: 17px;
    display: inline-block;
    z-index: 5;
    position: relative
}

.product__price__info span {
    color: #000;
    background: #ffcb00;
    font-size: 12px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    position: absolute;
    left: 5px;
    padding: 0 5px 0 5px;
    opacity: 0;
    width: 0;
    overflow: hidden;
    white-space: nowrap;
    top: 0;
    height: 17px;
    z-index: 2;
    -webkit-transition: .5s ease .2s;
    -o-transition: .5s ease .2s;
    transition: .5s ease .2s;
    display: inline-block
}

.product-carousel .product__price__info {
    position: absolute;
    top: -14px;
    right: -10px;
    display: inline-block
}

.product-carousel .product__price {
    padding-right: 0;
    position: relative
}

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

.product__bottom_txt {
    font-size: 13px;
    color: #000;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.product__number {
    position: relative;
    cursor: pointer;
    width: 128px;
    margin-right: 10px;
    display: inline-block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.product__number-error {
    position: absolute;
    bottom: -22px;
    font-size: 12px;
    white-space: nowrap;
    color: #f53c34;
    left: 0;
    font-weight: 500;
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s;
    opacity: 0
}

.product__number-error.active {
    opacity: 1
}

.product__number_input {
    padding: 7px 25px 7px 0;
    text-align: center;
    border: 1px solid #c6c6c6;
    background: #f1f1f1;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    position: relative
}

.product__number_input.active {
    background: #fff
}

.product__number_input:after {
    content: '';
    height: 0;
    width: 0;
    border: 4px solid transparent;
    border-top: 4px solid #959595;
    position: absolute;
    right: 40px;
    vertical-align: middle;
    top: 14px
}

.product__number_input input[type=number] {
    background: 0 0;
    border: none;
    width: 100px;
    padding: 0 15px
}

.product__number_input input[type=number]::-webkit-input-placeholder {
    color: #2b2b2b;
    font-size: 15px;
    text-decoration: underline
}

.product__number_input input[type=number]:-moz-placeholder {
    color: #2b2b2b;
    font-size: 15px;
    text-decoration: underline
}

.product__number_input input[type=number]::-moz-placeholder {
    color: #2b2b2b;
    font-size: 15px;
    text-decoration: underline
}

.product__number_input input[type=number]:-ms-input-placeholder {
    color: #2b2b2b;
    font-size: 15px;
    text-decoration: underline
}

.product__number_input-value {
    color: #2b2b2b;
    font-size: 15px;
    padding-right: 12px
}

.product__number_plus {
    position: absolute;
    top: 1px;
    right: 2px;
    font-size: 16px;
    font-weight: 700;
    width: 24px;
    height: 18px;
    text-align: center;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background: #f1f1f1;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0
}

.product__number_plus:hover {
    background: #d2d2d2
}

.product__number_minus {
    position: absolute;
    bottom: 1px;
    right: 2px;
    font-size: 16px;
    font-weight: 700;
    width: 24px;
    height: 18px;
    text-align: center;
    border-left: 1px solid #fff;
    background: #f1f1f1;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
    border-top: 1px solid #fff;
    line-height: 16px
}

.product__number_minus:hover {
    background: #d2d2d2
}

.product__number_dropdown {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #c6c6c6;
    top: 100%;
    width: 215px;
    padding: 7px 0;
    left: 0;
    z-index: 9999
}

.product__number_dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.product__number_dropdown ul li {
    padding: 5px 30px
}

.product__number_dropdown ul li:hover {
    background: #f1f1f1
}

.product__number_dropdown ul a {
    font-size: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #2b2b2b
}

.product__number_dropdown ul a.fabric-link {
    border: 0;
}

.product__number_dropdown ul a.fabric-link:hover {
    background: transparent;
    color: #2b2b2b;
}

.product__number.active .product__number_input {
    background: #fff
}

.product__number_txt {
    display: inline-block;
    font-size: 13px;
    margin-right: 5px
}

.product__number {
    width: 84px
}

.product__number_minus {
    right: auto;
    left: 0;
    height: 100%;
    width: 20px;
    line-height: 35px;
    border-radius: 4px 0 0 4px;
    border-right: 1px solid #fff
}

.product__number_plus {
    height: 100%;
    line-height: 35px;
    width: 20px;
    border-radius: 0 4px 4px 0
}

.product__number_input {
    padding-left: 20px;
    padding-right: 20px;
    border: 0
}

.product__number_input input[type=number] {
    text-align: center;
    width: 40px;
    padding: 0
}

.product__number_input:after {
    display: none
}

.product__more-colors {
    position: absolute;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    bottom: 10px;
    overflow: hidden;
    opacity: 0;
    height: 0;
    left: -1px;
    right: -1px;
    background: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
    border-top: 0;
    padding: 0 20px 20px;
    -webkit-transition: .4s ease 0s;
    -o-transition: .4s ease 0s;
    transition: .4s ease 0s
}

.product__more-colors_title {
    color: #000;
    font-size: 16px;
    font-weight: 700;
    margin: 20px 0 10px
}

.product__more-colors ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product__more-colors ul li {
    width: 20%;
    margin-bottom: 9px
}

.product__more-colors ul li a {
    display: block;
    width: 28px;
    height: 28px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin: auto
}

.product__more-colors ul li.active a {
    border: 2px solid #00309d
}

.product__more-colors ul li:hover a {
    border: 2px solid #00309d
}

.product__more-colors .all-colors {
    text-align: center
}

.product__more-colors .all-colors a {
    text-decoration: underline;
    font-size: 15px;
    font-weight: 300;
    color: #00309d
}

.product__more-colors .all-colors a:hover {
    text-decoration: none
}

.product__mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 5px;
    position: relative;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px
}

.product__number-wrapper {
    display: flex;
    align-items: center
}

.index-carousel-wrapper {
    overflow: hidden
}

.index-carousel-wrapper .slick-list {
    overflow: visible;
    z-index: 9999
}

.product-grid .product {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
}

.product-grid .product>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

@media (min-width: 600px) {
    .product-grid .product:hover .product__more-colors {
        bottom: 10px;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        z-index: 999
    }
}

.product-grid .product__more-colors {
    padding: 0 10px 20px;
    -webkit-transform: translateY(80%);
    -ms-transform: translateY(80%);
    transform: translateY(80%);
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.product-grid .product__more-colors ul li a {
    width: 30px;
    height: 30px
}

.product-grid .col-lg-4 {
    padding: 0 9px
}

.product-grid .product__img img {
    -webkit-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0
}

.product-carousel .product__bottom,
.product-grid .product__bottom {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.product-grid .product__number_txt {
    margin: 0
}

.product-carousel .btn__cart-catalog,
.product-grid .btn__cart-catalog {
    width: 100%;
    display: inline-block;
    border: 1px solid #00309d;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    color: #00309d;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 10px;
    text-align: center;
    padding: 7px 40px 7px 10px;
    position: relative
}

.product-carousel .btn__cart-catalog:last-of-type,
.product-grid .btn__cart-catalog:last-of-type {
    border-color: #75b819;
    color: #75b819;
}

.product-carousel .btn__cart-catalog:after,
.product-grid .btn__cart-catalog:after {
    content: "\E004";
    display: inline-block;
    font-size: 20px;
    color: #fff;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    position: absolute;
    right: 0;
    width: 36px;
    height: 36px;
    top: -1px;
    background: #002f9d;
    line-height: 36px;
    -webkit-border-radius: 6px;
    border-radius: 6px
}

.product-carousel .btn__cart-catalog:last-of-type:after,
.product-grid .btn__cart-catalog:last-of-type:after {
    background: #75b819;
}

.product-carousel .btn__cart-catalog:hover,
.product-grid .btn__cart-catalog:hover {
    background: #00309d;
    color: #fff
}

.product-carousel .btn__cart-catalog:last-of-type:hover,
.product-grid .btn__cart-catalog:last-of-type:hover {
    background: #75b819;
}

.product-grid .product__title {
    font-size: 16px;
    padding: 0 10px;
    margin-bottom: 5px;
}

.product-grid .product__price__info {
    top: -9px;
    position: absolute;
    right: 5px
}

.product-grid .product__price {
    position: static;
    padding-right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.product-grid .product__price_nosale {
    line-height: 24px
}

.product-grid .product__price_old {
    font-size: 13px;
    line-height: 8px;
    color: #959595;
    text-decoration: line-through
}

.product-grid .product__price_sale {
    color: #f53c34;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    display: inline-block
}

.product-grid .product__number_txt {
    font-size: 13px
}

.product-carousel-wrapper {
    position: relative;
    max-width: 1170px;
    margin-left: auto;
    margin-right: auto
}

.product-carousel-wrapper .label {
    left: -5px;
    top: -5px
}

.product-carousel-wrapper .label:first-of-type {
    top: -5px
}

.product-carousel-wrapper .label:nth-of-type(2) {
    top: 30px
}

.product-carousel-wrapper:before {
    content: '';
    position: absolute;
    width: 1170px;
    left: 15px;
    right: 0;
    background: #fff;
    z-index: 99999;
    height: 100%;
    top: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.product-carousel-wrapper:after {
    content: '';
    position: absolute;
    width: 1170px;
    left: -15px;
    right: 0;
    background: #fff;
    z-index: 9999;
    height: 100%;
    top: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.product-carousel-wrapper .slick-slide {
    text-align: center
}

.product-carousel-wrapper .product {
    text-align: left
}

.cart-table {
    display: table;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px 0 0
}

.cart-table__header {
    display: table-row
}

.cart-table__header .cart-table__item {
    display: table-cell;
    font-size: 13px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase;
    padding: 5px 20px;
    border-bottom: 1px solid #f1f1f1
}

.cart-table__row {
    display: table-row
}

.cart-table__row>div {
    display: table-cell;
    vertical-align: middle;
    padding: 15px 20px;
    border-bottom: 1px solid #f1f1f1
}

.cart-table__row__delete {
    padding-left: 100px !important;
    text-align: center
}

.cart-table__img img {
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.cart-table__name a {
    font-size: 16px;
    line-height: 21px;
    color: #000;
    text-decoration: none
}

.cart-table__name a:hover {
    color: #00309d;
    text-decoration: underline
}

.cart-table__wrapper .price--sale,
.cart-table .price--sale {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #f53c34;
    display: inline-block;
    padding-right: 8px
}

.cart-table__wrapper .price--old,
.cart-table .price--old {
    font-size: 13px;
    line-height: 24px;
    color: #959595;
    text-decoration: line-through
}

.cart-table .price--default {
    font-size: 16px;
    line-height: 21px;
    font-weight: 300;
    color: #2b2b2b
}

.cart-table .cart-table__ammount {
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    color: #2b2b2b
}

.cart-bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 0 0 95px;
    margin-top: 25px
}

.cart-bottom_delivery {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px
}

.cart-bottom_delivery-title {
    font-size: 18px;
    color: #2b2b2b;
    line-height: 21px;
    font-weight: 700;
    position: relative;
    padding-left: 50px;
    margin-right: 33px
}


.cart-bottom_total {
    max-width: 455px
}

.cart-bottom_total-amount {
    background: #f1f1f1;
    font-size: 18px;
    margin-bottom: 18px;
    padding: 10px 20px;
    display: inline-block;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    font-weight: 700
}

.cart-bottom_total-amount .price--total {
    color: #00309d
}

.cart-bottom-total-comment {
    font-size: 15px;
    font-style: italic;
    color: #575757;
    padding-left: 20px
}

.product-card_img-for-item img {
    -webkit-border-radius: 20px;
    border-radius: 20px;
    max-width: 100%
}

.product-card_img-nav-item {
    cursor: pointer
}

.product-card_img-nav-item--autoplay-video {
    position: relative;
    padding-bottom: 100%;

}

.product-card_img-nav-item--autoplay-video video {
    object-fit: cover;
    display: block;
    margin: auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 15px;
    max-width: 100%;
}

@media (max-width: 600px) {
    .product-card_img-nav-item--autoplay-video video {
        width: 100%;
    }
}

.product-card_img-nav-item--autoplay-video-nav {
    position: relative;
}

@media (max-width: 991px) {
    .product-card_img-nav-item--autoplay-video-nav .product__video-play {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
}

.product-card_img-nav-item--autoplay-video-nav img:first-child {
    filter: brightness(0.8);
}

.product-card_img-nav-item--autoplay-video-nav .product__video-play {
    border: none;
}

.product-card_img-nav-item--autoplay-video-nav:after {
    display: none;
}

.product-card_img-nav-item img {
    margin: auto;
    border: 2px solid transparent;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    max-width: 100%
}

.product-card_img-nav {
    padding: 0 45px
}

.product-card_img-nav .slick-current .product-card_img-nav-item img {
    border-color: #00309d
}

.content-product .title--dark {
    line-height: 30px;
    margin: 0;
}

.content-product .product__number_txt {
    font-size: 13px
}

.product__info-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    margin-top: 10px;
}

.product-card_label-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-card_label-row .label {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    line-height: 24px;
    font-weight: 700;
    -webkit-border-radius: 8px 0;
    border-radius: 8px 0;
    padding: 4px 12px
}

.product-card_label-row .label:first-child {
    margin-right: 8px
}

.product-card_label-row .label-sale {
    background: #e52976;
}

.product-card_label-row .label-new {
    background: #75b819
}

.availability {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 21px;
    color: #909090;
    position: relative;
    padding-left: 18px
}

.availability:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 5px;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-radius: 20px;
    background: rgba(154, 156, 163, 0.50);
}

.availability.instock:before {
    background: #75b819;
}

.availability.outstock:before {
    background: #f53c34;
}

.availability.soon-instock:before {
    background: #FFA100;
}

.product-card_price {
    font-size: 16px;
    line-height: 21px;
    color: #2b2b2b;
    margin-bottom: 6px
}

.product-card_price-num {
    display: inline-block;
    font-size: 21px;
    font-weight: 700;
    color: #00309d;
    padding: 0 15px 0 10px
}

.product-card_price-old {
    display: inline-block;
    font-size: 16px;
    color: #959595;
    text-decoration: line-through
}

.product-card_min-length {
    background: #ffcb00;
    font-size: 12px;
    line-height: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 6px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2b2b2b
}

.product-card_option-row {
    margin-top: 25px;
    margin-bottom: 40px
}

.option-color {
    position: relative;
    margin-bottom: 40px;
    width: 100%;
    display: flex;
}

.option-color__label {
    margin-right: 12px;
}

.option-color-dropdown {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 10px 0 20px;
    bottom: -14px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    z-index: 99;
    width: 200px;
    left: -15px;
    max-height: 290px;
    overflow-y: scroll;
    display: none
}

.option-color-dropdown::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: #f1f1f1
}

.option-color-dropdown::-webkit-scrollbar {
    width: 5px;
    background-color: #f1f1f1
}

.option-color-dropdown::-webkit-scrollbar-thumb {
    background-color: #002f9d;
    -webkit-border-radius: 50px;
    border-radius: 50px
}

.option-color-dropdown ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.option-color-dropdown ul li {
    position: relative
}

.option-color-dropdown ul li a {
    position: relative;
    cursor: pointer;
    line-height: 40px;
    font-size: 15px;
    text-decoration: none;
    text-transform: lowercase;
    display: block;
    padding: 0 25px;
    color: #2b2b2b
}

.option-color-dropdown ul li a:hover {
    background: #f1f1f1
}

.option-color-dropdown ul li a.current {
    background: #f1f1f1
}

.option-color-dropdown ul li a span {
    position: relative;
    display: inline-block;
    width: 13px;
    height: 13px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 25px;
    margin-right: 5px;
    margin-top: 0;
    top: 2px
}

.product-card-color {
    font-size: 16px;
    display: inline-block;
    border-bottom: 1px dashed #959595;
    color: #2b2b2b;
    position: relative;
    margin-right: 30px;
    text-decoration: none
}

.product-card-color:hover {
    border-bottom-color: transparent;
    color: #00309d
}

.product-card-color:hover:after {
    border-top-color: #00309d
}

.product-card-color:after {
    content: '';
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top: 7px solid #959595;
    position: absolute;
    right: -19px;
    top: 6px
}

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

.product-card_btn-row .btn.btn--md {
    width: 175px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.product-card__order {
    margin-bottom: 20px;

}

.product-card__order-warning {
    font-size: 12px;
    color: #9f0000;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;

}

.product-card__order-warning:before {
    content: "!";
    color: #fff;
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #9f0000;
    border-radius: 50%;
    vertical-align: baseline;
    margin-right: 4px;
    text-align: center;
    font-weight: 700;
    line-height: 12px;
    font-size: 10px;
}

.product-card__order-info {
    font-size: 14px;
    margin-bottom: 10px;
}

.product-card__order-info-cost {
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: #00309d;
}

.product-card__order-info a {
    color: #00309d;
}

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

.product-card__order-row .product__number {
    width: 175px;
    margin: 0;
}

.product-card__order-row .product__number_input {
    padding: 9px 32px;
    border: 2px solid #C6C6C6;
    background: transparent;
    position: relative;
}

.product-card__order-row .product__number_input:after {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 451.847 451.847' xml:space='preserve' fill='%23b6b6b6'%3E%3Cpath d='M225.923,354.706c-8.098,0-16.195-3.092-22.369-9.263L9.27,151.157c-12.359-12.359-12.359-32.397,0-44.751 c12.354-12.354,32.388-12.354,44.748,0l171.905,171.915l171.906-171.909c12.359-12.354,32.391-12.354,44.744,0 c12.365,12.354,12.365,32.392,0,44.751L248.292,345.449C242.115,351.621,234.018,354.706,225.923,354.706z'/%3E%3C/svg%3E%0A");
    background-size: contain;
    position: absolute;
    right: 50px;
    top: 12px;
    display: block;
    background-repeat: no-repeat;
    border: 0;
}

.product-card__order-row .product__number_input.active:after {
    transform: rotate(-180deg);
}

.product-card__order-row .product__number_plus {
    height: 100%;
    line-height: 35px;
    width: 32px;
    border-radius: 0 4px 4px 0;
    background: transparent;
    border-left: 2px solid #b6b6b6;
    font-size: 24px;
}

.product-card__order-row .product__number_minus {
    right: auto;
    left: 2px;
    height: 100%;
    width: 32px;
    line-height: 35px;
    border-radius: 4px 0 0 4px;
    background: transparent;
    font-size: 24px;
    bottom: 0;
    border: 0;
    border-right: 2px solid #b6b6b6;
}



.product-card_cart-info {
    color: #2b2b2b;
    margin-top: 15px;
    font-size: 16px
}

.product-card_cart-info a {
    color: #00309d
}

.product-card_cart-info a:hover {
    text-decoration: none
}

.card-product_arrows a {
    font-size: 13px;
    line-height: 28px;
    color: #2b2b2b;
    display: inline-block;
    position: relative
}

.card-product_arrows .card-product_arrows-prev {
    padding-left: 32px;
    padding-right: 18px
}

.card-product_arrows .card-product_arrows-prev:hover {
    text-decoration: none
}

.card-product_arrows .card-product_arrows-prev:hover:before {
    left: 6px
}

.card-product_arrows .card-product_arrows-prev:before {
    content: '';
    width: 16px;
    height: 16px;
    border-top: 3px solid #00309d;
    border-left: 3px solid #00309d;
    position: absolute;
    left: 16px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.card-product_arrows .card-product_arrows-next {
    padding-left: 18px;
    padding-right: 32px
}

.card-product_arrows .card-product_arrows-next:hover {
    text-decoration: none
}

.card-product_arrows .card-product_arrows-next:hover:before {
    right: 0
}

.card-product_arrows .card-product_arrows-next:before {
    content: '';
    width: 16px;
    height: 16px;
    border-bottom: 3px solid #00309d;
    border-right: 3px solid #00309d;
    position: absolute;
    right: 10px;
    top: 7px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: .5s ease 0s;
    -o-transition: .5s ease 0s;
    transition: .5s ease 0s
}

.card-product_conditions {
    background: #f1f1f1;
    margin: 57px 0 35px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 25px 18px 3px
}

.card-product_conditions-title,
.card-product_delivery-title,
.card-product_description-title,
.card-product_feature-title {
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px
}

.product-card_cond-w .icon-navigate-up-arrow {
    position: absolute;
    right: 15px;
    background-color: #00309d;
    border-radius: 50%;
    top: -3px;
    width: 25px;
    height: 25px;
    display: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 13px;
    transform: rotate(180deg);
    transition: .2s ease-in-out;
}

.product-card_cond-w .active .icon-navigate-up-arrow {
    transform: rotate(0);
    transition: .2s ease-in-out;
}

@media (max-width: 600px) {
    .card-product_conditions-title,
    .card-product_delivery-title,
    .card-product_side-title {
        position: relative;
    }
    .product-card_cond-w .icon-navigate-up-arrow {
        display: flex;
    }
}

.card-product_conditions-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.card-product_conditions-list li {
    font-size: 14px;
    line-height: 18px;
    color: #666;
    position: relative;
    padding-left: 20px;
    margin-bottom: 18px
}

.card-product_conditions-list li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background: #d1d1d1;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.card-product_conditions-list li:after {
    content: '';
    width: 7px;
    height: 5px;
    border-top: 2px solid #f1f1f1;
    border-right: 2px solid #f1f1f1;
    position: absolute;
    left: 4px;
    top: 4px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.card-product_delivery {
    position: relative
}



.card-product_delivery-title {
    margin-bottom: 3px
}

.card-product_delivery-txt {
    font-size: 14px;
    color: #666
}

.card-product_delivery a {
    color: #00309d
}

.card-product_delivery a:hover {
    text-decoration: none
}

.card-product_feature {
    margin-top: 30px
}

.card-product_feature-table {}

.card-product_feature-row {
    display: flex;
    padding: 9px 12px;
}

.card-product_feature-row:nth-child(odd) {
    background-color: rgba(241, 241, 241, 1);
}

.card-product_feature-cell {
    padding: 3px 0 0 0
}

.card-product_feature-cell--title {
    color: #666;
    font-size: 14px
}

.card-product_feature-cell--value {
    color: #000;
    font-size: 14px
}

.card-product_description {
    margin-top: 15px;
}

.card-product_description-txt {
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.card-product_others-colors_grid {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 32px -15px
}

.card-product_others-colors_item {
    max-width: 155px;
    margin: 0 12px 30px;
    text-align: center
}

.card-product_others-colors_item:hover img {
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .45);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .45)
}

.card-product_others-colors_item:hover span {
    text-decoration: none
}

.card-product_others-colors_item img {
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-transition: .4s ease 0s;
    -o-transition: .4s ease 0s;
    transition: .4s ease 0s;
    max-width: 100%
}

.card-product_others-colors_item a {
    color: #00309d;
    display: block
}

.card-product_others-colors_item span {
    display: inline-block;
    padding-top: 5px;
    text-decoration: underline;
    -webkit-transition: .4s ease 0s;
    -o-transition: .4s ease 0s;
    transition: .4s ease 0s
}

.card-product-advantage {
    -webkit-border-radius: 45px;
    border-radius: 45px;
    padding: 30px 24px 30px 24px;
    margin: 70px 0 0 0;
    background: #fff;
    z-index: 0;
    position: relative;
    border: 1px solid #ccc
}

.card-product-advantage__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 10px
}

.card-product-advantage__list {
    list-style: none;
    padding: 0;
    margin: 0
}

.card-product-advantage__list li {
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0 10px 55px;
    position: relative
}

.card-product-advantage__list li:before {
    content: '';
    background: #e2ecff;
    width: 35px;
    height: 35px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.card-product-advantage__list li:after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #00309d;
    font-family: icons;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    font-size: 35px;
    max-height: 20px
}

.card-product-advantage__list li.card-product-advantage__list--sale:after {
    content: "\E00B"
}

.card-product-advantage__list li.card-product-advantage__list--layer:after {
    content: "\E007"
}

.card-product-advantage__list li.card-product-advantage__list--earth:after {
    content: "\E005"
}

.card-product-advantage__list li.card-product-advantage__list--num:after {
    content: "\E00E"
}

.aside-menu-wrapper {
    border: 1px solid #ddd;
    margin-top: 30px;
    padding: 10px 15px
}

.aside-menu-wrapper--notitle {
    padding-top: 30px;
    margin-top: 60px;
}

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

.aside_menu>li {
    margin-bottom: 8px
}

.aside_menu>li>a {
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 21px;
    color: #000;
    text-decoration: none;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding: 2px 10px;
    font-weight: 700
}

.aside_menu>li>a span {
    text-transform: none;
    font-weight: 400
}

.aside_menu>li>a .num {
    color: #ccc;
    font-size: 12px;
    display: inline-block;
    margin-left: 8px;
}

.aside_menu>li>a:hover {
    background: #f1f1f1
}

.aside_menu>li.current>a {
    color: #002c9e;
}

.aside_menu .aside_menu-child {
    list-style: none;
    margin: 0 0 20px;
    padding: 0
}

.aside_menu .aside_menu-child>li>a {
    font-size: 14px;
    line-height: 28px;
    font-weight: 300;
    color: #666;
    padding-left: 10px;
    text-decoration: none;
    position: relative
}

.aside_menu .aside_menu-child>li>a .num {
    color: #ccc;
    font-size: 12px;
    display: inline-block;
    margin-left: 8px;
}

.aside_menu .aside_menu-child>li>a:hover {
    color: #00309d;
    font-weight: 700
}

.aside_menu .aside_menu-child>li.current>a {
    color: #00309d;
    font-weight: 700
}

.aside_menu .aside_menu-child>li.current>a .num {
    color: #ccc;
    font-weight: 300;
}


.contacts-phone {
    margin-top: 25px;
    margin-bottom: 35px
}

.contacts-phone a {
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    color: #2b2b2b;
    text-decoration: none;
    display: inline-block;
    position: relative;
    padding-left: 35px
}

.contacts-phone a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 15px;
    height: 15px;
    background: url(../img/phone.svg) no-repeat 0 0/contain
}

.contacts-timetable {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 20px;
    margin-bottom: 40px;
    position: relative;
    padding-left: 35px
}

.contacts-timetable:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 17px;
    height: 17px;
    background: url(../img/clock.svg) no-repeat 0 0/contain
}

.contacts-email a {
    font-size: 16px;
    color: #00309d;
    display: inline-block;
    position: relative;
    padding-left: 35px
}

.contacts-email a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 17px;
    height: 13px;
    background: url(../img/mail.svg) no-repeat 0 0/contain
}

.contacts-adress {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 20px;
    margin-top: 25px;
    margin-bottom: 45px;
    position: relative
}

.contacts-adress:before {
    content: '';
    position: absolute;
    left: -30px;
    top: 1px;
    width: 30px;
    height: 20px;
    background: url(../img/address.svg) no-repeat 0 0/contain
}

.contact-social .contact-social_item {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: #f1f1f1;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    margin: 0 2px;
    position: relative;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.contact-social .contact-social_item:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 23px;
    height: 23px;
    -webkit-transition: .3s ease 0s;
    -o-transition: .3s ease 0s;
    transition: .3s ease 0s
}

.contact-social .contact-social_item:hover {
    background: #00309d
}

.contact-social .contact-social_item:hover.contact-social_item-fb:before {
    background: url(../img/fb-w.svg) no-repeat center center/contain
}

.contact-social .contact-social_item:hover.contact-social_item-vk:before {
    background: url(../img/vk-w.svg) no-repeat center center/contain
}

.contact-social .contact-social_item:hover.contact-social_item-inst:before {
    background: url(../img/insta-w.svg) no-repeat center center/contain
}

.contact-social .contact-social_item-fb:before {
    background: url(../img/fb.svg) no-repeat center center/contain
}

.contact-social .contact-social_item-vk:before {
    background: url(../img/vk.svg) no-repeat center center/contain
}

.contact-social .contact-social_item-inst:before {
    background: url(../img/insta.svg) no-repeat center center/contain
}

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

.form-feedback .form-group-bottom {
    margin-top: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative
}

.form-feedback .form-group-allow {
    position: absolute;
    left: 0;
    top: 3px;
    margin: 0;
    width: 210px
}

.form-group-col {
    width: 49%;
    margin: 0 2px;
    height: 100%
}

.form-group-col .form-group textarea {
    height: 147px;
    width: 100%
}

.contacts-shop_item-wrapper .contacts-shop_item {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 20px;
}

.contacts-shop_item-wrapper .contacts-shop_item h4 {
    font-weight: 700;
    text-align: left;
}

.contacts-shop_item {
    position: relative;
    padding-left: 35px;
    margin-top: 22px;
    margin-bottom: 45px
}

.contacts-shop_item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 32px;
    background: url(../img/shop.svg) no-repeat 0 0/contain
}

.contacts-shop_item-adress {
    margin-bottom: 15px
}

.contacts-props {
    margin-top: 22px;
    line-height: 22px
}

.map {
    height: 313px
}

.current-orders {
    border: 2px solid #76c605;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position: relative;
    padding: 30px 27px 5px;
    margin-top: 80px;
    margin-bottom: 65px
}

.current-orders_title {
    display: inline-block;
    background: #76c605;
    font-size: 18px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    padding: 10px 18px;
    font-weight: 700;
    position: absolute;
    top: -45px;
    color: #fff;
    left: -2px
}

.current-orders_accordion {
    margin: 0
}

.current-orders_accordion>li {
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 0 20px
}

.current-orders_accordion>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 152px 15px 38px;
    border: none
}

.current-orders_accordion>li>a:before {
    top: -webkit-calc(50% - 7px);
    top: calc(50% - 7px);
    right: 27px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 12px solid #00309d
}

.current-orders_accordion>li>a.active {
    background: #fff;
    color: inherit
}

.current-orders_accordion>li>a.active:before {
    top: -webkit-calc(50% - 18px);
    top: calc(50% - 18px);
    border-bottom: 12px solid #00309d
}

.current-orders_accordion .accordion-content {
    padding-top: 10px
}

.current-orders .cart-table {
    margin-top: 0
}

.current-orders_bottom {
    padding-right: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 15px 0
}

.current-orders_bottom-row {
    font-size: 16px;
    margin-bottom: 3px;
    min-width: 160px
}

.current-orders_bottom-row.current-orders_bottom-row--big {
    text-transform: uppercase;
    font-weight: 700
}

.current-orders_bottom-title {
    width: 90px;
    display: inline-block
}

.current-orders_bottom-value {
    display: inline-block
}

.order-number {
    font-size: 18px;
    text-transform: none;
    font-weight: 400;
    text-decoration: underline;
    color: #00309d
}

.order-number:hover {
    text-decoration: none
}

.order-date {
    font-size: 18px;
    text-transform: none;
    font-weight: 400
}

.order-num {
    font-size: 18px;
    text-transform: none;
    font-weight: 400
}

.order-total {
    font-size: 18px;
    text-transform: none;
    font-weight: 700;
    color: #00309d
}

.archive-orders {
    border: 2px solid #f1f1f1;
    background: #f1f1f1;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position: relative;
    padding: 30px 27px;
    margin-top: 80px
}

.archive-orders_title {
    display: inline-block;
    background: #f1f1f1;
    font-size: 18px;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    padding: 10px 18px;
    font-weight: 700;
    position: absolute;
    top: -45px;
    color: #2b2b2b;
    left: -2px
}

.archive-orders_accordion {
    margin: 0
}

.archive-orders_accordion>li {
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    margin: 0 0 20px
}

.archive-orders_accordion>li>a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 152px 15px 38px;
    border: none
}

.archive-orders_accordion>li>a:before {
    top: -webkit-calc(50% - 7px);
    top: calc(50% - 7px);
    right: 27px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-top: 12px solid #00309d
}

.archive-orders_accordion>li>a.active {
    background: #fff;
    color: inherit
}

.archive-orders_accordion>li>a.active:before {
    top: -webkit-calc(50% - 18px);
    top: calc(50% - 18px);
    border-bottom: 12px solid #00309d
}

.archive-orders .cart-table {
    margin-top: 0
}

.archive-orders_bottom {
    padding-right: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 15px 0
}

.archive-orders_bottom-row {
    font-size: 16px;
    margin-bottom: 3px;
    min-width: 160px
}

.archive-orders_bottom-row.archive-orders_bottom-row--big {
    text-transform: uppercase;
    font-weight: 700
}

.archive-orders_bottom-title {
    width: 90px;
    display: inline-block
}

.archive-orders_bottom-value {
    display: inline-block
}

.profile input[type=email],
.profile input[type=number],
.profile input[type=password],
.profile input[type=tel],
.profile input[type=text] {
    width: 100%
}

.profile .form-group-radio {
    margin: 0 5px 20px 0
}

.profile .title--dark {
    margin-bottom: 20px
}

.profile .profile-form_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px
}

.change-password {
    font-size: 16px;
    display: inline-block;
    -webkit-text-decoration-style: dashed;
    text-decoration-style: dashed;
    padding: 6px 19px 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #00309d;
    margin-top: 0;
    position: relative;
    top: 1px
}

.change-password.active {
    border: 1px solid #00309d;
    border-bottom-color: #fff
}

.profile-form_password-dropdown {
    border: 1px solid #00309d;
    -webkit-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
    max-width: 320px;
    padding: 15px 20px;
    display: none
}

@media (min-width: 1920px) {

    .footer,
    .header {
        max-width: 1920px;
        margin: auto
    }
}

@media (max-width: 1310px) {
    .header-top .descriptor {
        margin-right: 50px
    }

    .header-bottom .search-control {
        min-width: 0
    }

    .header-bottom .header-sale,
    .menu-toggle {
        padding-right: 20px;
        padding-left: 40px
    }

    .header-bottom .header-sale:before {
        left: 8px
    }

    .menu-toggle .menu-icon {
        left: 10px
    }

    .header-bottom .header-menu a {
        padding-left: 5px;
        padding-right: 5px
    }

    .product-carousel-wrapper {
        max-width: 1070px
    }

    .product-carousel-wrapper:after,
    .product-carousel-wrapper:before {
        width: 1070px
    }

    .product__number {
        margin-right: 5px
    }

    .product__number_txt {
        margin-right: 5px
    }

    .product-grid .product {
        margin: 24px auto 0
    }
}

@media (max-width: 1200px) {
    .header-top {
        padding: 12px 15px
    }

    .header-top .descriptor {
        margin-right: 20px;
        margin-left: 20px;
        font-size: 8px
    }

    .header-top .time-table {
        margin-right: 15px;
        font-size: 13px
    }

    .header-top .header-phone {
        font-size: 16px
    }

    .header-bottom .header-menu a {
        font-size: 13px
    }

    .header-bottom {
        padding-right: 15px
    }

    .header-bottom .search-control {
        padding-left: 10px;
        padding-right: 20px;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        -webkit-appearance: none
    }

    .header-bottom .btn-search {
        right: 5px
    }

    .header-bottom .header-cart a {
        padding-left: 40px
    }

    .header-bottom .header-cart a:before {
        left: 8px
    }

    .header-bottom .header-menu a {
        font-size: 12px
    }

    .header-bottom .header-sale,
    .menu-toggle {
        padding-right: 10px;
    }

    .header-bottom .header-sale:before {
        left: 6px
    }

    .footer {
        padding-left: 15px;
        padding-right: 15px
    }

    .footer .footer-menu_full {
        margin-right: 10px;
        margin-left: 10px
    }

    .footer .footer-col:last-child {
        margin-left: 10px
    }

    .footer .footer-menu_full li a {
        line-height: 18px;
        display: inline-block;
        padding-bottom: 12px;
        font-size: 13px
    }

    .footer .footer-menu_top {
        margin-left: 10px
    }

    .footer .footer__info-txt {
        width: 280px
    }

    .footer .footer-allowed a {
        font-size: 13px
    }

    .footer__copyright {
        font-size: 13px
    }

    .footer .footer-menu_add li {
        margin-bottom: 15px
    }

    .footer .footer-menu_add li a {
        font-size: 14px
    }

    .footer .footer-timetable {
        margin-bottom: 70px
    }

    .main-slider-txt {
        padding: 30px 10px 30px 40px;
        margin: 30px 0 0 -60px
    }

    .tabs>li>a {
        padding: 8px;
        white-space: nowrap
    }

    .product-carousel-wrapper {
        max-width: 100%
    }

    .product-carousel-wrapper:after,
    .product-carousel-wrapper:before {
        display: none
    }

    .slick-prev-blue {
        left: 0
    }

    .slick-next-blue {
        right: 0
    }

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

    .product-carousel {
        padding: 0 50px
    }

    .product-carousel .slick-slide {
        opacity: 0;
        -webkit-transition: .5s ease 0s;
        -o-transition: .5s ease 0s;
        transition: .5s ease 0s
    }

    .product-carousel .slick-slide.slick-active {
        opacity: 1
    }

    header .main-menu .navbar-left>ul {
        -webkit-columns: 130px;
        columns: 130px
    }

    header .main-menu .navbar-right>ul {
        -webkit-columns: 130px;
        columns: 130px
    }

    .product-grid .col-lg-4 {
        padding: 0 5px
    }

    .slick-next-grey,
    .slick-prev-grey {
        top: -webkit-calc(50% - 20px);
        top: calc(50% - 20px)
    }

    .option-color {
        width: 130px;
        margin-right: 0
    }

    .product-card-color {
        font-size: 14px
    }

    .btn.btn--md {
        padding: 14px 20px 12px
    }

    .card-product_conditions {
        padding: 20px 15px 3px
    }

    .product__number {
        width: 120px
    }

    .product__number_input:after {
        right: 30px
    }

    .card-product_arrows .card-product_arrows-prev {
        padding-left: 20px;
        padding-right: 10px
    }

    .card-product_arrows .card-product_arrows-prev:before {
        left: 0
    }

    .card-product_arrows .card-product_arrows-next {
        padding-left: 10px;
        padding-right: 20px
    }

    .card-product_arrows .card-product_arrows-next:before {
        right: 0
    }

    .card-product_others-colors_item {
        max-width: -webkit-calc(20% - 12px);
        max-width: calc(20% - 12px);
        margin: 0 6px 20px
    }

    .card-product-advantage__list li {
        font-size: 14px;
        padding: 15px 0 10px 45px
    }

    .card-product-advantage {
        padding: 20px 15px
    }

    .cart-bottom {
        padding: 0
    }

    .cart-bottom-total-comment {
        padding-left: 0
    }

    .cart-table__row>div {
        padding: 10px
    }

    .archive-orders,
    .current-orders {
        padding: 20px 5px 0
    }

    .archive-orders_bottom,
    .current-orders_bottom {
        padding-right: 20px
    }

    .controls-block .d-flex {
        max-width: 200px
    }

    .inner-gallery-carousel .slick-slide a {
        display: block;
        padding: 0 5px
    }

    .inner-gallery {
        margin: 40px 0
    }
}

@media (max-width: 991px) {
    .close-aside-mobile {
        width: 40px;
        height: 40px;
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        -webkit-transition: .3s ease 0s;
        -o-transition: .3s ease 0s;
        transition: .3s ease 0s
    }

    .close-aside-mobile:before {
        content: '';
        position: absolute;
        width: 30px;
        height: 1px;
        background: #898989;
        left: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: .3s ease 0s;
        -o-transition: .3s ease 0s;
        transition: .3s ease 0s
    }

    .close-aside-mobile:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 1px;
        background: #898989;
        right: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: .3s ease 0s;
        -o-transition: .3s ease 0s;
        transition: .3s ease 0s
    }

    .header-top .header-login {
        font-size: 0;
        padding: 15px
    }

    .header-top .header-login:before {
        top: 6px;
        left: 6px;
        font-size: 18px
    }

    .header-top .descriptor {
        margin-right: 10px;
        margin-left: 10px
    }

    .header-top .time-table {
        font-size: 12px
    }

    .header-top .header-phone {
        font-size: 14px
    }

    .header-top .header-callback {
        font-size: 12px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .header-bottom {
        padding-right: 10px
    }

    .menu-toggle {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .header-bottom .header-sale {
        padding-left: 10px;
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 15px
    }

    .header-bottom .header-sale:before {
        display: none
    }

    .header-bottom .header-menu {
        padding: 9px 0
    }

    .header-bottom .header-cart a {
        font-size: 12px
    }

    .header-bottom .search-toggle {
        display: block;
        width: 49px;
        height: 49px;
        position: relative;
        text-align: center;
        line-height: 46px
    }

    .header-bottom .search-toggle:before {
        content: "\E009";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        font-size: 22px;
        cursor: pointer;
        color: #00309d;
        -webkit-transition: .5s ease 0s;
        -o-transition: .5s ease 0s;
        transition: .5s ease 0s
    }

    .header-bottom .search-toggle.open:before {
        content: '';
        width: 12px;
        height: 12px;
        border-left: 3px solid #00309d;
        border-top: 3px solid #00309d;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        right: 12px;
        top: -webkit-calc(50% - 6px);
        top: calc(50% - 6px);
        left: auto;
        font-size: 0;
        margin: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none
    }

    .header-bottom .search-toggle.open:after {
        content: '';
        width: 12px;
        height: 12px;
        border-right: 3px solid #00309d;
        border-bottom: 3px solid #00309d;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        left: 12px;
        top: -webkit-calc(50% - 6px);
        top: calc(50% - 6px)
    }

    .header-bottom .search-form {
        display: none;
        position: absolute;
        bottom: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        transform: translateY(100%);
        background: #fff;
        left: 0;
        right: 0;
        z-index: 999;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd
    }

    .header-bottom .search-control {
        padding: 20px 50px 20px 10px
    }

    .header-bottom .btn-search {
        width: auto;
        height: 100%;
        top: 0;
        right: 0;
        background: #f1f1f1;
        padding: 0 15px;
        font-family: 'Inter', 'Arial', sans-serif !important
    }

    .header-bottom .btn-search:before {
        content: 'Найти';
        font-family: 'Inter', 'Arial', sans-serif !important;
        color: #000;
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 700;
        left: auto;
        position: relative
    }

    header .main-menu .navbar-left {
        width: 40%;
        padding: 20px 10px 0 10px
    }

    header .main-menu__title {
        margin-bottom: 20px
    }

    header .main-menu .navbar-right {
        width: 60%;
        padding: 20px 10px 10px 10px
    }

    .download-link {
        padding-right: 10px
    }

    .important {
        padding: 15px
    }

    blockquote cite {
        padding: 0;
        margin: 10px 0
    }

    .block-col-2 .block-col-2_btn,
    .block-col-2 .block-col-2_title,
    .block-col-2 .block-col-2_txt,
    .block-col-3 .block-col-3_btn,
    .block-col-3 .block-col-3_title,
    .block-col-3 .block-col-3_txt {
        padding-left: 5px;
        padding-right: 5px
    }

    .product__number_txt {
        display: none
    }

    .accordion .accordion-content {
        padding-right: 10px;
        padding-left: 10px
    }

    .archive-orders_accordion>li>a,
    .current-orders_accordion>li>a {
        padding: 15px 90px 15px 20px
    }

    .accordion>li {
        margin: 0 0 20px
    }

    .footer {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .main-slider-txt {
        margin: 30px 0;
        border: 1px solid #ccc;
        -webkit-border-radius: 45px;
        border-radius: 45px
    }

    .under-slider-wrapper {
        padding-top: 60px;
        margin-top: -80px
    }

    .product-carousel {
        padding: 0
    }

    .product-carousel .slick-slide {
        opacity: 1;
        padding: 0 5px
    }

    .product-carousel-wrapper .label {
        left: -10px
    }

    .tab .tabs {
        overflow-y: hidden;
        display: block;
        white-space: nowrap
    }

    .tab .tabs>li {
        display: inline-block
    }

    .product-card_img-nav {
        padding: 0
    }

    .product-card_img-nav img {
        -webkit-border-radius: 4px;
        border-radius: 4px
    }

    .product-card_img-nav .slick-track {
        width: 100% !important;
        text-align: left
    }

    .product-card_img-for-item img {
        margin: auto
    }

    .card-product_arrows {
        margin-bottom: 20px
    }

    .content-product .title--dark {
        line-height: 26px;
        font-size: 24px
    }

    .content-product .title--dark .product__number_txt {
        display: inline-block
    }

    .product-card_option-row {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .card-product-advantage {
        margin: 0
    }

    .card-product_conditions {
        margin: 20px 0
    }

    .mobile-block {
        display: block
    }

    .mobile-category {
        display: inline-block
    }

    .aside {
        position: fixed;
        background: #fff;
        z-index: 99999;
        left: 0;
        top: 0;
        bottom: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .5s ease .5s;
        -o-transition: .5s ease .5s;
        transition: .5s ease .5s
    }

    .aside.open {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .aside .aside-menu-wrapper {
        margin-top: 0;
        height: 100%;
        max-height: 100%;
        overflow-y: scroll
    }

    .cart-bottom_delivery-title {
        font-size: 16px
    }

    [type=radio]:checked+label,
    [type=radio]:not(:checked)+label {
        font-size: 14px
    }

    .cart-bottom_total {
        max-width: 300px
    }
}

@media (max-width: 767px) {
    .close-btn {
        display: none
    }

    .header {
        padding-top: 42px
    }

    .header-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        background: #f5f5f5;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 5px;
        padding-bottom: 5px;
        position: fixed;
        left: 0;
        right: 0;
        z-index: 99999;
        top: 0
    }

    .mobile-toggle {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 25px;
        height: 25px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 12px
    }

    .mobile-toggle .hamburger {
        display: block;
        position: relative;
        width: 20px;
        background: #00309d;
        height: 3px;
        -webkit-border-radius: 10px;
        border-radius: 10px
    }

    .mobile-toggle .hamburger:before {
        width: 20px;
        background: #00309d;
        height: 3px;
        top: -7px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        content: '';
        position: absolute;
        left: 0
    }

    .mobile-toggle .hamburger:after {
        width: 20px;
        background: #00309d;
        height: 3px;
        top: 7px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        content: '';
        position: absolute;
        left: 0
    }

    .mobile-toggle.active .hamburger {
        background: 0 0
    }

    .mobile-toggle.active .hamburger:after {
        top: 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .mobile-toggle.active .hamburger:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    .mobile-timetable {
        font-size: 12px;
        color: #2f2f2f;
        font-weight: 300;
        line-height: 14px;
        margin-left: 10px;
        margin-right: 10px
    }

    .mobile-cart {
        display: block;
        padding-left: 40px;
        height: 30px;
        margin-right: 7px;
        text-decoration: none;
        font-size: 12px;
        color: #2f2f2f;
        position: relative;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }

    .mobile-cart:before {
        content: "\E004";
        position: absolute;
        top: 0;
        left: 8px;
        font-weight: 700;
        font-size: 25px;
        color: #002c9f;
        font-family: icons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        text-decoration: none;
        text-transform: none;
    }

    .mobile-cart_number {
        background: #ffcb00;
        -webkit-border-radius: 25px;
        border-radius: 25px;
        display: inline-block;
        padding: 1px 5px;
        margin-top: 5px;
    }

    .mobile-phone {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 30px;
        height: 30px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: relative;
        margin-right: 15px;
        color: transparent;
    }

    .mobile-phone:before {
        content: "\E00C";
        position: absolute;
        top: 0;
        left: 1px;
        font-size: 22px;
        font-weight: 700;
        color: #00309d;
        font-family: icons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none
    }

    .mobile-login {
        text-decoration: none;
        color: #00309d;
        border: 1px solid #00309d;
        position: relative;
        padding: 15px;
        display: inline-block;
        -webkit-border-radius: 8px;
        border-radius: 8px;
        vertical-align: middle;
        line-height: 1;
        margin: 0 7px 0 0
    }

    .mobile-login:before {
        content: "\E008";
        position: absolute;
        top: 8px;
        left: 7px;
        font-family: icons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        text-decoration: none;
        text-transform: none
    }

    .header-top {
        padding: 12px
    }

    .header-top .header-callback,
    .header-top .header-login,
    .header-top .header-phone,
    .header-top .time-table {
        display: none
    }

    .header-top .header-logo {
        flex-shrink: 0;
        line-height: 0;
        font-size: 0
    }

    .header-bottom {
        padding-right: 0
    }

    .header-bottom .header-cart {
        display: none
    }

    .header-bottom .header-menu {
        display: none;
        position: absolute;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #f5f5f5;
        z-index: 99999;
        top: -54px;
        border: none;
        padding: 20px 10px
    }

    .header-bottom .header-menu a {
        font-size: 14px;
        margin: 5px 0
    }

    .menu-toggle {
        padding: 15px 12px 15px 40px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

    .header-bottom .header-sale {
        padding: 12px 15px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        text-align: center
    }

    .header-bottom .header-sale:before {
        display: inline-block;
        top: 0;
        left: 0;
        position: relative;
        margin-right: 10px
    }

    .main-slider__title {
        font-size: 25px
    }

    .main-slider__subtitle {
        font-size: 20px;
        line-height: 27px;
        display: block
    }

    .main-slider__subtitle:after,
    .main-slider__subtitle:before {
        display: none
    }

    .main-slider__special {
        font-size: 25px;
        margin-bottom: 30px;
        padding: 0 10px
    }

    .main-slider__special .border-triagle1 {
        height: 40px;
        width: 16px;
        right: -16px;
        bottom: -12px
    }

    .main-slider__special .border-triagle1:after,
    .main-slider__special .border-triagle1:before {
        height: 20px;
        right: 4px
    }

    .main-slider__special .border-triagle {
        height: 40px;
        width: 16px;
        left: -16px;
        bottom: -12px
    }

    .main-slider__special .border-triagle:after,
    .main-slider__special .border-triagle:before {
        height: 20px;
        left: 4px
    }

    .main-slider {
        margin: 0 -15px
    }

    .main-slider__slide {
        -webkit-border-radius: 0 0 50% 50%/0 0 10% 10%;
        border-radius: 0 0 50% 50%/0 0 10% 10%;
        padding-top: 50px;
        padding-bottom: 70px
    }

    .slick-dots {
        bottom: 30px
    }

    .main-slider-txt {
        margin: 0;
        border: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        padding: 30px 5px
    }

    .under-slider-wrapper {
        padding-top: 30px;
        margin-top: 0
    }

    .under-slider-wrapper .title--dark {
        font-size: 18px;
        line-height: 21px;
        margin: 0 0 5px
    }

    .under-slider-wrapper p {
        font-size: 13px;
        line-height: 18px
    }

    .lead-txt {
        font-size: 15px;
        line-height: 21px
    }

    .title--dark {
        font-size: 24px;
        line-height: 26px;
        margin: 16px 0
    }

    .product-carousel-wrapper .container {
        padding-left: 10px;
        padding-right: 10px
    }

    .product-carousel .product__price__info {
        display: none
    }

    .product-carousel .label {
        left: -5px
    }

    .product-carousel .product__price_txt {
        display: none
    }

    .product__title {
        font-size: 14px;
        line-height: 1.2;
    }

    .product__color span:first-child {
        display: none
    }

    .product__price {
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: 0;
        min-height: 52px
    }

    .product__price_sale {
        display: block;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .product__price_old {
        display: block;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .product__price__info {
        display: none
    }

    .product__img .label,
    .product__video .label {
        font-size: 11px
    }

    .product .product__more-colors {
        position: relative;
        display: block;
        transform: translateY(0);
        opacity: 1;
        bottom: 0;
        height: auto;
        left: 0;
        right: 0;
        border-left: 0;
        border-right: 0;
    }

    .product__more-colors .product-card-sum-price-val {
        font-size: 14px;
    }
}


.delivery-txt {
    padding: 10px 0
}

.delivery-txt_inner {
    -webkit-column-count: 1;
    column-count: 1
}

.faq-container .title--dark+.btn {
    padding: 14px 10px;
    margin-left: 15px
}

.index-carousel-wrapper .slick-list {
    overflow: hidden
}

.tab .tabs {
    margin: 0 -15px;
    padding: 8px 10px
}

.title--sale:before {
    top: -2px
}

.footer {
    position: relative;
    padding-bottom: 90px;
    margin-top: 40px
}

.footer .footer__copyright {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    text-align: center
}

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

.footer .footer-col:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.footer .footer-col:last-child {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 0
}

.footer .footer-col:nth-child(2) {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.footer .footer-col:nth-child(3) {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.footer .footer__info-title {
    margin-top: 20px;
    width: 100%
}

.footer .footer__info-txt {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 20px
}

.footer .footer-timetable {
    margin-bottom: 30px
}

.footer .footer-menu_full {
    margin: 0;
    -webkit-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    column-gap: 30px
}

.footer .footer-development {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center
}

.footer .footer-menu_top {
    margin-left: 0;
    margin-bottom: 30px;
    width: 100%
}

.footer .footer-menu_add {
    margin: 0
}

.filters {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filters .filter {
    margin-top: 10px;
    margin-bottom: 10px;
}

.filters .filter-dropdown_color {
    left: -10px;
    right: 0;
    min-width: 310px;
    max-width: 370px;
    width: auto
}

@media (max-width: 767px) {
.filters .filter-dropdown_color {
    left: auto;
    right: 0;
}
}

.filters .filter-dropdown_print {
    left: -10px;
    right: 0;
    min-width: 310px;
    max-width: 370px;
    width: auto
}

.filters .filter-color {
    -webkit-box-ordinal-group: 2;
}

.filters .filter-print {
    -webkit-box-ordinal-group: 2;
}

.filters .filter-price {
    -webkit-box-ordinal-group: 3;
    margin-right: auto;
}

.filters .filter-sale {
    -webkit-box-ordinal-group: 4;
}

.filters .filter-new {
    -webkit-box-ordinal-group: 5;
}

.filters .filter-sort {
    -webkit-box-ordinal-group: 6;
}

.noUi-target {
    width: 110px
}

.filters .filter-dropdown_price {
    min-width: 310px;
    max-width: 370px;
    width: auto;
    left: auto;
    right: -104px
}

.filters .filter-dropdown_price .filter-dropdown_price--min {
    left: 10px
}

.filters .filter-dropdown_price .filter-dropdown_price--min+label {
    left: 70px
}

.filters .filter-dropdown_price .filter-dropdown_price--min+label .filters .filter-dropdown_price .filter-dropdown_price--max+label {
    right: 10px
}

.filters .filter-dropdown_price .filter-dropdown_price--min+label .filters .filter-dropdown_price .filter-dropdown_price--max {
    right: 25px
}

.product-grid .product__price_nosale {
    font-size: 16px;
    font-family: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Cantarell, 'Fira Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Droid Sans', Tahoma, 'Microsoft Sans Serif', sans-serif
}

@media (max-width: 575px) {
    .product__mobile .product-grid .product__price_nosale {
        font-size: 13px;
    }
}

.product-grid .product__price_sale {
    font-size: 16px;
    font: system, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Segoe WP', Roboto, Ubuntu, Oxygen, Cantarell, 'Fira Sans', 'Helvetica Neue', Helvetica, 'Lucida Grande', 'Droid Sans', Tahoma, 'Microsoft Sans Serif', sans-serif
}

@media (max-width: 575px) {
    .product__mobile .product-grid .product__price_nosale {
        font-size: 13px;
    }
}

.product__number_dropdown {
    left: 0;
    right: 0;
    width: -webkit-calc(100% + 20px);
    width: calc(100% + 20px)
}

.product__number_dropdown ul li {
    padding: 5px
}

.product__number_dropdown ul li a {
    font-size: 13px
}

.product .product__number_input {
    padding: 7px 25px
}

.product .product__number-error,
.product-card-w .product__number-error {
    display: none
}

.product .product__number_input input[type=number],
.product-card-w .product__number_input input[type=number] {
    width: 100%
}

.product .product__number_minus {
    right: auto;
    left: 1px;
    height: 33px;
    line-height: 35px;
    -webkit-border-radius: 4px 0 4px 0;
    border-radius: 4px 0 4px 0;
    border-right: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    border-bottom: 0;
    width: 20px
}

.product .product__number_plus {
    left: auto;
    right: 1px;
    height: 33px;
    line-height: 35px;
    -webkit-border-radius: 0 4px 0 4px;
    border-radius: 0 4px 0 4px;
    border-left: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    width: 20px
}

.product-card_img-for {
    margin: 0 -15px
}

.product-card_img-for-item img {
    -webkit-border-radius: 0;
    border-radius: 0
}

.product-card_btn-row .btn.btn--md {
    font-size: 12px;
    padding: 14px 15px 12px
}

.product-card_btn-row .sample-error {
    display: none;
    font-size: 13px;
    font-weight: 400;
    color: #ff3300;
    line-height: 1.3;
    text-transform: lowercase;
}

.product-card_btn-row .btn.disabled {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    min-height: 42px;
    padding-top: 5px;
    padding-bottom: 4px;
    border-color: #f0f0f0;
    background-color: #f0f0f0;
    color: #c6c6c6;
    cursor: default;
}

.product-card_btn-row .disabled .sample-error {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.aside-block-picture {
    display: none
}

.aside-block-text {
    display: none
}

.float-left {
    margin: 0 0 30px 0;
    float: none
}

.important {
    margin: 20px 0
}

blockquote {
    margin: 20px 0;
    padding: 40px 0
}

.modal-login {
    right: 0;
    width: 100%;
    -webkit-transform: translate(0, 62%);
    -ms-transform: translate(0, 62%);
    transform: translate(0, 62%);
    -webkit-border-radius: 8px;
    border-radius: 8px
}

.header-login-wrapper {
    position: static
}

.mm-menu_offcanvas {
    top: 147px
}

.mm-panel,
.mm-panels {
    background: #f5f5f5
}

.mm-menu a,
.mm-menu a:active,
.mm-menu a:hover,
.mm-menu a:link,
.mm-menu a:visited {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: 700
}

.mm-panel_has-navbar .mm-navbar {
    background: #ddd
}

.mm-navbar__title {
    font-size: 0 !important;
    position: relative;
    text-align: left
}

.mm-navbar__title:before {
    content: 'Назад';
    font-size: 16px;
    text-transform: uppercase
}

.mm-listitem {
    border-color: #ddd;
    border-left-color: transparent
}

.mm-btn:after,
.mm-btn:before {
    border-color: #000
}

.mm-menu_tip-top:before {
    display: none
}

.mm-navbars_top {
    position: absolute;
    right: -44px;
    left: auto;
    width: 44px;
    height: 44px
}

.mm-navbars_top .mm-navbar {
    padding: 0;
    background: #666
}

.mm-menu_navbar_top-1 .mm-panels {
    top: 0 !important
}

.mm-btn_close:after,
.mm-btn_close:before {
    width: 20px;
    height: 20px;
    border-color: #f1f1f1 !important
}

.mm-btn_close:before {
    right: -3px
}

.mm-btn_close:after {
    right: 25px
}
}

@media (max-width: 640px) {
    .cart-table__header {
        display: none
    }

    .cart-table {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0
    }

    .cart-table .product__number_txt {
        display: inline-block
    }

    .cart-table__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        position: relative;
        border-bottom: 1px solid #ddd;
        padding: 10px 15px 10px 90px
    }

    .cart-table__row>div {
        display: block;
        border-bottom: 0;
        padding: 10px 0
    }

    .cart-table__img {
        position: absolute;
        left: 0
    }

    .cart-table__delete {
        position: absolute;
        right: 0
    }

    .cart-bottom {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .cart-bottom .cart-bottom_delivery-title {
        max-width: 130px;
        margin: 0
    }

    .cart-bottom .card-product_delivery:before,
    .cart-bottom .cart-bottom_delivery-title:before {
        top: 10px
    }

    .cart-bottom .card-product_delivery:after,
    .cart-bottom .cart-bottom_delivery-title:after {
        top: 0
    }

    .cart-bottom_delivery {
        margin-bottom: 10px
    }

    .current-orders_title {
        font-size: 16px;
        top: -42px
    }

    .archive-orders_accordion>li>a,
    .current-orders_accordion>li>a {
        padding: 15px 30px 15px 10px
    }

    .archive-orders_accordion>li>a:before,
    .current-orders_accordion>li>a:before {
        top: -webkit-calc(50% - 4px);
        top: calc(50% - 4px);
        right: 5px;
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-top: 6px solid #00309d
    }

    .archive-orders_accordion>li>a {
        padding-bottom: 35px
    }

    .archive-orders_accordion>li>a:before {
        top: -webkit-calc(50% - 14px);
        top: calc(50% - 14px)
    }

    .archive-orders_accordion>li>a .btn-repeat {
        position: absolute;
        margin: 0;
        left: 10px;
        bottom: 5px
    }

    .order-date,
    .order-num,
    .order-number,
    .order-total {
        font-size: 14px
    }

    .profile .profile-form_title {
        margin-top: 20px
    }
}

@media (max-width: 570px) {
    .product-card_img-for-item img {
        width: 100%
    }

    .card-product_arrows {
        display: none
    }

    .product__number {
        width: 140px
    }

    .card-product_others-colors_grid {
        margin: 20px 0
    }

    .card-product_others-colors_item {
        max-width: -webkit-calc(33% - 12px);
        max-width: calc(33% - 12px)
    }

    .card-product_conditions {
        margin: 20px -15px;
        -webkit-border-radius: 0;
        border-radius: 0
    }

    .card-product_description {
        padding: 0
    }

    .product__number_txt {
        display: none
    }

    .content-product .product__number {
        width: 160px;
        max-width: 100%;
    }

    .product-card_btn-row .btn.btn--md {
        width: 160px;
    }

    .product-card_desc-w {
        margin: 20px 0 0
    }

    .product-card_price {
        margin-top: 15px
    }

    .product-card_btn-row .btn {
        width: 48%;
        text-align: center
    }

    .card-product-advantage {
        margin-top: 20px
    }

    .modal .modal-body {
        width: 300px
    }

    .modal .modal-inner {
        padding: 30px 20px
    }

    .map {
        height: 250px
    }

    .form-group-col {
        width: 100%
    }

    .form-feedback .form-group-bottom {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .form-feedback .form-group-allow {
        position: relative;
        left: 0;
        top: 0;
        margin: 15px 0;
        width: auto
    }

    .form-group--two-field input {
        max-width: 100%;
        width: 100%;
        margin-bottom: 20px;
    }
}

.product-card__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 10px;
}

.product-card__title .favorite-link {
    background-image: url(../img/heart-grey.svg);
    width: 46px;
    height: 40px;
    display: block;
    flex-shrink: 0;
    background-size: 20px;
    padding: 0;
    background-position: center;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    display: inline-block;
    vertical-align: middle;
}

.product-card__title .favorite-link--clicked {
    background-image: url(../img/heart.svg);
    border: 1px solid #e64d4d;
}

.delivery-txt .btn.btn--md {
    color: #039
}

.delivery-txt .btn.btn--md:hover {
    color: #fff
}

.delivery-txt__points {
    margin-bottom: 30px
}

.delivery-txt__address {
    margin-bottom: 20px
}

.delivery-txt__address address {
    font-style: normal
}

.delivery-txt ul {
    list-style: none;
    padding: 0;
    margin: 0 0 25px
}

.index-consultation {
    background: #f5f5f5;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 60px 0
}

.index-consultation__container {
    max-width: 1200px;
    padding: 0 15px;
    margin: 0 auto
}

.index-consultation__title {
    text-align: center;
    font-size: 30px
}

.index-consultation__description {
    text-align: center;
    font-size: 16px
}

.index-consultation__faces {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 30px;
    flex-wrap: wrap
}

.index-consultation__btn {
    text-align: center
}

.index-consultation__btn .btn.btn--md {
    color: #039
}

.index-consultation__btn .btn.btn--md:hover {
    color: #fff
}

@media (max-width: 600px) {
    .index-consultation__faces {
        justify-content: center
    }

    .manager-item {
        width: 100%
    }
}

.hit-block {
    margin: 60px 0
}

.hit-block__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px
}

.hit-block__list .product {
    margin: 0 10px 30px;
    flex-basis: calc(20% - 20px)
}

.hit-block__btn .btn--blue {
    background: #07349d;
    color: #fff
}

.hit-block__btn .btn--blue:hover {
    color: #000;
    background: #ffcb00;
    border-color: #ffcb00
}

.hit-block__btn {
    text-align: center
}

.label.label-new+.label.label-sale {
    top: -10px
}

@media (max-width: 1200px) {
    .hit-block__list .product {
        flex-basis: calc(25% - 20px)
    }
}

@media (max-width: 991px) {
    .hit-block__list .product {
        margin: 0 5px 15px;
        flex-basis: calc(50% - 10px)
    }
}

@media (max-width: 767px) {
    .hit-block__list .product {
        flex-basis: calc(50% - 20px)
    }

    .filters .filter-hits {
        order: 4
    }
}

@media (max-width: 600px) {
    .hit-block__list .product {
        flex-basis: calc(50% - 20px)
    }
}

.info-box {
    background: #002c9e;
    color: #fff;
    position: relative;
    padding: 8px 0;
    display: none
}

.info-box__inner {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    padding-right: 50px;
    text-align: center;
    font-weight: 700;
    color: #fff
}

.info-box__inner a {
    display: inline-block;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    text-decoration: none;
    color: #fff;
    line-height: 1
}

.info-box__inner a:hover {
    border-bottom-color: transparent
}

.info-box__close {
    cursor: pointer;
    position: absolute;
    right: calc(50% - 585px);
    top: 50%;
    width: 40px;
    height: 40px;
    background: 0 0;
    border: 0;
    transform: translateY(-50%)
}

.info-box__close svg {
    width: 20px;
    height: 20px;
    fill: #fff
}

@media (max-width: 1200px) {
    .info-box__close {
        right: 10px;
        top: 10px;
        transform: translateY(0)
    }

    .info-box__inner {
        padding-left: 10px;
        font-size: 14px
    }
}

@media (max-width: 600px) {
    .product-card__order {
        margin-bottom: 8px;
    }

    .option-color {
        margin-bottom: 20px;
    }

    .product__info-wrapper {
        margin-bottom: 15px;
        margin-top: 0;
    }

    .product-grid .product .product__more-colors {
        display: none;
        border: 0;
    }

    .product-carousel .product .product__more-colors {
         padding: 0 10px 10px;
    }

    .product__more-colors .product-card-sum-price-val {
        white-space: nowrap;
    }

    .product-carousel .product-card-sum-price-meters {
        padding-left: 5px;
    }

    .product__mobile {
        align-items: center;
        align-content: flex-start;
        flex-grow: 1;
    }

    .product-grid .product.sum-visible>a {
        flex-grow: 0;
        height: auto;
    }

    .product-grid .product.sum-visible .product__more-colors {
        display: block;
    }

}

@media (max-width: 359px) {
    .product-card_btn-row .btn.btn--md {
        width: 143px;
    }

    .content-product .product__number {
        width: 143px;
    }

    .product-card__order-row .product__number_input:after {
        right: 40px;
    }
}

@media (min-width: 767px) {
    .cart-radio-button .radio-button {
        padding: 10px 25px;
        height: 90px;
        flex-direction: column;
        justify-content: center;
    }

    .cart-radio-button .radio-button__icon {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.filters .filter-dropdown_color {
    max-height: 635px;
    padding-bottom: 82px;
    overflow: hidden;
}

.filters .filter-dropdown_color-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 0;
    background-color: #fff;
}

.filter-dropdown__show-more {
    position: absolute;
    bottom: 0;
    left: 0px;
    
    background-color: #fff;
    padding: 0 10px 18px;
    width: 100%;
    text-align: center;
    color: #00309d;
}

.filter-dropdown_color .filter-dropdown__show-more {
    position: static;
}

.filter-dropdown__show-more span {
    font-size: 16px;
    cursor: pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-thickness: from-font;
}

.filter-dropdown__show-more span:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .filter-dropdown__show-more {
        display: none;
    }
}

/*fabric-search-form start*/
.fabric-search-form {
    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;

    width: 100%;
    margin: 50px 0 10px;
    padding: 20px 40px 5px;

    border-radius: 10px;

    overflow: hidden;
}

.fabric-search-form::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;

    width: 100%;
    height: 100%;

    background: url("../img/fabric-form-bg.jpg") no-repeat center / cover #fff7d4;
    opacity: 0.5;

    content: "";
}

.fabric-search-form__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    width: calc(100% - 360px);
    padding-bottom: 20px;
}

.fabric-search-form form {
    width: 100%;
    max-width: 320px;
}

.fabric-search-form .form-group {
    margin-bottom: 15px;
}

.fabric-search-form h2 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;

    max-width: 340px;
    width: 100%;

    font-size: 21px;
}

.fabric-search-form p {
    width: 100%;
    max-width: 450px;
    font-size: 14px;
}

.fabric-search-form h2 span {
    width: 100%;
}

.fabric-search-form h2 span:last-child {
    font-size: 17px;
    font-weight: 400;
}

.fabric-search-form .form-group input[type=text],
.fabric-search-form .form-group input[type=tel],
.fabric-search-form .form-group input[type=email],
.fabric-search-form .form-group textarea {
    width: 100%;
    text-transform: none;
    border-color: transparent;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
            box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    background-color: #fff;
}

.fabric-search-form input[type=submit] {
    border: 2px solid #07349D;
    background: #07349D;
    color: #fff;
}

.fabric-search-form input[type=submit]:hover,
.fabric-search-form input[type=submit]:focus {
    background: #fff;
    color: #07349D;
}

.fabric-search-form textarea {
    min-height: 90px;
    resize: none;
}

@media (max-width: 767px) {
    .fabric-search-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }

    .fabric-search-form__desc {
        width: 100%;
        max-width: 560px;
        margin: 0 auto;
        padding-bottom: 0;
    }

    .fabric-search-form h2 {
        max-width: 100%;
        font-size: 18px;
        text-align: center;
    }

    .fabric-search-form p {
        font-size: 12px;
        max-width: 100%;
        text-align: center;
    }

    .fabric-search-form form {
        max-width: 100%;
    }

    .fabric-search-form input[type=submit] {
       margin: 0 auto;
    }
}

@media (max-width: 500px) {
    .fabric-search-form {
        padding-left: 10px;
        padding-right: 10px;
    }

    .fabric-search-form h2 {
        font-size: 16px;
    }

    .fabric-search-form h2 span:last-child {
        font-size: 15px;
    }
}
/*fabric-search-form end*/


.cart-delivery-tab {
    display: flex;
}

.cart-delivery-tab__sidebar {
    flex-basis: 300px;
    max-width: 300px;
    flex-shrink: 0;
    margin-left: 30px;
}

@media (max-width: 767px) {
    .cart-delivery-tab__sidebar {
        display: none;
    }
}

.cart-delivery-tab__sidebar .cart-order {
    padding: 25px 20px;
    border-width: 1px;
}
.cart-delivery-tab__sidebar .cart-order__head:not(:last-child) {
    margin-bottom: 20px;
}
.cart-delivery-tab__sidebar .cart-order__flex {
    display: block;
}
.cart-delivery-tab__sidebar .cart-order__city {
    margin-bottom: 20px;
    width: 100%;
}
.cart-delivery-tab__sidebar .cart-order__items {
    display: block;
    width: 100%;
    margin-left: 0;
}
.cart-delivery-tab__sidebar .cart-order__item {
    margin-bottom: 20px;
    }
.cart-delivery-tab__sidebar .cart-order__item .button {
    width: 100%;
}
.cart-delivery-tab__sidebar .cart-order__item + .cart-order__item {
    margin-left: 0;
}
.cart-delivery-tab__sidebar .cart-section {
    padding-left: 0;
}

.cart-delivery-tab__sidebar .cart-order__grid {
    display: block;
}

.cart-delivery-tab__sidebar .cart-order__col:not(:last-child) {
    margin-bottom: 10px;
}

.cart-delivery-tab__sidebar .cart-order__table tr {
    padding: 20px 21px;
    margin-left: -21px;
    margin-right: -21px;
    display: block;
}

.cart-delivery-tab__sidebar .cart-order__table td:not(:last-child) {
    margin-bottom: 10px;
}

.cart-delivery-tab__sidebar .cart-order__table thead {
    display: none;
}

.cart-delivery-tab__sidebar .cart-order__col:last-child {
    margin-left: 0;
}

.cart-delivery-tab__sidebar .cart-order__option,
.cart-delivery-tab__sidebar .radio-button__icon,
.cart-delivery-tab__sidebar .radio-button__title {
    width: 50%;
}

.cart-delivery-tab__sidebar .cart-message,
.cart-delivery-tab__sidebar .cart-delivery__box,
.cart-delivery-tab__sidebar .cart-order__city,
.cart-delivery-tab__sidebar .cart-order__items,
.cart-delivery-tab__sidebar .cart-order__item .button,
.cart-delivery-tab__sidebar .cart-form__colm,
.cart-delivery-tab__sidebar .cart-order__table td,
.cart-delivery-tab__sidebar .cart-form__col,
.cart-delivery-tab__sidebar .button {
    width: 100%;
}

.cart-delivery-tab__sidebar .mob-th {
    display: inline-block;
    margin-right: 30px;
}

.cart-delivery-tab__sidebar .cart-order__table td {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.cart-delivery-tab__sidebar .cart-order__table td {
    margin-bottom: 10px;
    padding: 0;
    width: auto;
}

.cart-delivery-tab__sidebar .cart-order__table td:first-child, .cart-delivery-tab__sidebar .cart-order__table th:first-child {
    width: auto;
}

.cart-delivery-tab__sidebar .cart-order__table td:nth-child(2), .cart-delivery-tab__sidebar .cart-order__table th:nth-child(2) {
    width: auto;
}

.cart-delivery-tab__sidebar .cart-order__table td:nth-child(3), .cart-delivery-tab__sidebar .cart-order__table th:nth-child(3) {
    width: auto;
}

.cart-delivery-tab__sidebar  .cart-order__table td:nth-child(4), .cart-delivery-tab__sidebar  .cart-order__table th:nth-child(4) {
    width: auto;
}

.cart-delivery-tab__sidebar .cart-order__table td:not(:last-child), .cart-delivery-tab__sidebar .cart-order__table th:not(:last-child) {
    padding-right: 0;
}

.cart-delivery-tab__sidebar .cart-order__table td:first-child, .cart-delivery-tab__sidebar .cart-order__table th:first-child {
    padding-left: 0;
}

.cart-delivery-tab__sidebar .cart-section {
    padding-right: 0;
}

.cart-delivery-tab__sidebar .cart-order {
    background-color: #f5f5f577;
}

.cart-delivery-tab__sidebar .cart-order {
    max-height: 930px;
    overflow-y: auto;
}

.cart-delivery-tab__sidebar .cart-order::-webkit-scrollbar {
    width: 3px;
}

.cart-delivery-tab__sidebar .cart-order::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.cart-delivery-tab__sidebar .cart-order::-webkit-scrollbar-thumb {
    background-color: #002c9e;
}

.cart-delivery-tab__sidebar .cart-order__body {
    width: 99%;
}

.cart-step__infotext {
    font-size: 16px;
    margin-bottom: 20px;
}

.cart-step__infotext a {
    display: flex;
    align-items: center;
}

.cart-step__infotext a img {
    width: 30px;
    height: auto;
    margin-right: 10px;
}

.cart-delivery-tab__inner .cart-step__infotext {
    padding: 10px 20px;
}

@media (min-width: 768px) {
    .cart-step__infotext {
        display: none;
    }
}

@media (max-width: 767px) {
    .modal-delivery .cart-order {
        padding: 0;
        border: none;
        padding-top: 20px;
    }

    .ui-menu {
        z-index: 9999;
    }
}

.product-card-color span,
.option-color-dropdown ul li a span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.color-code {
    font-size: 12px;
    margin: 0 0 0 3px;
    padding: 0;
    color: #ccc;
    white-space: nowrap;
}

@media (max-width: 767px) {
    .product-card_option-row .option-color {
        width: 100%;
    }

    .product-card_option-row .product-card-color {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: flex-start;
            -ms-flex-align: flex-start;
                align-items: flex-start;
    }

    .product-card_option-row .option-color-dropdown {
        width: 100%;
        left: auto;
    }

    .option-color-dropdown ul li a span {
        margin-top: 1px;
    }
 
    .product-card-color i {
        max-width: 150px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
}

.plashka-close {
    width: 30px;
    height: 30px;
    border: 2px solid #fff;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    font-size: 0px;
    margin-right: 10px;
    cursor: pointer;
}

.plashka-close img {
    width: 14px;
}

.contacts-main-block {
    margin-bottom: 50px;
}

.contacts-main-block__inner {
    display: flex;
    justify-content: space-between;
    border: 3px solid #ffcb00;
    padding: 25px;
}

.contacts-main-block__item h4 {
    margin-top: 0;
    margin-bottom: 15px;
}

@media (max-width: 991px) {
    .flex-wrapper {
        flex-direction: column;
    }
    .flex-inner {
        flex-basis: 100%;
    }
    .flex-inner:last-child {
        margin-bottom: 30px;
    }
}

.contacts-social__item {
    display: flex;
}
.contacts-social__item a {
    font-size: 16px;
}
.contacts-social__title {
    font-size: 16px;
    color: #2b2b2b;
    line-height: 20px;
    margin-bottom: 5px;
    font-weight: 700;
}

.contacts-social__item img {
    width: 20px;
    margin-right: 15px;
}

.contacts-shop .flex-wrapper {
    margin-top: 25px;
}
.contacts-shop .flex-wrapper h4.pl-contact {
    margin-top: 0;
}

.contacts-main-block__item a {
    font-size: 16px;
    color: #00309d;
}

.contacts-main-block__item .contacts-phone {
    margin: 0;
}

@media (max-width: 991px) {
    .contacts-main-block__inner {
        flex-wrap: wrap;
    }
    .contacts-main-block__item {
        flex-basis: 45%;
        margin: 10px;
    }
}

@media (max-width: 600px) {
    .contacts-main-block__inner {
        padding: 20px 10px;
    }
    .contacts-main-block__item {
        flex-basis: 100%;
    }
}

.delivery-type h4 {
    margin-bottom: 10px;
}
.delivery-type .form-group-radio {
    margin: 0 0 7px;
}

.delivery-type .form-group-radio label {
    font-size: 15px;
    line-height: 19px;
}

.upload-props {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.upload-props__inner:first-child {
    flex-basis: 450px;
    margin-right: 20px;
}

.upload-props__inner:last-child {
    flex-basis: 230px;
}

.upload-props__inner h4 {
    margin-bottom: 10px;
}

.form-group-file input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.form-group-file label {
    color: #002c9e;
    padding: 10px 25px 15px;
    border: 2px dashed #002c9e;
    cursor: pointer;
    border-radius: 15px;
    margin: 0 auto;
    white-space: nowrap;
}

@media (max-width: 991px) {
    .upload-props {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .upload-props__inner:first-child,
    .upload-props__inner:last-child {
        flex-basis: auto;
    }
    .form-group-file label {
        margin: 0;
    }
}

.contacts-shop--showroom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.contacts-shop__container {
    max-width: 452px;
    margin: 25px 5% 25px 0;
}

@media (max-width: 767px) {
    .contacts-shop__container {
        margin-top: 0;
    }

    .contacts-shop__hours {
        padding-left: 35px;
    }
}

.contacts-shop__container p {
    margin-bottom: 0;
}

.contacts-shop__container:last-of-type {
    margin-right: 0;
}

.showroom-map-btn {
    margin: 0;
    padding: 0;
    border: none;
    background: transparent;
    color: #00309d;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.showroom-map-btn:hover {
    -webkit-text-decoration: underline solid transparent;
            text-decoration: underline solid transparent;
}

.map-yandex {
    width: 600px;
    max-width: 100%;
    z-index: 7;
    border-radius: 15px;
    cursor: pointer;
    position: relative;
    height: 340px;
}

.top-text {
    font-size: 24px;
    line-height: 1.2;
}

.top-links a {
    font-size: 20px;
    line-height: 1.2;
    margin-right: 30px;
    color: #5f5f5f;
    text-decoration: none;
    border-bottom: 1px dashed #5f5f5f;
    white-space: nowrap;
}

.top-links a:hover {
    border-color: transparent;
}

.ymap-container {
    position: relative;
}
.modal-showroom-map .modal-body {
    width: 600px;
    max-width: 100%;
}

.loader {
    width: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    height: 100%;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
}

.loader.is-active {
    top: 0;
    opacity: 1;
}

.loader-default:after {
    position: absolute;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    z-index: 100;
    width: 48px;
    height: 48px;
    border: solid 8px #002c9e;
    border-left-color: transparent;
    border-radius: 50%;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    content: '';
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    to {

        -webkit-transform: rotate(359deg);

                transform: rotate(359deg);
    }
}

@keyframes rotation {
    from {
        -webkit-transform: rotate(0);
                transform: rotate(0);
    }

    to {

        -webkit-transform: rotate(359deg);

                transform: rotate(359deg);
    }
}

.file-formats {
    position: absolute;
    font-size: 10px;
    color: gray;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.cart-delivery-tab .cart-radio-button {
    margin-bottom: 40px;
}

.cart-delivery-tab .cart-section:not(:last-child) {
    margin-bottom: 50px;
}

.cart-delivery-tab {
    position: relative;
    left: 35px;
}

form.cart-section__form {
    position: relative;
    right: 35px;
}

@media (max-height: 767px) {
    .cart-delivery-tab {
        left: 0;
    }

form.cart-section__form {
        right: 0;
    }
}

/* страница успеха */
.checkout-complete {
    width: 100%;
    max-width: 388px;
    padding: 28px;
    border: 3px solid #FFCB00;
}
.checkout-complete__text {
    font-size: 18px;
    line-height: 22px;
}
@media (max-width: 1199px) {
    .checkout-complete__text {
        font-size: 16px;
        line-height: 19px;
    }
}
@media (max-width: 1199px) {
    .checkout-complete {
        padding: 20px;
    }
}
@media (max-width: 991px) {
    .checkout-complete {
        max-width: 650px;
        margin: 0 auto 50px;
    }
}
.checkout-complete__title {
    width: 100%;
    margin: 0 0 34px;
    font-size: 40px;
    line-height: 49px;
}
@media (max-width: 1199px) {
    .checkout-complete__title {
        font-size: 36px;
        line-height: 40px;
    }
}
@media (max-width: 575px) {
    .checkout-complete__title {
        font-size: 30px;
        line-height: 36px;
    }
}
.checkout-complete__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-bottom: 20px;
}
.checkout-complete__btn {
    width: 147px;
    margin: 20px 10px 0 0;
    padding: 14px 15px 12px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}
@media (max-width: 1199px) {
    a.checkout-complete__btn {
        font-size: 11px;
        max-width: 140px;
    }
}
.checkout-complete__btn:last-child {
    margin-right: 0;
}
.checkout-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 991px) {
    .checkout-social {
        max-width: 650px;
        margin: 0 auto 50px;
    }
}
@media (max-width: 575px) {
    .checkout-social {
        position: relative;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .checkout-social::before {
        position: absolute;
        bottom: -100px;
        left: -15px;
        width: calc(100% + 30px);
        height: 150px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.28)));
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.28) 100%);
        pointer-events: none;
        content: "";
    }
}
.checkout-social__info {
    max-width: 380px;
    width: 100%;
    padding: 0 20px;
}
@media (max-width: 575px) {
    .checkout-social__info {
        max-width: 100%;
        margin-bottom: -100px;
        padding: 0;
    }
}
.checkout-social__title {
    width: 100%;
    margin: 0 0 17px;
    font-size: 40px;
    line-height: 49px;
    font-weight: 300;
}
@media (max-width: 1199px) {
    .checkout-social__title {
        font-size: 36px;
        line-height: 40px;
    }
}
@media (max-width: 575px) {
    .checkout-social__title {
        font-size: 30px;
        line-height: 36px;
    }
}
.checkout-social__text {
    font-size: 25px;
    line-height: 30px;
}
@media (max-width: 1199px) {
    .checkout-social__text {
        font-size: 16px;
        line-height: 19px;
    }
}
.checkout-social__list {
    margin: 30px 0 0;
    padding: 0;
    list-style: none;
}
.checkout-social__item {
    margin: 0 0 30px;  
}
@media (max-width: 575px) {
    .checkout-social__item {
        max-width: 330px;
    }
}
.checkout-social__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 54px;
    height: 54px;
    margin-right: 35px;
}
.checkout-social__icon img {
    max-width: 100%;
    height: auto;
}
@media (max-width: 1199px) {
    .checkout-social__icon {
        margin-right: 18px;
    }
}
.checkout-social__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 19px;
    line-height: 23px;
    color: #000;
    text-decoration: underline;
}
.checkout-social__link:hover,
.checkout-social__link:focus {
    -webkit-text-decoration: underline solid transparent;
            text-decoration: underline solid transparent;
}
.checkout-social__media {
    position: relative;
    max-width: 362px;
    width: 100%;
    padding-bottom: 80.65%;
}
@media (max-width: 575px) {
    .checkout-social__media {
        top: 100px;
        max-width: 100%;
        padding-bottom: 108%;
        overflow: hidden;
    }
}
.checkout-social__phone {
    position: absolute;
    width: 66.575%;
    padding-bottom: 134.09%;
}
.checkout-social__phone--telega {
    top: 0;
    right: 0;
}
.checkout-social__phone--insta {
    bottom: 0;
    left: 0;
}
@media (max-width: 575px) {
    .checkout-social__phone--insta {
        top: 25%;
    }
}
.checkout-social__phone img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
/* страница успеха end */




/* отзывы */
.rating-area {
    overflow: hidden;
    width: 175px;
    margin-bottom: 35px;
}
.rating-area:not(:checked) > input {
    display: none !important;
}
.rating-area:not(:checked) > label {
    float: right;
    width: 35px;
    padding: 0;
    cursor: pointer;
    font-size: 32px;
    line-height: 32px;
    color: #e5e5e5;
}
.rating-area label::after {
    display: none;
}
.rating-area:not(:checked) > label:before {
    content: '★';
    border: none;
    position: static;
    width: auto;
    height: auto;
}
.rating-area > input:checked ~ label {
    color: #FFCB00;
}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {
    color: #FFCB00;
}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {
    color: #FFCB00;
}
.rate-area > label:active {
    position: relative;
}
.rating-result {
    margin: 0;
}
.rating-result span {
    padding: 0;
    font-size: 27px;
    margin: 0 2px;
    line-height: 1;
    color: #E5E5E5;
}
.rating-result > span:before {
    content: '★';
}
.rating-result > span.active {
    color: #FFCB00;
}
.reviews {
    margin-top: 40px;
}
.reviews__list {
    margin: 0;
    padding: 0 35px;
    list-style: none;
}
@media (max-width: 767px) {
    .reviews__list {
        padding: 0;
    }
}
.review {
    margin-bottom: 25px;
    padding: 25px 36px 20px;
    background: #F9F9F9;
    border-radius: 3px;
}
@media (max-width: 991px) {
    .review {
        padding-right: 15px;
        padding-left: 15px;
    }
}
.reviews-gallery {
    position: relative;
    width: 100%;
    -webkit-animation: fadeIn 1.5s ease-in-out;
            animation: fadeIn 1.5s ease-in-out;
}
.reviews-gallery .inner-gallery-item {
    border-radius: 0 !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.reviews-gallery .inner-gallery-item a {
    position: relative;
    display: block;
    margin: 0 auto;
    width: 310px;
    height: 551px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .reviews-gallery .inner-gallery-item a {
        width: 100%;
    }
}
.reviews-gallery .inner-gallery-item a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    border-radius: 0;
}

.reviews__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 100px;
    margin-bottom: 30px;
    padding-right: 35px;
}
@media (max-width: 767px) {
    .reviews__header {
        margin-top: 30px;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.reviews__btn {
    padding: 15px 35px 16px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.reviews__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    margin-bottom: 30px;
}
.reviews-gallery .inner-gallery-item a::before {
    z-index: 1;
}
.reviews-gallery .inner-gallery-item a::after {
    z-index: 1;
}
@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
.review__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.review__location,
.content.content_txt p.review__location {
    margin: 0;
    padding: 0;
    width: 100%;
    font-style: italic;
    font-size: 15px;
    color: #5f5f5fa6;
    line-height: 18px;
    font-weight: 300;
}
.review p.review__name,
.content.content_txt p.review__name {
    margin: 0 12px 7px 0;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
    color: #2B2B2B;
}
.review__inner {
    padding: 30px 0 25px;
}
.review__inner p,
.content.content_txt .review__inner  p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 18px;
    color: #2B2B2B;
    white-space: pre-wrap;
}
.review-gallery__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .review-gallery__inner {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
    }
}
.review-gallery__list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    max-width: 760px;
    margin: 0 -10px;
    padding: 0;
    list-style: none;
}
.review-gallery__item {
    padding: 0 10px;
    margin-bottom: 20px;
    width: 25%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    display: none;
}
@media (max-width: 480px) {
    .review-gallery__item {
        width: 50%;
    }
}
.review-gallery__photo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.review-gallery__photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.review-gallery__link {
    display: none;
    margin: 0 0 20px 40px;
    padding: 0;
    border: none;
    background: transparent;
    text-decoration: underline;
    font-size: 20px;
    line-height: 24px;
    color: #2B2B2B;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
@media (max-width: 1199px) {
    .review-gallery__link {
        margin-left: 25px;
    }
}
@media (max-width: 991px) {
    .review-gallery__link {
        margin-left: 10px;
        font-size: 16px;
    }
}
@media (max-width: 767px) {
    .review-gallery__link {
       margin-left: 0;
    }
}
.review-gallery__link:hover,
.review-gallery__link:focus {
    -webkit-text-decoration: underline solid transparent;
            text-decoration: underline solid transparent;
}
.reviews-form {
    max-width: 1000px;
    width: 100%;
    margin: 70px auto 0;
}
.reviews-form__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.reviews-form__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}
@media (max-width: 575px) {
    .reviews-form__inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.reviews-form__left {
    max-width: 600px;
    width: 100%;
}
.reviews-form__right {
    max-width: 340px;
    width: 100%;
}
@media (max-width: 991px) {
    .reviews-form__right {
        padding-left: 20px;
    }
}
@media (max-width: 575px) {
    .reviews-form__right {
        max-width: 100%;
        padding-left: 0;
    }
}
.reviews-form__left .custom-input {
    height: calc(100% - 15px);
}
.custom-input {
    position: relative;
    margin-bottom: 15px;
}
.custom-input .error-message {
    left: 21px;
}
.custom-input input,
.custom-input textarea {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #5F5F5F;
    border-radius: 10px;
    font-size: 14px;
    line-height: 17px;
    font-weight: 300;
    color: #5F5F5F;
    resize: none;
}
.custom-input textarea {
    padding: 20px 25px;
    height: 100%;
}
@media (max-width: 575px) {
    .custom-input textarea {
        height: 150px;
    }
}
.custom-input input {
    padding: 19px 20px 17px;
}
.reviews-form .input-file {
    max-width: 340px;
    width: 100%;
}
@media (max-width: 767px) {
    .reviews-form .input-file {
        padding-right: 20px;
    }
}
@media (max-width: 480px) {
    .reviews-form .input-file {
        padding-right: 0;
        max-width: 100%;
    }
}

.reviews-form__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    max-width: 600px;
    width: 100%;
}
@media (max-width: 970px) {
    .reviews-form__bottom {
        max-width: 100%;
    }
}
@media (max-width: 480px) {
    .reviews-form__bottom {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.reviews-form__bottom button {
    -ms-flex-negative: 0;
        flex-shrink: 0;
}
@media (max-width: 480px) {
    .reviews-form__bottom button {
        margin: 15px auto 0;
    }
}
.input-file {
    position: relative;
}
.input-file__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px dashed #5F5F5F;
    border-radius: 10px;
    padding: 7px 15px 8px;
    width: 100%;
    cursor: pointer;
}
.input-file__label:hover,
.input-file__label:focus {
    border-color: #002c9e;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.input-file__title {
    margin: 0 0 1px;
    color: #2B2B2B;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
}
.input-file__label.active .input-file__title {
    color: #6DAD14;
    font-weight: 700;
}
.input-file__text {
    margin: 0;
    color: #2B2B2B;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}
.input-file__label.active .input-file__text {
    color: #2B2B2B;
}
.input-file__label:hover .input-file__title,
.input-file__label:focus .input-file__title, 
.input-file__label:hover .input-file__text,
.input-file__label:focus .input-file__text {
    color: #002c9e;
} 
.input-file__label.active {
    border-color: #6DAD14;
}
.input-file__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -5px;
    margin-top: 10px;
}
.input-file__images >div {
    position: relative;
    width: 25%;
    padding-bottom: 25%;
}
.input-file__images >div>img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    -o-object-fit: cover;
       object-fit: cover;
    border: 2px solid #6DAD14;
    border-radius: 10px;
}

.input-file .error-message {
    left: 0;
    bottom: -10px;
    width: 100%;
}
@media (max-width: 570px) {
    .breadcrumb.reviews-breadcrumb {
        display: block;
    }
}
/* отзывы end */


/* галерея */

.gallery {
    width: 100%;
}

.gallery__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -13px;
}

@media (max-width: 767px) {
    .gallery__wrapper {
        margin: 0;
    }
}

.goods-gallery {
    padding: 0 13px;
    margin-bottom: 20px;
    width: 50%;
    max-width: 50%;
}

@media (max-width: 767px) {
    .goods-gallery {
       padding: 0;
       width: 100%;
       max-width: 100%;
    }
}

.goods-gallery {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-animation: fadeIn 1.5s linear;
            animation: fadeIn 1.5s linear;
}

.goods-gallery__container,
.set-gallery__container {
    position: relative;
    min-height: 100%;
    -webkit-box-shadow: inset 0 0 0 1px #E3E3E3;
            box-shadow: inset 0 0 0 1px #E3E3E3;
    background-color: #ffffff;
    border-radius: 10px;
    overflow: hidden;
}

.goods-gallery__list {
    margin: 0 -10px;
}

@media (max-width: 991px) {
    .goods-gallery__list {
        margin: 0 -5px;
    }
}

@media (max-width: 575px) {
    .goods-gallery__list {
        margin: 0 -5px;
    }
}

@media (max-width: 767px) {
    .goods-gallery__list {
        margin: 0 -10px;
    }
}

.goods-gallery__item {
    padding: 0 10px;
}

@media (max-width: 991px) {
    .goods-gallery__item {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .goods-gallery__item {
        padding: 0 10px;
    }
}

@media (max-width: 575px) {
    .goods-gallery__item {
        padding: 0 5px;
    }
}

.goods-gallery__img {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 140%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #E3E3E3;
}

.goods-gallery__img::before,
.set-gallery__img::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: -webkit-gradient(linear,left bottom, left top,color-stop(0, rgba(0,40,138,.5)),to(rgba(31,70,154,.2)));
    background-image: -o-linear-gradient(bottom,rgba(0,40,138,.5) 0,rgba(31,70,154,.2) 100%);
    background-image: linear-gradient(to top,rgba(0,40,138,.5) 0,rgba(31,70,154,.2) 100%);
    -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0s 0.2s;
    -o-transition: opacity 0.2s ease-in-out, transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, transform 0s 0.2s, -webkit-transform 0s 0.2s;
    content: "";
}

.goods-gallery__img::after,
.set-gallery__img::after {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' version='1.1' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M310,190c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.52,0,10-4.48,10-10S315.52,190,310,190z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M500.281,443.719l-133.48-133.48C388.546,277.485,400,239.555,400,200C400,89.72,310.28,0,200,0S0,89.72,0,200 s89.72,200,200,200c39.556,0,77.486-11.455,110.239-33.198l36.895,36.895c0.005,0.005,0.01,0.01,0.016,0.016l96.568,96.568 C451.276,507.838,461.319,512,472,512c10.681,0,20.724-4.162,28.278-11.716C507.837,492.731,512,482.687,512,472 S507.837,451.269,500.281,443.719z M305.536,345.727c0,0.001-0.001,0.001-0.002,0.002C274.667,368.149,238.175,380,200,380 c-99.252,0-180-80.748-180-180S100.748,20,200,20s180,80.748,180,180c0,38.175-11.851,74.667-34.272,105.535 C334.511,320.988,320.989,334.511,305.536,345.727z M326.516,354.793c10.35-8.467,19.811-17.928,28.277-28.277l28.371,28.371 c-8.628,10.183-18.094,19.65-28.277,28.277L326.516,354.793z M486.139,486.139c-3.78,3.78-8.801,5.861-14.139,5.861 s-10.359-2.081-14.139-5.861l-88.795-88.795c10.127-8.691,19.587-18.15,28.277-28.277l88.798,88.798 C489.919,461.639,492,466.658,492,472C492,477.342,489.919,482.361,486.139,486.139z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M200,40c-88.225,0-160,71.775-160,160s71.775,160,160,160s160-71.775,160-160S288.225,40,200,40z M200,340 c-77.196,0-140-62.804-140-140S122.804,60,200,60s140,62.804,140,140S277.196,340,200,340z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3Cg%3E%3Cpath d='M312.065,157.073c-8.611-22.412-23.604-41.574-43.36-55.413C248.479,87.49,224.721,80,200,80c-5.522,0-10,4.478-10,10 c0,5.522,4.478,10,10,10c41.099,0,78.631,25.818,93.396,64.247c1.528,3.976,5.317,6.416,9.337,6.416 c1.192,0,2.405-0.215,3.584-0.668C311.472,168.014,314.046,162.229,312.065,157.073z' fill='%23ffffff' data-original='%23000000' style='' class=''/%3E%3C/g%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3Cg xmlns='http://www.w3.org/2000/svg'%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: transparent;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(0);
        -ms-transform: translate(-50%, -50%) scale(0);
            transform: translate(-50%, -50%) scale(0);
    -webkit-transition: opacity 0.2s ease-in-out, -webkit-transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, -webkit-transform 0s 0.2s;
    -o-transition: opacity 0.2s ease-in-out, transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, transform 0s 0.2s;
    transition: opacity 0.2s ease-in-out, transform 0s 0.2s, -webkit-transform 0s 0.2s;
    content: "";
}

.goods-gallery__img:hover::before,
.goods-gallery__img:focus::before,
.set-gallery__img:hover::before,
.set-gallery__img:focus::before  {
    opacity: 1;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.goods-gallery__img:hover::after,
.goods-gallery__img:focus::after,
.set-gallery__img:hover::after,
.set-gallery__img:focus::after  {
    -webkit-transform: translate(-50%, -50%) scale(1);
        -ms-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0.1s;
         -o-transition-delay: 0.1s;
            transition-delay: 0.1s;
}

.goods-gallery__img img,
.set-gallery__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.goods-gallery__desc {
    padding: 15px 20px 16px;
}

@media (max-width: 991px) {
    .goods-gallery__desc {
        padding: 0 10px 16px;
    }
}

@media (max-width: 767px) {
    .goods-gallery__desc {
        padding: 0 10px 16px;
    }
}

@media (max-width: 575px) {
    .goods-gallery__desc {
        padding: 0 10px 16px;
    }
}

.goods-gallery__desc ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
}

@media (max-width: 575px) {
    .goods-gallery__desc ul {
        padding: 0;
        list-style: none;
    }
}

.goods-gallery__desc li {
    color: #00309D;
}

.goods-gallery__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

@media (max-width: 991px) {
    .goods-gallery__row {
        margin: 0 -5px;
    }
}

@media (max-width: 767px) {
    .goods-gallery__row {
        margin: 0 10px;
    }
}

@media (max-width: 575px) {
    .goods-gallery__row {
        margin: 0 -5px;
    }
}

.goods-gallery__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 50%;
    padding: 0 10px;
}

@media (max-width: 991px) {
    .goods-gallery__col {
        padding: 0 5px;
    }
}

@media (max-width: 767px) {
    .goods-gallery__col {
        padding: 0 10px;
    }
}

@media (max-width: 575px) {
    .goods-gallery__col {
        padding: 0 5px;
    }
}

.goods-gallery__title {
    margin: 0 0 7px;
    font-size: 14px;
    line-height: 17px;
    color: #2B2B2B;
}

.goods-gallery__links {
    margin: 0;
    padding: 0;
    list-style: none;
}

.goods-gallery__links li.product {
    margin: 0;
    border: none;
}

.goods-gallery__links li.product .goods-gallery__link {
    text-decoration: underline;
}

.goods-gallery__link,
.set-gallery__link {
    margin: 0 0 6px;
    font-size: 14px;
    line-height: 16px;
    color: #00309D;
    text-decoration: underline;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.goods-gallery__link:hover,
.goods-gallery__link:focus,
.set-gallery__link:hover,
.set-gallery__link:focus,
.goods-gallery__links li.product .goods-gallery__link:hover,
.goods-gallery__links li.product .goods-gallery__link:focus  {
    -webkit-text-decoration: underline solid transparent;
            text-decoration: underline solid transparent;
}

.goods-gallery__more {
    display: inline-flex;
    justify-content: flex-start;
    width: auto;
    flex-grow: 0;
    margin: 7px 0 0;
    font-size: 14px;
    line-height: 17px;
    color: #2B2B2B;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.goods-gallery__more span {
    border-bottom: 1px dashed #2B2B2B;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.goods-gallery__more:hover,
.goods-gallery__more:focus {
    color: #00309D;
}

.goods-gallery__more:hover span,
.goods-gallery__more:focus span {
    border-color: #00309D;
}

.sets__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 -13px;
}

@media (max-width: 575px) {
    .set-wrapper {
        margin: 0 -5px;
    }
}

.set-gallery {
    padding: 0 13px;
    margin-bottom: 31px;
    width: 25%;
}
@media (max-width: 1199px) {
    .set-gallery {
        width: calc(100%/3);
    }
}

@media (max-width: 767px) {
    .set-gallery {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .set-gallery {
        padding: 0 5px;
    }
}

.set-gallery__container {
    max-width: 309px;
    margin: 0 auto;
    border: 0;
    overflow: visible;
}

.set-gallery__img {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 94%;
    border-radius: 10px;
    overflow: hidden;
    background-color: #E3E3E3;
}

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

.set-gallery__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 17px 12px;
    border: 1px solid #E5E5E5;
    border-top: none;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

@media (max-width: 575px) {
    .set-gallery__col {
        padding: 0 10px 12px;
    }
}

.set-gallery__col:last-child {
    border-color: transparent;
}

.set-gallery__title {
    margin: 0 0 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    color: #2B2B2B;
}

@media (max-width: 400px) {
    .set-gallery__title {
        margin-top: 5px !important;
        font-size: 14px;
    }
}

.set-gallery__price {
    margin: 0 0 0 30px;
    font-weight: 700;
    font-size: 14px;
    line-height: 19px;
    color: #00309D;
}

@media (max-width: 991px) {
    .set-gallery__price {
        margin: 0 0 0 auto;
    }
}

@media (max-width: 400px) {
    .set-gallery__price {
       margin: 0;
    }
}       

.set-gallery .product__favorite {
    margin-left: auto;
}

.set-gallery__composition {
    margin: 10px 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #2B2B2B;
}

.set-gallery__link {
    font-size: 13px;
}

.set-gallery__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    padding: 6px 10px 5px;
    margin: 10px 0 0;
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #00309D;
    background-color: transparent;
    border: 1px solid #00309D;
    border-radius: 5px;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.set-gallery__btn:hover,
.set-gallery__btn:focus {
    color: #ffffff;
    background-color: #00309D;
}

.set-gallery .label {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    line-height: 17px;
    font-weight: 700;
    border-radius: 10px 0;
    padding: 10px 30px 11px;
    position: absolute;
    z-index: 1;
    left: 0;
    top: -11px;
}

@media (max-width: 575px) {
    .set-gallery .label {
        padding: 6px 12px 5px;
    }
}

.set-gallery .label-set {
    background: #FF9933;
}

@media (max-width: 400px) {
    .set-gallery .color-icons {
        width: 100%;
        margin-bottom: 5px;
    }
}

.load-more-btn .btn--yellow {
    background: #ffcb00;
    border-color: #ffcb00;
    letter-spacing: .25px;
    font-size: 14px;
    font-weight: 700;
    padding: 18px 36px 16px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/* галерея end */

/*баннер для главной*/
.main-banner {
    margin-top: 30px;
}

.main-banner .row {
    margin: 0 -7.5px;
}

@media (max-width: 575px) {
    .main-banner .row {
        margin: 0 -15px;
    }
}

.main-banner .col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 0 7.5px;
    min-height: 100%;
}

@media (max-width: 575px) {
    .main-banner .col {
        padding: 0 15px;
    }

    .main-banner__video {
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
    }
}

.main-banner__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 69%;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
}

@media (max-width: 575px) {
    .main-banner__item {
        padding-bottom: 55%;
    }
}

.main-banner__item img,
.main-banner__link,
.main-banner__link video {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -o-object-fit: cover;
      object-fit: cover;
}

.main-banner__link::before {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    content: "";
}


.main-banner__item:last-child {
    margin-bottom: 0;
}

@media (max-width: 575px) {
    .main-banner__item:last-child {
        margin-bottom: 15px;
    }
}

.main-banner__inner {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    pointer-events: none;
}

@media (max-width: 575px) {
    .main-banner__item--arrow .main-banner__inner {
        width: 100%;
        padding: 0 50px;
    }

    .main-banner__item--arrow .main-banner__inner::after {
        position: absolute;
        right: 15px;
        top: 50%;
        -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
                transform: translateY(-50%);
        width: 24px;
        height: 22px;
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.2337 20.2094L13.0209 22L24 11L13.0209 0L11.2337 1.79065L19.1495 9.72066H0V12.2795H19.1495L11.2337 20.2094Z' fill='white'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        content: "";
    }

    .main-banner__item--video .main-banner__inner {
        width: 100%;
        padding: 0 10px;
    }
}

.main-banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px;
    background-color: rgba(0,0,0,0.6);
    border-radius: 50px;
}

@media (max-width: 575px) {
    .main-banner__item--video .main-banner__content {
        max-width: calc(100% - 70px);
    }
}

.main-banner__title {
    margin: 0;
    font-size: 30px;
    line-height: 30px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
}

@media (max-width: 1199px) {
    .main-banner__title {
        font-size: 26px;
    }
}

@media (max-width: 991px) {
    .main-banner__title {
        font-size: 18px;
        line-height: 1.2;
    }
}

.main-banner__item--big .main-banner__title {
    font-size: 35px;
    line-height: 44px;
}

@media (max-width: 1199px) {
    .main-banner__item--big .main-banner__title {
        font-size: 26px;
        line-height: 30px;
    }
}

@media (max-width: 991px) {
    .main-banner__item--big .main-banner__title {
        font-size: 16px;
        line-height: 1.2;
    }
}

.main-banner__label,
.video-link {
    margin: 5px 0 0;
    padding: 3px 20px;
    font-size: 18px;
    line-height: 20px;
    font-style: italic;
    color: #000000;
    text-align: center;
    background-color: #FFCB00;
    border-radius: 40px;
    white-space: nowrap;
    text-decoration: none;
}

.video-link {
    pointer-events: initial;
}

.video-link:hover {
    background-color: #002c9e;
    color: #ffffff;
}

@media (max-width: 991px) {
    .main-banner__label {
        font-size: 14px;
        line-height: 1.2;
    }
}

.video-play {
    position: relative;
    display: block;
    margin: 17px 0 14px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 0C15.7049 0 0 15.705 0 35C0 54.295 15.7043 70 35 70C54.2951 70 70 54.295 70 35C70 15.705 54.295 0 35 0ZM35 5.83368C51.1424 5.83368 64.1667 18.858 64.1667 35.0003C64.1667 51.1427 51.1424 64.167 35 64.167C18.8576 64.167 5.83333 51.1427 5.83333 35.0003C5.83333 18.858 18.8576 5.83368 35 5.83368ZM27.5564 20.417C25.838 20.457 24.3493 21.8744 24.3052 23.9109V46.0585C24.3642 48.774 27.0083 50.4198 29.3182 49.1273L47.8825 38.0066C48.8943 37.4003 49.584 36.301 49.584 34.999C49.584 33.6969 48.8943 32.567 47.8825 31.9608L29.3182 20.8714C28.7404 20.5479 28.1287 20.4021 27.5564 20.4156V20.417Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    overflow: hidden;
}

@media (max-width: 575px) {
    .video-play {
        width: 60px;
        height: 60px;
        margin: 10px 0;
    }
}

.video-play::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 0C15.7049 0 0 15.705 0 35C0 54.295 15.7043 70 35 70C54.2951 70 70 54.295 70 35C70 15.705 54.295 0 35 0ZM35 5.83368C51.1424 5.83368 64.1667 18.858 64.1667 35.0003C64.1667 51.1427 51.1424 64.167 35 64.167C18.8576 64.167 5.83333 51.1427 5.83333 35.0003C5.83333 18.858 18.8576 5.83368 35 5.83368ZM27.5564 20.417C25.838 20.457 24.3493 21.8744 24.3052 23.9109V46.0585C24.3642 48.774 27.0083 50.4198 29.3182 49.1273L47.8825 38.0066C48.8943 37.4003 49.584 36.301 49.584 34.999C49.584 33.6969 48.8943 32.567 47.8825 31.9608L29.3182 20.8714C28.7404 20.5479 28.1287 20.4021 27.5564 20.4156V20.417Z' fill='%23FFCB00'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    content: "";
}

@media (max-width: 575px) {
    .video-play::before {
        display: none;
    }
}

.video-duration {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
}

.main-banner__item:hover .main-banner__link::before {
    background-color: rgba(0,0,0,0.4);
}

.main-banner__item--video:hover .video-play::before {
    opacity: 1;
}

/*баннер для главной end*/

