@charset "UTF-8";

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 320px;
    position: relative;
}

body section:last-of-type {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

section.wrapper {
    padding-bottom: 0;
}

section.wrapper+section {
    padding-top: 0;
}

section .wrapper {
    margin-top: 60px;
}

.breadcrumbs {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #919BB3;
}

@media (max-width: 1024px) {
    .breadcrumbs {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .breadcrumbs li {
        max-width: 200px;
    }

    .breadcrumbs li a {
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

.breadcrumbs li:not(:first-child) {
    margin-left: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.breadcrumbs li:not(:first-child):before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    min-width: 5px;
    min-height: 5px;
    border-radius: 5px;
    background-color: #919BB3;
    margin-right: 10px;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-500.eot");
    src: local("MuseoSansCyrl-500"), url("../fonts/MuseoSans/MuseoSansCyrl-500.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-500.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-500.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-300Italic.eot");
    src: local("MuseoSansCyrl-300Italic"), url("../fonts/MuseoSans/MuseoSansCyrl-300Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-300Italic.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-300Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-500Italic.eot");
    src: local("MuseoSansCyrl-500Italic"), url("../fonts/MuseoSans/MuseoSansCyrl-500Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-500Italic.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-500Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-900.eot");
    src: local("MuseoSansCyrl-900"), url("../fonts/MuseoSans/MuseoSansCyrl-900.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-900.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-900.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-700.eot");
    src: local("MuseoSansCyrl-700"), url("../fonts/MuseoSans/MuseoSansCyrl-700.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-700.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-700.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-700Italic.eot");
    src: local("MuseoSansCyrl-700Italic"), url("../fonts/MuseoSans/MuseoSansCyrl-700Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-700Italic.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-700Italic.ttf") format("truetype");
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-300.eot");
    src: local("MuseoSansCyrl-300"), url("../fonts/MuseoSans/MuseoSansCyrl-300.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-300.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-300.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-100Italic.eot");
    src: local("MuseoSansCyrl-100Italic"), url("../fonts/MuseoSans/MuseoSansCyrl-100Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-100Italic.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-100Italic.ttf") format("truetype");
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-display: swap;
    font-family: "Museo";
    src: url("../fonts/MuseoSans/MuseoSansCyrl-900Italic.eot");
    src: local("Museo Italic"), local("MuseoSansCyrl-900Italic"), url("../fonts/MuseoSans/MuseoSansCyrl-900Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/MuseoSans/MuseoSansCyrl-900Italic.woff") format("woff"), url("../fonts/MuseoSans/MuseoSansCyrl-900Italic.ttf") format("truetype");
    font-weight: bold;
    font-style: italic;
}

.an-container,
.an-container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .an-container-sm,
    .an-container-xsm,
    .an-container {
        max-width: 540px;
    }
}

@media (min-width: 920px) {

    .an-container-md,
    .an-container-sm,
    .an-container-xsm,
    .an-container {
        max-width: 720px;
    }
}

@media (min-width: 1180px) {

    .an-container-lg,
    .an-container-md,
    .an-container-sm,
    .an-container-xsm,
    .an-container {
        max-width: 1140px;
    }
}

@media (min-width: 1580px) {

    .an-container-xl,
    .an-container-lg,
    .an-container-md,
    .an-container-sm,
    .an-container-xsm,
    .an-container {
        max-width: 1440px;
    }
}

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

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

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

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

@media (min-width: 1580px) {
    .an-col-xl-2-5 {
    padding-right: 5px;
    padding-left: 5px;
    }
}

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

.an-row-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.an-row-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.an-row-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.an-row-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.an-row-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.an-row-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.an-offset-1 {
    margin-left: 8.3333333333%;
}

.an-offset-2 {
    margin-left: 16.6666666667%;
}

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

.an-offset-4 {
    margin-left: 33.3333333333%;
}

.an-offset-5 {
    margin-left: 41.6666666667%;
}

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

.an-offset-7 {
    margin-left: 58.3333333333%;
}

.an-offset-8 {
    margin-left: 66.6666666667%;
}

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

.an-offset-10 {
    margin-left: 83.3333333333%;
}

.an-offset-11 {
    margin-left: 91.6666666667%;
}

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

    .an-row-cols-xsm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-xsm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-xsm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-xsm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-xsm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-xsm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-xsm-0 {
        margin-left: 0;
    }

    .an-offset-xsm-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-xsm-2 {
        margin-left: 16.6666666667%;
    }

    .an-offset-xsm-3 {
        margin-left: 25%;
    }

    .an-offset-xsm-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-xsm-5 {
        margin-left: 41.6666666667%;
    }

    .an-offset-xsm-6 {
        margin-left: 50%;
    }

    .an-offset-xsm-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-xsm-8 {
        margin-left: 66.6666666667%;
    }

    .an-offset-xsm-9 {
        margin-left: 75%;
    }

    .an-offset-xsm-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-xsm-11 {
        margin-left: 91.6666666667%;
    }
}

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

    .an-row-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-sm-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-sm-2 {
        margin-left: 16.6666666667%;
    }

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

    .an-offset-sm-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-sm-5 {
        margin-left: 41.6666666667%;
    }

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

    .an-offset-sm-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-sm-8 {
        margin-left: 66.6666666667%;
    }

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

    .an-offset-sm-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-sm-11 {
        margin-left: 91.6666666667%;
    }
}

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

    .an-row-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-md-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-md-2 {
        margin-left: 16.6666666667%;
    }

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

    .an-offset-md-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-md-5 {
        margin-left: 41.6666666667%;
    }

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

    .an-offset-md-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-md-8 {
        margin-left: 66.6666666667%;
    }

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

    .an-offset-md-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-md-11 {
        margin-left: 91.6666666667%;
    }
}

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

    .an-row-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-lg-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-lg-2 {
        margin-left: 16.6666666667%;
    }

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

    .an-offset-lg-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-lg-5 {
        margin-left: 41.6666666667%;
    }

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

    .an-offset-lg-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-lg-8 {
        margin-left: 66.6666666667%;
    }

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

    .an-offset-lg-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-lg-11 {
        margin-left: 91.6666666667%;
    }
}

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

    .an-row-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-xl-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-xl-2 {
        margin-left: 16.6666666667%;
    }

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

    .an-offset-xl-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-xl-5 {
        margin-left: 41.6666666667%;
    }

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

    .an-offset-xl-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-xl-8 {
        margin-left: 66.6666666667%;
    }

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

    .an-offset-xl-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-xl-11 {
        margin-left: 91.6666666667%;
    }
}

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

    .an-row-cols-xxl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .an-row-cols-xxl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .an-row-cols-xxl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .an-row-cols-xxl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .an-row-cols-xxl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .an-row-cols-xxl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.6666666667%;
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .an-offset-xxl-0 {
        margin-left: 0;
    }

    .an-offset-xxl-1 {
        margin-left: 8.3333333333%;
    }

    .an-offset-xxl-2 {
        margin-left: 16.6666666667%;
    }

    .an-offset-xxl-3 {
        margin-left: 25%;
    }

    .an-offset-xxl-4 {
        margin-left: 33.3333333333%;
    }

    .an-offset-xxl-5 {
        margin-left: 41.6666666667%;
    }

    .an-offset-xxl-6 {
        margin-left: 50%;
    }

    .an-offset-xxl-7 {
        margin-left: 58.3333333333%;
    }

    .an-offset-xxl-8 {
        margin-left: 66.6666666667%;
    }

    .an-offset-xxl-9 {
        margin-left: 75%;
    }

    .an-offset-xxl-10 {
        margin-left: 83.3333333333%;
    }

    .an-offset-xxl-11 {
        margin-left: 91.6666666667%;
    }
}

/*!
 * Bootstrap Grid v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar;
}

[class^=an-container-] {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

[class^=an-container-] * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

[class^=an-container-] *:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

[class^=an-container-] *:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

[class^=an-container-]:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

[class^=an-container-]:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.an-p-row {
    margin-top: -30px;
}

@media (max-width: 576px) {
    .an-p-row {
        margin-top: -20px;
    }
}

.an-p-row [class^=an-col] {
    padding-top: 30px;
}

@media (max-width: 576px) {
    .an-p-row [class^=an-col] {
        padding-top: 20px;
    }
}

.an-p-row [class^=an-col] .an-row {
    margin-top: -30px;
}

@media (max-width: 576px) {
    .an-p-row [class^=an-col] .an-row {
        padding-top: -20px;
    }
}

.an-p-20-row {
    margin-top: -20px;
}

@media (max-width: 576px) {
    .an-p-20-row {
        margin-top: -20px;
    }
}

.an-p-20-row [class^=an-col] {
    padding-top: 20px;
}

@media (max-width: 576px) {
    .an-p-20-row [class^=an-col] {
        padding-top: 20px;
    }
}

.an-p-20-row [class^=an-col] .an-row {
    margin-top: -20px;
}

@media (max-width: 576px) {
    .an-p-20-row [class^=an-col] .an-row {
        padding-top: -20px;
    }
}

.padding-v {
    margin: -15px;
}

.padding-v [class^=an-col] {
    padding: 15px;
}

body {
    background-color: #fff;
}

body,
button,
input {
    margin: 0;
    border: 0;
    outline: none;
}

html,
body {
    height: auto;
    width: 100%;
}

input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

input,
button {
    outline: none;
}

section,
div,
input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

button {
    border: 0;
}

h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6 {
    margin: 0;
}

a {
    text-decoration: none;
    color: #444444;
    cursor: pointer;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

a:hover {
    color: #277EFF;
}

section {
    padding: 30px 0;
}

@media (max-width: 920px) {
    section {
        padding: 20px 0;
    }
}

@media (max-width: 576px) {
    section {
        padding: 20px 0;
    }
}

body,
button,
input,
p,
textarea {
    font-family: "Museo", sans-serif;
    font-size: 15px;
    color: #3D4858;
    line-height: 1.73;
    letter-spacing: 0.04em;
    font-weight: 300;
}

@media (max-width: 1180px) {

    body,
    button,
    input,
    p,
    textarea {
        font-size: 14px;
    }
}

b {
    font-weight: 400;
}

p {
    margin: 20px 0;
    font-size: 15px;
    line-height: 26px;
}

@media (max-width: 1180px) {
    p {
        margin: 10px 0;
    }
}

h1 {
    font-weight: 400;
    font-size: 32px;
    line-height: 1.33;
    letter-spacing: 0.02em;
}

@media (max-width: 1180px) {
    h1 {
        font-size: 25px;
    }
}

/* p + h2 {
    margin-top: -20px;
} */

p+.h2 {
    margin-top: -20px;
}

@media (max-width: 1180px) {
    /* p + h2 {
        margin-top: -5px;
    }
    p + .h2 {
        margin-top: -5px;
    } */
}

/* .description-container p, .description-container li {
    font-weight: 400;
} */
.an-container-fluid>h2,
.container-sm>h2,
.container-md>h2,
.container-lg>h2,
.container-xl>h2 {
    margin-bottom: 30px;
}

.an-container-fluid>.h2,
.container-sm>.h2,
.container-md>.h2,
.container-lg>.h2,
.container-xl>.h2 {
    margin-bottom: 30px;
}

@media (max-width: 1180px) {

    .an-container-fluid>h2,
    .container-sm>h2,
    .container-md>h2,
    .container-lg>h2,
    .container-xl>h2 {
        margin-bottom: 20px;
    }
}

@media (max-width: 768px) {
    .description-container table {
        height: 100% !important;
        width: 100% !important;
        display: block;
        max-width: -moz-fit-content;
        max-width: -webkit-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-y: auto;
        white-space: nowrap;
    }
}

h2,
.h2 {
    font-family: "Museo", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 38px;
    line-height: 1.32;
}

@media (max-width: 1180px) {

    h2,
    .h2 {
        font-size: 23px;
    }
}

h3,
.h3 {
    font-family: "Museo", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 1.36;
}


