/* Start:/doc/css.css?176414990142324*/
/* css.css */
#partner {
    overflow: hidden;
}
.h-fill {
    height: -webkit-fill-available !important;
}
.banners-content {
    margin-bottom: 96px;
}
/* .Montserrat-400 {
    font-family: Montserrat;
    font-weight: 400;
}
.Montserrat-600 {
    font-family: Montserrat;
    font-weight: 600;
}
.Montserrat-500 {
    font-family: Montserrat;
    font-weight: 500;
} */

#partner .w-100 {
    width: 100%;
}

#partner .d-flex {
    display: flex;
}

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

.mb-96 {
    margin-bottom: 96px;
}
.mb-80 {
    margin-bottom: 80px;
}
.h-100 {
    height: 100%;
}

.mt--19 {
    margin-top: -19px;
}
.p-40 {
    padding: 40px;
}
.heder-text {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    opacity: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #004666;
}

.heder-text-img {
    width: clamp(122px, 20vw + 80px, 243px);
}
.box-w {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
}
.box-w-text-b {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
}

.box-w-text-s {
    font-size: 22px;
    line-height: 132%;
}
.maslo {
    padding: 40px 40px 42px 40px;
    margin-bottom: 17px;
}
.maslo-img {
    width: 353;
    height: 135;
}
.box-1 {
    margin-bottom: 40px;
}
.box-2 {
    max-height: 410px;
    flex: 2 !important;
}
.box-3 {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    max-height: 640px;
    height: 100%;
}
.box-3-0 {
    height: -webkit-fill-available !important;
}
.box-4-0 {
    height: -webkit-fill-available !important;
}
.box-3-1 {
    padding: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-3-1-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;

    text-align: center;
    color: #004666;
}
.box-3-1-2 {
    color: #58585a;
    font-size: 32px;
    line-height: 120%;

    margin-bottom: 32px;
}
.box-3-1-3 {
    font-size: 20px;
    line-height: 132%;
    background: #ebeff6;
    width: max-content;
    padding: 11px 16px;
    border-radius: 500px;
    color: #58585a;
}

.box-3-2 {
    width: 100%;
    margin-top: -18px;
}
.box-4 {
    max-height: 640px;
    height: 100%;
}
.box-4-1 {
    padding: 40px 40px 10px 40px;
}
.box-4-1-1 {
    font-size: 32px;
    line-height: 120%;

    color: #004666;
    margin-bottom: 24px;
}
.box-4-1-2 {
    font-size: 20px;
    line-height: 132%;
}
.box-4-2 {
    width: 100%;
}
.box-5-1 {
    color: #004666;
    margin-bottom: 30px;
    text-align: center;
    /* max-width: 623px; */
    font-size: 60px;
    line-height: 120%;
}
.box-5-2-1 {
    width: 114%;
    margin-bottom: 45px;
    margin-top: 70px;
}
.box-5-2-2 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 24px;
}
.box-5-2-3 {
    font-size: 20px;
    line-height: 132%;
}
.box-5-3 {
    position: relative;
}
.box-5-3 img {
    margin-top: -350px;
    width: 100%;
}
.box-6 {
    height: 100%;
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.box-6-1 {
    padding: 40px;
}
.box-6-1-1 {
    margin-bottom: 40px;
}
.box-6-1-2 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    width: 55%;
    margin-bottom: 24px;
}
.box-6-1-3 {
    font-size: 20px;
    line-height: 132%;
    color: #58585a;
}
.box-6-2 {
    padding: 0 40px;
    height: 350px;
}
.box-6-2 img {
    mask-image: linear-gradient(to top, transparent -4%, black);
    width: 100%;
}
.box-7 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 40px;
    padding: 40px;
}
.box-7-1 {
    margin-bottom: 40px;
}
.box-7-2 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    width: 55%;
    margin-bottom: 24px;
}
.box-7-3 {
    font-size: 20px;
    line-height: 132%;
    color: #58585a;
    margin-bottom: 60px;
}
.box-8 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 40px;
}
.box-8-1 {
    margin-bottom: 40px;
}
.box-8-2 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    width: 55%;
    margin-bottom: 24px;
}
.box-8-3 {
    font-size: 20px;
    line-height: 132%;
    color: #58585a;
}
.box-9 {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.box-9-1 {
    font-size: 60px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 40px;
}
.box-9-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    width: 47%;
}
.box-10-1 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 32px;
}
.box-10-2 {
    font-size: 18px;
    line-height: 132%;
    margin-bottom: 40px;
    color: #58585a;
}
.box-10-img {
    max-height: 468px;
}
.box-10-img2 {
    max-height: 622px;
}
.box-11-1-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
}
.box-11-1-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
    color: #004666;
}
.box-11-2 {
    border-radius: 50px;
    padding: 40px;
    background-color: #f5f7fa;
    margin-bottom: 91px;
}
.box-11-2-1 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 40px;
}
.box-11-2-2 {
    font-size: 18px;
    line-height: 132%;
    margin-bottom: 9px;
}
.box-11-2-3 {
    position: relative;
    z-index: 5;
}
.box-11-2-3 img {
    width: auto;
    margin-left: -68px;
    max-width: 753px;
}
.box-11-3-0 {
    border-radius: 50px;
    padding: 40px;
    background-color: #f5f7fa;
}
.box-11-3-1 {
    font-size: 32px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 40px;
}
.box-11-3-2 {
    font-size: 18px;
    line-height: 132%;
    margin-bottom: 40px;
}
.box-11-3-3 {
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-end;
}
.box-11-3-3 img {
    max-width: 140%;
}
.box-11-3-4 {
    font-size: 18px;
    line-height: 132%;
    color: #58585a;
}
.kk_before::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: red;
    border-radius: 50px;
    position: absolute;
    left: -44px;
    top: 0;
}

.box-12 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
    color: #004666;
}
.box-13 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
    color: #004666;
}
.box-14 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 42px 32px;
    margin-bottom: 40px;
}
.box-14-1 {
    margin-bottom: 40px;
}
.box-14-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 24px;
}
.box-14-3 {
    font-size: 19px;
    line-height: 132%;
}
.box-15 {
    background: #004666;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 42px 32px;
    color: #fff;
}
.box-15-1 {
    margin-bottom: 40px;
}
.box-15-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 24px;
}
.box-15-3 {
    font-size: 19px;
    line-height: 132%;
}
.box-16 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 64px 48px;
}
.box-16-1 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 32px;
}
.box-16-2 {
    font-size: 19px;
    line-height: 132%;
    margin-bottom: 48px;
}
.box-16-3 {
    padding-left: 44px;
    position: relative;
}
.box-16-3-1 {
    margin-bottom: 27px;
    position: relative;
}
.box-16-3-2 {
    margin-bottom: 27px;
    position: relative;
}
.box-16-3-3 {
    position: relative;
}
.box-17 {
    width: 254%;
}
.box-18 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin: auto 20px;
    margin-bottom: 40px;
}
.box-19 img {
    width: 100%;
}
.box-20 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 32px 32px;
    margin-bottom: 40px;
}
.box-20-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 24px;
}
.box-20-2 {
    font-size: 19px;
    line-height: 132%;
}
.box-21 {
    background: #004666;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 32px 32px;
    color: #fff;
}
.box-21-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 24px;
}
.box-21-2 {
    font-size: 19px;
    line-height: 132%;
}
.box-22 {
    background: #f5f7fa;
    border-radius: 16px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}
.box-22-1 {
    padding: 40px 40px 10px 40px;
}
.box-22-1-1 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 24px;
}
.box-22-1-2 {
    font-size: 20px;
    line-height: 132%;
}
.box-22-2 {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.box-22-2-1 {
    display: flex;
}
.box-22-2-1 img {
    width: 78%;
    margin-right: inherit;
}
.box-23-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin: auto 30px;
}
.box-23-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
    color: #004666;
}
.box-24 {
    display: flex;
    justify-content: flex-end;
}
.box-25 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 42px 32px;
    margin-bottom: 40px;
}
.box-25-1 {
    margin-bottom: 40px;
}
.box-25-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 24px;
}
.box-25-3 {
    font-size: 19px;
    line-height: 132%;
}
.box-25-3-1 {
    margin-bottom: 16px;
}
.box-26 {
    background: #f5f7fa;
    border-radius: 16px;
    overflow: hidden;
    padding: 32px 32px 42px 32px;
    margin-bottom: 40px;
}
.box-26-1 {
    margin-bottom: 40px;
}
.box-26-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    color: #004666;
    margin-bottom: 24px;
}
.box-26-3 {
    font-size: 19px;
    line-height: 132%;
}
.box-26-3-1 {
    margin-bottom: 16px;
}
.box-27 {
    display: flex;
    justify-content: flex-start;
}
/* Медиа-запросы для адаптивности */
@media (max-width: 1400px) {
    .maxwidth-theme {
        max-width: 1200px;
    }
    .box-20,
    .box-21 {
        padding: 32px 32px 32px 32px;
    }
}

@media (max-width: 1200px) {
    .maxwidth-theme {
        max-width: 992px;
    }
    .heder-text {
        font-size: 48px;
    }
    .box-3-1-1 {
        font-size: 48px;
    }
    .box-5-1 {
        font-size: 48px;
    }
    .box-9-1 {
        font-size: 48px;
    }
    .box-11-1-1 {
        font-size: 48px;
    }
}