@media (max-width: 1180px) {

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

h4,
.h4 {
    font-family: "Museo", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.25;
}

@media (max-width: 1180px) {

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

h5,
.h5 {
    font-family: "Museo", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
}

@media (max-width: 1180px) {

    h5,
    .h5 {
        font-size: 15px;
    }
}

.btn {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 0 20px;
    height: 52px;
    border: 1px solid;
    -webkit-transition: background-color 0.5s ease, color 0.5s ease;
    -o-transition: background-color 0.5s ease, color 0.5s ease;
    transition: background-color 0.5s ease, color 0.5s ease;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn b {
    font-weight: 500;
}

.btn span+.an-ico {
    margin-left: 15px;
}

.btn .an-ico {
    font-size: 12px;
}

.btn .an-ico+span {
    margin-left: 15px;
}

.btn.big {
    line-height: 1.73;
    height: 59px;
}

.btn.small {
    height: 37px;
    font-size: 13px;
    line-height: 1.15;
    padding: 0 12px;
}

.btn.extra-small {
    height: 20px;
    font-size: 13px;
    line-height: 1.15;
    padding: 0 5px;
}

.btn.extra-small .an-ico {
    font-size: 8px;
    margin-left: 8px;
}

.btn.medium {
    height: 44px;
    padding: 0 13px;
}

.btn.btn-blue {
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
}

.btn.btn-blue:hover {
    color: #277EFF;
    background-color: #fff;
    border-color: #277EFF;
}

.btn.btn-transparent {
    border: 1px solid #FFFFFF;
    color: #fff;
}

.btn.btn-transparent:hover {
    color: #277EFF;
    border-color: #fff;
    background-color: #fff;
}

.btn.btn-transparent-grey {
    color: #3D4858;
    border: 1px solid #D9DFEE;
    background-color: #fff;
}

.btn.btn-transparent-grey .an-ico {
    font-size: 20px;
}

.btn.btn-transparent-grey .an-ico+span {
    margin-left: 15px;
}

.btn.btn-transparent-grey:hover {
    color: #277EFF;
    background-color: #fff;
    border-color: #277EFF;
}

.btn.btn-grey {
    color: #919BB3;
    border: 1px solid #D9DFEE;
    background-color: #D9DFEE;
}

.btn.btn-grey .an-ico {
    font-size: 20px;
}

.btn.btn-grey .an-ico+span {
    margin-left: 15px;
}

.btn.btn-grey:hover {
    color: #277EFF;
    background-color: #fff;
    border-color: #277EFF;
}

.btn.btn-transparent-blue {
    border-color: #277EFF;
    color: #277EFF;
}

.btn.btn-transparent-blue:hover {
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
}

.btn.btn-white {
    border-color: #fff;
    color: #277EFF;
    background-color: #fff;
}

.btn.btn-white:hover {
    color: #fff;
    background-color: #277EFF;
}

.btn.btn-white:hover * {
    color: #fff;
}

.btn.btn-light-blue {
    border-color: #E7EBFB;
    color: #3D4858;
    background-color: #E7EBFB;
}

.btn.btn-light-blue:hover {
    color: #fff;
    border: 1px solid #277EFF;
    background-color: #277EFF;
}

.btn[disabled=true] {
    background-color: #9FB1C6 !important;
    color: #fff !important;
    border-color: #9FB1C6 !important;
    cursor: auto;
}

.float-btn-block {
    font-size: 0;
    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;
    width: 40px;
    position: fixed;
    left: 20px;
    bottom: 10%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
}

.copy-btn {
    cursor: pointer;
}

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

.an-ico {
    display: inline-block;
    height: 1em;
    line-height: 1;
}

.an-ico:before {
    font-family: "an-ico";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.an-ico-a-ya:before {
    content: "\e001";
}

.an-ico-arrow-left:before {
    content: "\e002";
}

.an-ico-arrow-nav-right:before {
    content: "\e003";
}

.an-ico-arrow-nav:before {
    content: "\e004";
}

.an-ico-arrow-right:before {
    content: "\e005";
}

.an-ico-arrow:before {
    content: "\e006";
}

.an-ico-basket-bold:before {
    content: "\e007";
}

.an-ico-basket:before {
    content: "\e008";
}

.an-ico-close:before {
    content: "\e009";
}

.an-ico-delivery:before {
    content: "\e00a";
}

.an-ico-drop-arrow:before {
    content: "\e00b";
}

.an-ico-eye:before {
    content: "\e00c";
}

.an-ico-factory:before {
    content: "\e00d";
}

.an-ico-info:before {
    content: "\e00e";
}

.an-ico-link-price:before {
    content: "\e00f";
}

.an-ico-long-arrow:before {
    content: "\e010";
}

.an-ico-mail:before {
    content: "\e011";
}

.an-ico-map:before {
    content: "\e012";
}

.an-ico-menu-burger:before {
    content: "\e013";
}

.an-ico-one-click:before {
    content: "\e014";
}

.an-ico-questions:before {
    content: "\e015";
}

.an-ico-robot:before {
    content: "\e016";
}

.an-ico-search:before {
    content: "\e017";
}

.an-ico-send:before {
    content: "\e018";
}

.an-ico-sort:before {
    content: "\e019";
}

.an-ico-sorting-bloc:before {
    content: "\e01a";
}

.an-ico-sorting-list:before {
    content: "\e01b";
}

.an-ico-sorting-table:before {
    content: "\e01c";
}

.an-ico-up:before {
    content: "\e01d";
}

.an-ico-upload:before {
    content: "\e01e";
}

.an-ico-user:before {
    content: "\e01f";
}

.ui-ico {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ui-ico i {
    margin: 10px;
    font-size: 25px;
    padding: 20px;
    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;
}

.ui-ico i span {
    margin-top: 10px;
    font-size: 10px;
}

.txt-pad p {
    margin: 0;
    margin-top: 10px;
}

.txt-pad p+h2 {
    margin-top: 80px;
}

.txt-pad p+.h2 {
    margin-top: 80px;
}

.txt-pad p+h3 {
    margin-top: 60px;
}

.txt-pad p+.h3 {
    margin-top: 60px;
}

.txt-pad p+h4 {
    margin-top: 40px;
}

.txt-pad p+.h4 {
    margin-top: 40px;
}

.txt-pad p+h5 {
    margin-top: 40px;
}

.txt-pad p+.h5 {
    margin-top: 40px;
}

.txt-pad h1 {
    margin: 0;
    margin-bottom: 100px;
}

.txt-pad h2 {
    margin: 0;
    margin-bottom: 60px;
}

.txt-pad .h2 {
    margin: 0;
    margin-bottom: 60px;
}

.txt-pad h3 {
    margin: 0;
    margin-bottom: 40px;
}

.txt-pad .h3 {
    margin: 0;
    margin-bottom: 40px;
}

.txt-pad h4 {
    margin: 0;
    margin-bottom: 20px;
}

.txt-pad .h4 {
    margin: 0;
    margin-bottom: 20px;
}

.txt-pad h5 {
    margin: 0;
    margin-bottom: 20px;
}

.txt-pad .h5 {
    margin: 0;
    margin-bottom: 20px;
}

.txt-pad.txt-mob p {
    margin-top: 10px;
}

.txt-pad.txt-mob p+h2 {
    margin-top: 40px;
}

.txt-pad.txt-mob p+.h2 {
    margin-top: 40px;
}

.txt-pad.txt-mob p+h3 {
    margin-top: 20px;
}

.txt-pad.txt-mob p+.h3 {
    margin-top: 20px;
}

.txt-pad.txt-mob p+h4 {
    margin-top: 10px;
}

.txt-pad.txt-mob p+.h4 {
    margin-top: 10px;
}

.txt-pad.txt-mob p+h5 {
    margin-top: 10px;
}

.txt-pad.txt-mob p+.h5 {
    margin-top: 10px;
}

.txt-pad.txt-mob h1 {
    margin-bottom: 40px;
}

.txt-pad.txt-mob h2 {
    margin-bottom: 40px;
}

.txt-pad.txt-mob .h2 {
    margin-bottom: 40px;
}

.txt-pad.txt-mob h3 {
    margin-bottom: 20px;
}

.txt-pad.txt-mob .h3 {
    margin-bottom: 20px;
}

.txt-pad.txt-mob h4 {
    margin-bottom: 10px;
}

.txt-pad.txt-mob .h4 {
    margin-bottom: 10px;
}

.txt-pad.txt-mob h5 {
    margin-bottom: 10px;
}

.txt-pad.txt-mob .h5 {
    margin-bottom: 10px;
}

.option {
    position: relative;
    font-size: 0;
}

.option .checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.option .checkbox:disabled+label {
    opacity: 0.5;
}

.option .checkbox:checked+label:before {
    background-image: url("../images/ico/arrow.svg");
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: 50%;
    background-color: #277EFF;
    border-color: #277EFF;
    width: 20px;
    height: 20px;
}

.option .checkbox+label:before {
    content: "";
    position: relative;
    top: -1px;
    margin-right: 20px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #D9DFEE;
    border: 1px solid #E7EBFB;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 4px;
}

.option .checkbox+label {
    padding: 0 0 0 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1;
}

.option .checkbox+label span {
    display: inline-block;
    font-size: 12px;
    color: #9FB1C6;
    line-height: 2;
}

.option .checkbox+label img {
    position: relative;
    top: 6px;
    left: 2px;
}

:root {
    --main-color: #277EFF;
}

input[type=text],
input[type=password],
input[type=email],
.select,
.select-values,
textarea {
    background: #326BC1;
    border-radius: 4px;
    padding: 13px 20px;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit]),
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit]),
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit]),
.select:not(.white):not(.quantity-input):not(input[type=submit]),
.select-values:not(.white):not(.quantity-input):not(input[type=submit]),
textarea:not(.white):not(.quantity-input):not(input[type=submit]) {
    color: #D9DFEE;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder,
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder,
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder,
.select:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder,
.select-values:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder,
textarea:not(.white):not(.quantity-input):not(input[type=submit])::-webkit-input-placeholder {
    color: #D9DFEE;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder,
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder,
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder,
.select:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder,
.select-values:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder,
textarea:not(.white):not(.quantity-input):not(input[type=submit])::-moz-placeholder {
    color: #D9DFEE;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder,
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder,
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder,
.select:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder,
.select-values:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder,
textarea:not(.white):not(.quantity-input):not(input[type=submit]):-ms-input-placeholder {
    color: #D9DFEE;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder,
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder,
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder,
.select:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder,
.select-values:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder,
textarea:not(.white):not(.quantity-input):not(input[type=submit])::-ms-input-placeholder {
    color: #D9DFEE;
}

input[type=text]:not(.white):not(.quantity-input):not(input[type=submit])::placeholder,
input[type=password]:not(.white):not(.quantity-input):not(input[type=submit])::placeholder,
input[type=email]:not(.white):not(.quantity-input):not(input[type=submit])::placeholder,
.select:not(.white):not(.quantity-input):not(input[type=submit])::placeholder,
.select-values:not(.white):not(.quantity-input):not(input[type=submit])::placeholder,
textarea:not(.white):not(.quantity-input):not(input[type=submit])::placeholder {
    color: #D9DFEE;
}

input[type=text].white,
input[type=password].white,
input[type=email].white,
.select.white,
.select-values.white,
textarea.white {
    background-color: #fff;
    border: 1px solid #D9DFEE;
}

input[type=text].form-control,
input[type=password].form-control,
input[type=email].form-control,
.select.form-control,
.select-values.form-control,
textarea.form-control {
    background-color: #fff;
    border: 1px solid #D9DFEE;
}

input[type=text].basket-item-amount-filed,
input[type=password].basket-item-amount-filed,
input[type=email].basket-item-amount-filed,
.select.basket-item-amount-filed,
.select-values.basket-item-amount-filed,
textarea.basket-item-amount-filed {
    background-color: #fff;
    border: 1px solid #D9DFEE;
}

.basket-btn-checkout {
    background: #326BC1;
}

.basket-item-amount-filed {
    width: 120px;
}

.d-none {
    display: none !important;
}

.captcha-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.quantity-input-block {
    padding: 0;
    border: 1px solid #D9DFEE;
    border-radius: 6px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.quantity-input-block .quantity-minus {
    font-weight: bold;
    padding: 4px 12px 4px 10px;
    cursor: pointer;
}

.quantity-input-block .quantity-input {
    width: 30px;
    padding: 12px 0;
    text-align: center;
    background-color: transparent;
    font-weight: normal;
    font-size: 15px;
    line-height: 1.73;
}

.quantity-input-block .quantity-plus {
    font-weight: bold;
    padding: 4px 10px 4px 12px;
    cursor: pointer;
}

.filter-item.active .filter-close-ico:before,
.filter-item.active .filter-close-ico:after {
    background-color: #277EFF;
}

.filter-item.active .filter-close-ico:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter-item.active .filter-close-ico:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.filter-close-ico {
    position: relative;
    width: 14px;
    height: 14px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.filter-close-ico:before,
.filter-close-ico:after {
    width: 14px;
    height: 1.4px;
    content: "";
    display: block;
    background-color: #919BB3;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    position: absolute;
}

.filter-close-ico:before {
    -webkit-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg);
}

.filter-close-ico:after {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.t-a-c {
    text-align: center;
}

.color-white {
    color: #fff;
}

.color-white p {
    color: inherit;
}

.color-grey {
    color: #919BB3;
}

.color-grey p {
    color: inherit;
}

.color-blue {
    color: #277EFF;
    cursor: pointer;
}

.color-blue p {
    color: inherit;
}

.bg-color-grey {
    background-color: #F6F7FC;
}

.bg-color-blue {
    background-color: #277EFF;
}

.bg-color-h {
    background-color: #282824;
}

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

.m-l-auto {
    margin-left: auto;
}

.m-t-40 {
    margin-top: 40px;
}

.m-t-20 {
    margin-top: 20px;
}

.m-t-10 {
    margin-top: 10px;
}

.m-r-10 {
    margin-right: 10px;
}

.m-b-30 {
    margin-bottom: 30px;
}

section.s-p-0 {
    padding-top: 0;
}

section.s-p-10 {
    padding: 10px 0;
}

section.s-b-b {
    border-bottom: 1px solid #E7EBFB;
}

section.s-b-b-b {
    border-top: 1px solid #E7EBFB;
}

.thin {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.17;
    color: #D9DFEE;
}

.dashed {
    position: relative;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
}

.dashed:hover {
    color: #fff;
}

.dashed:hover:before {
    border-color: #fff;
}

.dashed:before {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 1px dashed #277EFF;
    height: 1px;
    bottom: -1px;
}

.discount-bg {
    background-image: url("../images/discont-bg.svg");
    background-repeat: no-repeat;
    background-position: 200px center;
}

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

.label-group input {
    margin-top: 20px;
}

.label-group small+input {
    margin-top: 5px;
}

.label-group [class^=btn] {
    margin-top: auto;
}

.section-map {
    padding: 0;
    position: relative;
    width: 100%;
}

.section-map .map-wrapper {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

@media (max-width: 920px) {
    .section-map .map-wrapper {
        position: static;
        height: 250px;
    }
}

header+section {
    padding: 0;
}

.grey-line {
    background: #D9DFEE;
    height: 1px;
    width: 100%;
    margin: 40px 0;
}

.dot-green {
    color: #00AB30;
}

.dot-green:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #00AB30;
    margin-right: 10px;
}

.dot-red {
    color: #ab0000;
}

.dot-red:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #ab0000;
    margin-right: 10px;
}

h4+.an-row {
    margin-top: 40px;
}

.h4+.an-row {
    margin-top: 40px;
}

.manager-connect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.manager-connect:hover {
    color: #277EFF;
}

.manager-connect .an-ico {
    margin-right: 15px;
    font-size: 20px;
}

header,
.header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

header.fixit,
.header.fixit {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 999;
}

header.fixit:not(.header-transparent) .header-wrapper,
.header.fixit:not(.header-transparent) .header-wrapper {
    background-color: #fff;
}

header.header-transparent,
.header.header-transparent {
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 1180px) {

    header.header-transparent,
    .header.header-transparent {
        min-height: auto;
    }
}

.header.header-transparent .full-height-slider-wrapper {
    padding-top: 156px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header.header-transparent .slider-wrapper {
    padding-left: 0;
}

.main-header:not(.header-transparent) .bg-color-header:before {}

.main-header {
    width: 100%;
    background: rgba(255, 255, 255, 1) !important;
    transition: .3s ease-in-out;
    min-height: max-content !important;
}

.header.header-transparent {
    min-height: 100vh;
}

.main-header.header-transparent {
    width: 100%;
    background: transparent !important;
}

.main-header .header-wrapper {
    background-color: transparent !important;
}

.main-header.header-transparent .bg-color-header:before {
    background-color: transparent !important;
}

.main-header .bg-color-header:before {
    transition: .3s ease-in-out;
    background-color: rgba(40, 40, 36, 1) !important;
}

.main-header .bg-color-header {
    background-color: transparent !important;
    transition: .3s ease-in-out;
}

.main-header.fixit {
    position: fixed;
}

.main-header .header-catalog-menu {
    top: 184px;
}

@media (max-width: 1180px) {
    .main-header .header-catalog-menu {
        top: 139px;
    }
}

.main-header.active {
    background-color: white !important;
}

.main-header.active .bg-color-header:before {
    background-color: rgba(40, 40, 36, 1) !important;
}

header:not(.header-transparent) .bg-color-header:before,
.header:not(.header-transparent) .bg-color-header:before {
    height: 100%;
    background-color: #282824;
    width: 100vw;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
}

header .bg-color-header,
.header .bg-color-header {
    background-color: #282824;
    color: #fff;
    position: relative;
}

header .top-nav,
.header .top-nav {
    padding: 14px 0 13px;
    position: relative;
}

header .top-nav .col-wrapper,
.header .top-nav .col-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    top: 0;
}

@media (max-width: 1180px) {

    header .top-nav .col-wrapper,
    .header .top-nav .col-wrapper {
        display: none;
    }
}

header .top-nav .col-wrapper .btn-lk,
.header .top-nav .col-wrapper .btn-lk {
    margin-top: 10px;
}

@media (min-width: 1180px) {

    header .top-nav .mobile-auth,
    .header .top-nav .mobile-auth {
        display: none;
    }
}

@media (max-width: 1180px) {

    header .top-nav .col-wrapper.active,
    .header .top-nav .col-wrapper.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background-color: #FFFFFF;
        color: #000;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: absolute;
        -webkit-box-align: initial;
        -ms-flex-align: initial;
        align-items: initial;
        padding: 70px 25px 20px 25px;
        left: -10px;
        z-index: 100;
    }

    header .top-nav .col-wrapper.active .header-phone {
        color: #000;
    }

    header .top-nav .col-wrapper.active .nav-col .thin {
        color: #000;
    }

    header .top-nav .col-wrapper.active .nav-col.header-phone-block {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    header .top-nav .col-wrapper.active .nav-col.header-phone-block-wapp {
        margin-left: 0;
        margin-bottom: 15px;
    }

    header .top-nav .col-wrapper.active .nav-col.top-nav-items {
        margin-left: 0;
    }

    header .top-nav .col-wrapper.active .nav-col.top-nav-items ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    header .top-nav .col-wrapper.active .nav-col.top-nav-items ul li:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }

    header .top-nav .col-wrapper.active .nav-col.top-nav-items a:not(:hover) {
        color: #000;
    }

    header .top-nav .col-wrapper.active .nav-col .make-request {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        background-color: var(--main-color);
        height: 50px;
        color: #fff;
    }

    header .top-nav .col-wrapper.active .nav-col .header-town-selector .a-town {
        color: var(--main-color);
    }
}

header .top-nav .top-menu-btn {
    position: relative;
    z-index: 200;
    border-color: #fff;
    color: #fff;
}

header .top-nav .top-menu-btn.active {
    border-color: #000;
    color: #000;
}

header .top-nav .top-menu-btn.active+.header-logo {
    position: relative;
    z-index: 200;
}

header .top-nav .top-menu-btn.active+.header-logo .logo-color {
    fill: #1b1e21;
}

header .top-nav .mobile-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header .top-nav .mobile-menu .header-logo {
    width: 100px;
    margin-left: 20px;
}

@media (min-width: 1180px) {
    header .top-nav .mobile-menu {
        display: none;
    }
}

header .top-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
}

header .top-nav ul li {
    text-decoration: none;
    list-style: none;
}

header .top-nav ul li:not(:first-child) {
    margin-left: 20px;
}

header .top-nav ul a {
    white-space: nowrap;
    color: #fff;
}

header .top-nav ul a:hover {
    color: #277EFF;
}

header .top-nav .an-col:last-child {
    text-align: right;
}

header .top-nav .header-phone {
    font-weight: 500;
}

header .bottom-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 0;
}

@media (max-width: 1180px) {
    header .bottom-nav {
        padding: 10px 0;
    }
}

header .bottom-nav .header-logo {
    margin-right: 20px;
}

@media (max-width: 1180px) {
    header .bottom-nav .header-logo {
        display: none;
    }
}

@media (max-width: 1180px) {
    header .bottom-nav .header-auth-block {
        display: none;
    }
}

header .bottom-nav ul {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 30px;
    font-weight: 600;
}

header .bottom-nav ul li {
    text-decoration: none;
    list-style: none;
}

header .bottom-nav ul li:not(:first-child) {
    margin-left: 20px;
}

header .bottom-nav ul a {
    white-space: nowrap;
}

header .bottom-nav .btn-catalog {
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
}

header .bottom-nav .btn-catalog:hover {
    color: #277EFF;
    background-color: #fff;
    border-color: #277EFF;
}

header .bottom-nav .btn-lk {
    border-color: #D9DFEE;
}

header .bottom-nav .btn-lk:hover {
    color: #fff;
    background-color: #277EFF;
}

header .bottom-nav .btn-search {
    border-color: #D9DFEE;
}

header .bottom-nav .btn-search:hover {
    color: #fff;
    background-color: #277EFF;
}

header .bottom-nav .btn-search+.btn-lk {
    margin-left: 10px;
}

header .bottom-nav .header-basket {
    margin-left: 40px;
}

@media (max-width: 1180px) {
    header .bottom-nav .header-basket {
        margin-left: auto;
    }
}

header .full-height-slider .slider-wrapper {
    padding-bottom: 60px;
}

header .header-wrapper {
    position: relative;
    z-index: 100;
}

header .slider-content {
    position: relative;
    width: 100%;
}

@media (max-width: 1180px) {
    header .slider-content {
        padding: 30px 0;
    }
}

header:not(.active) .header-catalog-menu {
    display: none;
}

header:not(.active).header-transparent .bg-color-header {
    background-color: transparent;
}

header:not(.active).header-transparent .header-logo .logo-color {
    fill: #fff;
}

header:not(.active).header-transparent #cart-color,
header:not(.active).header-transparent #inner-color {
    fill: #fff;
}

header:not(.active).header-transparent .btn-white:not(:hover) {
    color: #000;
}

header:not(.active).header-transparent a:not(.btn) {
    color: #fff;
}

header:not(.active).header-transparent .top-nav .top-nav-items:after {
    background-color: #fff;
}

header:not(.active).header-transparent .bottom-nav .btn-catalog {
    border: 1px solid #FFFFFF;
    color: #fff;
    background-color: transparent;
}

header:not(.active).header-transparent .bottom-nav .btn-catalog:hover {
    color: #277EFF;
    border-color: #fff;
    background-color: #fff;
}

header:not(.active).header-transparent .bottom-nav .btn-search {
    border-color: #fff;
    color: #282824;
    background-color: #fff;
}

header:not(.active).header-transparent .bottom-nav .btn-search:hover {
    color: #277EFF;
    border-color: #fff;
    background-color: #fff;
}

header:not(.active).header-transparent .bottom-nav .btn-lk {
    border: 1px solid #FFFFFF;
    color: #fff;
    background-color: transparent;
}

header:not(.active).header-transparent .bottom-nav .btn-lk:hover {
    color: #277EFF;
    border-color: #fff;
    background-color: #fff;
}

header:not(.active).header-transparent .bottom-nav .header-basket {
    color: #fff;
}

header:not(.active).header-transparent .header-town-selector .a-town {
    color: #fff;
}

header:not(.active).header-transparent .header-town-selector .dashed:before {
    border-color: #fff;
}

header:not(.active).header-transparent .header-town-selector .dashed:before:hover {
    border-bottom-color: #fff;
}

header:not(.active).header-transparent:not(.active) .make-request {
    color: #fff;
}

header:not(.active).header-transparent:not(.active) .make-request .make-request-round {
    border-color: #fff;
}

header:not(.active).header-transparent:not(.active) .make-request .make-request-round:before {
    background-color: #fff;
}

header:not(.active).header-transparent:not(.active) .make-request .make-request-round:after {
    background-color: #fff;
}

header:not(.active).header-transparent:not(.active) .make-request:hover .make-request-round {
    border-color: #277EFF;
}

header:not(.active).header-transparent:not(.active) .make-request:hover .make-request-round:after {
    background-color: #277EFF;
}

header.active {
    background-color: #fff !important;
    min-height: 100vh;
}

header.active .header-wrapper {
    background-color: #fff;
    color: #282824;
}

header.active .top-nav ul a:hover {
    color: #277EFF;
}

header .header-catalog-menu-wrapper {
    position: relative;
    height: 100%;
}

header.active .header-catalog-menu {
    overflow-y: auto;
    height: calc(100vh - 189px);
    min-height: initial;
}

@media (max-width: 1180px) {
    header.active .header-catalog-menu {
        height: calc(100vh - 139px);
    }
}

header .header-catalog-menu {
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-color: #fff;
    top: 0;
    z-index: 999;
    padding: 40px 0;
    color: #282824;
    -webkit-box-shadow: 0 20px 9px rgba(209, 209, 209, 0.4);
    box-shadow: 0 20px 9px rgba(209, 209, 209, 0.4);
}

header .header-catalog-menu .border-left {
    position: relative;
}

header .header-catalog-menu .border-left:before {
    position: absolute;
    content: "";
    height: 100%;
    left: 0;
    top: 0;
    width: 1px;
    background-color: #E7EBFB;
}

header .header-catalog-menu .menu-items .input-ico {
    width: 100%;
    color: #919BB3;
    padding: 0 20px;
    background: #F6F7FC;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 6px;
    overflow: hidden;
}

header .header-catalog-menu .menu-items .input-ico .an-ico {
    margin-right: 10px;
}

header .header-catalog-menu .menu-items input {
    background: #F6F7FC;
    padding: 0 10px;
    height: 50px;
    border-radius: 0;
    width: 100%;
}

header .header-catalog-menu .menu-items ul {
    list-style: none;
    padding: 0;
    margin: 30px 0 0 0;
}

header .header-catalog-menu .menu-items ul .an-ico {
    color: #919BB3;
    font-size: 12px;
}

header .header-catalog-menu .menu-items ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 5px 10px;
    cursor: pointer;
}