@media (max-width: 992px) {
    .maxwidth-theme {
        max-width: 768px;
    }
    .heder-text {
        font-size: 36px;
    }
    .box-3-1-1 {
        font-size: 36px;
    }
    .box-5-1 {
        font-size: 36px;
    }
    .box-9-1 {
        font-size: 36px;
    }
    .box-w-text-b {
        font-size: 28px;
    }
    .box-3-1-2 {
        font-size: 28px;
    }
    .box-4-1-1 {
        font-size: 28px;
    }
    .box-5-2-2 {
        font-size: 28px;
    }
    .box-6-1-2 {
        font-size: 28px;
    }
    .box-7-2 {
        font-size: 28px;
    }
    .box-8-2 {
        font-size: 28px;
    }
    .box-9-2 {
        font-size: 28px;
    }
    .box-10-1 {
        font-size: 28px;
    }
    .box-11-1-2 {
        font-size: 28px;
    }
    .box-11-2-1 {
        font-size: 28px;
    }
    .box-11-3-1 {
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .maxwidth-theme {
        max-width: 576px;
    }
    .heder-text {
        font-size: 28px;
    }
    .box-3-1-1 {
        font-size: 28px;
    }
    .box-5-1 {
        font-size: 28px;
    }
    .box-9-1 {
        font-size: 28px;
    }
    .box-w-text-b {
        font-size: 24px;
    }
    .box-3-1-2 {
        font-size: 24px;
    }
    .box-4-1-1 {
        font-size: 24px;
    }
    .box-5-2-2 {
        font-size: 24px;
    }
    .box-6-1-2 {
        font-size: 24px;
        width: 100%;
    }
    .box-7-2 {
        font-size: 24px;
        width: 100%;
    }
    .box-8-2 {
        font-size: 24px;
        width: 100%;
    }
    .box-9-2 {
        font-size: 24px;
        width: 100%;
    }
    .box-10-1 {
        font-size: 24px;
    }
    .box-11-2-1 {
        font-size: 24px;
    }
    .box-11-3-1 {
        font-size: 24px;
    }
    .mb-140 {
        margin-bottom: 80px;
    }
    .p-40 {
        padding: 24px;
    }
    .box-3-1 {
        padding: 24px;
    }
    .box-4-1 {
        padding: 24px 24px 10px 24px;
    }
    .box-6-1 {
        padding: 24px;
    }
    .box-6-2 {
        padding: 0 24px;
    }
    .box-7 {
        padding: 24px;
    }
    .box-8 {
        padding: 24px;
    }
    .box-11-2 {
        padding: 24px;
        margin-bottom: 40px;
    }
    .box-11-3-0 {
        padding: 24px;
    }
}

@media (max-width: 576px) {
    .maxwidth-theme {
        max-width: 100%;
        padding: 0 15px;
    }
    .heder-text {
        font-size: 24px;
        text-align: center;
    }
    .heder-text-img {
        width: 100px;
    }
    .mt--19 {
        margin-top: 0;
    }
    .box-3-1-1 {
        font-size: 24px;
    }
    .box-5-1 {
        font-size: 24px;
        text-align: center;
    }
    .box-9-1 {
        font-size: 24px;
        text-align: center;
    }
    .box-9-2 {
        font-size: 20px;
    }
    .box-w-text-b {
        font-size: 20px;
    }
    .box-w-text-s {
        font-size: 18px;
    }
    .box-3-1-2 {
        font-size: 20px;
    }
    .box-3-1-3 {
        font-size: 16px;
    }
    .box-4-1-1 {
        font-size: 20px;
    }
    .box-4-1-2 {
        font-size: 16px;
    }
    .box-5-2-2 {
        font-size: 20px;
    }
    .box-5-2-3 {
        font-size: 16px;
    }
    .box-6-1-2 {
        font-size: 20px;
    }
    .box-6-1-3 {
        font-size: 16px;
    }
    .box-7-2 {
        font-size: 20px;
    }
    .box-7-3 {
        font-size: 16px;
    }
    .box-8-2 {
        font-size: 20px;
    }
    .box-8-3 {
        font-size: 16px;
    }
    .box-10-1 {
        font-size: 20px;
    }
    .box-10-2 {
        font-size: 16px;
    }
    .box-11-2-1 {
        font-size: 20px;
    }
    .box-11-2-2 {
        font-size: 16px;
    }
    .box-11-3-1 {
        font-size: 20px;
    }
    .box-11-3-2 {
        font-size: 16px;
    }
    .box-11-3-4 {
        font-size: 16px;
    }
    .mb-140 {
        margin-bottom: 60px;
    }
    .banners-content {
        margin-bottom: 60px;
    }
}

/* Дополнительные классы для flexbox */
.flexbox {
    display: flex;
}
.flexbox--row {
    flex-direction: row;
}
.flexbox--column {
    flex-direction: column;
}
.justify-center {
    justify-content: center;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-center {
    align-items: center;
}
.align-items-end {
    align-items: flex-end;
}
.flex-wrap {
    flex-wrap: wrap;
}

/* Grid система для мобильных устройств */
.col-xxs-12 {
    width: 100%;
}
.col-xxs-6 {
    width: 50%;
}
.col-xxs-4 {
    width: 33.333%;
}
.col-xxs-3 {
    width: 25%;
}

@media (max-width: 576px) {
    .col-xs-12 {
        width: 100%;
    }
    .col-xs-6 {
        width: 50%;
    }
}

/* Утилитарные классы */
.display-inline-block {
    display: inline-block;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* Адаптивные изображения */
img {
    height: auto;
}

/* Адаптивные отступы */
@media (max-width: 768px) {
    .p-sm-20 {
        padding: 20px;
    }
    .m-sm-20 {
        margin: 20px;
    }
}

@media (max-width: 576px) {
    .p-xs-15 {
        padding: 15px;
    }
    .m-xs-15 {
        margin: 15px;
    }
}

@media (max-width: 1200px) {
    .mb-20 {
        margin-bottom: 20px;
    }
    .box-6-0,
    .box-7-0,
    .box-8-0 {
        margin-bottom: 20px;
    }
    .box-7-2,
    .box-8-2,
    .box-6-1-2,
    .box-9-2,
    .box-17 {
        width: 100%;
    }
    .box-7 {
        margin-bottom: 0px;
    }
    .box-8 {
        height: 100%;
    }
    .box-5-3 img {
        margin-top: 40px;
    }
    .box-10-img {
        max-height: 100%;
        margin-bottom: 20px;
    }
    .box-11-2 {
        margin-bottom: 20px;
    }
    .box-11-2-3 img {
        margin-left: 0px;
        max-width: 100%;
    }
    .box-10-1 {
        text-align: center;
        width: 100%;
    }
}
/* css.css - заменяем clamp на фиксированные значения */

/* Убираем clamp из существующих стилей */
.heder-text-img {
    width: 243px;
}

/* Медиа-запросы для heder-text-img */
@media (max-width: 1400px) {
    .heder-text-img {
        width: 200px;
    }
}

@media (max-width: 1200px) {
    .heder-text-img {
        width: 180px;
    }
}

@media (max-width: 992px) {
    .heder-text-img {
        width: 150px;
    }
}

@media (max-width: 768px) {
    .heder-text-img {
        width: 120px;
    }
}

@media (max-width: 576px) {
    .heder-text-img {
        width: 100px;
    }
}

/* Заменяем clamp в блоках с текстом */
.box-12,
.box-18,
.box-23-1 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
}

.box-13,
.box-23-2 {
    font-size: 32px;
    line-height: 120%;
    text-align: center;
    margin-bottom: 40px;
    color: #004666;
}

/* Медиа-запросы для адаптивных шрифтов */
@media (max-width: 1400px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 52px;
    }

    .box-13,
    .box-23-2 {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 48px;
    }

    .box-13,
    .box-23-2 {
        font-size: 28px;
    }
}

@media (max-width: 992px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 42px;
    }

    .box-13,
    .box-23-2 {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 36px;
    }

    .box-13,
    .box-23-2 {
        font-size: 24px;
        margin-bottom: 30px;
    }
}