@media (max-width: 576px) {
    header .header-catalog-menu .menu-items ul li {
        font-size: 12px;
    }
}

header .header-catalog-menu .menu-items ul li.active {
    background: #F6F7FC;
}

header .header-catalog-menu .menu-items ul li:not(:first-child) {
    margin-top: 10px;
}

header .header-catalog-menu .menu-cat-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (max-width: 576px) {
    header .header-catalog-menu .menu-cat-card ul li {
        font-size: 12px;
    }
}

header .header-catalog-menu .menu-cat-card ul li:not(:first-child) {
    margin-top: 5px;
}

header .header-catalog-menu .menu-cat-card .show-more {
    margin-top: 10px;
    color: #919BB3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

header .header-catalog-menu .menu-cat-card .show-more:hover {
    color: #277EFF;
}

header .header-catalog-menu .menu-cat-card .show-more .an-ico {
    font-size: 8px;
    margin-left: 15px;
}

header .menu-catalog-items .menu-catalog-item:not(.active) {
    display: none;
}

.make-request {
    text-align: right;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding-left: 20px;
    margin-left: 20px;
    border-radius: 6px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    color: #277EFF;
}

.make-request:hover {
    background-color: #277EFF;
    color: #fff;
}

.make-request:hover .make-request-round {
    border-color: #277EFF;
}

.make-request:hover .make-request-round:before {
    background-color: #fff;
}

.make-request .make-request-round {
    border: 1px solid;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    margin-left: 10px;
    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;
    font-size: 0;
}

.make-request .make-request-round:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 18px;
    background-color: #277EFF;
}

.make-request .make-request-round:after {
    position: absolute;
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 18px;
    background-color: #277EFF;
    -webkit-box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.header-basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.header-basket.empty #inner-color {
    fill: transparent !important;
}

.header-basket .basket-quantity {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    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;
    color: #fff;
    font-size: 10px;
}

@media (min-width: 920px) {
    .header-basket .basket-quantity {
        display: none;
    }
}

.header-basket .basket-cost-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 16px;
    font-weight: 400;
}

@media (max-width: 1180px) {
    .header-basket .basket-cost-block b {
        display: none;
    }
}

@media (max-width: 920px) {
    .header-basket .basket-cost-block {
        display: none;
    }
}

.header-town-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.header-town-selector .an-ico {
    font-size: 14px;
    margin-right: 8px;
    margin-top: 4px;
}

.header-town-selector .a-town {
    color: #277EFF;
}

.header-town-selector .dashed:hover {
    border-color: #277EFF;
}

header.header-color .top-nav {
    color: #fff;
    position: relative;
}

header.header-color .top-nav:before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100%;
    display: block;
    background-color: #282824;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

header:not(.header-color) .top-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
}

@media (max-width: 1180px) {
    header:not(.header-color) .top-nav {
        height: auto;
    }
}

header:not(.header-color) .top-nav .header-phone-block {
    margin-left: 40px;
    margin-right: 40px;
}

header:not(.header-color) .top-nav .header-phone-block-wapp {
    margin-right: 20px;
}

header:not(.header-color) .top-nav .top-nav-items {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

header:not(.header-color) .top-nav .top-nav-items:after {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    margin: 0 0 0 40px;
    opacity: 0.2;
}

header:not(.header-color) .bottom-nav {
    padding: 20px 0 20px;
}

@media (max-width: 1180px) {
    header:not(.header-color) .bottom-nav {
        padding: 10px 0;
    }
}

@media (max-width: 576px) {
    .logo-menu {
        display: none !important;
    }
}

.simple-menu a {
    font-weight: 400;
}

.big-slider {
    position: relative;
}

.big-slider .slider-dots {
    position: absolute;
    bottom: 28px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.big-slider-item {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    padding: 40px 40px 87px 40px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.big-slider-item .slider-content {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 283px;
}

.big-slider-item .slider-content * {
    color: #FFFFFF;
}

.big-slider-item .slider-content.slider-catalog .cat-title {
    padding: 7px 10px;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 2px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #3D4858;
}

.big-slider-item .slider-content.slider-catalog .cat-title i {
    color: inherit;
    margin-left: 10px;
}

.big-slider-item .slider-content.slider-catalog .slider-block {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.big-slider-item .slider-content.slider-catalog h4 {
    margin-top: 80px;
}

.big-slider-item .slider-content.slider-catalog .h4 {
    margin-top: 80px;
}

.big-slider-item .slider-content.slider-catalog p {
    margin-top: 12px;
}

.big-slider-item .slider-content.slider-catalog .slider-btn {
    margin-top: auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.big-slider-item .slider-content.slider-history {
    text-align: center;
    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;
}

.big-slider-item .slider-content.slider-history .item-title {
    font-weight: bold;
    font-size: 60px;
}

.big-slider-item:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    opacity: 0.5;
}

.slider-dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.slider-dots .slider-dot {
    width: 20px;
    height: 4px;
    background: #FFFFFF;
    border-radius: 10px;
}

.slider-dots .slider-dot.active {
    background: #919BB3;
    width: 40px;
}

.slider-dots .slider-dot:not(:first-child) {
    margin-left: 8px;
}

.slider-bg-wrap {
    position: absolute;
    width: 100%;
    min-height: 100%;
    margin: 0;
}

.slider-bg {
    background: #277EFF;
    opacity: 0.94;
    min-height: 100%;
}

.slider-txt {
    position: relative;
    z-index: 2;
}

.full-height-slider {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
}

.full-height-slider .slider-bg {
    z-index: 99;
    position: relative;
}

.full-height-slider .slider-txt {
    position: relative;
    z-index: 2;
}

.full-height-slider .slider-logo {
    position: relative;
    z-index: 1;
}

.full-height-slider .slider-logo:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: url("../images/slider/logo.png");
    background-size: auto 38%;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.8;
    top: -40px;
    left: 0;
}

.full-height-slider .an-container-fluid,
.full-height-slider .container-sm,
.full-height-slider .container-md,
.full-height-slider .container-lg,
.full-height-slider .container-xl {
    z-index: 99;
    position: relative;
}

.full-height-slider:after {
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%);
    content: "";
}

.full-height-slider-wrapper {
    padding-bottom: 60px;
    position: relative;
}

.full-height-slider-wrapper .top-nav {
    position: relative;
    z-index: 100;
}

.full-height-slider-wrapper .bottom-nav {
    position: relative;
    z-index: 100;
}

.full-height-slider-wrapper .full-height-slider-content-wrapper {
    position: relative;
}

.full-height-slider-wrapper .full-height-slider-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-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding-right: 30px;
    color: #fff;
}

.full-height-slider-wrapper .full-height-slider-content:before {
    display: block;
    position: absolute;
    background: #277EFF;
    opacity: 0.94;
    width: 100%;
    height: 100vh;
}

.full-height-slider-wrapper .full-height-slider-content h1 {
    padding: 20px 0 40px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-h h1 {
    font-weight: 400;
    font-size: 49px;
    line-height: 1.29;
}

@media (max-width: 1180px) {
    .full-height-slider-wrapper .full-height-slider-content .slider-h h1 {
        font-size: 25px;
    }

    .full-height-slider-wrapper .full-height-slider-content .slider-h+h5 {
        margin-top: 15px;
    }

    .full-height-slider-wrapper .full-height-slider-content .slider-h+.h5 {
        margin-top: 15px;
    }

    .full-height-slider-wrapper .full-height-slider-content .slider-h+h5+.manager-connect {
        margin-top: 20px;
    }

    .full-height-slider-wrapper .full-height-slider-content .slider-h+.h5+.manager-connect {
        margin-top: 20px;
    }
}

.full-height-slider-wrapper .full-height-slider-content .slider-h+h5 {
    margin-top: 30px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-h+.h5 {
    margin-top: 30px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-h+h5+.manager-connect {
    margin-top: 60px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-h+.h5+.manager-connect {
    margin-top: 60px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card {
    border: 1px solid #FFFFFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 20px;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    color: #fff;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card:hover {
    background-color: #FFFFFF;
    color: #282824;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card:hover p {
    color: #282824;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card p {
    color: #fff;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card .an-ico {
    font-size: 30px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card .h4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card h4 .cat-count {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.73;
    margin-left: 12px;
}

.full-height-slider-wrapper .full-height-slider-content .slider-cat-card .h4 .cat-count {
    font-weight: normal;
    font-size: 15px;
    line-height: 1.73;
    margin-left: 12px;
}

.cat-count-card {
    padding: 20px 40px 14px;
    background-color: #F6F7FC;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cat-count-card .an-ico {
    font-size: 40px;
    margin-right: 40px;
}

.cat-count-card h4 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.cat-count-card .h4 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.cat-count-card h4 .cat-count {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    color: #919BB3;
    margin-left: 12px;
}

.cat-count-card .h4 .cat-count {
    font-style: normal;
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    color: #919BB3;
    margin-left: 12px;
}

.catalog-cat-card {
    background: #F6F7FC;
    border-radius: 10px;
    height: 100%;
    position: relative;
}

.catalog-cat-card img {
    width: 100%;
}

.catalog-cat-card .cat-card-content {
    padding: 40px 20px 20px;
}

.catalog-cat-card .cat-card-content .cat-card-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.catalog-cat-card .cat-card-content a {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
}

.catalog-cat-card:not(:hover) .cat-card-hover-content {
    display: none;
}

.catalog-cat-card .cat-card-hover-content {
    padding: 40px 20px 20px;
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 0;
    min-height: 100%;
    z-index: 50;
}

.catalog-cat-card .cat-card-hover-content .hover-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-cat-card .cat-card-hover-content .hover-header .img-block {
    width: 30px;
}

.catalog-cat-card .cat-card-hover-content .hover-header .img-block img {
    width: 100%;
}

.catalog-cat-card .cat-card-hover-content .hover-header h5 {
    margin-left: 10px;
}

.catalog-cat-card .cat-card-hover-content .hover-header .h5 {
    margin-left: 10px;
}

.catalog-cat-card .cat-card-hover-content ul {
    list-style: none;
    margin: 23px 0 0 0;
    padding: 0;
}

.catalog-cat-card .cat-card-hover-content ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.catalog-cat-card .cat-card-hover-content ul li:not(:first-child) {
    margin-top: 10px;
}

.catalog-cat-card .cat-card-hover-content a {
    z-index: 100;
    position: relative;
}

.catalog-cat-card .cat-card-hover-content .show-all {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0 0 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #D9DFEE;
}

.catalog-cat-card .cat-card-hover-content .show-all .an-ico {
    margin-right: 10px;
    font-size: 16px;
}

.catalog-cat-card .cat-card-hover-content:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    border-radius: 10px;
    display: block;
}

.catalog-cat-card .catalog-cat-card-more {
    padding: 12px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.catalog-cat-card .catalog-cat-card-more .an-ico {
    color: #D9DFEE;
    font-size: 20px;
    margin-bottom: 40px;
}

.catalog-cat-card .catalog-cat-card-more:hover {
    color: #fff;
    background-color: #277EFF;
    border-radius: 6px;
}

.catalog-cat-card .catalog-cat-card-more:hover * {
    color: #fff;
}

.services-cat-card {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1024px) {
    .services-cat-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.services-cat-card:hover {
    -webkit-box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
}

.services-cat-card .services-cat-card-more {
    border-radius: 10px;
    padding: 12px 30px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.services-cat-card .services-cat-card-more .an-ico {
    color: #D9DFEE;
    font-size: 20px;
    margin-bottom: 40px;
}

.services-cat-card .services-cat-card-more:hover {
    background-color: #277EFF;
    color: #fff;
}

.services-cat-card .services-cat-card-more:hover a {
    color: #fff;
}

.services-cat-card-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #D9DFEE;
    max-width: 500px;
    min-width: 500px;
    padding: 20px 30px 0 20px;
    width: 35%;
}

@media (max-width: 1024px) {
    .services-cat-card-left {
        padding: 20px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #D9DFEE;
    }
}

.services-cat-card-left .card-img {
    min-width: 170px;
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 40px;
}

@media (max-width: 920px) {
    .services-cat-card-left .card-img {
        min-width: 90px;
        width: 90px;
        height: 90px;
        margin-right: 20px;
    }
}

.services-cat-card-left .card-img img {
    width: 100%;
    height: auto;
}

.services-cat-card-left .card-header {
    width: 100%;
}

.services-cat-card-left .card-header .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.services-cat-card-left .card-header .card-title .title-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.services-cat-card-left .card-header .card-title .title-group h5+a {
    margin-top: auto;
}

.services-cat-card-left .card-header .card-title .title-group .h5+a {
    margin-top: auto;
}

.services-cat-card-left .card-header .card-title .title-arrow {
    margin-left: 20px;
}

.services-cat-card-left .card-header .card-description {
    border-top: 1px solid #D9DFEE;
}

.services-cat-card-right {
    padding: 20px 20px 37px;
    width: 65%;
}

@media (max-width: 1024px) {
    .services-cat-card-right {
        padding: 20px;
        width: 100%;
    }
}

.services-cat-card-right .services-link {
    font-weight: bold;
}

.services-cat-card-right .an-p-row {
    margin-top: -15px !important;
}

.services-cat-card-right [class^=an-col] {
    padding-top: 15px;
}

.title-arrow {
    padding: 26px 17px;
    color: #277EFF;
    border: 1px solid #277EFF;
    border-radius: 6px;
    font-size: 0;
    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;
}

@media (max-width: 1024px) {
    .title-arrow {
        padding: 10px;
    }
}

.title-arrow:hover {
    background-color: #277EFF;
    color: #fff;
}

.title-arrow .an-ico {
    font-size: 9px;
}

.production-cat-card {
    padding: 20px;
    background: #F6F7FC;
    border-radius: 6px;
}

.production-cat-card [class^=an-col] {
    padding-top: 18px;
}

.production-cat-card h5 {
    margin-bottom: 40px;
}

.production-cat-card .h5 {
    margin-bottom: 40px;
}

.production-cat-card .btn {
    margin-top: 20px;
    width: 100%;
}

.why-cat-card img {
    height: 80px;
    width: auto;
    margin-bottom: 20px;
}

.why-cat-card .why-card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.why-cat-card .why-card-content .why-line {
    width: 60px;
    min-width: 60px;
    height: 2px;
    background: #D9DFEE;
    border-radius: 10px;
    margin-right: 20px;
    position: relative;
    top: 10px;
}

.about-us-img {
    border-radius: 10px;
    overflow: hidden;
    font-size: 0;
}

.about-us-img img {
    max-width: 100%;
}

.about-us-content>p {
    margin-top: 0;
}

.about-us-content h2+p {
    margin-top: 40px;
}

.about-us-content .h2+p {
    margin-top: 40px;
}

.about-us-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 40px;
}

.about-us-slider .an-ico {
    color: #277EFF;
}

.about-us-slider .slider-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}

.about-us-slider .slider-items .slider-item {
    margin: 0 15px;
}

.about-us-slider .slider-items .slider-item img {
    width: 100%;
}

.map-contacts {
    padding: 60px 40px;
    background: #F6F7FC;
}

@media (max-width: 1180px) {
    .map-contacts {
        padding: 20px;
    }
}

.map-contacts .map-town-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}

.map-contacts .map-town-selector .town-change-btn {
    margin-left: 20px;
}

.map-contacts .map-content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 1180px) {
    .map-contacts .map-content-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.map-contacts .map-content-row:not(:first-child) {
    margin-top: 20px;
}

.map-contacts .map-content-row .map-row-title {
    width: 110px;
    min-width: 110px;
    font-weight: 500;
}

.map-contacts .btn {
    margin-top: 20px;
    font-weight: 500;
    width: 100%;
}

.catalog-cat-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-cat-tabs .tab-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 22px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
}

.catalog-cat-tabs .tab-item:not(:first-child) {
    margin-left: 80px;
}

@media (max-width: 920px) {
    .catalog-cat-tabs .tab-item:not(:first-child) {
        margin-left: auto;
    }
}

@media (max-width: 576px) {
    .catalog-cat-tabs .tab-item:not(:first-child) {
        margin-left: 20px;
    }
}

.catalog-cat-tabs .tab-item.active {
    border-bottom: 2px solid #277EFF;
}

.catalog-cat-tabs .tab-item:not(.active):not(:hover) {
    opacity: 0.4;
}

.catalog-cat-tabs .tab-item img {
    height: 40px;
    margin-right: 20px;
}

@media (max-width: 576px) {
    .catalog-cat-tabs .tab-item img {
        height: 20px;
        margin-right: 10px;
    }
}

@media (max-width: 414px) {
    .catalog-cat-tabs .tab-item img {
        display: none;
    }
}

.tab-search {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid #E7EBFB;
}

.tab-search input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 40px;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: #444 !important;
}

.catalog-product-card {
    padding-top: 20px;
    border-top: 1px solid #E7EBFB;
}

.catalog-product-card .product-card-title {
    font-weight: 500;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 20px;
}

.catalog-product-card ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.catalog-product-card ul li:not(:first-child) {
    margin-top: 10px;
}

.catalog-product-card .show-more {
    color: #919BB3;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
    margin-top: 20px;
}

.catalog-product-card .show-more:hover {
    color: #277EFF;
}

.catalog-product-card .show-more .an-ico {
    font-size: 8px;
}

/*.filter-actions #set_filter {
    visibility: hidden;
}*/

.popular-tags {
    display: -webkit-box; /* Устаревшая реализация flexbox для старых WebKit-браузеров */
    display: -ms-flexbox; /* Устаревшая реализация flexbox для старых версий Internet Explorer */
    display: flex; /* Современная реализация flexbox */
    -webkit-box-align: flex-start; /* Устаревшее свойство для выравнивания по началу в старых WebKit-браузерах */
    -ms-flex-align: start; /* Устаревшее свойство для выравнивания по началу в старых версиях Internet Explorer */
    align-items: flex-start; /* Современное свойство для выравнивания по началу */
    height: 104px; /* Высота элемента */
    margin-top: 15px; /* Отступ сверху */
    box-sizing: border-box; /* Включение отступов и границ в размеры элемента */
}

.popular-tags-inner {
    display: -webkit-box; /* Устаревшая реализация flexbox для старых WebKit-браузеров */
    display: -ms-flexbox; /* Устаревшая реализация flexbox для старых версий Internet Explorer */
    display: flex; /* Современная реализация flexbox */
    -webkit-box-align: flex-start; /* Устаревшее свойство для выравнивания по началу в старых WebKit-браузерах */
    -ms-flex-align: start; /* Устаревшее свойство для выравнивания по началу в старых версиях Internet Explorer */
    align-items: flex-start; /* Современное свойство для выравнивания по началу */
    height: 100%; /* Наследуем высоту от родителя */
    overflow-x: auto; /* Добавляем горизонтальную прокрутку */
    box-sizing: border-box; /* Включаем отступы в размер элемента */
}

.popular-tags-inner::-webkit-scrollbar {
    height: 6px; /* Высота горизонтального скроллбара */
}

.popular-tags-inner::-webkit-scrollbar-thumb {
    background-color: #cccccc; /* Цвет ползунка */
    border-radius: 10px;
}

.popular-tags-inner::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Цвет дорожки скроллбара */
    border-radius: 10px;
}

.popular-tags .popular-tags-inner .tag-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10 -10px 0 10px;
}

.popular-tags .popular-tags-inner .tag-items .tag-item {
    margin: 0 10px 10px 0;
    padding: 8px;
    background: #F6F7FC;
    border-radius: 4px;
    font-weight: 400;
    cursor: pointer;
}

.popular-tags-text {
    display: -webkit-box; /* Устаревшая реализация flexbox для старых WebKit-браузеров */
    display: -ms-flexbox; /* Устаревшая реализация flexbox для старых версий Internet Explorer */
    display: flex; /* Современная реализация flexbox */
    -webkit-box-align: flex-start; /* Устаревшее свойство для выравнивания по началу в старых WebKit-браузерах */
    -ms-flex-align: start; /* Устаревшее свойство для выравнивания по началу в старых версиях Internet Explorer */
    align-items: flex-start; /* Современное свойство для выравнивания по началу */
    margin-top: 10px; /* Отступ сверху */
    margin-bottom: 10px; /* Отступ снизу */
    box-sizing: border-box; /* Включение отступов и границ в размеры элемента */
}

.popular-tags-inner-text {
    display: -webkit-box; /* Устаревшая реализация flexbox для старых WebKit-браузеров */
    display: -ms-flexbox; /* Устаревшая реализация flexbox для старых версий Internet Explorer */
    display: flex; /* Современная реализация flexbox */
    -webkit-box-align: flex-start; /* Устаревшее свойство для выравнивания по началу в старых WebKit-браузерах */
    -ms-flex-align: start; /* Устаревшее свойство для выравнивания по началу в старых версиях Internet Explorer */
    align-items: flex-start; /* Современное свойство для выравнивания по началу */
    height: 100%; /* Наследуем высоту от родителя */
    overflow-x: auto; /* Добавляем горизонтальную прокрутку */
    box-sizing: border-box; /* Включаем отступы в размер элемента */
}

.popular-tags-text .popular-tags-inner-text .tag-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10 -10px 0 10px;
}