@media (max-width: 576px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 32px;
    }

    .box-13,
    .box-23-2 {
        font-size: 22px;
        margin-bottom: 25px;
    }
}

@media (max-width: 375px) {
    .box-12,
    .box-18,
    .box-23-1 {
        font-size: 28px;
    }

    .box-13,
    .box-23-2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
}

/* Большие десктопы 1400px+ */
@media (min-width: 1400px) {
    .box-5-3 img {
        margin-top: -350px;
    }
    .maxwidth-theme {
        max-width: 1320px;
    }
}

/* Средние десктопы 1200px - 1399px */
@media (min-width: 1200px) and (max-width: 1399px) {
    .box-5-3 img {
        margin-top: -300px;
    }
    .maxwidth-theme {
        max-width: 1140px;
    }
}

/* Планшеты в альбомной ориентации 992px - 1199px */
@media (min-width: 992px) and (max-width: 1199px) {
    .box-5-3 img {
        margin-top: 20px;
    }
    .maxwidth-theme {
        max-width: 960px;
    }

    /* Выравнивание высоты блоков для планшетов */
    .h-fill {
        height: -webkit-fill-available !important;
    }

    .box-3,
    .box-4 {
        min-height: 500px;
    }

    .box-6,
    .box-7,
    .box-8 {
        height: 100%;
    }
}

/* Планшеты в портретной ориентации 768px - 991px */
@media (min-width: 768px) and (max-width: 991px) {
    .box-5-3 img {
        margin-top: -200px;
    }
    .maxwidth-theme {
        max-width: 720px;
    }

    .heder-text {
        font-size: 32px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 32px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 26px;
    }

    .box-3 {
        max-height: 550px;
    }

    .box-4 {
        max-height: 550px;
    }
}

/* Мобильные устройства в альбомной ориентации 576px - 767px */
@media (min-width: 576px) and (max-width: 767px) {
    .box-5-3 img {
        margin-top: -100px;
    }
    .maxwidth-theme {
        max-width: 540px;
    }

    .heder-text {
        font-size: 28px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 28px;
    }

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

    .p-40 {
        padding: 30px;
    }

    .box-3-1,
    .box-4-1,
    .box-6-1,
    .box-7,
    .box-8,
    .box-11-2,
    .box-11-3-0 {
        padding: 30px;
    }
}

/* Маленькие мобильные устройства 375px - 575px */
@media (min-width: 375px) and (max-width: 575px) {
    .box-5-3 img {
        margin-top: 0px;
    }

    .heder-text {
        font-size: 26px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 26px;
    }

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

    .p-40 {
        padding: 20px;
    }
}

/* Очень маленькие мобильные устройства до 374px */
@media (max-width: 374px) {
    .box-5-3 img {
        margin-top: 0px;
    }

    .heder-text {
        font-size: 22px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 22px;
    }

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

    .p-40 {
        padding: 15px;
    }

    .box-3-1,
    .box-4-1,
    .box-6-1,
    .box-7,
    .box-8,
    .box-11-2,
    .box-11-3-0 {
        padding: 20px;
    }
}

/* Специфичные медиа-запросы для высоты блоков */
@media (min-width: 992px) {
    /* Выравнивание высоты для ПК */
    .h-fill {
        display: flex;
        flex-direction: column;
        height: -webkit-fill-available !important;
    }

    .h-fill > .box-w {
        flex: 1;
        display: flex;
        flex-direction: column;
    }

    .box-3-1,
    .box-4-1 {
        flex: 1;
    }

    /* Гарантируем одинаковую высоту для блоков в ряду */
    /* .row.flexbox--row .item-wrapper {
        display: flex;
    } */

    .row.flexbox--row .item-wrapper > div {
        width: 100%;
    }
}

/* Медиа-запросы для скрытия/показа элементов */
@media (max-width: 991px) {
    .d-md-none {
        display: none !important;
    }
}

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

/* Дополнительные разрешения для изображений */
@media (max-width: 1400px) {
    .box-5-2-1 {
        width: 100%;
    }

    .box-11-2-3 img {
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 1200px) {
    .box-9-2 {
        width: 70%;
    }
}

@media (max-width: 768px) {
    .box-9-2 {
        width: 90%;
    }

    .box-6-1-2,
    .box-7-2,
    .box-8-2 {
        width: 100%;
    }
}

/* Адаптивные отступы для всех разрешений */
@media (max-width: 1400px) {
    .mb-140 {
        margin-bottom: 100px;
    }
}

@media (max-width: 1200px) {
    .mb-140 {
        margin-bottom: 100px;
    }
}

@media (max-width: 992px) {
    .mb-140 {
        margin-bottom: 80px;
    }
}

@media (max-width: 768px) {
    .mb-140 {
        margin-bottom: 60px;
    }
}

/* Дополнительные медиа-запросы для шрифтов */
@media (max-width: 1400px) {
    .heder-text {
        font-size: 52px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 52px;
    }
    .box-20-1,
    .box-21-1 {
        font-size: 46px;
    }
    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 30px;
    }
}

@media (max-width: 1200px) {
    .box-20,
    .box-21 {
        display: flex !important;
        justify-content: space-evenly;
        align-items: center;
    }
    .box-20,
    .box-21 {
        padding: 32px 32px 32px 32px;
    }
    .box-14 {
        height: 100%;
    }
    .heder-text {
        font-size: 48px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 48px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 28px;
    }
}

@media (max-width: 992px) {
    .heder-text {
        font-size: 42px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 42px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 26px;
    }
}