.popular-tags-text .popular-tags-inner-text .tag-items .tag-item {
    margin: 0 10px 10px 0;
    padding: 8px;
    background: #F6F7FC;
    border-radius: 4px;
    font-weight: 400;
    cursor: pointer;
}

.bx-filter-popup-result {
    display: none !important;
}

.catalog-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    border-bottom: 1px solid #E7EBFB;
    padding: 20px 0;
}

@media (max-width: 920px) {
    .catalog-filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 10px 0;
    }
}

@media (min-width: 920px) {
    .catalog-filters .filter-title .btn {
        display: none;
    }
}

@media (max-width: 920px) {
    .catalog-filters .filter-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .catalog-filters .filter-title.active .an-ico {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    .catalog-filters .filter-title:not(.active)+.filter-items {
        max-height: 0;
        overflow: hidden;
    }

    .catalog-filters .filter-title .btn {
        margin-left: auto;
    }

    .catalog-filters .filter-title .an-ico {
        font-size: 6px;
    }
}

.catalog-filters .filter-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    padding-top: 15px;
}

.catalog-filters .filter-items .filter-item {
    margin: 5px;
}

@media (max-width: 920px) {
    .catalog-filters .filter-items .filter-item {
        width: 100%;
    }

    .catalog-filters .filter-items .filter-item .dropdown {
        width: 100%;
    }

    .catalog-filters .filter-items .filter-item .dropdown .dropdown-value {
        width: 100%;
    }

    .catalog-filters .filter-items .filter-item .dropdown .dropdown-value .an-ico {
        margin-left: auto;
    }
}