@media (max-width: 768px) {
    .heder-text {
        font-size: 36px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 36px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .heder-text {
        font-size: 32px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 32px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 22px;
    }
}

@media (max-width: 375px) {
    .heder-text {
        font-size: 28px;
    }

    .box-3-1-1,
    .box-5-1,
    .box-9-1,
    .box-11-1-1 {
        font-size: 28px;
    }

    .box-w-text-b,
    .box-3-1-2,
    .box-4-1-1,
    .box-5-2-2,
    .box-6-1-2,
    .box-7-2,
    .box-8-2,
    .box-9-2,
    .box-10-1,
    .box-11-1-2,
    .box-11-2-1,
    .box-11-3-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2 {
        font-size: 20px;
    }
}

/* Специфичные настройки для блоков с картинками */
@media (max-width: 1200px) {
    .box-3-2,
    .box-4-2 {
        margin-top: 0;
    }

    .box-3,
    .box-4 {
        max-height: none;
    }
}

/* Исправления для антикоррозионного блока */
@media (max-width: 992px) {
    .box-16 {
        padding: 40px 30px;
    }

    .box-14,
    .box-15,
    .box-20,
    .box-21 {
        padding: 25px;
    }

    .box-22-1 {
        padding: 30px 30px 10px 30px;
    }
}

@media (max-width: 768px) {
    .box-16 {
        padding: 30px 20px;
    }

    .box-16-3 {
        padding-left: 35px;
    }

    .kk_before::before {
        left: -35px;
    }
}

/* Логистика блоки */
@media (max-width: 1200px) {
    .box-25,
    .box-26 {
        padding: 25px;
    }
}

@media (max-width: 768px) {
    .box-25,
    .box-26 {
        padding: 20px;
    }
}
/* Добавьте эти стили в конец файла css.css */

/* Стили для блока 28 */
.box-28 {
    font-size: 60px;
    line-height: 120%;
    text-align: center;
    color: #004666;
}

/* Стили для блока 29-30 */
.box-29-0 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box-29 {
    color: #004666;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
}

.box-30 {
    margin-top: 32px;
    max-width: fit-content;
    width: 100%;
    background: #f5f7fa;
    padding: 8px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
}
.box-30-1 {
    margin-right: 8px;
}
.box-30-1,
.box-30-2 {
    border-radius: 12px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 20px !important;
}

.box-30-1 {
    padding: 20px 24px !important;
    margin-right: 8px !important;
}

.box-30-2 {
    padding: 20px 24px !important;
}

.box-30-1:hover,
.box-30-2:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 70, 102, 0.1);
}

.box-30-1 img,
.box-30-2 img {
    margin-left: 8px;
    vertical-align: middle;
}

/* Стили для блока 31 */
.box-31 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.box-31-1 {
    color: #004666;
    font-family: Montserrat;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
    text-align: center;
}

.box-31-2 {
    margin-top: 32px;
    max-width: fit-content;
    width: 100%;
    background: #f5f7fa;
    padding: 8px;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-radius: 20px;
}

.box-31-2 button {
    display: block;
    background: #fafbfc;
    border-radius: 12px;
    color: #004666;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    padding: 20px 24px;
    margin-right: 8px;
    transition: all 0.3s ease;
}

.box-31-2 button:last-child {
    margin-right: 0;
}

.box-31-2 button:hover {
    background: #ebeff6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 70, 102, 0.1);
}

.box-31-3 {
    width: 100%;
    overflow-x: auto;
    margin-top: 32px;
}

.box-31-3-1 {
    justify-content: flex-start;
    flex-wrap: nowrap !important;
}

.box-31-3-1-1 {
    position: relative;
}

.box-31-3-1-2 {
    border-radius: 12px;
}

.box-31-3-1-1 .box-31-3-1-3 {
    width: 70%;
    display: block;
    padding: 10px 20px;
    background: #fafbfc;
    border-radius: 35px;
    color: #004666;
    top: 20px;
    font-weight: 500;
    font-size: 15px;
    line-height: 25px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
}

.box-31-3-1-3:hover {
    background: #ebeff6;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 70, 102, 0.1);
}

.box-31-3-1-3 i {
    margin-left: 8px;
}

.box-31-3-2 {
    margin-top: 16px;
}

.box-31-3-2-1 {
    background: #f3f5f7;
    display: inline-block;
    padding: 0 7px;
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    vertical-align: middle;
    color: #004666;
    border-radius: 4px;
}

.box-31-3-2-2 {
    font-family: Montserrat;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0%;
    color: #004666;
    margin-top: 8px;
}

.box-31-3-2-3 {
    font-family: Montserrat;
    font-weight: 400;
    font-size: 12px;
    line-height: 20.3px;
    color: #58585a;
    margin-top: 4px;
}

/* Стили для блока 32 */
.box-32-1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: start;
}

.box-32-2 {
    padding-right: 40px;
}

.box-32-2-1 {
    font-weight: 500;
    font-size: 60px;
    line-height: 120%;
    color: #004666;
    margin-bottom: 40px;
}

.box-32-2-2 {
    color: #004666;
    font-weight: 500;
    font-size: 32px;
    line-height: 120%;
}

.box-32-3 {
    padding-left: 40px;
}

/* Стили для SVG иконки */
.svg-inline-download-arrow {
    display: inline-block;
    vertical-align: middle;
}

.svg-inline-download-arrow .cls-1 {
    fill: #005282;
    fill-rule: evenodd;
}

.lincfile {
    min-width: 225px;
    width: 225px;
}
.slick-slider {
    touch-action: auto;
    -ms-touch-action: auto;
}
.baner1 {
    display: block;
}
.baner2 {
    display: none;
}