@media (max-width: 920px) {
    .catalog-filters .filter-items {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.catalog-filters .btn-block {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 920px) {
    .catalog-filters .btn-block {
        margin-top: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .catalog-filters .btn-block:not(.active) {
        display: none;
    }
}

.catalog-filters .btn-block .filter-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-filters .btn-block .filter-actions button:not(:first-child) {
    margin-left: 15px;
}

.dropdown {
    background: #FFFFFF;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

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

.dropdown .dropdown-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 5px;
    position: relative;
    cursor: pointer;
    padding: 0 12px;
    height: 50px;
    z-index: 999;
    background-color: #fff;
    border: 1px solid #d9dfee;
}

.dropdown .dropdown-value span {
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
}

.dropdown .dropdown-value .an-ico {
    font-size: 6px;
    margin-left: 20px;
}

.dropdown .dropdown-items {
    position: absolute;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-top: 50px;
    padding: 10px 0;
    top: 0;
    left: 0;
    min-width: 100%;
    background-color: #fff;
    border: 1px solid #d9dfee;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 200px;
    overflow-y: scroll;
    display: flex;
    flex-wrap: wrap;
    z-index: 9;
}

.dropdown .dropdown-items .dropdown-item {
    padding: 6px 15px;
    cursor: pointer;
    position: relative;
    z-index: 20;
    width: 100%;
    order: 1;
}

.dropdown .dropdown-items .dropdown-item.disabled {
    order: 2;
}

.dropdown .dropdown-items .dropdown-item:hover {
    background-color: var(--c-light-blue);
}

.dropdown .dropdown-items .dropdown-item .checkbox:not(:checked)+label:before {
    border-color: #277EFF;
    background-color: #fff;
}

.dropdown .dropdown-items .dropdown-item .checkbox+label {
    white-space: nowrap;
}

.dropdown .dropdown-items .dropdown-item .checkbox+label span {
    font-size: 15px;
    color: #3d4858;
    line-height: 1.73;
    letter-spacing: 0.04em;
    font-weight: 300;
}

.dropdown .dropdown-items .dropdown-item .checkbox+label.disabled span {
    color: #d9dfee !important;
}

.dropdown .dropdown-items .dropdown-item .checkbox+label.disabled:before {
    border-color: #d9dfee !important;
    background-color: #d9dfee !important;
}

.dropdown.active {
    z-index: 999;
}

.dropdown:not(.active) {
    z-index: 1;
}

.dropdown:not(.active) .dropdown-bg {
    display: none;
}

.dropdown:not(.active) .dropdown-items {
    display: none;
}

.catalog-filter-counter.disabled {
    display: none;
}

.catalog-filters-result {
    padding-top: 20px;
    margin: -3px;
}

.catalog-filters-result label {
    margin: 3px;
}

.catalog-filters-result label.disable {
    display: none;
}

.catalog-product-card-item .prop-item .prop-name {
    font-weight: 300;
    font-size: 12px;
    line-height: 1.17;
    color: #919BB3;
}

.catalog-product-card-item .prop-item .prop-value {
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.15;
}

.catalog-product-card-item .card-item-cost-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.catalog-product-card-item .card-item-cost-block .val-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.catalog-product-card-item .card-item-cost-block .cost-val {
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    color: #000;
}

.catalog-product-card-item .card-item-cost-block .cost-dimension {
    position: relative;
    color: #919BB3;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: 600;
    font-size: 15px;
    line-height: 26px;
}

.catalog-product-card-item .card-item-cost-block .cost-dimension.empty:before {
    display: none;
}

.catalog-product-card-item .card-item-cost-block .cost-dimension:before {
    position: absolute;
    width: 100%;
    border: 1px dashed #919BB3;
    height: 1px;
    bottom: -1px;
}

.catalog-product-card-item .card-item-info-block {
    border-radius: 26px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px;
    color: #277EFF;
}

.catalog-product-card-item .services-selector {
    max-width: 100%;
}

.catalog-product-card-item .services-selector .selector-header {
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-product-card-item .services-selector .selector-header .an-ico {
    font-size: 6px;
    margin-left: 5px;
}

.catalog-block .catalog-product-card-item {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 100%;
}

.catalog-block .catalog-product-card-item .card-wrapper {
    padding: 20px;
    border: 1px solid #E7EBFB;
    border-radius: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.catalog-block .catalog-product-card-item .cart-wrapper {
    margin-top: auto;
}

.catalog-block .catalog-product-card-item .card-item-img {
    text-align: center;
}

.catalog-block .catalog-product-card-item .card-item-name {
    margin-top: 24px;
}

.catalog-block .catalog-product-card-item .card-row:not(:first-child) {
    margin-top: 20px;
}

.catalog-block .catalog-product-card-item .prop-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px -5px -5px -5px;
}

.catalog-block .catalog-product-card-item .prop-items .prop-item {
    width: 50%;
    padding: 5px;
}

.catalog-block .catalog-product-card-item .cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}

@media (min-width: 1580px) {
    .catalog-block .catalog-product-card-item .cart-block {
        display: block;
        margin-top: 10px;
    }
}

.catalog-block .catalog-product-card-item .card-item-info-block {
    margin-left: auto;
}

.catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc {
    margin-top: 20px;
    width: 100%;
    color: #919BB3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-start;
}

@media (min-width: 1580px) {
    .catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc {
        margin-top: 0;
        margin-bottom: 6px;
    }
}

.catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc span {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc span:hover {
    color: #277EFF;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc span:hover:after {
    border-color: #277EFF;
}

.catalog-block .catalog-product-card-item .card-item-cost-block .cost-calc span:after {
    content: "";
    position: absolute;
    width: 100%;
    border: 1px dashed #919bb3;
    height: 1px;
    bottom: -1px;
    left: 0;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.catalog-block .catalog-product-card-item .card-item-add-no-cart-block {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.card-item-add-no-cart-block .btn {
    width: 100%;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .btn {
    white-space: nowrap;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .btn.add-to-cart-disable {
    cursor: initial;
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
    margin-right: 10px;
}

@media (min-width: 1580px) {
    .catalog-block .catalog-product-card-item .card-item-add-to-cart-block .btn.add-to-cart-disable {
        margin-right: 0px;
    }
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .btn:not(.add-to-cart-disable) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .btn:not(.add-to-cart-disable)+.quantity-input-block {
    display: none;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .quantity-input-block {
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
}

.catalog-block .catalog-product-card-item .card-item-add-to-cart-block .quantity-input-block .quantity-input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.catalog-block .catalog-product-card-item .services-selector {
    padding: 0 20px;
}

.catalog-block .catalog-product-card-item .services-selector .selector-header {
    width: 100%;
}

.catalog-block .catalog-product-card-item .services-selector .selector-header.active .an-ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.catalog-block .catalog-product-card-item .services-selector .selector-header.active+.services-items {
    max-height: 300px;
}

.catalog-block .catalog-product-card-item .services-items {
    max-height: 0;
    overflow: hidden;
}

.catalog-block .catalog-product-card-item .services-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
}

.catalog-block .catalog-product-card-item .services-item .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.catalog-block .catalog-product-card-item .services-item .value .item-price {
    padding-left: 10px;
    white-space: nowrap;
}

.catalog-block .catalog-product-card-item .test {
    position: relative;
}

.catalog-block .catalog-product-card-item .card-hover-block {
    padding: 20px 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 10;
}

.catalog-block .catalog-product-card-item:hover {
    -webkit-box-shadow: 0px 10px 60px rgba(173, 182, 206, 0.5);
    box-shadow: 0px 10px 60px rgba(173, 182, 206, 0.5);
}

.catalog-block .catalog-product-card-item:hover .card-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.catalog-block .catalog-product-card-item:hover .card-hover-block {
    border: 1px solid #E7EBFB;
}

.catalog-block .catalog-product-card-item:not(:hover) .card-hover-block {
    height: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
}

.catalog-block .catalog-product-card-item:not(:hover) .card-hover-block .services-selector .an-ico {
    height: 0;
    font-size: 0;
}

.catalog-list [class^=an-col] {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.catalog-list .catalog-product-card-item {
    padding: 20px;
    border: 1px solid #E7EBFB;
    border-radius: 10px;
}

@media (max-width: 1024px) {
    .catalog-list .catalog-product-card-item {
        padding-bottom: 40px;
    }
}

.catalog-list .catalog-product-card-item:hover {
    -webkit-box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
}

.catalog-list .catalog-product-card-item .card-item-img {
    display: none;
}

.catalog-list .catalog-product-card-item .card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (max-width: 1024px) {
    .catalog-list .catalog-product-card-item .card-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-list .catalog-product-card-item .card-wrapper .card-row {
        width: 100%;
    }

    .catalog-list .catalog-product-card-item .card-wrapper .cart-wrapper {
        margin-left: 0;
        margin-top: 15px;
        width: 100%;
    }

    .catalog-list .catalog-product-card-item .card-wrapper .cart-wrapper .cart-block {
        width: 100%;
    }

    .catalog-list .catalog-product-card-item .card-wrapper .cart-wrapper .cart-block .card-item-add-to-cart-block {
        margin-left: auto;
    }
}

.catalog-list .catalog-product-card-item .prop-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px -5px -5px -5px;
}

.catalog-list .catalog-product-card-item .prop-items .prop-item {
    padding: 5px;
}

.catalog-list .catalog-product-card-item .cart-wrapper {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-list .catalog-product-card-item .cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 30px;
    z-index: 99;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc {
    margin-top: 20px;
    width: 100%;
    color: #919BB3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:hover {
    color: #277EFF;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:hover:after {
    border-color: #277EFF;
}

.catalog-list .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:after {
    content: "";
    position: absolute;
    width: 100%;
    border: 1px dashed #919bb3;
    height: 1px;
    bottom: -1px;
    left: 0;
}

.catalog-list .catalog-product-card-item .card-item-info-block {
    margin-left: 20px;
    margin-right: 20px;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 20px;
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue span {
    display: none;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue .an-ico {
    margin-right: 0;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block .quantity-input-block {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 0;
    padding-bottom: 0;
}

.catalog-list .catalog-product-card-item .card-item-add-to-cart-block .btn.add-to-cart-disable {
    cursor: initial;
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
}

.catalog-list .catalog-product-card-item .test {
    text-align: right;
}

.catalog-list .catalog-product-card-item .card-hover-block .services-selector {
    position: relative;
}

.catalog-list .catalog-product-card-item .card-hover-block .selector-header.active .an-ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.catalog-list .catalog-product-card-item .card-hover-block .selector-header.active+.services-items {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.catalog-list .catalog-product-card-item .card-hover-block .services-items {
    position: absolute;
    padding: 20px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    right: -10px;
    background-color: #fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    top: 30px;
    z-index: 9999;
}

.catalog-list .catalog-product-card-item .card-hover-block .services-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3px;
}

.catalog-list .catalog-product-card-item .card-hover-block .services-item .value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.catalog-list .catalog-product-card-item .card-hover-block .services-item .value .item-price {
    padding-left: 10px;
    white-space: nowrap;
}

.catalog-table [class^=an-col] {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.catalog-table .catalog-product-card-item {
    padding: 20px;
    border: 1px solid #E7EBFB;
    border-radius: 10px;
}

.catalog-table .catalog-product-card-item:hover {
    -webkit-box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
}

.catalog-table .catalog-product-card-item .card-item-img {
    display: none;
}

.catalog-table .catalog-product-card-item .card-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-table .catalog-product-card-item .card-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (max-width: 1024px) {
    .catalog-table .catalog-product-card-item .card-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .card-row {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .card-row .card-item-name {
        width: 100%;
        max-width: 100%;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .card-row .prop-items {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        margin-top: 15px;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .cart-wrapper {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .cart-block {
        width: 100%;
    }

    .catalog-table .catalog-product-card-item .card-wrapper .cart-block .card-item-add-to-cart-block {
        margin-left: auto;
    }
}

.catalog-table .catalog-product-card-item .card-item-name {
    max-width: 180px;
}

.catalog-table .catalog-product-card-item .prop-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    padding-left: 15px;
}

.catalog-table .catalog-product-card-item .prop-items .prop-item {
    padding: 5px;
    width: 70px;
    margin: -5px;
}

.catalog-table .catalog-product-card-item .prop-items .prop-item .prop-name {
    display: none;
}

.catalog-table .catalog-product-card-item .prop-items .prop-item .prop-value {
    padding: 5px;
}

.catalog-table .catalog-product-card-item .prop-items .prop-item .prop-value:not(:hover) {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.catalog-table .catalog-product-card-item .prop-items .prop-item .prop-value:hover {
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0px 10px 60px rgba(208, 208, 208, 0.4);
    position: absolute;
}

.catalog-table .catalog-product-card-item .cart-wrapper {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-table .catalog-product-card-item .cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block {
    height: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 30px;
    z-index: 99;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc {
    margin-top: 20px;
    width: 100%;
    color: #919BB3;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span {
    position: relative;
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:hover {
    color: #277EFF;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:hover:after {
    border-color: #277EFF;
}

.catalog-table .catalog-product-card-item .cart-block .card-item-cost-block .cost-calc span:after {
    content: "";
    position: absolute;
    width: 100%;
    border: 1px dashed #919bb3;
    height: 1px;
    bottom: -1px;
    left: 0;
}

.catalog-table .catalog-product-card-item .card-item-info-block {
    margin-left: 20px;
    margin-right: 20px;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-left: 20px;
    padding-top: 19px;
    padding-bottom: 19px;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue span {
    display: none;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block .btn-transparent-blue .an-ico {
    margin-right: 0;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block .quantity-input-block {
    display: none;
}

.catalog-table .catalog-product-card-item .card-item-add-to-cart-block .btn.add-to-cart-disable {
    cursor: initial;
    color: #fff;
    border-color: #277EFF;
    background-color: #277EFF;
}

.catalog-table .catalog-product-card-item .test {
    display: none;
}

.catalog-table-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 20px;
}

.catalog-table-header .table-header-item {
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    width: 70px;
}

.catalog-table-header .table-header-item:first-child {
    width: 180px;
    margin-right: 15px;
}

.infographic-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.infographic-item .item-value {
    font-weight: 500;
    font-size: 40px;
    line-height: 2;
    min-width: 110px;
    margin-right: 10px;
    text-align: center;
    border-right: 2px solid #E7EBFB;
}

.infographic-item .item-txt {
    margin-left: 10px;
}

html {
    overflow-x: hidden;
}

.drop-filter {
    padding: 10px 12px;
    border: 1px solid #D9DFEE;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.drop-filter .an-ico {
    margin-left: auto;
    padding-left: 10px;
    font-size: 6px;
}

.app-select {
    position: relative;
}

.app-select:not(.active) .dropdown-values-block {
    display: none;
}

.app-select .dropdown-values-block {
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #D9DFEE;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 10px 10px 0 rgba(14, 16, 32, 0.1);
    box-shadow: 0 10px 10px 0 rgba(14, 16, 32, 0.1);
    z-index: 9;
    max-height: 180px;
    overflow: scroll;
    scrollbar-width: none;
}

.app-select .dropdown-values-block::-webkit-scrollbar {
    display: none;
}

.app-select .dropdown-values-block .value-item {
    padding: 10px 15px;
    background-color: #FFFFFF;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.app-select .dropdown-values-block .value-item.reset-filter {
    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;
    background: #fff;
    font-size: 12px;
}

.app-select .dropdown-values-block .value-item.reset-filter .an-ico {
    font-size: 20px;
    margin-right: 5px;
}

.app-select .dropdown-values-block .value-item.focused {
    background-color: #277eff;
    color: inherit;
}

.app-select .dropdown-values-block .value-item.active:hover {
    cursor: initial;
}

.app-select .dropdown-values-block .value-item:not(.active):hover {
    background-color: #277eff;
    color: #fff;
    color: inherit;
}

.catalog-view-selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-view-selector .selector-title {
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    color: #919BB3;
    margin-right: 20px;
}

.catalog-view-selector .view-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-view-selector .view-items .view-item {
    padding: 10px;
    line-height: 1;
    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;
    cursor: pointer;
}

.catalog-view-selector .view-items .view-item .an-ico {
    font-size: 10px;
}

.catalog-view-selector .view-items .view-item.active {
    background: #D9DFEE;
    border-radius: 4px;
}

.catalog-view-selector .view-items .view-item.active .an-ico {
    color: #277EFF;
}

.catalog-view-selector .view-items .view-item:not(:first-child) {
    margin-left: 5px;
}

.catalog-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0;
}

.catalog-sort b {
    color: #919BB3;
}

.catalog-sort .sort-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin: 0 -10px 0 10px;
}

@media (max-width: 920px) {
    .catalog-sort .sort-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-sort .sort-items .sort-items-block {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .catalog-sort .sort-items .sort-items-block b+.sort-item {
        margin-left: auto;
    }

    .catalog-sort .sort-items .view-block {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 10px;
    }

    .catalog-sort .sort-items .view-block .catalog-view-selector {
        margin-left: auto;
    }
}

.catalog-sort .sort-items .sort-item {
    margin: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.catalog-sort .sort-items .sort-item .an-ico {
    margin-left: 10px;
    font-size: 9px;
}

.catalog-sort .sort-items .app-select {
    z-index: 90;
}

.catalog-sort .sort-items .sort-items-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 375px) {
    .catalog-sort .sort-items .sort-items-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-sort .sort-items .sort-items-block b {
        width: 100%;
    }

    .catalog-sort .sort-items .sort-items-block b+.sort-item {
        margin-left: 0;
        margin-top: 10px;
    }
}

.catalog-sort .sort-items .view-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

@media (max-width: 375px) {
    .catalog-sort .sort-items .view-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .catalog-sort .sort-items .view-block .app-select {
        width: 100%;
    }

    .catalog-sort .sort-items .view-block .catalog-view-selector {
        margin-left: 0;
        margin-top: 10px;
    }
}

.catalog-sort .sort-items .drop-filter span {
    min-width: 110px;
}

.catalog-sort .sort-items .catalog-view-selector {
    margin-left: 20px;
}

.product-img-slider .product-img-active {
    width: 100%;
    background: #909090;
    border-radius: 6px;
    overflow: hidden;
}

.product-img-slider .product-img-active:before {
    content: "";
    display: inline-block;
    font-size: 0;
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

.product-img-slider .product-img-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -2% 0;
}

.product-img-slider .product-img-items .product-img-item {
    margin: 0 2%;
    width: 100%;
    background: #909090;
    border-radius: 6px;
    overflow: hidden;
}

.product-img-slider .product-img-items .product-img-item:before {
    content: "";
    display: inline-block;
    font-size: 0;
    position: relative;
    padding-bottom: 98%;
    height: 0;
}

.product-cost-block {
    padding: 20px;
    background-color: #277EFF;
    border-radius: 6px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .product-cost-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product-cost-block .cost-val {
    margin-left: 20px;
    font-weight: 400;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: 1.33;
}

@media (max-width: 1024px) {
    .product-cost-block .cost-val {
        width: 100%;
        margin-top: 10px;
        margin-left: 0;
    }
}

.product-cost-block .cost-val .cost-dimension {
    margin-left: 0.5em;
}

.product-cost-block .cost-more {
    margin-left: auto;
    cursor: pointer;
}

.product-cost-block .cost-more .an-ico {
    font-size: 10px;
}

.product-cost-block .cost-quantity-offer {
    margin-left: 36px;
    padding-left: 36px;
    border-left: 1px solid #0568FD;
    text-align: right;
    font-weight: 400;
}

@media (max-width: 1024px) {
    .product-cost-block .cost-quantity-offer {
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        margin-top: 10px;
        text-align: left;
        border-left: 0;
    }
}

.product-order-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px -10px 0;
}

.product-order-form .input-label-group {
    width: 100%;
    margin: 0 10px;
}

.product-order-form .input-label-group label {
    font-weight: 400;
    margin-bottom: 10px;
    display: inline-block;
}

.product-order-form .input-label-group input {
    width: 100%;
}

.additional-services {
    margin-top: 20px;
    background: #FFFFFF;
    border: 1px solid #E7EBFB;
    -webkit-box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    border-radius: 6px;
    position: relative;
}

.additional-services .additional-services-header {
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.additional-services .additional-services-header .an-ico {
    margin-left: auto;
    font-size: 6px;
}

.additional-services .additional-services-header.active .an-ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.additional-services .additional-services-header.active+.additional-services-items {
    display: block;
}

.additional-services .additional-services-items {
    display: none;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 60px;
    padding: 20px;
    border: 1px solid #E7EBFB;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    box-shadow: 0 10px 60px rgba(208, 208, 208, 0.4);
    background-color: #fff;
    z-index: 99;
}

.additional-services .additional-service-item {
    margin-top: 10px;
}

.additional-services .additional-service-item label {
    width: 100%;
}

.additional-services .additional-service-item .option .value {
    font-size: 15px;
    color: #3d4858;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

.additional-services .additional-service-item .option .value .price {
    white-space: nowrap;
}

.product-add-to-cart-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (max-width: 920px) {
    .product-add-to-cart-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.product-add-to-cart-block .cost-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-add-to-cart-block .cost-block .cost-val {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-add-to-cart-block .cost-block .cost-val span {
    margin-right: 10px;
}

.product-add-to-cart-block .cost-block .in-stock {
    margin-left: 10px;
}

.product-add-to-cart-block .btn-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.product-add-to-cart-block .product-volume {
    margin-top: 30px;
}

@media (max-width: 920px) {
    .product-add-to-cart-block .left-side {
        width: 100%;
    }
}

.product-add-to-cart-block .right-side {
    margin-left: auto;
}

@media (max-width: 920px) {
    .product-add-to-cart-block .right-side {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
}

.product-add-to-cart-block .right-side .btn:not(:first-child) {
    margin-top: 20px;
}

.delivery-calculation-block {
    margin-top: 60px;
    padding: 30px 60px;
    border: 1px solid #D9DFEE;
    border-radius: 10px;
    background: #F6F7FC;
    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;
}

.delivery-calculation-block .an-ico {
    font-size: 40px;
    margin-right: 30px;
}

.delivery-calculation-block h5+p {
    margin: 0;
}

.delivery-calculation-block .h5+p {
    margin: 0;
}

.product-card-teaser {
    margin-top: 40px;
}

.product-card-teaser .teaser-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 700px) {
    .product-card-teaser .teaser-items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-card-teaser .teaser-items .teaser-item:first-child {
        border-left: 1px solid #E7EBFB;
    }
}

.product-card-teaser .teaser-items .teaser-item {
    padding: 0 30px;
    width: 100%;
}

.product-card-teaser .teaser-items .teaser-item:not(:first-child) {
    border-left: 1px solid #E7EBFB;
}

.product-card-teaser .teaser-items .teaser-item .teaser-value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-card-teaser .teaser-items .teaser-item .teaser-value.teaser-underline span {
    text-decoration: underline;
}

.product-card-teaser .teaser-items .teaser-item .teaser-value .an-ico {
    margin-right: 10px;
    font-size: 40px;
    text-decoration: none;
}

.product-tabs-menu .tab-menu-item {
    padding-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-tabs-menu .tab-menu-item:not(:first-child) {
    margin-top: 20px;
}

.product-tabs-menu .tab-menu-item.active {
    padding-left: 0;
}

.product-tabs-menu .tab-menu-item.active:before {
    display: inline-block;
    content: "";
    width: 2px;
    height: 24px;
    border-radius: 10px;
    background-color: #277EFF;
    margin-right: 10px;
}

.product-tabs-content {
    border-left: 1px solid #D9DFEE;
    padding-left: 60px;
}

@media (max-width: 920px) {
    .product-tabs-content {
        padding-left: 0;
        border-left: none;
    }
}

.product-tabs-content .tab-content-item p:first-child {
    margin-top: 0;
}

.product-tabs-content .tab-content-item:not(.active) {
    display: none;
}

.tab-content-item a,
.tab-content-item .one-click-to-buy-text {
    text-decoration: none;
    color: #277EFF;
    cursor: pointer;
}

.characteristics-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.characteristics-items .characteristic-item {
    width: calc(33.3333333333% - 20px);
}

@media (max-width: 576px) {
    .characteristics-items .characteristic-item {
        width: 50%;
    }
}

.catalog-card-simple {
    position: relative;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    background-color: #fff;
}

.catalog-card-simple .card-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #E7EBFB;
    border-radius: 10px;
}

.catalog-card-simple .card-img {
    height: 140px;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.catalog-card-simple img {
    max-height: 100%;
    width: auto;
}

.catalog-card-simple .product-card-title {
    margin-top: 5px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.73;
    color: #3D4858;
}

.catalog-card-simple .card-add-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-card-simple .card-add-block .add-block-info {
    font-size: 12px;
    color: #277EFF;
    margin-right: 10px;
}

.catalog-card-simple .card-add-block .add-block-cost {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.33;
    text-align: center;
}

.catalog-card-simple .card-add-block .btn {
    margin-left: auto;
}

.catalog-card-simple .card-add-block .btn .an-ico {
    font-size: 12px;
}

.catalog-card-simple:hover {
    -webkit-box-shadow: 0px 10px 60px rgba(173, 182, 206, 0.5);
    box-shadow: 0px 10px 60px rgba(173, 182, 206, 0.5);
}

.catalog-card-simple:hover .card-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: none;
}

.catalog-card-simple:not(:hover) .card-more {
    display: none;
}

.catalog-card-simple .card-more {
    z-index: 99;
    background-color: #fff;
    width: 100%;
    padding: 20px;
    border: 1px solid #E7EBFB;
    position: absolute;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.catalog-card-simple .card-more .more-item {
    cursor: pointer;
    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;
}

.catalog-card-simple .card-more .more-item .an-ico {
    font-size: 6px;
}

.catalog-card-simple .card-more .more-item:not(:first-child) {
    margin-top: 10px;
}

.horizontal-tab-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #D9DFEE;
}

.horizontal-tab-menu .tab-menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding-bottom: 20px;
}

.horizontal-tab-menu .tab-menu-item:not(:first-child) {
    margin-left: 80px;
}

@media (max-width: 920px) {
    .horizontal-tab-menu .tab-menu-item:not(:first-child) {
        margin-left: auto;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .horizontal-tab-menu .tab-menu-item:not(:first-child) {
        margin-left: 10px;
    }
}

.horizontal-tab-menu .tab-menu-item img {
    height: 40px;
    margin-right: 20px;
}

@media (max-width: 576px) {
    .horizontal-tab-menu .tab-menu-item img {
        height: 20px;
        margin-right: 10px;
    }
}

@media (max-width: 414px) {
    .horizontal-tab-menu .tab-menu-item img {
        display: none;
    }
}

.horizontal-tab-menu .tab-menu-item:not(.active) {
    opacity: 0.5;
}

.horizontal-tab-menu .tab-menu-item.active {
    border-bottom: 3px solid #277EFF;
}

.horizontal-tab-items {
    margin-top: 60px;
}

.horizontal-tab-items .tab-content-item h2 {
    margin-top: 60px;
}

.horizontal-tab-items .tab-content-item .h2 {
    margin-top: 60px;
}

.company-img {
    overflow: hidden;
    width: 100%;
    background: #909090;
    border-radius: 6px;
    position: relative;
}

.company-img:before {
    content: "";
    display: inline-block;
    font-size: 0;
    position: relative;
    padding-bottom: 100%;
    height: 0;
}

.company-img img {
    height: 100%;
    width: auto;
    position: absolute;
}

.history-item .history-header {
    font-size: 60px;
    line-height: 1.33;
    letter-spacing: 0.02em;
    font-weight: 500;
    color: #D9DFEE;
}

.delivery-card {
    margin-top: 80px;
    padding: 60px;
    background: #F6F7FC;
    border-radius: 10px;
    height: 299px;
    display: flex;
    flex-direction: column;
}

.delivery-card .btn {
    margin-top: auto;
    width: max-content;
}

@media (max-width: 920px) {
    .delivery-card {
        margin-top: 20px;
        padding: 20px;
    }
}

.map {
    margin-top: 40px;
}

.map img {
    max-width: 100%;
}

.contacts-ico-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.contacts-ico-block .block-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 20px;
}

.contacts-ico-block .block-txt p {
    margin-top: 5px;
    margin-bottom: 0;
}

footer .footer-logo {
    max-width: 100%;
    margin-top: 5px;
}

footer .policy {
    font-size: 12px;
    line-height: 14px;
    width: 100% !important;
    display: block;
    margin-top: 10px;
}

.a_404 {
    position: relative;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
    color: #277EFF;
}

.a_404:before {
    content: "";
    position: absolute;
    width: 100%; /* Линия уже задана по ширине */
    border-bottom: 1px dashed #277EFF;
    height: 1px;
    bottom: -1px;
    opacity: 0; /* Изначально линия прозрачна */
    transition: opacity 0.5s ease; /* Добавляем плавность для прозрачности */
}

.a_404:hover:before {
    opacity: 1; /* Линия становится видимой */
}

footer .footer-links {
    font-weight: 300;
    font-size: 15px;
    line-height: 26px;
    display: inline-block;
}

footer .footer-links:not(:first-child) {
    margin-top: 10px;
}

footer .footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

footer .footer-row:not(:first-child) {
    margin-top: 8px;
}

footer .footer-row div:first-child {
    min-width: 90px;
    width: 90px;
    font-weight: 400;
}

.footer__social {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.footer__social-link {
    flex-shrink: 0;
    padding: 0px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-color: #277EFF;
    margin-right: 10px;
}

.footer__social-link:hover {
    background: #277EFF;
}

.footer__social-link:hover .icon-vk,
.footer__social-link:hover .icon-ok,
.footer__social-link:hover .icon-dzen {
    fill: #FFFFFF;
}

.icon-vk {
    width: 26px;
    height: 18px;
    fill: #277eff;
}

.icon-ok {
    width: 40px;
    height: 19px;
    fill: #277eff;
}

.icon-dzen {
    width: 20px;
    height: 20px;
    fill: #277eff;
}

@media (min-width: 1580px) {
    .fluid-grid .an-col-5 {
        max-width: calc(50% + (1440px / 12 * -1));
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + (1440px / 12 * -1));
        flex: 0 0 calc(50% + (1440px / 12 * -1));
    }

    .fluid-grid .an-col-5.fluid-grid-padding-left {
        padding-left: calc(50% + (1440px / 12 * -1) - ((5/12*1440px) - 15));
    }

    .fluid-grid .an-col-5.fluid-grid-padding-right {
        padding-right: calc(50% + (1440px / 12 * -1) - ((5/12*1440px) + 15));
    }

    .fluid-grid .an-col-6 {
        max-width: calc(50% + (1440px / 12 * 0));
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + (1440px / 12 * 0));
        flex: 0 0 calc(50% + (1440px / 12 * 0));
    }

    .fluid-grid .an-col-6.fluid-grid-padding-left {
        padding-left: calc(50% + (1440px / 12 * 0) - ((6/12*1440px) - 15));
    }

    .fluid-grid .an-col-6.fluid-grid-padding-right {
        padding-right: calc(50% + (1440px / 12 * 0) - ((6/12*1440px) + 15));
    }

    .fluid-grid .an-col-7 {
        max-width: calc(50% + (1440px / 12 * 1));
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% + (1440px / 12 * 1));
        flex: 0 0 calc(50% + (1440px / 12 * 1));
    }

    .fluid-grid .an-col-7.fluid-grid-padding-left {
        padding-left: calc(50% + (1440px / 12 * 1) - ((7/12*1440px) - 15));
    }

    .fluid-grid .an-col-7.fluid-grid-padding-right {
        padding-right: calc(50% + (1440px / 12 * 1) - ((7/12*1440px) + 15));
    }
}

.catalog-slider-items {
    margin-top: -40px;
}

.catalog-slider-items .catalog-slider-item {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 40px;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    background: #F6F7FC;
}

@media (min-width: 1180px) {
    .catalog-slider-items .catalog-slider-item {
        height: 100%;
    }
}

@media (max-width: 1180px) {
    .catalog-slider-items .catalog-slider-item {
        padding: 20px;
        margin: 10px;
    }
}

.catalog-slider-items .catalog-slider-item p {
    color: #3D4858;
}

.catalog-slider-items .catalog-slider-item .an-ico {
    font-size: 30px;
}

.catalog-slider-items .catalog-slider-item h4 {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #277EFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-slider-items .catalog-slider-item .h4 {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #277EFF;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog-slider-items .catalog-slider-item h4 .cat-count {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.73;
    margin-left: 12px;
    color: #919BB3;
}

.catalog-slider-items .catalog-slider-item .h4 .cat-count {
    font-weight: 300;
    font-size: 15px;
    line-height: 1.73;
    margin-left: 12px;
    color: #919BB3;
}

@media (max-width: 1180px) {
    .catalog-slider-items .catalog-slider-item h4 {
        margin-top: 10px;
    }

    .catalog-slider-items .catalog-slider-item .h4 {
        margin-top: 10px;
    }
}

.find-banner {
    padding: 60px;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    background-position: right;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.find-banner .banner-content {
    position: relative;
    z-index: 9;
}

.find-banner .banner-content p {
    max-width: 450px;
}

.find-banner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#F7F3F3), color-stop(94.9%, rgba(247, 243, 243, 0)));
    background: -o-linear-gradient(left, #F7F3F3 0%, rgba(247, 243, 243, 0) 94.9%);
    background: linear-gradient(90deg, #F7F3F3 0%, rgba(247, 243, 243, 0) 94.9%);
}

.find-form {
    padding: 25px 30px;
    background: #D9DFEE;
    border-radius: 10px;
}

.find-form input {
    border-radius: 6px;
    width: 100%;
}

.find-form p {
    margin: 15px 0;
}

.find-form .find-input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.find-form .find-input-group input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.find-form .find-input-group .btn {
    min-width: 170px;
    width: 170px;
}

.find-form .find-input-group *:not(:first-child) {
    margin-left: 28px;
}

.manufacture-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #D9DFEE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 20px;
}

.manufacture-item .img-block {
    width: 60px;
    height: 60px;
    min-width: 60px;
    min-height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px;
}

.manufacture-item .img-block img {
    max-width: 100%;
}

.manufacture-item .item-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.manufacture-item .item-txt .item-count {
    margin-top: 10px;
    color: #919BB3;
    font-size: 13px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.manufacture-item .item-txt .btn {
    margin-top: 20px;
}

.popup:not(.active) {
    display: none;
}

.popup .popup-container {
    width: calc(100% - 40px);
    min-height: 100px;
}

.popup.mini .popup-container {
    max-width: 270px;
}

.popup.small .popup-container {
    max-width: 330px;
}

.popup.middle .popup-container {
    max-width: 420px;
}

.popup.xl-middle .popup-container {
    max-width: 530px;
}

.popup.big .popup-container {
    max-width: 673px;
    padding: 40px 20px;
}

.popup {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 999;
}

.popup .popup-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 40px 30px;
    background: #F6F7FC;
    border-radius: 10px;
    z-index: 9;
}

.popup .popup-container .popup-close {
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 30px;
}

.popup .popup-container .popup-close .an-ico {
    font-size: 14px;
}

.popup .login-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup .login-btn-group .btn:not(:first-child) {
    margin-left: 10px;
}

.popup .popup-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 40px);
}

.popup .popup-content h5 {
    padding-right: 20px;
}

.popup .popup-content .h5 {
    padding-right: 20px;
}

.popup .popup-content input,
.popup .popup-content textarea {
    padding: 5px 10px;
}

.popup .popup-content .btn {
    height: 40px;
}

.popup .popup-content textarea {
    min-height: 98px;
    resize: none;
    padding: 13px 20px;
}

.popup .popup-content .popup-line {
    height: 1px;
    margin-top: 20px;
    background-color: #E7EBFB;
    max-width: 300px;
    width: 100%;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-line {
        margin-top: 20px;
    }


}

.popup-town-items {
    overflow-y: scroll;
    overflow-x: hidden;
    height: calc(100vh - 150px);
}


.popup .popup-content .popup-line-full {
    height: 1px;
    margin-top: 20px;
    background-color: #E7EBFB;
    width: 100%;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-line-full {
        margin-top: 10px;
    }
}

.popup .popup-content .popup-line-full+.popup-calculator-block {
    margin-top: 40px;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-line-full+.popup-calculator-block {
        margin-top: 10px;
    }
}

.popup .popup-content .popup-cart-header {
    padding: 10px 0;
    margin-top: 40px;
    border-top: 1px solid #D9DFEE;
    border-bottom: 1px solid #D9DFEE;
    font-size: 12px;
    line-height: 2.17;
    color: #919BB3;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-cart-header {
        margin-top: 10px;
    }
}

.popup .popup-content .popup-cart-item {
    padding: 20px 0;
    border-bottom: 1px solid #D9DFEE;
}

.popup .popup-content .popup-cart-item [class^=an-col] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup .popup-content .popup-cart-item .item-type {
    margin-bottom: 5px;
}

.popup .popup-content .popup-cart-item .item-name+.item-specification {
    margin-top: 5px;
}

.popup .popup-content .popup-cart-item .item-specification span {
    display: inline-block;
    border-bottom: 1px dashed #919BB3;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer;
}

.popup .popup-content .popup-cart-item .item-specification span:hover {
    color: #277EFF;
    border-color: #277EFF;
}

.popup .popup-content .popup-cart-item .quantity-input-block {
    background-color: #fff;
    border: 1px solid #D9DFEE;
}

.popup .popup-content .popup-cart-item .quantity-input-block .quantity-minus,
.popup .popup-content .popup-cart-item .quantity-input-block .quantity-plus {
    font-weight: 400;
}

.popup .popup-content .popup-cart-item .quantity-input-block .quantity-input {
    padding: 0;
}

.popup .popup-content .tag-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup .popup-content .tag-items .tag-item {
    margin-top: 3px;
    font-weight: 300;
    font-size: 12px;
    line-height: 1.17;
    color: #FFFFFF;
    background-color: #277EFF;
    padding: 3px 12px;
    border-radius: 2px;
}

.popup .popup-content .item-cost-block {
    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;
}

.popup .popup-content .item-cost-block .an-ico {
    font-size: 8px;
    color: #FF0000;
}

.popup .popup-content .ava-block {
    width: 80px;
    height: 80px;
}

.popup .popup-content .ava-block img {
    width: 100%;
    height: 100%;
}

.popup .popup-content .ava-block+h5 {
    margin-top: 40px;
}

.popup .popup-content .ava-block+.h5 {
    margin-top: 40px;
}

@media (max-width: 576px) {
    .popup .popup-content .ava-block+h5 {
        margin-top: 10px;
    }

    .popup .popup-content .ava-block+.h5 {
        margin-top: 10px;
    }
}

.popup .popup-content .input-phone-block {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (max-width: 576px) {
    .popup .popup-content .input-phone-block {
        margin-top: 10px;
    }
}

.popup .popup-content .input-phone-block input {
    max-width: 170px;
}

.popup .popup-content .input-phone-block .phone-prefix {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: flex;
    font-size: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #E7EBFB;
    border-radius: 6px;
    margin-right: 10px;
}

.popup .popup-content .input-phone-block .phone-prefix span {
    font-size: 15px;
    line-height: 1.2;
}

.popup .popup-content .input-phone-block .phone-prefix .an-ico {
    color: #277EFF;
    font-size: 8px;
    margin-left: 10px;
}

.popup .popup-content .input-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup .popup-content .input-group .label-group {
    width: calc(50% - 10px);
}

.popup .popup-content .input-group .label-group:not(:first-child) {
    margin-left: 20px;
}

.popup .popup-content .label-group {
    margin-top: 20px;
}

@media (max-width: 576px) {
    .popup .popup-content .label-group {
        margin-top: 10px;
    }
}

.popup .popup-content .drop-zone-block {
    border: 1px dashed #919BB3;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    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;
    margin-top: 20px;
    padding: 12px 0;
}

@media (max-width: 576px) {
    .popup .popup-content .drop-zone-block {
        margin-top: 10px;
    }
}

.popup .popup-content .drop-zone-block .txt-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #919BB3;
}

.popup .popup-content .drop-zone-block .txt-block .an-ico {
    margin-right: 10px;
    font-size: 20px;
}

.popup .popup-content .btn-block {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (max-width: 576px) {
    .popup .popup-content .btn-block {
        margin-top: 10px;
    }
}

.popup .popup-content .reg-actions-block {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (max-width: 576px) {
    .popup .popup-content .reg-actions-block {
        margin-top: 10px;
    }
}

.popup .popup-content .confirm-block {
    margin-top: 40px;
}

@media (max-width: 576px) {
    .popup .popup-content .confirm-block {
        margin-top: 10px;
    }
}

.popup .popup-content .cart-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup .popup-content .cart-header h4 {
    margin-right: 20px;
}

.popup .popup-content .cart-header .h4 {
    margin-right: 20px;
}

.popup .popup-content .btn-order-block {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (max-width: 576px) {
    .popup .popup-content .btn-order-block {
        margin-top: 10px;
    }
}

.popup .popup-content .btn-order-block .btn:not(:first-child) {
    margin-left: 10px;
}

.popup .popup-content .btn-order-block .popup-total-cost {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.popup .popup-content .popup-calculator-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup .popup-content .popup-calculator-block+.popup-line-full {
    margin-top: 40px;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-calculator-block+.popup-line-full {
        margin-top: 10px;
    }
}

.popup .popup-content .popup-calculator-block+.popup-calculator-block {
    margin-top: 10px;
}

@media (max-width: 576px) {
    .popup .popup-content .popup-calculator-block+.popup-calculator-block {
        margin-top: 10px;
    }
}

.popup .popup-content .popup-calculator-block .dimension-name {
    width: 100px;
    margin-right: 20px;
}

.popup .popup-content .popup-calculator-block .calculator-input-block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 20px;
    background: #FFFFFF;
    border: 1px solid #D9DFEE;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
}

.popup .popup-content .popup-calculator-block .calculator-input-block input {
    height: 26px;
    padding: 0 2px;
    margin-right: 8px;
    background-color: #fff;
    color: #919BB3;
    width: 100%;
}

.popup .popup-content .popup-calculator-block .calculator-input-block .dimension-value {
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.17;
    color: #919BB3;
    margin-left: auto;
    padding: 6px 0 6px 10px;
    border-left: 1px solid #D9DFEE;
}

.popup .popup-content .calculator-cost-block {
    margin-top: 40px;
    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;
}

.popup .popup-content .calculator-cost-block .cost-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.popup .popup-content .filter-items+.btn {
    margin-top: 20px;
}

@media (max-width: 576px) {
    .popup .popup-content .filter-items+.btn {
        margin-top: 10px;
    }
}

.popup .popup-content .filter-item {
    padding: 20px 0;
    border-bottom: 1px solid #E7EBFB;
}

.popup .popup-content .filter-item:not(.active) .filter-menu {
    max-height: 0px;
    overflow: hidden;
    padding: 0;
}

.popup .popup-content .filter-item.active .filter-header {
    color: #277EFF;
}

.popup .popup-content .filter-item .filter-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #282824;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
    cursor: pointer;
}

.popup .popup-content .filter-item .filter-header .filter-close-ico {
    margin-left: auto;
}

.popup .popup-content .filter-item .filter-menu {
    padding: 10px 0 20px;
    -webkit-transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    transition: all ease 0.5s;
}

.popup .popup-content .filter-item .filter-menu .menu-item {
    margin-top: 10px;
}

@media (max-width: 576px) {
    .popup .popup-content .filter-item .filter-menu .menu-item {
        margin-top: 10px;
    }
}

.popup .popup-content .filter-item .filter-menu .menu-item label {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.popup .popup-content .filter-item .filter-menu .menu-item label span {
    position: relative;
    top: -1px;
    color: #3D4858;
    font-weight: normal;
    font-size: 13px;
    line-height: 1.73;
}

.popup .popup-content .filter-item .filter-menu .menu-item .checkbox:not(:checked)+label span {
    color: #3D4858;
}

.popup .popup-content .filter-item .filter-menu .menu-item .checkbox:not(:checked)+label:before {
    background-color: #fff;
}

.popup .dimension-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 10px;
}

.popup .dimension-items .dimension-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.popup .dimension-items .dimension-item .dimension-label {
    min-width: 130px;
    width: 130px;
}

.popup .dimension-items .dimension-item .dimension-input {
    width: 100%;
}

.popup .popup-bg {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.popup-selector {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 9999999;
}

.popup-selector .u {
    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;
    padding: 10px 0;
    min-width: 30px;
    background-color: #3D4858;
    color: #fff;
    border: 1px solid #3f3f3f;
}

.popup-town-link {
    margin: 5px 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pagination {
    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;
}

.pagination .p-btn {
    border: 1px solid #277EFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 6px;
    height: 44px;
    padding: 0 30px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

.pagination .p-btn .an-ico {
    font-size: 12px;
}

.pagination .p-btn:hover {
    background-color: #277EFF;
    color: #fff;
}

.pagination .p-prev .an-ico {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pagination .p-pages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 15px;
}

.pagination .p-pages .page-item {
    padding: 0 15px;
    color: #919BB3;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
    cursor: pointer;
}

.pagination .p-pages .page-item:not(.active):hover {
    color: #277EFF;
}

.pagination .p-pages .page-item.active {
    font-weight: 500;
    color: #3D4858;
}

#call-back-form,
#txt-back-form {
    cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.sale-order-detail-about-order-inner-container-name-read-more,
.sale-order-detail-about-order-inner-container-name-read-less {
    position: relative;
}

.sale-order-detail-about-order-inner-container-name-read-more:after,
.sale-order-detail-about-order-inner-container-name-read-less:after {
    margin-left: 10px;
    position: absolute;
    top: 50%;
}

.sale-order-list-title-container,
.sale-order-detail-general-head {
    background-color: #277EFF;
}

.sale-order-list-title-container h2,
.sale-order-detail-general-head h2 {
    color: #fff !important;
    padding-bottom: 10px;
}

.sale-order-list-title-container .h2,
.sale-order-detail-general-head .h2 {
    color: #fff !important;
    padding-bottom: 10px;
}

.sale-order-detail-general {
    border-color: #277EFF;
}

.bx-soa-cart-total {
    border-color: #277EFF;
}

.sale-order-list-change-payment,
.sale-order-list-about-link,
.sale-order-list-repeat-link,
.sale-order-history-link {
    text-decoration: none;
    color: #277EFF;
    cursor: pointer;
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.sale-order-list-change-payment:hover,
.sale-order-list-about-link:hover,
.sale-order-list-repeat-link:hover,
.sale-order-history-link:hover {
    opacity: 0.7;
}

.bx_my_order_cancel input[type=submit] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 6px;
    padding: 0 20px;
    height: 50px;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
    background: #277EFF;
    border-color: #277EFF;
    color: #fff !important;
    text-shadow: none;
}

.bx_my_order_cancel input[type=submit].add-to-cart-disable {
    cursor: default;
}

.bx_my_order_cancel input[type=submit]:not(.add-to-cart-disable):hover {
    background-color: #fff;
    color: #277EFF !important;
}

.bx_my_order_cancel input[type=submit].transparent {
    color: #277EFF;
}

.bx_my_order_cancel input[type=submit].transparent:hover {
    background: -o-linear-gradient(206.01deg, #3ED4FF 5.4%, #FF4EB7 99.98%);
    background: linear-gradient(243.99deg, #3ED4FF 5.4%, #FF4EB7 99.98%);
    padding: 0 21px;
    border-width: 0;
    color: #fff;
}

.radio label,
.checkbox label {
    padding-left: 0;
}

.bx-filter-param-label input {
    opacity: 0;
}

.bx-filter-param-label:before {
    border-color: #277EFF;
}

.bx-filter-param-label.checked:before {
    background-image: url("../images/ico/arrow.svg");
    background-repeat: no-repeat;
    background-size: 10px 8px;
    background-position: 50%;
    background-color: #277EFF;
}

.bx-authform>label {
    display: none;
}

.bx-authform .btn+.btn {
    margin-left: 20px;
}

.product-item-button-container {
    width: 100%;
}

.filter-open-btn {
    display: none;
}

@media (min-width: 920px) {
    .bx-filter {
        position: -webkit-sticky;
        position: sticky;
        top: 40px;
        z-index: 99;
    }
}

@media (max-width: 920px) {
    .an-col-md-300 {
        position: relative;
    }

    .filter-open-btn {
        display: inline-block;
    }

    .filter-open-btn .btn .an-ico {
        margin-left: 10px;
        font-size: 12px;
    }

    .bx-filter:not(.open) {
        display: none;
    }

    .bx-filter {
        position: absolute;
        top: 60px;
        z-index: 99;
        background-color: #fff;
        width: 100%;
        left: 0;
    }

    .bx-filter .smartfilter {
        padding: 20px 0;
    }

    .bx-filter .smartfilter .an-row {
        margin: 0;
    }

    .filter-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #443945;
        opacity: 0.3;
        z-index: 90;
        top: 80px;
        left: 0;
    }

    .filter-bg:not(.open) {
        display: none;
    }
}

body .bx-pagination .bx-pagination-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

body .bx-pagination .bx-pagination-container ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

body .bx-pagination .bx-pagination-container ul .bx-pag-prev span {
    padding: 0 10px;
    font-size: 12px;
}

body .bx-pagination .bx-pagination-container ul .bx-pag-next span {
    padding: 0 10px;
    font-size: 12px;
}

@media (max-width: 920px) {
    body td.basket-items-list-item-remove {
        padding: 0 0 34px !important;
    }
}

.basket-coupon-alert-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.basket-coupon-alert-section .basket-coupon-alert-inner .basket-coupon-text {
    padding-left: 0;
}

.basket-coupon-section .form-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

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

.btn-gift {
    margin-bottom: 20px;
}

.sale-personal-section-index-block.bx-theme-blue {
    background-color: #277EFF;
    color: #fff;
    background-image: none;
}

.lb_tabs {
    max-width: 1440px;
    padding-right: 7.5px;
    padding-left: 7.5px;
    width: 100%;
    margin-bottom: 40px;
}

.lb_tabs table.lb_history th {
    background-color: #277EFF;
}

.lb_tabs section {
    width: 100%;
}

.lb_tabs section .lb_table-wrap {
    width: 100%;
}

.shareBasketLink a {
    color: #fff;
}

.shareBasketLink:hover a {
    color: #277EFF;
}

.catalog-block-header {
    display: none;
}

.sale-products-gift {
    margin-top: 30px;
    margin-bottom: 30px;
}

.bx-authform-input-container input[type=text],
.bx-authform-input-container input[type=password],
.bx-authform-input-container input[type=email],
.bx-authform-input-container textarea {
    color: #3d4858 !important;
    background-color: #fff !important;
    border: 1px solid #D9DFEE !important;
    border-radius: 4px !important;
    padding: 13px 20px !important;
}

#basket-root input[type=text],
#basket-root input[type=password],
#basket-root input[type=email],
#basket-root textarea {
    color: #3d4858 !important;
    background-color: #fff !important;
    border: 1px solid #D9DFEE !important;
    border-radius: 4px !important;
    padding: 13px 20px !important;
}

#bx-soa-order-form input[type=text],
#bx-soa-order-form input[type=password],
#bx-soa-order-form input[type=email],
#bx-soa-order-form textarea {
    color: #3d4858 !important;
    background-color: #fff !important;
    border: 1px solid #D9DFEE !important;
    border-radius: 4px !important;
    padding: 13px 20px !important;
}

.delivery-calculation-block {
    display: none;
}





.price-list-header {
    margin-top: -45px;
}

.price-list-header .btn {
    height: 100%;
}

@media (max-width: 920px) {
    .price-list-header {
        margin-top: -30px;
    }
}

.btn-svg-price {
    fill: #fff;
    margin-left: 7px;
    transition: fill 0.5s ease;
}

.btn:hover .btn-svg-price {
    fill: #277EFF;
    transition: fill 0.5s ease;
}




.home-page-hi-hero {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

@media (max-width: 990px) {
    .home-page-hi-hero.an-container-fluid.an-container-xl.header-wrapper {
        padding-right: 0px;
        padding-left: 0px;
        right: 15px;
        left: 15px;
    }
}

.home-page-hi-hero-content {
    text-align: center;
    margin: 0 auto; /* Центрируем блок */
    color: #ffffff; /* Цвет текста белый */
    z-index: 3; /* Повышаем z-index, чтобы блок оставался над фоном */
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 1580px) {
    .home-page-hi-hero-content {
        max-width: 1440px;
    }
}

@media (max-width: 990px) {
    .home-page-hi-hero-content {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.home-page-hi-title {
	font-weight: 400;
    font-size: 48px;
    line-height: 1.29;
    color: #ffffff;
	display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
}

@media (max-width: 1280px) {
    .home-page-hi-title {
        font-size: 24px;
    }
}        

.home-page-hi-subtitle {
    color: white;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 24px;
    
}

@media (max-width: 1280px) {
    .home-page-hi-subtitle {
        font-size: 14px;
        padding-bottom: 10px;
    }
}

.home-page-hi-sub-text {
	color: white;
    font-family: "Museo", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.33;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 40px;
}

.home-page-hi-sub-text a {
    color: white;
    border-bottom: 1px dotted white;
    transition: color 0.5s ease, border-bottom 0.5s ease;
}

.home-page-hi-sub-text a:hover {
    color: #277EFF !important;
    border-bottom: 1px dotted #277EFF !important;
}


@media (max-width: 1280px) {
    .home-page-hi-sub-text {
        font-size: 16px;
        padding-top: 2px;
        padding-right: 2px;
        padding-left: 2px;
    }
}

@media (max-width: 480px) {
    .home-page-hi-sub-text {
        font-size: 14px;
    }
}

.home-page-hi-contact-form {
    display: flex;
    gap: 10px;
    justify-content: center;
    padding-top: 20px;
}

.home-page-hi-input {
    padding: 12px 15px;
    border: none;
    border-radius: 4px;
    outline: none;
    width: 300px;
    background-color: #3d4858c1 !important;
    color: #fff;
}

.home-page-hi-button {
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    width: 240px;
    background-color: #007bffd5 !important;
    color: #fff !important;
    cursor: pointer;
    transition: background-color 0.5s ease, color 0.5s ease;
}

.home-page-hi-button:hover {
    background-color: #fffffff2 !important;
    color: #277EFF !important;
    transition: background-color 0.5s ease, color 0.5s ease;
}

@media (min-width: 681px) and (max-width: 990px) {
    .home-page-hi-contact-form {
        display: flex; /* Убедитесь, что контейнер является флекс-контейнером */
        flex-direction: row; /* Поля ввода будут в строке */
        justify-content: center; /* Центрирование элементов по горизонтали */
        align-items: center; /* Центрирование элементов по вертикали */
        flex-wrap: wrap; /* Оборачивание полей, если не помещаются */
        width: 600px; /* Задайте фиксированную ширину контейнера */
        margin: 0 auto; /* Центрирование контейнера на странице */
        height: 100px; /* Высота контейнера (если необходимо) */
    }

    .home-page-hi-input {
        flex: 1; /* Поля ввода займут равные доли пространства */
    }

    .home-page-hi-input:last-child {
        margin-right: 0; /* Убираем отступ у последнего поля */
    }

    .home-page-hi-button {
        width: 100%; /* Кнопка занимает всю ширину */
    }
}

@media (min-width: 481px) and (max-width: 680px) {
    .home-page-hi-contact-form {
        flex-direction: row; /* Поля ввода будут в строке */
        justify-content: space-between; /* Распределение между полями ввода */
        flex-wrap: wrap; /* Оборачивание полей, если не помещаются */
        width: 100%;
    }

    .home-page-hi-input {
        flex: 1; /* Поля ввода займут равные доли пространства */
    }

    .home-page-hi-input:last-child {
        margin-right: 0; /* Убираем отступ у последнего поля */
    }

    .home-page-hi-button {
        width: 100%;
    }
}

/* Медиа-запрос для экранов шириной ниже 480px */
@media (max-width: 480px) {
    .home-page-hi-contact-form {
        flex-direction: column; /* Поля ввода в колонке для маленьких экранов */
    }

    .home-page-hi-input,
    .home-page-hi-button {
        width: 100%; /* Поля ввода и кнопка занимают 100% ширины */
    }
}



.footer-end {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 6px;
    padding: 20px 20px 0px;
    font-size: 14px;
}

.home-banner-h4 {
    margin-top: -20px;
}

 .home-page-hi-hero-black {
    background-color: #00000066;
    padding-bottom: 5%;
    padding-top: 5%;
    border-radius: 8px;
}

@media (min-width: 681px) and (max-width: 990px) {
    .home-page-hi-hero-black {
        padding-bottom: 10%;
    }
}
    

@media (min-width: 990px) {
.home-page-hi-hero-black {
    background-color: #00000066; /* Полупрозрачный черный фон */
    padding-top: 5%;
    padding-bottom: 6%;
    position: absolute; /* Абсолютное позиционирование */
    top: 52%; /* Центрируем по вертикали */
    left: 50%; /* Привязываем блок к середине экрана */
    transform: translate(-50%, -50%); /* Центрируем блок по горизонтали и вертикали */
    width: 100vw; /* Растягиваем на всю ширину экрана */
    z-index: 1; /* Поднимаем блок выше других элементов */
    border-radius: 0px;
    }
}

@media (min-width: 990px) and (min-height: 400px) and (max-height: 750px) {
    .home-page-hi-hero-black {
        padding-top: 3%;
        padding-bottom: 3%;
        top: 60%;
        left: 50%;
    }
}


.our_advantages {
    font-weight: 400;
}


.delivery-card_g {
    padding: 60px;
    background: #F6F7FC;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.delivery-card_g .btn {
    margin-top: 20px;
    width: max-content;
}

@media (max-width: 1280px) {
    .delivery-card_g {
        padding: 40px;
    }
}

@media (max-width: 681px) {
    .delivery-card_g {
        margin-top: 20px;
        padding: 20px;
    }
}


/*    */


.services-cat-card-left_g {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-right: 1px solid #D9DFEE;
    max-width: 500px;
    min-width: 500px;
    padding: 20px 20px 30px;
    width: 35%;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .services-cat-card-left_g {
        padding: 20px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #D9DFEE;
    }
}

.services-cat-card-left_g .card-img {
    min-width: 200px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
    margin-right: 30px;
}

@media (max-width: 920px) {
    .services-cat-card-left_g .card-img {
        min-width: 120px;
        width: 120px;
        height: 120px;
        margin-right: 20px;
    }
}

@media (max-width: 681px) {
    .services-cat-card-left_g .card-img {
        min-width: 100px;
        width: 100px;
        height: 100px;
        margin-right: 16px;
    }
}

@media (max-width: 341px) {
    .services-cat-card-left_g .card-img {
        min-width: 0px;
        width: 0px;
        height: 0px;
        margin-right: 0px;
    }
}

.services-cat-card-left_g .card-img img {
    width: 100%;
    height: auto;
}

.services-cat-card-left_g .card-header {
    width: 100%;
}

.services-cat-card-left_g .card-header .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.services-cat-card-left_g .card-header .card-title .title-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.services-cat-card-left_g .card-header .card-title .title-group h5+a {
    margin-top: auto;
}

.services-cat-card-left_g .card-header .card-title .title-group .h5+a {
    margin-top: auto;
}

.services-cat-card-left_g .card-header .card-title .title-arrow {
    margin-left: 20px;
}

.services-cat-card-left_g .card-header .card-description {
    border-top: 1px solid #D9DFEE;
}

.services-cat-card-right_g {
    padding: 20px 20px 37px;
    width: 65%;
}

@media (max-width: 1024px) {
    .services-cat-card-right_g {
        padding: 20px;
        width: 100%;
    }
}

.services-cat-card-right_g .services-link {
    font-weight: bold;
}

.services-cat-card-right_g .an-p-row {
    margin-top: -15px !important;
}

.services-cat-card-right_g [class^=an-col] {
    padding-top: 15px;
}

@media (max-width: 681px) {
.services-cat-card-right_g .an-col-xsm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
}

/*    */


.services-cat-card-left_g2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-left: 1px solid #D9DFEE;
    max-width: 500px;
    min-width: 500px;
    padding: 20px 20px 30px;
    width: 35%;
    justify-content: center;
    align-items: center;
}

@media (max-width: 1024px) {
    .services-cat-card-left_g2 {
        padding: 20px;
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        border-left: none;
        border-top: 1px solid #D9DFEE;
    }
}

@media (max-width: 681px) {
    .services-cat-card-left_g2 {
        flex-direction: column;
    }
}

.services-cat-card-left_g2 .card-img {
    min-width: 200px;
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 6px;
    margin-left: 20px;
}

@media (max-width: 920px) {
    .services-cat-card-left_g2 .card-img {
        min-width: 120px;
        width: 120px;
        height: 120px;
        margin-left: 20px;
    }
}

@media (max-width: 681px) {
    .services-cat-card-left_g2 .card-img {
        min-width: 70%;
        width: 70%;
        height: 70%;
        margin-left: 0px;
    }
}

@media (max-width: 341px) {
    .services-cat-card-left_g2 .card-img {
        min-width: 100%;
        width: 100%;
        height: 100%;
        margin-left: 0px;
    }
}

.services-cat-card-left_g2 .card-header {
    width: 100%;
}

.services-cat-card-left_g2 .card-header .card-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
}

.services-cat-card-left_g2 .card-header .card-title .title-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.services-cat-card-left_g2 .card-header .card-title .title-group h5+a {
    margin-top: auto;
}

.services-cat-card-left_g2 .card-header .card-title .title-group .h5+a {
    margin-top: auto;
}

.services-cat-card-left_g2 .card-header .card-title .title-arrow {
    margin-left: 20px;
}

.services-cat-card-left_g2 .card-header .card-description {
    border-top: 1px solid #D9DFEE;
}

.services-cat-card-right_g2 {
    padding: 20px 20px 37px;
    width: 65%;
}

@media (max-width: 1024px) {
    .services-cat-card-right_g2 {
        padding: 20px;
        width: 100%;
    }
}

.services-cat-card-right_g2 .services-link {
    font-weight: bold;
}

.services-cat-card-right_g2 .an-p-row {
    margin-top: -15px !important;
}

.services-cat-card-right_g2 [class^=an-col] {
    padding-top: 15px;
}

@media (max-width: 681px) {
    .services-cat-card-right_g2 .an-col-xsm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        }
    }

/*    */

/* Видимый скроллбар для отзывов (криво работает в мобильной/планшетной версии)
.swiper-wrapper-costyl {
    overflow: auto;
}
*/


/* ---------------------------------- Фото отгрузок начало (Обновлено) ---------------------------------- */

/* Стили для контейнера слайдера Swiper */
.swiper {
  position: relative;
  width: 100%; /* Полная ширина контейнера */
  height: 400px; /* Базовая высота для десктопа */
  margin: 0 auto;
  overflow: hidden; /* Убедимся, что ничего не вылезает */
}

/* Медиа-запросы для адаптивной высоты Swiper */
@media (max-width: 768px) { /* Для планшетов (и больше) */
  .swiper {
    height: 300px; /* Высота на планшетах */
  }
}
/* Уточняем медиа-запрос для мобильных, чтобы не переопределять планшеты */
@media (max-width: 575.98px) { /* Для маленьких мобильных (меньше 576px) */
    .swiper {
        height: 180px; /* Высота на маленьких мобильных (150-200 как вы просили, выбрал 180) */
    }
}


/* Стили для слайдов */
.swiper-slide {
    /* Swiper управляет шириной слайда при slidesPerView > 1 */
}

/* Стили для изображений в слайдах */
/* При использовании <picture>, этот стиль применяется к <img> внутри */
.swiper-slide img {
    display: block;
    width: 100%; /* Изображение занимает всю ширину своего слайда */
    height: 100%; /* Изображение занимает всю высоту своего слайда */
    object-fit: cover; /* Обрезает изображение, сохраняя пропорции и заполняя слайд */
    cursor: pointer;
    border-radius: 10px; /* Оставляем, если нужно */
}

/* Скрываем пагинацию (точки) */
.swiper-pagination {
    display: none !important;
}

/* Скрываем скроллбар */
.swiper-scrollbar {
    display: none !important;
}

/* Стили для навигационных стрелок Swiper (видны только на десктопе > 768px) */
.swiper-button-next,
.swiper-button-prev {
    color: #fff; /* Цвет стрелок */
    text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    /* Swiper сам добавляет позиционирование и размер */
    top: 50%; /* Центрируем по вертикали */
    transform: translateY(-50%); /* Корректируем центровку */
    display: flex; /* Делаем их видимыми по умолчанию (для ПК) */
    align-items: center; /* Центрируем символ */
    justify-content: center; /* Центрируем символ */
}

/* Скрываем навигационные стрелки Swiper на экранах <= 768px (планшеты и мобильные) */
@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
}


/* ----- Стили для модального окна (адаптация) ----- */
.shipments-modal {
  /* По умолчанию скрыто и не использует flex */
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto; /* Позволяем прокручиваться контенту внутри модалки, если он не помещается */
  background-color: rgba(0,0,0,0.9);
  /* Стили для центрирования и отступов, применяются когда display: flex */
  align-items: center; /* Центрируем по вертикали */
  justify-content: center; /* Центрируем по горизонтали */
  padding: 20px;
  box-sizing: border-box;
  cursor: grab; /* Курсор для перетаскивания */
}

/* Стиль, делающий модальное окно видимым и использующим flex для центрирования */
.shipments-modal.is-open {
  display: flex;
}
/* Курсор при активном перетаскивании */
.shipments-modal.is-open.is-dragging {
    cursor: grabbing;
}


/* Контейнер для изображения и подписи в модальном окне */
.modal-content-wrapper {
    position: relative; /* Для позиционирования подписи и навигации */
    max-width: 100%; /* Ограничиваем по ширине контейнера модалки */
    max-height: 100%; /* Ограничиваем по высоте контейнера модалки */
    display: flex; /* Flexbox для расположения изображения и подписи */
    flex-direction: column; /* Изображение сверху, подпись снизу */
    align-items: center; /* Центрируем элементы по горизонтали */
    /* background-color: #fff; /* Если нужна подложка */
    /* padding: 10px; /* Отступ внутри враппера */
    /* box-sizing: border-box; */
}

/* Стили для изображения внутри <picture> в модальном окне */
.shipments-modal-content { /* Это само изображение */
  display: block;
  max-width: 100%; /* Изображение занимает всю доступную ширину wrapper */
  max-height: 85vh; /* Ограничиваем высоту изображения, оставляя место для подписи */
  height: auto; /* Автоматическая высота для сохранения пропорций */
  width: auto; /* Автоматическая ширина */
  margin: 0 auto; /* Центрируем изображение внутри flex-контейнера */
  object-fit: contain; /* Показывает всё изображение, добавляя поля при необходимости */

  /* Убираем старое абсолютное позиционирование и трансформацию */
  position: relative;
  top: auto;
  left: auto;
  transform: none;

  /* Анимация зума */
  animation-name: zoom;
  animation-duration: 0.6s;
}

/* Анимация зума - корректируем для нового позиционирования */
@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1);}
}

/* Стили для подписи */
#modal-caption {
  color: #f1f1f1; /* Цвет текста */
  font-size: 16px; /* Размер шрифта */
  text-align: center; /* Выравнивание по центру */
  margin-top: 10px; /* Отступ сверху от изображения */
  max-width: 90%; /* Ограничиваем ширину подписи */
  word-wrap: break-word; /* Перенос длинных слов */
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5); /* Тень для читаемости */
}

/* Кнопка закрытия */
.shipments-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
  z-index: 10001; /* Выше навигации и контента */
  cursor: pointer; /* Убеждаемся, что курсор указатель */
}

.shipments-close:hover,
.shipments-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* Адаптация кнопки закрытия */
@media (max-width: 576px) {
  .shipments-close {
    top: 10px;
    right: 15px;
    font-size: 30px; /* Меньше размер */
  }
}


/* Стили для навигации в модальном окне */
.modal-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #f1f1f1;
    font-size: 50px; /* Размер стрелок */
    font-weight: bold;
    cursor: pointer;
    padding: 0 15px; /* Увеличиваем область клика */
    z-index: 10000; /* Поверх изображения, но под кнопкой закрытия */
    user-select: none; /* Запрещаем выделение текста стрелки */
    transition: 0.3s;
    /* Добавляем фон для лучшей видимости */
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    /* Убедимся, что они видны на всех разрешениях по умолчанию */
    display: flex; /* Используем flex для центрирования символа */
    align-items: center;
    justify-content: center;
}

.modal-nav:hover {
    color: #bbb;
    background-color: rgba(0,0,0,0.5);
}

.modal-nav-prev {
    left: 15px;
}

.modal-nav-next {
    right: 15px;
}

/* Стили для скрытия навигации модального окна (применяется JS) */
.modal-nav.hidden {
    display: none;
}

/* Нет медиа-запроса для скрытия .modal-nav - они всегда видны по CSS */


/* Стиль для блокировки прокрутки фона */
/* !important добавлен как временное решение, если есть переопределения */
/* Целесообразнее найти и исправить переопределяющий стиль */
html.modal-open, /* Целимся и в html, и в body */
body.modal-open {
  overflow: hidden !important;
}

/* Стили прелоадера Swiper Lazy (опционально, можно настроить) */
.swiper-lazy-preloader {
  /* Swiper позиционирует его в центре слайда */
  /* Добавьте свои стили для спиннера или индикатора загрузки */
  /* Например: border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 30px; height: 30px; animation: spin 2s linear infinite; */
}

/* @keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
} */


/* ---------------------------------- Фото отгрузок конец (Обновлено) ---------------------------------- */


/* ---------------------------------- Логотипы поставщиков начало ---------------------------------- */

/* Общие стили */
.suppliers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); /* Адаптивная сетка */
    gap: 20px;
    justify-items: center; /* Центрируем логотипы */
}

.supplier-item {
    width: 100%;
    max-width: 200px;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    padding: 10px;
    border-radius: 5px;
}

.supplier-item a {
    display: block;
    width: 100%;
    height: 100%;
}

.supplier-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.supplier-item a:hover img {
    transform: scale(1.1);
}

/* Стили для слайдера (разрешение меньше 768px) */
@media (max-width: 767.98px) {
    .suppliers-grid {
        display: flex;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        padding-bottom: 10px; /* Для отображения тени */
        gap: 0;
    }

    .supplier-item {
        flex: 0 0 80%;  /* Каждый элемент занимает 80% ширины контейнера */
        margin-right: 10px;
        scroll-snap-align: start;
        border: none; /* Убираем рамку у элементов */
        padding: 0;
        border-radius: 0;
        min-width: 200px; /* или другая минимальная ширина */
    }

        .supplier-item:last-child {
            margin-right: 0; /* Убираем отступ у последнего элемента */
        }
}

/* ---------------------------------- Логотипы поставщиков конец ---------------------------------- */

/* ---------------------------------- Сертификаты начало ---------------------------------- */

/* Styles for certificates horizontal scroll */
.certificates-section {
    position: relative;
}

.certificates-section .cert-scroll-container-wrapper {
    position: relative;
}

.certificates-section .cert-scroll-container {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    user-select: none;
    cursor: grab; /* Изменен курсор на grab */
}

.certificates-section .cert-scroll-container:active {
    cursor: grabbing; /* Изменен курсор на grabbing при нажатии */
}

.certificates-section .cert-scroll-container::-webkit-scrollbar {
    height: 8px;
}

.certificates-section .cert-scroll-container::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.certificates-section .cert-scroll-container::-webkit-scrollbar-thumb {
    background: #888;
}

.certificates-section .cert-scroll-container::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.certificates-section .cert-scroll-item {
    display: inline-block;
    width: 250px;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
}

.certificates-section .cert-scroll-item .cert-image-wrapper {
    position: relative;
    width: 100%;
    height: 400px; /* Задаем высоту для wrapper */
}

.certificates-section .cert-scroll-item picture {
    display: block;
    width: 100%;
    height: 100%; /* Задаем высоту для picture */
}

    .certificates-section .cert-scroll-container img {
    pointer-events: none; /* Отключаем события мыши для изображений */
    -webkit-user-drag: none; /* Отключаем возможность перетаскивания изображений в Chrome/Safari */
    -khtml-user-drag: none; /* Отключаем возможность перетаскивания изображений в Konqueror */
    -moz-user-drag: none; /* Отключаем возможность перетаскивания изображений в Firefox */
    -o-user-drag: none; /* Отключаем возможность перетаскивания изображений в Opera */
    user-drag: none; /* Стандартизированный способ отключения перетаскивания */
}

.certificates-section .cert-scroll-item picture img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    top: 0;
    left: 0;
}

/* ---------------------------------- Сертификаты конец ---------------------------------- */





/* ================================================ */
/* === Шаблоны изображений для вставки в текст === */
/* ================================================ */

/*
 * ---------------------------------------------------------------------------------
 * Группа 1: Изображения на всю ширину контентного блока с фиксированной высотой
 * ---------------------------------------------------------------------------------
 * Описание: Эти изображения всегда растягиваются на 100% ширины родительского
 *           контейнера. Высота у них фиксированная. Изображение внутри
 *           обрезается, чтобы заполнить контейнер без искажений.
 *           Поведение сохраняется на всех устройствах.
*/

/* --- Контейнеры для полноширинных изображений --- */
.img-template-full-width-h200,
.img-template-full-width-h400,
.img-template-full-width-h600 {
    width: 100%;                /* Всегда на всю ширину родительского контейнера */
    margin-top: 20px;           /* Внешний отступ сверху для отделения от текста */
    margin-bottom: 20px;        /* Внешний отступ снизу */
    margin-left: auto;          /* Центрирование, если родительский блок не на всю ширину */
    margin-right: auto;         /* Центрирование */
    display: block;             /* Убеждаемся, что элемент блочный */
}

/* --- Стили для самого тега <img> внутри контейнеров --- */
.img-template-full-width-h200 img {
    height: 200px;              /* Фиксированная высота */
    width: 100%;                /* Изображение занимает всю ширину контейнера */
    object-fit: cover;          /* Масштабируется с сохранением пропорций, обрезая лишнее */
    object-position: center;    /* Центрируем изображение перед обрезкой */
}

.img-template-full-width-h400 img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.img-template-full-width-h600 img {
    height: 600px;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


/*
 * ---------------------------------------------------------------------------------
 * Группа 2: Плавающие изображения с обтеканием текстом (адаптивные)
 * ---------------------------------------------------------------------------------
 * Описание: Эти изображения меняют свое поведение в зависимости от ширины экрана.
 *           - Мобильные (< 681px): 100% ширины, без обтекания.
 *           - Планшеты (681px - 920px): 35% ширины, с обтеканием.
 *           - Десктопы (> 921px): Фиксированные размеры, с обтеканием.
*/

/* --- Базовые стили (Mobile First: для экранов <= 680px) --- */
/* На мобильных все "плавающие" изображения становятся блочными на 100% ширины */
.img-template-float-left-w300h300, .img-template-float-right-w300h300,
.img-template-float-left-w350h350, .img-template-float-right-w350h350,
.img-template-float-left-w400h400, .img-template-float-right-w400h400,
.img-template-float-left-w450h450, .img-template-float-right-w450h450,
.img-template-float-left-h300-prop, .img-template-float-right-h300-prop,
.img-template-float-left-h350-prop, .img-template-float-right-h350-prop,
.img-template-float-left-h400-prop, .img-template-float-right-h400-prop,
.img-template-float-left-h450-prop, .img-template-float-right-h450-prop {
    float: none;                /* Сбрасываем обтекание для мобильных */
    clear: both;                /* Отменяем влияние других плавающих элементов */
    width: 100%;                /* Занимает всю доступную ширину */
    height: auto;               /* Высота подстраивается под пропорции изображения */
    margin: 15px auto;          /* Отступы сверху/снизу и автоматическое центрирование */
    display: block;
}

/* Стили для тега <img> внутри плавающих контейнеров на мобильных */
.img-template-float-left-w300h300 img, .img-template-float-right-w300h300 img,
.img-template-float-left-w350h350 img, .img-template-float-right-w350h350 img,
.img-template-float-left-w400h400 img, .img-template-float-right-w400h400 img,
.img-template-float-left-w450h450 img, .img-template-float-right-w450h450 img,
.img-template-float-left-h300-prop img, .img-template-float-right-h300-prop img,
.img-template-float-left-h350-prop img, .img-template-float-right-h350-prop img,
.img-template-float-left-h400-prop img, .img-template-float-right-h400-prop img,
.img-template-float-left-h450-prop img, .img-template-float-right-h450-prop img {
     width: 100%;               /* Изображение растягивается на всю ширину контейнера */
     height: auto;              /* Высота автоматическая для сохранения пропорций */
     object-fit: cover;         /* Заполняет контейнер, сохраняя пропорции */
}


/* --- Стили для Планшетов (681px - 920px) --- */
@media (min-width: 681px) and (max-width: 920px) {
    /* На планшетах все плавающие изображения занимают 40% ширины и обтекаются текстом */
    .img-template-float-left-w300h300, .img-template-float-right-w300h300,
    .img-template-float-left-w350h350, .img-template-float-right-w350h350,
    .img-template-float-left-w400h400, .img-template-float-right-w400h400,
    .img-template-float-left-w450h450, .img-template-float-right-w450h450,
    .img-template-float-left-h300-prop, .img-template-float-right-h300-prop,
    .img-template-float-left-h350-prop, .img-template-float-right-h350-prop,
    .img-template-float-left-h400-prop, .img-template-float-right-h400-prop,
    .img-template-float-left-h450-prop, .img-template-float-right-h450-prop {
        float: left;            /* Включаем обтекание (для правых переопределим ниже) */
        width: 40%;             /* Уменьшаем ширину, чтобы текст мог обтекать */
        height: auto;           /* Высота по пропорциям, т.к. ширина процентная */
        margin-top: 10px;
        margin-bottom: 10px;    /* Добавим небольшой отступ снизу для красоты */
    }

    /* Отступ для обтекания у левых изображений */
    .img-template-float-left-w300h300, .img-template-float-left-w350h350,
    .img-template-float-left-w400h400, .img-template-float-left-w450h450,
    .img-template-float-left-h300-prop, .img-template-float-left-h350-prop,
    .img-template-float-left-h400-prop, .img-template-float-left-h450-prop {
        margin-right: 25px;     /* Отступ справа от изображения */
        margin-left: 0;
    }

    /* Обтекание и отступ для правых изображений */
    .img-template-float-right-w300h300, .img-template-float-right-w350h350,
    .img-template-float-right-w400h400, .img-template-float-right-w450h450,
    .img-template-float-right-h300-prop, .img-template-float-right-h350-prop,
    .img-template-float-right-h400-prop, .img-template-float-right-h450-prop {
        float: right;           /* Меняем обтекание на правое */
        margin-left: 25px;      /* Отступ слева от изображения */
        margin-right: 0;
    }
}


/* --- Стили для Десктопов (> 921px) --- */
@media (min-width: 921px) {
    /* --- Десктоп: Плавающие изображения с ФИКСИРОВАННЫМИ шириной и высотой --- */
    .img-template-float-left-w300h300, .img-template-float-right-w300h300 { width: 300px; height: 300px; }
    .img-template-float-left-w350h350, .img-template-float-right-w350h350 { width: 350px; height: 350px; }
    .img-template-float-left-w400h400, .img-template-float-right-w400h400 { width: 400px; height: 400px; }
    .img-template-float-left-w450h450, .img-template-float-right-w450h450 { width: 450px; height: 450px; }

    .img-template-float-left-w300h300, .img-template-float-right-w300h300,
    .img-template-float-left-w350h350, .img-template-float-right-w350h350,
    .img-template-float-left-w400h400, .img-template-float-right-w400h400,
    .img-template-float-left-w450h450, .img-template-float-right-w450h450 {
        float: left;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .img-template-float-left-w300h300 img, .img-template-float-right-w300h300 img,
    .img-template-float-left-w350h350 img, .img-template-float-right-w350h350 img,
    .img-template-float-left-w400h400 img, .img-template-float-right-w400h400 img,
    .img-template-float-left-w450h450 img, .img-template-float-right-w450h450 img {
         width: 100%; height: 100%; object-fit: cover;
    }

    /* --- Десктоп: Плавающие изображения с ФИКСИРОВАННОЙ высотой и ПРОПОРЦИОНАЛЬНОЙ шириной --- */
    .img-template-float-left-h300-prop, .img-template-float-right-h300-prop { height: 300px; }
    .img-template-float-left-h350-prop, .img-template-float-right-h350-prop { height: 350px; }
    .img-template-float-left-h400-prop, .img-template-float-right-h400-prop { height: 400px; }
    .img-template-float-left-h450-prop, .img-template-float-right-h450-prop { height: 450px; }

    .img-template-float-left-h300-prop, .img-template-float-right-h300-prop,
    .img-template-float-left-h350-prop, .img-template-float-right-h350-prop,
    .img-template-float-left-h400-prop, .img-template-float-right-h400-prop,
    .img-template-float-left-h450-prop, .img-template-float-right-h450-prop {
        float: left;
        width: auto; /* Ширина контейнера определяется шириной изображения внутри */
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .img-template-float-left-h300-prop img, .img-template-float-right-h300-prop img,
    .img-template-float-left-h350-prop img, .img-template-float-right-h350-prop img,
    .img-template-float-left-h400-prop img, .img-template-float-right-h400-prop img,
    .img-template-float-left-h450-prop img, .img-template-float-right-h450-prop img {
         height: 100%; /* Изображение занимает 100% высоты контейнера */
         width: auto;  /* Ширина изображения подстраивается для сохранения пропорций */
    }

    /* --- Десктоп: Задаем внешние отступы для обтекания --- */
    /* Для всех изображений, плавающих СЛЕВА */
    .img-template-float-left-w300h300, .img-template-float-left-w350h350,
    .img-template-float-left-w400h400, .img-template-float-left-w450h450,
    .img-template-float-left-h300-prop, .img-template-float-left-h350-prop,
    .img-template-float-left-h400-prop, .img-template-float-left-h450-prop {
        margin-right: 30px; /* Отступ справа для текста */
        margin-left: 0;
    }

    /* Для всех изображений, плавающих СПРАВА */
    .img-template-float-right-w300h300, .img-template-float-right-w350h350,
    .img-template-float-right-w400h400, .img-template-float-right-w450h450,
    .img-template-float-right-h300-prop, .img-template-float-right-h350-prop,
    .img-template-float-right-h400-prop, .img-template-float-right-h450-prop {
        float: right;       /* Явно указываем обтекание справа */
        margin-left: 30px;  /* Отступ слева для текста */
        margin-right: 0;
    }
}
/* ================================================ */
/* ============== Конец шаблонов ================== */
/* ================================================ */