/* Медиа-запросы для мобильной адаптации */
@media (max-width: 992px) {
    .box-32-1 {
        flex-direction: column;
        gap: 40px;
    }

    .box-32-2,
    .box-32-3 {
        padding: 0;
        width: 100%;
    }

    .box-32-2-1,
    .box-32-2-2 {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .box-28 {
        font-size: 36px;
    }

    .box-29,
    .box-31-1 {
        font-size: 26px;
    }

    .box-30,
    .box-31-2 {
        flex-direction: column;
        gap: 12px;
        padding: 16px;
    }

    .box-30-1,
    .box-30-2,
    .box-31-2 a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 8px;
        padding: 16px 20px;
        font-size: 14px;
    }

    .box-31-2 a:last-child {
        margin-bottom: 0;
    }

    .box-31-3-1-3 {
        width: 85%;
        font-size: 14px;
        padding: 12px 16px;
        top: 15px;
    }

    .box-31-3-2-1 {
        font-size: 11px;
        line-height: 18px;
    }

    .box-31-3-2-2 {
        font-size: 16px;
        line-height: 18px;
    }

    .box-31-3-2-3 {
        font-size: 11px;
        line-height: 16px;
    }

    .box-32-2-1 {
        font-size: 36px;
        margin-bottom: 24px;
    }

    .box-32-2-2 {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .box-28 {
        font-size: 28px;
    }

    .box-29,
    .box-31-1 {
        font-size: 22px;
    }

    .box-30-1,
    .box-30-2,
    .box-31-2 a {
        padding: 14px 16px;
        font-size: 13px;
    }

    .box-31-3-1-3 {
        width: 80%;
        font-size: 13px;
        padding: 10px 14px;
        top: 10px;
    }

    .box-31-3-2-1 {
        font-size: 10px;
        line-height: 16px;
    }

    .box-31-3-2-2 {
        font-size: 14px;
        line-height: 16px;
    }

    .box-31-3-2-3 {
        font-size: 10px;
        line-height: 14px;
    }

    .box-32-2-1 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .box-32-2-2 {
        font-size: 20px;
    }
}

@media (max-width: 375px) {
    .box-28 {
        font-size: 24px;
    }

    .box-29,
    .box-31-1 {
        font-size: 20px;
    }

    .box-30-1,
    .box-30-2,
    .box-31-2 a {
        padding: 12px 14px;
        font-size: 12px;
    }

    .box-31-3-1-3 {
        width: 75%;
        font-size: 12px;
        padding: 8px 12px;
    }

    .box-32-2-1 {
        font-size: 24px;
    }

    .box-32-2-2 {
        font-size: 18px;
    }
}

/* Дополнительные утилитарные классы */
.mb-80 {
    margin-bottom: 80px;
}

/* Стили для кнопок Bitrix формы */
.btn-default {
    transition: all 0.3s ease;
}

.btn-default:hover {
    transform: translateY(-1px);
}

.slick-slide-item {
    width: 225px;
}
.tab-pane {
    display: none;
    animation: fadeIn 0.3s ease;
}

.tab-pane.active {
    display: block;
    width: 100%;
}
.snake-track {
    display: flex !important;
    transform: translateX(0px);
    /* Убедитесь что нет лишних стилей */
    box-sizing: border-box;
}

.snake-slide {
    width: 225px !important;
    min-width: 225px !important;
    max-width: 225px !important;
    margin-right: 15px !important;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    box-sizing: border-box;
}

/* Уберите любые внешние стили которые могут влиять на ширину */
#slicks-tab1 .snake-track,
#slicks-tab2 .snake-track,
#slicks-tab3 .snake-track,
#slicks-tab4 .snake-track {
    width: auto !important;
}

/* Исправление горизонтального скролла для каталогов */
@media (max-width: 768px) {
    .box-31-3 {
        overflow-x: auto;
        padding-bottom: 10px;
        -webkit-overflow-scrolling: touch;
    }

    .box-31-3-1 > .item-wrapper {
        min-width: 250px;
    }
}

/* Touch-оптимизация для мобильных */
@media (max-width: 768px) {
    .btn-default,
    .box-30-1,
    .box-30-2,
    .box-31-2 a,
    .box-31-3-1-3 {
        -webkit-tap-highlight-color: transparent;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}
@media (max-width: 576px) {
    .box-w-text-b,
    .box-3-1-1,
    .box-4-1-1,
    .box-11-2-1,
    .box-11-3-1,
    .box-15-2,
    .box-16-1,
    .box-20-1,
    .box-21-1,
    .box-22-1-1,
    .box-25-2,
    .box-26-2,
    .box-28 {
        font-weight: 500;
        font-size: 30px;
        line-height: 120%;
    }
    .box-w-text-s,
    .box-3-1-2,
    .box-4-1-2,
    .box-29,
    .box-31-1 {
        font-weight: 500;
        font-size: 22px;
        line-height: 132%;
    }
    .box-3-1-3 {
        font-weight: 500;
        font-size: 20px;
        line-height: 132%;
    }
    .box-2 {
        max-height: 600px;
    }
    .box-5-1 {
        font-weight: 500;
        font-size: 30px;
        line-height: 120%;
        text-align: start;
    }
    .box-5-2-2 {
        font-weight: 500;
        font-size: 26px;
        line-height: 120%;
        text-align: start;
    }
    .box-6-1-2,
    .box-7-2,
    .box-8-2 {
        font-weight: 500;
        font-size: 26px;
        line-height: 120%;
    }
    .box-9-1,
    .box-11-1-1,
    .box-12,
    .box-18,
    .box-23-1,
    .box-28,
    .box-32-2-1,
    .box-14-2,
    .box-15-2,
    .box-16-1,
    .box-21-1,
    .box-22-1-1,
    .box-23-1,
    .box-25-2,
    .box-26-2 {
        font-weight: 500;
        font-size: 30px;
        line-height: 120%;
        text-align: start;
        margin-bottom: 24px;
    }
    .box-23-1 {
        margin: 0 0 30px 0;
    }
    .box-9-2,
    .box-11-1-2,
    .box-13,
    .box-23-2,
    .box-32-2-2 {
        text-align: start;
        font-weight: 500;
        font-size: 22px;
        line-height: 120%;
        margin-bottom: 60px;
        width: 100%;
    }
    .box-10-1 {
        font-weight: 500;
        font-size: 28px;
        line-height: 120%;
        text-align: start;
    }
    .box-11-2-3,
    .box-11-3-0 {
        margin-bottom: 20px;
    }
    .box-20,
    .box-21,
    .box-22 {
        flex-direction: column;
    }
    .box-30 a {
        padding: 12px 14px !important;
        margin-right: 0 !important;
    }
    .heder-text {
        line-height: 170%;
    }
    .baner1 {
        display: none;
    }
    .baner2 {
        display: block;
    }
    .box-31-2 button {
        width: 100%;
        margin-right: 0;
    }
}

/* End */


/* Start:/bitrix/templates/aspro_max/css/slick.css?17640845181646*/
/* Slider */
.snake-slider {
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.snake-list {
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.snake-list:focus {
    outline: none;
}

.snake-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.snake-slider .snake-track,
.snake-slider .snake-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.snake-track {
    position: relative;
    top: 0;
    left: 0;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    will-change: transform;
}

.snake-track:before,
.snake-track:after {
    display: table;

    content: "";
}

.snake-track:after {
    clear: both;
}

.snake-loading .snake-track {
    visibility: hidden;
}

.snake-slide {
    display: none;
    float: left;
    box-sizing: border-box;
    height: 100%;
    min-height: 1px;
}

.snake-slide img {
    display: block;
}

.snake-slide.snake-loading img {
    display: none;
}

.snake-slide.dragging img {
    pointer-events: none;
}

.snake-initialized .snake-slide {
    display: block;
}

.snake-loading .snake-slide {
    visibility: hidden;
}

.snake-arrow.snake-hidden {
    display: none;
}

/* End */


/* Start:/bitrix/templates/aspro_max/css/slick-theme.css?17640845173418*/
@charset "UTF-8";

/* Arrows */
.snake-prev,
.snake-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 32px;
    height: 32px;
    padding: 0;
    transition: 0.25s ease-out;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.snake-prev:hover,
.snake-prev:focus,
.snake-next:hover,
.snake-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.snake-prev:hover:before,
.snake-prev:focus:before,
.snake-next:hover:before,
.snake-next:focus:before {
    border-color: #607d8b;
}
.snake-prev.snake-disabled:before,
.snake-next.snake-disabled:before {
    opacity: 0.25;
}

.snake-prev:before,
.snake-next:before {
    content: "";
    display: inline-block;
    vertical-align: middle;

    background: white center no-repeat;
    background-size: 20px;
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    border-radius: 50%;
    border: 1px solid lightgray;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.snake-prev {
    left: -40px;
}

.snake-prev:before {
    background-image: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.3332 16.918H6.6665" stroke="%23607D8B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.9998 26.2507L6.6665 16.9173L15.9998 7.58398" stroke="%23607D8B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.snake-next {
    right: -40px;
}

.snake-next:before {
    background-image: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.6665 16.918L25.3332 16.918" stroke="%23607D8B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 26.252L25.3333 16.9186L16 7.58529" stroke="%23607D8B" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

/* Dots */
.snake-dotted.snake-slider {
    margin-bottom: 30px;
}

.snake-dots {
    position: absolute;
    bottom: -32px;
    left: 0;
    right: 0;

    display: block;

    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.snake-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;

    cursor: pointer;
}

.snake-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.snake-dots li button:hover,
.snake-dots li button:focus {
    outline: none;
}

.snake-dots li button:hover:before,
.snake-dots li button:focus:before {
    opacity: 1;
}

.snake-dots li button:before {
    font-size: 24px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: "•";
    text-align: center;

    color: lightgray;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.snake-dots li.snake-active button:before {
    color: #607d8b;
}

/* End */
/* /doc/css.css?176414990142324 */
/* /bitrix/templates/aspro_max/css/slick.css?17640845181646 */
/* /bitrix/templates/aspro_max/css/slick-theme.css?17640845173418 */