/* Start:/local/templates/b1/dist/css/main.css?1703181333443387*/
.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.curs-def {
    cursor: default !important
}

.d-flex {
    display: flex !important
}

.d-bock {
    display: block
}

.flex-d-col {
    flex-direction: column !important
}

.pos-rel {
    position: relative !important
}

.jc-sb {
    justify-content: space-between !important
}

.flex-wrap {
    flex-wrap: wrap
}

.jc-center {
    justify-content: center !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.no-bottom {
    margin-bottom: 0 !important
}

.no-top {
    margin-top: 0 !important
}

.curs-def {
    cursor: default !important
}

.d-flex {
    display: flex !important
}

.d-bock {
    display: block
}

.flex-d-col {
    flex-direction: column !important
}

.pos-rel {
    position: relative !important
}

.jc-sb {
    justify-content: space-between !important
}

.flex-wrap {
    flex-wrap: wrap
}

.jc-center {
    justify-content: center !important
}

.align-items-start {
    align-items: flex-start !important
}

.align-items-end {
    align-items: flex-end !important
}

.align-items-center {
    align-items: center !important
}

.no-bottom {
    margin-bottom: 0 !important
}

.no-top {
    margin-top: 0 !important
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.pl-60 {
    padding-left: 60px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pl-15 {
    padding-left: 15px !important
}

.p-30 {
    padding: var(--spacing--30)
}

.p-24 {
    padding: 24px
}

.p-20 {
    padding: var(--spacing--20)
}

.pv-40 {
    padding: 0 var(--spacing--40)
}

.p-15 {
    padding: 15px
}

.p-30 {
    padding: var(--spacing--30)
}

.pv-30 {
    padding: 0 var(--spacing--30)
}

.ph-40 {
    padding: var(--spacing--40) 0
}

.pb-20 {
    padding-bottom: var(--spacing--20)
}

.mt-8 {
    margin-top: 8px !important
}

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

.mt-16 {
    margin-top: 16px !important
}

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

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

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

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

.mr-16 {
    margin-right: 16px !important
}

.mr-25 {
    margin-right: 25px !important
}

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

.mb-4 {
    margin-bottom: 4px !important
}

.mb-8 {
    margin-bottom: 8px !important
}

.mb-16 {
    margin-bottom: 16px !important
}

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

.layout-default_dark {
    background: #1b1a1a
}

.layout-default_dark .hallOfFrame__value, .layout-default_dark .hallOfFrame__description {
    color: #fff
}

.multiselect__container {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    height: 40px;
    position: relative;
    width: 49%
}

.multiselect__container:after {
    content: "";
    min-height: inherit;
    font-size: 0
}

.multiselect__container > * {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(0, 0, 0, .4)
}

.multiselect__wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    width: 100%
}

.multiselect__clear-btn {
    cursor: pointer;
    align-items: center;
    margin-bottom: 4px;
    margin-left: 4px
}

.multiselect__clear-btn svg {
    height: 20px;
    width: 20px
}

.multiselect__options {
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .16), 0px 0px 8px rgba(0, 0, 0, .08), 0px 16px 16px rgba(0, 0, 0, .08);
    border-radius: 4px;
    left: 0;
    max-height: 0;
    overflow: hidden;
    position: absolute;
    top: calc(100% + 3px);
    z-index: 9999;
    width: 100%;
    opacity: 0;
    transition: max-height .1s ease
}

.multiselect__options.visible {
    max-height: 200px;
    opacity: 1;
    transition: max-height .2s ease
}

.multiselect__options ul {
    list-style: none;
    margin: 0;
    padding: 2px 0;
    max-height: 200px;
    overflow: auto
}

.multiselect__options ul li {
    cursor: pointer;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 14px;
    line-height: 15px;
    margin-bottom: 4px
}

.multiselect__options ul li * {
    pointer-events: none
}

.multiselect__options ul p.multiselect__options--no-results, .multiselect__options ul p.multiselect__options--no-data {
    margin: 0;
    padding: 8px;
    text-align: center
}

.multiselect__options ul li.multiselect__options--selected {
    background: #ebf7ed;
    border-radius: 2px;
    color: #21672c;
    position: relative
}

.multiselect__options ul li.multiselect__options--selected:after {
    content: "";
    position: absolute;
    right: 8px;
    top: 4px;
    background: url("/local/templates/b1/dist/css/../assets/icons/check.svg");
    width: 16px;
    height: 16px
}

.multiselect__options ul li.multiselect__options--selected:hover {
    background: #ebf7ed
}

.multiselect__options ul li:hover {
    background: #ebf7ed
}

.multiselect__options ul li.arrow-selected {
    border: 2px solid rgba(101, 101, 101, .5)
}

.multiselect__selected {
    background: rgba(0, 0, 0, 0);
    border-radius: 2px;
    color: rgba(0, 0, 0, .4);
    margin-right: 4px;
    display: flex;
    align-items: center
}

.multiselect__selected .multiselect__remove-btn {
    cursor: pointer;
    display: flex;
    margin-left: 6px
}

.multiselect__selected .multiselect__remove-btn svg {
    height: 16px;
    width: 16px
}

.multiselect__input {
    font-family: "Roboto", sans-serif;
    background: rgba(0, 0, 0, 0);
    border: none;
    flex-basis: 40px;
    flex-grow: 1;
    min-width: 40px;
    outline: none;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    border-radius: 4px
}

@media screen and (max-width: 1440px) {
    .main-slider {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .main-slider {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .main-slider {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .main-slider {
        margin-bottom: 32px
    }
}

.main-slide {
    height: 900px;
    position: relative;
    cursor: pointer;
    max-width: 2560px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .main-slide {
        height: 720px
    }
}

@media screen and (max-width: 1024px) {
    .main-slide {
        height: auto;
        min-height: 482px
    }
}

@media screen and (max-width: 400px) {
    .main-slide {
        min-height: 380px
    }
}

@media screen and (max-width: 1024px) {
    .main-slide picture {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }
}

@media screen and (max-width: 500px) {
    .main-slide .triangle_big {
        height: 38px;
        width: 40px
    }
}

@media screen and (max-width: 500px) {
    .main-slide .triangleWrap {
        height: 74px;
        width: 80px
    }
}

.main-slide__gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(104.97deg, rgba(0, 0, 0, 0.45) 0.62%, rgba(0, 0, 0, 0) 69.9%), linear-gradient(148.65deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 83.61%)
}

.main-slide__img {
    z-index: 1;
    height: 100%;
    width: 100vw
}

@media (max-width: 1024px) {
    .main-slide__img {
        height: 100%;
        width: auto
    }
}

.main-slide__text {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 280px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

.main-slide__text .no-bottom {
    margin-bottom: 0 !important
}

.main-slide__text .no-top {
    margin-top: 0 !important
}

.main-slide__text:last-of-type, .main-slide__text:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .main-slide__text:last-of-type, .main-slide__text:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .main-slide__text:last-of-type, .main-slide__text:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .main-slide__text:last-of-type, .main-slide__text:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .main-slide__text:last-of-type, .main-slide__text:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .main-slide__text {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .main-slide__text {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .main-slide__text {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .main-slide__text {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media (max-width: 1440px) {
    .main-slide__text {
        padding-top: 220px
    }
}

@media (max-width: 1024px) {
    .main-slide__text {
        padding-top: 170px
    }
}

@media (max-width: 768px) {
    .main-slide__text {
        padding-top: 116px
    }
}

.main-slide__description {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 16px;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .main-slide__description {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 400px) {
    .main-slide__description {
        margin-bottom: 8px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px
    }
}

.main-slide__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 60px;
    margin-bottom: 16px;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .main-slide__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px
    }
}

@media screen and (max-width: 1024px) {
    .main-slide__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 768px) {
    .main-slide__title {
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        overflow: hidden
    }
}

@media screen and (max-width: 400px) {
    .main-slide__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        overflow: hidden;
        margin-bottom: 8px
    }
}

.main-slide__quote {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 32px;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .main-slide__quote {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 400px) {
    .main-slide__quote {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 10px;
        line-height: 12px;
        margin-bottom: 24px
    }
}

.main-slide__description, .main-slide__title, .main-slide__quote {
    position: relative;
    z-index: 1;
    color: #fff;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .5)
}

.main-slide__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.slider-arrows__prev, .slider-arrows__next {
    position: absolute;
    width: 64px;
    height: 64px;
    cursor: pointer;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0);
    top: 40%;
    border: none
}

@media screen and (max-width: 768px) {
    .slider-arrows__prev, .slider-arrows__next {
        display: none
    }
}

.slider-arrows__prev {
    left: -70px
}

.slider-arrows__next {
    right: -70px
}

.swiper-dots-circle-slider {
    top: 110%;
    width: 60% !important;
    left: 0;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center;
    position: absolute
}

.dotsCustom {
    display: flex;
    justify-content: center;
    align-items: center
}

.loader {
    display: none;
    fill: none;
    stroke: #37ab49;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-dasharray: 288;
    animation: line 7s linear 1;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}

@keyframes line {
    0% {
        stroke-dashoffset: 864
    }
    100% {
        stroke-dashoffset: 576
    }
}

.swiper-dots-circle-slider li {
    position: relative;
    list-style-type: none;
    margin: 0 30px !important;
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .swiper-dots-circle-slider li {
        margin: 0 20px !important
    }
}

@media screen and (max-width: 768px) {
    .swiper-dots-circle-slider li {
        margin: 0 10px !important
    }
}

.swiper-dots-circle-slider li .circle-center {
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #999;
    width: 8px;
    height: 8px;
    margin: 0;
    opacity: .7
}

.swiper-pagination-bullet-active .loader {
    display: block;
    border: 2px solid #37ab49;
    width: 18px;
    height: 18px
}

.swiper-pagination-bullet-active .circle-center {
    background-color: #444042;
    opacity: 1
}

.slick-dots-line-slider {
    bottom: 0;
    height: 4px;
    left: 0;
    right: 0;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    gap: 8px;
    width: 55%;
    margin-left: auto !important;
    margin-right: auto !important
}

@media (max-width: 768px) {
    .slick-dots-line-slider--right {
        padding-right: 6.25vw
    }
}

@media screen and (max-width: 768px) {
    .slick-dots-line-slider {
        width: 70%;
        bottom: 0
    }
}

@media screen and (max-width: 400px) {
    .slick-dots-line-slider {
        width: 100%
    }
}

.dotsLine {
    display: flex;
    max-width: 112px;
    width: 100%;
    align-items: center;
    position: relative;
    background: rgba(153, 153, 153, .5);
    height: 2px;
    border-radius: 1px;
    cursor: pointer
}

@media screen and (max-width: 1024px) {
    .dotsLine {
        max-width: 80px
    }
}

@media screen and (max-width: 500px) {
    .dotsLine {
        max-width: 58px
    }
}

@media screen and (max-width: 500px) {
    .dotsLine {
        max-width: 40px
    }
}

.dotsLine.swiper-pagination-bullet-active {
    background: rgba(55, 171, 73, .5)
}

.dotsLine.swiper-pagination-bullet-active:before {
    position: absolute;
    content: "";
    width: 0;
    left: 0;
    top: -1px;
    bottom: -1px;
    align-items: flex-start;
    background: #37ab49;
    border-radius: 1px;
    animation: loadingLine 7s linear
}

.dotsLine.swiper-pagination-bullet-pause:before {
    animation-play-state: paused
}

@keyframes loadingLine {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

.slick-dots-line-slider li {
    width: 100%;
    position: relative;
    list-style-type: none;
    cursor: pointer
}

.slick-dots-line-slider li .line-center {
    position: absolute;
    box-sizing: border-box;
    display: block;
    height: 2px;
    background-color: #999;
    border-radius: 1px;
    width: 100%;
    opacity: .5
}

.slick-dots-line-slider .slick-active .line-loading {
    display: block;
    background-color: #37ab49;
    border: 2px solid #37ab49;
    border-radius: 2px
}

.slick-dots-line-slider .slick-active .line-center {
    background-color: #37ab49;
    opacity: .5
}

.slick-dots-main-slider {
    bottom: 35px;
    width: 60% !important;
    left: -12.8125vw;
    right: 0;
    margin-left: auto !important;
    margin-right: auto !important;
    display: flex !important;
    justify-content: center;
    position: absolute;
    z-index: 5
}

@media screen and (max-width: 1440px) {
    .slick-dots-main-slider {
        bottom: 27px;
        left: -12.8125vw
    }
}

@media screen and (max-width: 1024px) {
    .slick-dots-main-slider {
        bottom: 26px;
        left: -10vw
    }
}

@media screen and (max-width: 768px) {
    .slick-dots-main-slider {
        bottom: 19px;
        left: -7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .slick-dots-main-slider {
        bottom: 8px;
        left: -6.25vw
    }
}

.slick-dots-main-slider__light li .circle-center {
    background-color: #999 !important
}

.slick-dots-main-slider__light li.swiper-pagination-bullet-active .circle-center {
    background-color: #444042 !important
}

.slick-dots-main-slider--analytic {
    left: 0
}

.dotsCustom {
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width: 1024px) {
    .dotsCustom {
        padding: 8px !important
    }
}

.loader {
    display: none;
    fill: none;
    stroke: #37ab49;
    stroke-width: 7;
    stroke-linecap: round;
    stroke-dasharray: 288;
    animation: line 7s linear 1;
    transform-origin: 50% 50%;
    transform: rotate(-90deg)
}

@keyframes line {
    0% {
        stroke-dashoffset: 864
    }
    100% {
        stroke-dashoffset: 576
    }
}

.slick-dots-main-slider li {
    position: relative;
    list-style-type: none;
    margin: 0 10px !important;
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .slick-dots-main-slider li {
        margin: 0 5px !important
    }
}

@media screen and (max-width: 400px) {
    .slick-dots-main-slider li {
        margin: 0 2px !important
    }
}

.slick-dots-main-slider li .circle-center {
    position: absolute;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff;
    width: 8px;
    height: 8px;
    margin: 0;
    opacity: .7
}

.slick-dots-main-slider .slick-active .loader {
    display: block;
    border: 2px solid #37ab49;
    width: 18px;
    height: 18px
}

.slick-dots-main-slider .slick-active .circle-center {
    background-color: #fff;
    opacity: 1
}

@font-face {
    font-family: "swiper-icons";
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

.swiper-pointer-events {
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x
}

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

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

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

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

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

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

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

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

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

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

.swiper-centered > .swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

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

.swiper-button-prev, .swiper-button-next {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

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

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

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
    display: none !important
}

.swiper-button-prev:after, .swiper-button-next:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
    content: "next"
}

.swiper-button-lock {
    display: none
}

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

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

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
    display: none !important
}

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

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

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

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

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

.swiper-pagination-lock {
    display: none
}

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

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important
}

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: rgba(0, 0, 0, 0)
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

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

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

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

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

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

.swiper-grid > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-grid-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

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

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

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

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

.swiper-cube {
    overflow: visible
}

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

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

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

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

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

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

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-flip {
    overflow: visible
}

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

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

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

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

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden
}

.app-logo {
    transition: .3s;
    cursor: pointer
}

.app-logo svg {
    fill: #37ab49
}

@media screen and (max-width: 1024px) {
    .app-logo {
        width: 24px;
        height: 24px
    }

    .app-logo svg {
        width: 24px;
        height: 24px
    }
}

.button-upper {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    padding: 12px 16px;
    white-space: nowrap;
    cursor: pointer;
    color: #dadada;
    border: none;
    border-radius: 4px;
    transition: color .3s linear
}

.button-upper--icon span {
    margin: 0 4px
}

.button-upper_dark {
    background-color: rgba(0, 0, 0, 0)
}

.button-upper_dark svg path {
    fill: #dadada
}

.button-upper_dark:hover {
    background: rgba(0, 0, 0, .4)
}

.button-upper_light {
    background-color: rgba(0, 0, 0, 0);
    color: #444042
}

.button-upper_light svg path {
    fill: #999
}

.button-upper_light:hover {
    background-color: #fff
}

.button-upper_dark:hover, .button-upper_light:hover {
    color: #4bb35b
}

.button-upper_dark:hover svg path, .button-upper_light:hover svg path {
    fill: #4bb35b
}

.link-border {
    color: #fff;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 4px;
    padding: 10px 20px;
    transition-duration: .3s;
    transition-property: color, background-color, opacity
}

.link-border:hover {
    background-color: #fff;
    color: #000
}

.link-border:focus {
    opacity: .7
}

.link-border:disabled {
    opacity: .3;
    cursor: default
}

@media (max-width: 1024px) {
    .link-border {
        padding: 6px 15px
    }
}

@media (max-width: 768px) {
    .link-border {
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        padding: 4px 10px
    }
}

.link-green {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #37ab49;
    padding: 4px 10px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid #37ab49;
    border-radius: 2px;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content
}

.link-secondary {
    background: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    width: -moz-fit-content;
    width: fit-content;
    color: #fff
}

.link-secondary svg {
    margin-left: 6px;
    margin-bottom: -4px
}

.btnGeneralMenu {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding: 14px 16px;
    white-space: nowrap;
    cursor: pointer;
    color: #f2f2f2;
    border: rgba(0, 0, 0, 0);
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

@media (max-width: 768px) {
    .btnGeneralMenu {
        padding: 10px 6px
    }
}

.btnGeneralMenu_dark, .btnGeneralMenu_light {
    background-color: rgba(0, 0, 0, 0)
}

.btnGeneralMenu_dark svg path, .btnGeneralMenu_light svg path {
    transition: .3s
}

.btnGeneralMenu:hover {
    color: #37ab49;
    border-bottom: 2px solid #37ab49
}

.btnGeneralMenu:hover svg path {
    fill: #37ab49
}

.btnGeneralMenu--hover:hover {
    border-bottom: 2px solid rgba(0, 0, 0, 0)
}

.btnGeneralMenu--hide {
    display: none
}

.btnGeneralMenu--left {
    margin-left: auto
}

.footer {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    margin: 0 !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
    background-color: #0e0d0d
}

.footer .no-bottom {
    margin-bottom: 0 !important
}

.footer .no-top {
    margin-top: 0 !important
}

.footer:last-of-type, .footer:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .footer:last-of-type, .footer:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .footer:last-of-type, .footer:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .footer:last-of-type, .footer:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .footer:last-of-type, .footer:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .footer {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .footer {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .footer {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .footer {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .footer {
        margin: 0 !important
    }
}

@media screen and (max-width: 1024px) {
    .footer {
        margin: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .footer {
        margin: 0 !important;
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
}

@media screen and (max-width: 400px) {
    .footer {
        margin: 0 !important
    }
}

@media screen and (max-width: 768px) {
    .footer__logo {
        display: none
    }
}

.footer__nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width: 768px) {
    .footer__nav {
        display: block
    }
}

.footer__contentLine {
    align-items: center;
    display: flex
}

@media screen and (max-width: 1440px) {
    .footer__contentLine_line2 {
        flex-direction: column;
        gap: 16px;
        align-items: baseline
    }
}

@media screen and (max-width: 1024px) {
    .footer__contentLine_line2 {
        flex-direction: row
    }
}

@media screen and (max-width: 768px) {
    .footer__contentLine_line2 {
        gap: 32px;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 768px) {
    .footer__contentLine .app-logo {
        display: none
    }
}

.footer__contentLine_additional {
    display: flex
}

@media screen and (max-width: 1024px) {
    .footer__contentLine_additional {
        display: block
    }
}

.footer__copyright {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    white-space: nowrap;
    color: #37ab49;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    align-items: center
}

@media (max-width: 768px) {
    .footer__copyright {
        margin-bottom: 16px;
        margin-top: 12px
    }
}

.footer__links {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (max-width: 768px) {
    .footer__links {
        margin-top: 20px
    }
}

.footer__buttons-mob {
    display: none
}

@media (max-width: 768px) {
    .footer__buttons-mob {
        display: block;
        margin-left: -16px
    }
}

.footer__icon {
    transition: background-color .3s linear;
    position: relative;
    z-index: 2
}

.footer__icon--vk:hover path {
    fill: #4872a3
}

.footer__icon--wa:hover path {
    fill: #45b75d
}

.footer__icon--tg:hover path {
    fill: #68b2db
}

.footer__link {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

.footer__link:after {
    position: absolute;
    content: "";
    left: 2px;
    top: 2px;
    bottom: 2px;
    right: 2px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    z-index: 1;
    transition: background-color .3s linear
}

.footer__link:hover:after {
    background: #fff
}

@media screen and (max-width: 400px) {
    .footer .button-upper {
        padding-left: 5vw
    }
}

.footer .select-sort {
    display: none
}

.footer .select-sort .header__location__close {
    right: 32px
}

.footer .select-sort.select-sort--active {
    display: block
}

.footer .select-sort .ts-control .item + input {
    padding-top: 0
}

.footer__list {
    margin-left: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    list-style: none
}

@media screen and (max-width: 768px) {
    .footer__list {
        display: block;
        height: auto;
        margin-left: 0;
        padding-left: 0;
        color: #dadada
    }
}

@media screen and (max-width: 1024px) {
    .footer__list_line2 {
        display: block;
        height: auto;
        margin-left: 0;
        margin-top: 8px
    }

    .footer__list_line2 .list__item {
        margin-bottom: 4px
    }
}

@media (max-width: 1024px) {
    .footer__list--line-1 .footer__list__item {
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .footer__list--line-1 .footer__list__item {
        margin-bottom: 16px
    }

    .footer__list--line-1 .footer__list__item:last-child {
        margin-bottom: 16px
    }
}

.footer__list__item {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-right: 20px
}

@media (max-width: 1024px) {
    .footer__list__item {
        margin-bottom: 16px
    }

    .footer__list__item:last-child {
        margin-bottom: 0
    }
}

.footer__list__item a {
    color: #777;
    background-color: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.footer__list__item a:hover {
    color: #37ab49
}

@media (max-width: 768px) {
    .footer__list__item a {
        color: #dadada
    }
}

.footer__mail {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding: 10px 20px;
    margin-left: auto;
    background: #37ab49;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #fff;
    border: 0;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color .3s linear, box-shadow .3s linear
}

@media (max-width: 1024px) {
    .footer__mail {
        margin-top: auto
    }
}

@media (max-width: 768px) {
    .footer__mail {
        margin-left: 0
    }
}

@media (max-width: 500px) {
    .footer__mail {
        width: 100%
    }
}

.footer__mail:hover {
    background: #4bb35b;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, .25), 0px 0px 16px rgba(55, 171, 73, .3), inset 0px 1px 0px rgba(255, 255, 255, .4), inset 0px -1px 0px rgba(0, 0, 0, .15)
}

.footer__mail:active {
    background: #21672c;
    box-shadow: none
}

.footer__mail svg {
    opacity: .7;
    fill: #fff
}

.logoWrap {
    display: flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.logoWrap__menuC {
    display: none;
    margin-right: 16px;
    cursor: pointer
}

.logoWrap__menuC .close {
    display: none
}

@media screen and (max-width: 1024px) {
    .logoWrap__menuC {
        display: block;
        background-color: rgba(0, 0, 0, 0);
        border: none
    }

    .logoWrap__menuC--active .open {
        display: none
    }

    .logoWrap__menuC--active .close {
        display: block
    }
}

.logoWrap__text {
    font-family: "Montserrat", sans-serif;
    white-space: nowrap;
    margin-left: 6px;
    letter-spacing: .015em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 9px;
    line-height: 11px;
    color: #fff;
    cursor: default
}

@media screen and (max-width: 1024px) {
    .logoWrap__text {
        display: none
    }
}

.header {
    padding: 0 12.8125vw;
    width: 100%;
    display: flex;
    align-items: center;
    min-height: 100px;
    z-index: 100;
    background-color: #1b1a1a;
    position: fixed;
    transition: background-color .3s linear
}

@media screen and (max-width: 1440px) {
    .header {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .header {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .header {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .header {
        padding: 0 6.25vw
    }
}

@media screen and (max-width: 1024px) {
    .header {
        min-height: 56px
    }
}

.header:before {
    background-color: rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 1;
    height: 58px;
    transition: background-color .3s linear
}

@media (max-width: 1024px) {
    .header:before {
        height: 55px
    }
}

@media (max-width: 768px) {
    .header:before {
        height: 56px
    }
}

.header:not(.header_home):not(.header--menu-mob).header--top:before {
    background: rgba(76, 76, 76, .6);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

.header--search {
    overflow: auto;
    z-index: 100;
    background: rgba(0, 0, 0, 0) !important
}

.header--search:before {
    background-color: #1b1a1a;
    z-index: 0;
    height: 100px
}

@media (max-width: 1024px) {
    .header--search:before {
        height: 54px
    }
}

@media (max-width: 768px) {
    .header--search:before {
        height: 46px
    }
}

.header--search.header__contentWrap {
    position: relative
}

.header--search.header--top:before {
    height: 56px
}

@media (max-width: 1024px) {
    .header--search.header--top:before {
        height: 54px
    }
}

@media (max-width: 768px) {
    .header--search.header--top:before {
        height: 45px
    }
}

.header--search .header__logo {
    display: none
}

.header--search .header__list-hide {
    display: none
}

.header--search .header__contentLine2 .d-flex {
    width: 100%
}

.header--search .header__progress {
    display: none !important
}

.header--search .header__label {
    animation: widthAnimation .5s linear 1;
    animation-fill-mode: forwards
}

.header__search-results {
    height: 0;
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .16), 0 8px 8px rgba(0, 0, 0, .1);
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

.header__search-results--show {
    animation: heightAnimation .5s linear 1;
    animation-fill-mode: forwards
}

.header__search-title {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    padding: 30px 56px;
    text-transform: uppercase;
    color: #777;
    background: #fafafa;
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .header__search-title {
        padding: 24px 48px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width: 768px) {
    .header__search-title {
        padding: 16px 32px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 500px) {
    .header__search-title {
        padding: 16px 24px
    }
}

.header__search-title span {
    opacity: .5
}

.header__search-more {
    color: #37ab49;
    display: flex;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    margin-left: 72px;
    margin-bottom: 32px;
    margin-top: 6px
}

@media (max-width: 1024px) {
    .header__search-more {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        margin-left: 56px
    }
}

@media (max-width: 768px) {
    .header__search-more {
        margin-left: 43px
    }
}

@media (max-width: 500px) {
    .header__search-more {
        margin-left: 32px
    }
}

.header__search-items {
    padding: 0 72px 24px 72px;
    color: #555;
    display: flex;
    flex-direction: column
}

@media (max-width: 1024px) {
    .header__search-items {
        padding: 0 56px 16px 56px
    }
}

@media (max-width: 768px) {
    .header__search-items {
        padding: 0 40px 16px 40px
    }
}

@media (max-width: 500px) {
    .header__search-items {
        padding: 0 32px 16px 32px
    }
}

.header__search-items--no-bottom {
    padding: 0 72px 0 72px
}

@media (max-width: 1024px) {
    .header__search-items--no-bottom {
        padding: 0 56px 0 56px
    }
}

@media (max-width: 768px) {
    .header__search-items--no-bottom {
        padding: 0 40px 0 40px
    }
}

@media (max-width: 500px) {
    .header__search-items--no-bottom {
        padding: 0 32px 0 32px
    }
}

.header__search-text {
    cursor: pointer;
    padding: 8px 0;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px
}

@media (max-width: 1024px) {
    .header__search-text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

.header__search-text span {
    font-weight: 500
}

.header__search-text mark {
    font-weight: 500;
    background-color: rgba(0, 0, 0, 0)
}

.header__search-tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 16px;
    overflow-x: auto;
    padding-left: 56px
}

@media (max-width: 1024px) {
    .header__search-tabs {
        padding-left: 48px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 768px) {
    .header__search-tabs {
        padding-left: 32px
    }
}

@media (max-width: 500px) {
    .header__search-tabs {
        gap: 16px
    }
}

.header__search-tab {
    white-space: nowrap;
    border: 0;
    padding: 27px 0 27px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: border-color .5s linear, color .5s linear;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #777
}

@media screen and (max-width: 1024px) {
    .header__search-tab {
        padding: 20px 0 20px 0;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .header__search-tab {
        padding: 12px 0 12px 0;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 400px) {
    .header__search-tab {
        padding: 4px 0 4px 0
    }
}

.header__search-tab:hover {
    color: #000
}

.header__search-tab--active {
    color: #000;
    border-bottom: 2px solid #37ab49
}

.header__search-tab span {
    color: #999;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.header--top {
    background: rgba(68, 64, 66, .6);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    min-height: 56px;
    align-items: flex-start
}

.header--top .app-logo {
    width: 32px;
    height: 32px
}

.header--top .app-logo svg {
    width: 32px;
    height: 32px
}

@media (max-width: 1024px) {
    .header--top .app-logo {
        height: 24px;
        width: 24px
    }

    .header--top .app-logo svg {
        width: 24px;
        height: 24px
    }
}

.header--top .header_home {
    background: rgba(0, 0, 0, .6)
}

.header--top.header_home:before {
    background: rgba(0, 0, 0, .6);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px)
}

@media (max-width: 768px) {
    .header--top {
        align-items: center
    }
}

.header--top .logoWrap__text {
    display: none
}

.header--top .header--top-line {
    display: none
}

.header--top .header-item__content {
    top: 58px
}

.header--top .header__logo {
    margin-top: 12px
}

@media (max-width: 1024px) {
    .header--top .header__logo {
        margin-top: 8px
    }
}

@media (max-width: 768px) {
    .header--top .header__logo {
        margin-top: 0
    }
}

.header--top .header__progress {
    display: flex
}

@media (max-width: 1024px) {
    .header--top .header__progress {
        max-width: calc(100% - 8.4375vw);
        overflow-x: auto
    }
}

@media (max-width: 768px) {
    .header--top .header__progress {
        display: none
    }
}

.header_home {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%)
}

.header_home.header--top {
    background: rgba(0, 0, 0, 0)
}

.header__contentWrap {
    margin-top: 4px;
    width: 100%;
    z-index: 2
}

@media (max-width: 1024px) {
    .header__contentWrap {
        margin-top: 0
    }
}

.header__label {
    width: 0;
    overflow: hidden
}

.header__label input {
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: 0;
    height: 100%;
    width: 100%;
    color: #f2f2f2
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.header__desktop {
    display: flex;
    list-style: none
}

@media (max-width: 1024px) {
    .header__desktop {
        display: none
    }
}

.header__logo {
    margin-right: 40px;
    display: flex;
    position: relative;
    z-index: 4;
    align-items: center
}

.header__location {
    position: relative
}

.header__location--mob {
    z-index: 0
}

.header__location__close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: rgba(0, 0, 0, 0);
    height: 16px;
    width: 16px;
    border: 0;
    cursor: pointer;
    opacity: .5
}

.header__location__list {
    top: 8px;
    right: 0;
    background: #fff;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, .16), 0px 0px 8px rgba(0, 0, 0, .08), 0px 16px 16px rgba(0, 0, 0, .08);
    border-radius: 4px
}

.header__location__list .active {
    background: #ebf7ed
}

.header__location__list .option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 2px
}

.header__location--search .select-sort .ts-control input {
    padding-left: 18px
}

.header__location--search .search-icon {
    position: absolute;
    width: 18px;
    height: 18px;
    left: -126px;
    top: 52px;
    z-index: 5;
    display: none
}

.header__location .select-sort {
    display: none;
    position: absolute;
    right: 0;
    top: 40px;
    width: 255px;
    z-index: 5
}

@media (max-width: 1024px) {
    .header__location .select-sort {
        left: 0;
        width: 100%
    }
}

.header__location .select-sort .ts-control .item {
    display: none;
    padding-top: 0
}

.header__location .select-sort .ts-control .item:first-child {
    margin-left: 20px
}

.header__location .select-sort .ts-control .item + input {
    padding-top: 0;
    padding-left: 5px
}

.header__location .select-sort--active {
    display: block
}

.header__location .select-sort--active + .search-icon {
    display: block
}

.header__location .select-sort .ts-wrapper.single .ts-control:after {
    content: none
}

.header__contentLine1 {
    display: flex
}

@media screen and (max-width: 1024px) {
    .header__contentLine1 {
        display: none
    }
}

.header__link {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.header__contentLine2 {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.header__contentLine2 ul {
    display: flex
}

@media screen and (max-width: 1024px) {
    .header__contentLine2 {
        justify-content: end
    }

    .header__contentLine2 ul {
        display: none
    }
}

.header__tab {
    font-family: "Roboto", sans-serif;
    height: 100%;
    width: auto;
    padding: 0 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .3s linear;
    position: relative;
    cursor: pointer;
    white-space: nowrap
}

.header__tab--transparent {
    background: rgba(0, 0, 0, 0)
}

.header__tab--over {
    background: #2c893a
}

.header__tab--scroll {
    background: rgba(0, 0, 0, .4)
}

.header__tab--scroll:before {
    position: absolute;
    z-index: -1;
    content: "";
    background: #2c893a;
    top: 0;
    bottom: 0;
    left: 0;
    right: calc(100px - var(--rightScrollHeader))
}

.header__progress {
    display: none;
    height: 40px
}

@media screen and (max-width: 1024px) {
    .header__progress {
        display: none !important
    }
}

.header__progress:after {
    position: absolute;
    content: "";
    height: 40px;
    bottom: 0;
    background: #2c893a;
    left: -15.625vw;
    right: calc(100% - 12.8125vw - 72px);
    z-index: -1;
    transition: right .3s linear
}

@media screen and (max-width: 1440px) {
    .header__progress:after {
        right: calc(100% - 10vw - 72px)
    }
}

.header__progress--end:after {
    right: -37.8125vw
}

.header__to-top {
    position: absolute;
    left: 12.8125vw;
    width: 32px;
    height: 40px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .header__to-top {
        left: 10vw
    }
}

@media screen and (max-width: 1024px) {
    .header__to-top {
        left: 8.4375vw
    }
}

/*region b1 Ставим задержку на раскрытие меню*/
.header-item__button:hover .header-item__content {
    /*display: block;*/
    visibility: visible;
}

.header-item__content {
    padding: 0 12.8125vw;
    padding-bottom: 32px;
    padding-top: 32px;
    /*display: none;*/
    visibility: hidden;
    transition-delay: .2s;
    position: absolute;
    background: #ededed;
    left: 0;
    right: 0;
    height: calc(100vh - 250px);
    top: 100px;
    z-index: 5
}
/*endregion*/

@media screen and (max-width: 1440px) {
    .header-item__content {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .header-item__content {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .header-item__content {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .header-item__content {
        padding: 0 6.25vw
    }
}

@media (max-width: 1440px) {
    .header-item__content {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.header-item__items {
    display: flex;
    flex-direction: column;
    z-index: 2
}

.header-item__inner {
    grid-template-columns:1fr 1fr;
    display: grid;
    gap: 16px;
    height: 100%
}

.header-item__more {
    /*transition: opacity .3s linear;*/
    /*display: none;*/
    /*region b1 Добавляем задержку в подменю*/
    display: flex;
    visibility: hidden;
    transition-delay: .15s;
    /*endregion*/
    position: absolute;
    top: 0;
    bottom: 0;
    background: #fff;
    right: -12.8125vw;
    left: calc(50vw - 16px);
    border-top: 1px solid rgba(0, 0, 0, .08);
    flex-direction: column;
    gap: 8px;
    padding: 32px;
    height: -moz-max-content;
    height: max-content;
    min-height: 100%
}

@media (max-width: 1440px) {
    .header-item__more {
        right: -10vw
    }
}

.header-item__link {
    transition: background-color .3s linear, color .3s linear;
    border-left: 2px solid rgba(0, 0, 0, 0);
    border-radius: 2px 0px 0px 2px;
    padding: 12px 16px 12px 14px;
    cursor: pointer
}

.header-item__link:hover {
    background: #fff;
    color: #37ab49;
    border-left: 2px solid #37ab49
}

.header-item__link:hover .header-item__more {
    visibility: visible;
    /*display: flex*/
}

.header-item__sub-link, .header-item__head {
    padding: 8px 0;
    color: #363335
}

.header-item__sub-link {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    margin-left: 22px;
    padding-left: 16px;
    max-width: 550px;
    transition: background-color .3s linear, color .3s linear;
    border-left: 2px solid rgba(0, 0, 0, 0)
}

.header-item__sub-link:hover {
    color: #37ab49;
    border-left: 2px solid #37ab49
}

.header-item__head {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    padding-left: 38px;
    padding-top: 10px
}

.header-item__head:before {
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 8px;
    left: 0;
    background: url(/local/templates/b1/dist/css/../assets/icons/arrow-left.svg);
    background-size: contain
}

.header-item__sub-item {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #363335
}

.header-item__sub-item:after {
    position: absolute;
    right: 0;
    top: -2px;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/local/templates/b1/dist/css/../assets/icons/right.svg)
}

.header-item__sub-item:hover:after {
    background: url(/local/templates/b1/dist/css/../assets/icons/right-green.svg)
}

.header-item__img {
    position: relative;
    overflow: hidden;
    height: 100%;
    cursor: pointer
}

.header-item__img:hover img {
    filter: saturate(100%)
}

.header-item__img img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    transition: filter .3s linear;
    width: 100%;
    height: 100%;
    filter: saturate(0)
}

.header-item__img h3 {
    position: absolute;
    bottom: 16px;
    left: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #fff
}

.header--menu-mob, .header--burger-hover {
    background: #f2f2f2 !important
}

.header--menu-mob:before, .header--burger-hover:before {
    content: none
}

.header--menu-mob .logoWrap__text, .header--menu-mob .header__link, .header--menu-mob .button-upper, .header--burger-hover .logoWrap__text, .header--burger-hover .header__link, .header--burger-hover .button-upper {
    color: #444042
}

.header--menu-mob .logoWrap__text:hover, .header--menu-mob .header__link:hover, .header--menu-mob .button-upper:hover, .header--burger-hover .logoWrap__text:hover, .header--burger-hover .header__link:hover, .header--burger-hover .button-upper:hover {
    color: #37ab49
}

.header--menu-mob .word, .header--burger-hover .word {
    fill: #444042 !important
}

.header--menu-mob .header__search-icon svg path, .header--burger-hover .header__search-icon svg path {
    fill: #444042
}

.header-mobile {
    display: none;
    flex-direction: column;
    padding: 16px 8.4375vw;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background: rgba(237, 237, 237, .9);
    position: fixed;
    top: 56px;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 60;
    transition: transform .3s linear
}

@media (max-width: 500px) {
    .header-mobile {
        padding: 16px 8px
    }
}

.header-mobile--active {
    display: flex
}

.header-mobile--second {
    transform: translateX(-100%)
}

.header-mobile--third {
    transform: translateX(-200%)
}

.header-mobile__wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .16)
}

.header-mobile__link1 {
    padding: 9px 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #363335
}

.header-mobile__button {
    padding: 9px 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #363335;
    text-transform: uppercase;
    cursor: pointer;
    display: flex;
    align-items: center
}

.header-mobile__links {
    width: 100%;
    right: -100%
}

.header-mobile__second {
    display: none;
    flex-direction: column;
    position: absolute;
    right: -100%;
    width: 100%;
    top: 0;
    background: #fff;
    padding: 16px 34px;
    gap: 4px
}

@media (max-width: 500px) {
    .header-mobile__second {
        padding: 16px 6.25vw
    }
}

.header-mobile__second--active {
    display: flex
}

.header-mobile__third {
    display: none;
    flex-direction: column;
    position: absolute;
    right: -100%;
    width: 100%;
    top: 0;
    background: #fff;
    padding: 16px 34px;
    gap: 4px
}

@media (max-width: 500px) {
    .header-mobile__third {
        padding: 16px 6.25vw
    }
}

.header-mobile__third--active {
    display: flex
}

.header-mobile__name {
    display: block;
    background: rgba(0, 0, 0, 0);
    border: 0;
    padding: 9px 16px;
    position: relative;
    cursor: pointer;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #363335
}

.header-mobile__name:after {
    position: absolute;
    right: 16px;
    top: 7px;
    content: "";
    width: 18px;
    height: 18px;
    background: url(/local/templates/b1/dist/css/../assets/icons/right.svg)
}

.header-mobile__name--link:after {
    content: none
}

.header-mobile__name--active {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #37ab49
}

.header-mobile__back {
    font-family: Roboto, sans-serif;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    color: #363335;
    padding: 9px 16px;
    position: relative;
    cursor: pointer
}

.header-mobile__back:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: -6px;
    top: 6px;
    background: url("/local/templates/b1/dist/css/../assets/icons/arrow-left.svg");
    background-size: contain
}

.header-mobile__list {
    display: flex;
    flex-direction: column
}

.header-mobile__label {
    background: #fafafa;
    box-shadow: inset 0px -1px 0px rgba(0, 0, 0, .07);
    padding: 11px 0 11px 3.25vw;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: -34px;
    margin-left: -34px
}

@media (max-width: 500px) {
    .header-mobile__label {
        margin-right: -6.25vw;
        margin-left: -6.25vw;
        padding: 11px 0 11px 4vw
    }
}

.header-mobile__label input {
    background: rgba(0, 0, 0, 0);
    border: 0;
    width: 100%;
    outline: 0;
    padding-left: 4px
}

.header-mobile__bottom {
    background: rgba(0, 0, 0, 0);
    border: 0;
    width: 100%;
    padding: 12px 16px;
    display: flex;
    align-items: center
}

.header-mobile__bottom span {
    padding-left: 4px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #444042
}

.headerSecondary {
    transition: none;
    position: fixed;
    width: 100%;
    z-index: 100;
    height: 0;
    overflow: hidden;
    animation: animatedHeader .3s linear 1;
    animation-fill-mode: forwards
}

@keyframes animatedHeader {
    0% {
        min-height: 0
    }
    100% {
        min-height: 96px
    }
}

.homeType {
    position: absolute;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%)
}

@keyframes widthAnimation {
    0% {
        width: 0
    }
    100% {
        width: 100%
    }
}

@keyframes heightAnimation {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

.modal-wrapper {
    background: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    width: 100%;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    transition: background-color .3s linear
}

.modal-wrapper--active {
    display: flex;
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px)
}

.modal-inner {
    position: relative;
    width: 100%;
    padding: 0 18.75vw
}

@media screen and (max-width: 1440px) {
    .modal-inner {
        padding: 0 17.1875vw
    }
}

@media screen and (max-width: 1024px) {
    .modal-inner {
        padding: 0 15.3125vw
    }
}

@media screen and (max-width: 768px) {
    .modal-inner {
        padding: 0 14.375vw
    }
}

@media screen and (max-width: 500px) {
    .modal-inner {
        padding: 0 6.25vw
    }
}

.modal-inner .vacancy-form__inner {
    box-shadow: 0px 1px 0px rgba(0, 0, 0, .08), 0px 2px 8px rgba(0, 0, 0, .16)
}

.modal-search {
    background: rgba(0, 0, 0, .5);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 40
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

main {
    padding-top: 100px
}

@media screen and (max-width: 1024px) {
    main {
        padding-top: 44px
    }
}

main a:not([class]) {
    color: #37ab49
}

main a:not([class]):hover {
    /*b1 Убираем подчеркивание на кнопках */
    /*text-decoration: underline*/
    text-decoration: none
}

main.main-top {
    padding-top: 0;
    padding-bottom: 0
}

.page--search {
    background: #fafafa
}

.page--search .serviceBlockV3 {
    background: #fff
}

.content--blur {
    position: relative;
    z-index: 2
}

.content--blur:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(0, 0, 0, .3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px)
}

.app-logo {
    transition: .3s;
    cursor: pointer
}

.app-logo svg {
    fill: #37ab49
}

@media screen and (max-width: 1024px) {
    .app-logo {
        width: 24px;
        height: 24px
    }

    .app-logo svg {
        width: 24px;
        height: 24px
    }
}

.accordion {
    background: rgba(0, 0, 0, 0);
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 128px;
    padding-bottom: 120px;
    background: #fafafa;
    margin-bottom: 0 !important
}

.accordion .no-bottom {
    margin-bottom: 0 !important
}

.accordion .no-top {
    margin-top: 0 !important
}

.accordion:last-of-type, .accordion:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .accordion:last-of-type, .accordion:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .accordion:last-of-type, .accordion:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .accordion:last-of-type, .accordion:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .accordion:last-of-type, .accordion:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .accordion {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .accordion {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .accordion {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .accordion {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media (max-width: 1440px) {
    .accordion {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media (max-width: 1024px) {
    .accordion {
        padding-bottom: 65px;
        padding-top: 65px
    }
}

@media (max-width: 768px) {
    .accordion {
        padding-bottom: 55px;
        padding-top: 55px
    }
}

@media (max-width: 500px) {
    .accordion {
        padding-bottom: 32px;
        padding-top: 32px
    }
}

.accordion--transparent {
    background: rgba(0, 0, 0, 0)
}

.accordion__wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (max-width: 768px) {
    .accordion__wrapper {
        gap: 8px
    }
}

.accordion__item {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    will-change: height
}

.accordion__item--active {
    filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.16)) drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.08)) drop-shadow(0px 16px 16px rgba(0, 0, 0, 0.08))
}

.accordion__item--active .accordion__body {
    max-height: 5000px;
    transition: max-height 1s ease-in-out
}

.accordion__item--active .accordion__open {
    display: none
}

.accordion__item--active .accordion__close {
    display: block
}

.accordion__close {
    display: none
}

.accordion__header {
    background: #ebf7ed;
    padding: 29px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer
}

@media (max-width: 1024px) {
    .accordion__header {
        padding: 22px 16px
    }
}

@media (max-width: 500px) {
    .accordion__header {
        padding: 7px 8px
    }
}

.accordion__header svg {
    flex-shrink: 0;
    width: 24px;
    height: 24px
}

@media screen and (max-width: 400px) {
    .accordion__header svg {
        width: 18px;
        height: 18px
    }
}

.accordion__header p {
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #16441d;
    padding-right: 10px
}

@media (max-width: 1440px) {
    .accordion__header p {
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

@media (max-width: 500px) {
    .accordion__header p {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.accordion__body {
    overflow: hidden;
    max-height: 0;
    will-change: max-height;
    transition: max-height .5s cubic-bezier(0, 1, 0, 1)
}

.accordion__inner {
    background: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #444042;
    padding: 32px
}

@media (max-width: 1024px) {
    .accordion__inner {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        padding: 16px
    }
}

@media (max-width: 400px) {
    .accordion__inner {
        padding: 8px
    }
}

.accordion__inner h3 {
    margin-bottom: 8px
}

.grow-block {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    color: #fff;
    gap: 4px;
    margin-top: 16px
}

@media (max-width: 400px) {
    .grow-block {
        display: flex;
        flex-wrap: wrap;
        gap: 2px
    }
}

.grow-block__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase
}

@media (max-width: 1440px) {
    .grow-block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .grow-block__title {
        font-family: "Montserrat", sans-serif;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px
    }
}

@media (max-width: 400px) {
    .grow-block__title {
        font-size: 9px;
        line-height: 12px
    }
}

.grow-block__text {
    margin-top: 8px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 1024px) {
    .grow-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.grow-block__inner {
    padding: 20px 16px;
    position: relative;
    border-radius: 4px;
    text-align: right;
    display: flex;
    flex-direction: column
}

@media (max-width: 1440px) {
    .grow-block__inner {
        min-height: 185px
    }
}

@media (max-width: 400px) {
    .grow-block__inner {
        flex-basis: 100%;
        max-width: 49%;
        padding: 20px 16px 20px 6px
    }
}

.grow-block__inner:nth-child(2n) {
    padding-top: 60px
}

.grow-block__inner:after {
    content: "";
    background: #fff;
    border-radius: 12px;
    width: 16px;
    height: 16px;
    position: absolute;
    right: -10px;
    top: 20px;
    z-index: 5
}

.grow-block__inner:nth-child(2n) {
    text-align: left
}

.grow-block__inner:nth-child(2n):after {
    content: none
}

.grow-block__inner:nth-child(2n):before {
    content: "";
    background: #fff;
    border-radius: 12px;
    width: 16px;
    height: 16px;
    position: absolute;
    left: -10px;
    top: 56px;
    z-index: 5
}

@media screen and (max-width: 500px) {
    .grow-block__inner:nth-child(2n) {
        padding-left: 10px
    }
}

.grow-block__inner--purple {
    background: #662483
}

.grow-block__inner--orange {
    background: #f39200
}

.grow-block__inner--teal {
    background: #00a092
}

.grow-block__inner--green {
    background: #37ab49
}

.grow-block__year {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    opacity: .6;
    margin-top: 8px
}

@media (max-width: 1024px) {
    .grow-block__year {
        font-weight: 600;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width: 500px) {
    .grow-block__year {
        font-weight: 600;
        font-size: 10px;
        line-height: 12px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.analytical-block {
    position: relative;
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.analytical-block .no-bottom {
    margin-bottom: 0 !important
}

.analytical-block .no-top {
    margin-top: 0 !important
}

.analytical-block:last-of-type, .analytical-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .analytical-block:last-of-type, .analytical-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .analytical-block:last-of-type, .analytical-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block:last-of-type, .analytical-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .analytical-block:last-of-type, .analytical-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .analytical-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .analytical-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .analytical-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block {
        min-height: 385px;
        padding-bottom: 80px !important
    }
}

.analytical-block__text {
    z-index: 20;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3
}

@media screen and (max-width: 1024px) {
    .analytical-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.analytical-block__text_width {
    width: 75%
}

@media screen and (max-width: 1440px) {
    .analytical-block__text_width {
        width: 68%
    }
}

@media screen and (max-width: 1024px) {
    .analytical-block__text_width {
        width: 60%
    }
}

.analytical-block__text_dark {
    color: #fff
}

.analytical-block__text_light {
    color: #292628
}

.analytical-block__illustration {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-color: #000;
    opacity: .07;
    -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media screen and (max-width: 768px) {
    .analytical-block__illustration {
        width: 70%;
        height: 75%;
        -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }
}

.analytical-block__btn-wrap {
    margin-top: 32px
}

@media screen and (max-width: 1440px) {
    .analytical-block__btn-wrap {
        margin-top: 24px
    }
}

@media screen and (max-width: 1024px) {
    .analytical-block__btn-wrap {
        margin-top: 16px
    }
}

.analytical-block__grid {
    display: grid;
    grid-template-rows:repeat(2, 1fr);
    grid-template-columns:41% 1fr;
    grid-gap: 16px
}

@media screen and (max-width: 768px) {
    .analytical-block__grid {
        display: flex;
        gap: 0
    }
}

.analytical-block__gridItem {
    position: relative;
    border-radius: 8px 8px 0 8px;
    min-height: 347px;
    overflow: hidden;
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .analytical-block__gridItem {
        min-height: 272px
    }
}

@media screen and (max-width: 1024px) {
    .analytical-block__gridItem {
        min-height: 200px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block__gridItem {
        width: 280px;
        min-height: 280px
    }
}

.analytical-block__gridItem:nth-child(1) {
    grid-row: 1/3;
    max-height: none
}

@media screen and (max-width: 1024px) {
    .analytical-block__gridItem:nth-child(1) {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .analytical-block__gridItem:nth-child(1) {
        grid-row: auto
    }
}

.analytical-block__gridItem_squareSide {
    padding: 32px;
    display: flex;
    align-items: flex-end
}

.analytical-block__pic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.analytical-block__gradient {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.14) 49.57%, rgba(0, 0, 0, 0.7) 100%)
}

@media screen and (max-width: 768px) {
    .analytical-block__inner {
        margin-right: -7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .analytical-block__inner {
        margin-right: -6.25vw
    }
}

.rectangleBackgroundAnalytic {
    position: relative;
    padding-left: 32px;
    display: flex;
    align-items: flex-end;
    padding-bottom: 32px
}

@media screen and (max-width: 768px) {
    .rectangleBackgroundAnalytic {
        min-height: 280px;
        width: 280px
    }
}

.rectangleBackgroundAnalytic__pic {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 8px 8px 0 8px
}

.rectangleWithoutBackground {
    padding-top: 100px;
    padding-left: 64px
}

@media screen and (max-width: 1440px) {
    .rectangleWithoutBackground {
        padding-left: 48px;
        padding-top: 68px
    }
}

@media screen and (max-width: 1024px) {
    .rectangleWithoutBackground {
        padding-left: 32px;
        padding-top: 54px
    }
}

@media screen and (max-width: 768px) {
    .rectangleWithoutBackground {
        padding-top: 87px
    }
}

.rectangleWithoutBackground_text-width {
    width: 42%
}

@media screen and (max-width: 1440px) {
    .rectangleWithoutBackground_text-width {
        width: 53%
    }
}

@media screen and (max-width: 1024px) {
    .rectangleWithoutBackground_text-width {
        width: 60%
    }
}

.rectangleWithoutBackground__dark {
    background-color: #292628
}

.rectangleWithoutBackground__light {
    background-color: #fafafa
}

.rectangleWithoutBackground__illustration {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    height: 100%;
    background-color: #000;
    opacity: .07;
    -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media screen and (max-width: 768px) {
    .rectangleWithoutBackground__illustration {
        width: 70%;
        height: 75%;
        -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }
}

.rectangleWithoutBackground__pic {
    position: absolute;
    bottom: 0;
    right: -1px;
    height: 100%;
    width: 46%;
    -webkit-clip-path: polygon(100% 0%, 0% 100%, 104% 102%);
    clip-path: polygon(100% 0%, 0% 100%, 104% 102%);
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 768px) {
    .rectangleWithoutBackground__pic {
        height: 55%;
        width: 51%
    }
}

.author-top {
    padding: 16px 16px 32px 16px;
    z-index: 2;
    margin-left: auto;
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 8px;
    width: 464px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 1440px) {
    .author-top {
        min-width: auto;
        width: 368px
    }
}

@media (max-width: 1024px) {
    .author-top {
        width: 344px;
        padding: 8px
    }
}

@media (max-width: 768px) {
    .author-top {
        width: 100%;
        margin-top: 35px
    }
}

.author-top__header {
    width: 100%;
    border-bottom: 1px solid #dadada;
    padding: 0 16px 16px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .author-top__header {
        padding: 0 8px 8px 8px
    }
}

.author-top__header a {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    color: #37ab49
}

@media (max-width: 768px) {
    .author-top__header a {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.author-top__header a svg {
    margin-left: 8px
}

.author-top__text {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center
}

.author-top__item {
    width: 100%;
    display: flex;
    padding: 16px
}

.author-top__item:not(:last-child) {
    margin-bottom: 10px
}

@media (max-width: 1024px) {
    .author-top__item {
        padding: 8px
    }
}

@media (max-width: 768px) {
    .author-top__item {
        width: 50%
    }
}

@media (max-width: 600px) {
    .author-top__item {
        width: 100%
    }
}

.author-top__item--first {
    margin-top: 16px
}

@media (max-width: 1024px) {
    .author-top__item--first {
        margin-top: 8px
    }
}

@media (max-width: 768px) {
    .author-top__item--first {
        margin-top: 0
    }
}

.author-top__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #444042
}

@media (max-width: 1440px) {
    .author-top__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.author-top img {
    margin-right: 32px;
    aspect-ratio: 1/1;
    width: 80px;
    height: 80px;
    border-radius: 8px;
    position: static !important
}

@media (max-width: 1024px) {
    .author-top img {
        margin-right: 16px
    }
}

.author-top__name {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px
}

@media (max-width: 1440px) {
    .author-top__name {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }
}

.author-top__position {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #37ab49
}

@media (max-width: 1440px) {
    .author-top__position {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.benefits {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.benefits .no-bottom {
    margin-bottom: 0 !important
}

.benefits .no-top {
    margin-top: 0 !important
}

.benefits:last-of-type, .benefits:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .benefits:last-of-type, .benefits:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .benefits:last-of-type, .benefits:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .benefits:last-of-type, .benefits:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .benefits:last-of-type, .benefits:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .benefits {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .benefits {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .benefits {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .benefits {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 768px) {
    .benefits {
        padding-bottom: 50px !important
    }
}

.benefits__abzacWrap {
    margin-bottom: 16px
}

@media screen and (max-width: 400px) {
    .benefits__abzacWrap {
        margin-bottom: 8px
    }
}

@media (max-width: 768px) {
    .benefits__swiper {
        padding-bottom: 30px
    }
}

.benefits__abzac {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042;
    border-radius: 8px;
    padding: 32px;
    background-color: #fafafa
}

@media screen and (max-width: 1440px) {
    .benefits__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .benefits__abzac {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .benefits__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.benefits__list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px
}

.benefits__list--double .benefits__item {
    max-width: unset;
    flex-basis: calc(50% - 10px)
}

@media screen and (max-width: 768px) {
    .benefits__list--double .benefits__item {
        flex-basis: unset
    }
}

@media screen and (max-width: 1440px) {
    .benefits__list {
        gap: 16px
    }
}

@media screen and (max-width: 768px) {
    .benefits__list {
        justify-content: unset;
        flex-wrap: unset;
        gap: 0
    }

    .benefits__list--double {
        display: flex
    }
}

.benefits__count {
    color: #f5fbf6;
    background: #37ab49;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-shrink: 0
}

@media (max-width: 1024px) {
    .benefits__count {
        font-size: 20px;
        line-height: 24px;
        width: 27px;
        height: 27px;
        margin-right: 18px
    }
}

.benefits__item {
    min-width: 288px;
    max-width: calc(33.333% - 14px);
    width: 100%;
    border-radius: 8px
}

@media screen and (min-width: 1440px)and (-webkit-min-device-pixel-ratio: 1.25), screen and (min-width: 1440px)and (-webkit-min-device-pixel-ratio: 1.3020833333333333), screen and (min-width: 1440px)and (min-resolution: 125dpi) {
    .benefits__item {
        max-width: calc(33.333% - 14px)
    }
}

@media screen and (min-width: 1440px)and (-webkit-min-device-pixel-ratio: 1.44), screen and (min-width: 1440px)and (-webkit-min-device-pixel-ratio: 1.5), screen and (min-width: 1440px)and (min-resolution: 144dpi) {
    .benefits__item {
        max-width: calc(33.333% - 14px)
    }
}

@media screen and (max-width: 768px) {
    .benefits__item {
        max-width: unset;
        min-width: unset
    }
}

.benefits__itemBlock {
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0 16px;
    padding: 20px 32px;
    cursor: pointer;
    transition: background-color .3s linear
}

@media screen and (max-width: 1440px) {
    .benefits__itemBlock {
        padding: 10px 16px
    }
}

.benefits__itemBlock--active {
    border-radius: 8px 8px 0 0
}

.benefits__itemBlock--active + .benefits__textBlock {
    pointer-events: auto;
    animation: unfolding .5s ease-in-out 1;
    animation-fill-mode: forwards
}

@media screen and (max-width: 768px) {
    .benefits__itemBlock--active + .benefits__textBlock {
        animation: unfolding768 .5s ease-in-out 1;
        animation-fill-mode: forwards
    }
}

.benefits__itemBlock_v1 {
    min-height: 168px;
    background: linear-gradient(180deg, #ebf7ed 0%, rgba(235, 247, 237, 0.9) 51.56%, rgba(235, 247, 237, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green-Light.svg"), #ebf7ed
}

.benefits__itemBlock_v1:hover {
    background: #cdead1
}

@media screen and (max-width: 1024px) {
    .benefits__itemBlock_v1 {
        min-height: 96px
    }
}

.benefits__itemBlock_v2 {
    min-height: 112px;
    background-color: #ebf7ed
}

.benefits__itemBlock_v2:hover {
    background-color: #cdead1
}

@media screen and (max-width: 1024px) {
    .benefits__itemBlock_v2 {
        min-height: 64px
    }
}

@media screen and (max-width: 768px) {
    .benefits__itemBlock_v2 {
        min-height: 112px
    }
}

@media screen and (max-width: 400px) {
    .benefits__itemBlock_v2 {
        min-height: 64px
    }
}

.benefits__itemBlock_v3 {
    min-height: 112px;
    background-color: #37ab49
}

.benefits__itemBlock_v3:hover {
    background-color: #2c893a
}

@media screen and (max-width: 1024px) {
    .benefits__itemBlock_v3 {
        min-height: auto;
        height: 70px
    }
}

@media screen and (max-width: 400px) {
    .benefits__itemBlock_v3 {
        min-height: 70px;
        height: 70px
    }
}

.benefits__iconIndex {
    border-radius: 50%;
    display: block;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    color: #f5fbf6;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    background-color: #37ab49
}

@media screen and (max-width: 1024px) {
    .benefits__iconIndex {
        font-size: 20px;
        line-height: 26px;
        min-width: 26px;
        max-width: 26px;
        height: 26px
    }
}

.benefits__icon {
    position: relative;
    width: 48px;
    height: 48px
}

@media screen and (max-width: 1024px) {
    .benefits__icon {
        width: 32px;
        height: 32px
    }
}

.benefits__title {
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2
}

.benefits__title_v1 {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    text-transform: uppercase;
    color: #16441d
}

@media screen and (max-width: 1024px) {
    .benefits__title_v1 {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

.benefits__title_v2 {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #16441d
}

@media screen and (max-width: 1024px) {
    .benefits__title_v2 {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 768px) {
    .benefits__title_v2 {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 400px) {
    .benefits__title_v2 {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

.benefits__title_v3 {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .benefits__title_v3 {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 768px) {
    .benefits__title_v3 {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 19px
    }
}

.benefits__textBlock {
    pointer-events: none;
    overflow: hidden;
    height: 0;
    background-color: #f5fbf6;
    animation: folding .5s ease-in-out 1;
    border-radius: 0 0 8px 8px
}

@media screen and (max-width: 768px) {
    .benefits__textBlock {
        animation: folding768 .5s ease-in-out 1
    }
}

@keyframes folding {
    0% {
        height: 248px
    }
    100% {
        height: 0
    }
}

@keyframes unfolding {
    0% {
        height: 0
    }
    100% {
        height: 248px
    }
}

@media screen and (max-width: 768px) {
    @keyframes folding768 {
        0% {
            height: 216px
        }
        100% {
            height: 0
        }
    }@keyframes unfolding768 {
         0% {
             height: 0
         }
         100% {
             height: 216px
         }
     }
}

.benefits__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    overflow: hidden;
    margin: 32px;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-clamp: 6
}

@media screen and (max-width: 1024px) {
    .benefits__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin: 16px
    }
}

.benefits__pagination {
    position: unset;
    display: none !important;
    margin-top: 30px
}

@media screen and (max-width: 768px) {
    .benefits__pagination {
        display: flex !important
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.cards {
    padding-top: 64px !important;
    padding-bottom: 120px !important;
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    margin: 0
}

.cards .no-bottom {
    margin-bottom: 0 !important
}

.cards .no-top {
    margin-top: 0 !important
}

.cards:last-of-type, .cards:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .cards:last-of-type, .cards:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .cards:last-of-type, .cards:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .cards:last-of-type, .cards:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .cards:last-of-type, .cards:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .cards {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .cards {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .cards {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .cards {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.cards:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1440px) {
    .cards {
        padding-top: 40px !important;
        padding-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .cards {
        padding-top: 32px !important;
        padding-bottom: 64px !important
    }
}

@media screen and (max-width: 768px) {
    .cards {
        padding-top: 24px !important;
        padding-bottom: 48px !important
    }
}

@media screen and (max-width: 400px) {
    .cards {
        padding-top: 10px !important;
        padding-bottom: 32px !important
    }
}

.cards__grid1 {
    display: flex;
    flex-wrap: wrap;
    min-height: 116px;
    gap: 0 16px;
    margin-bottom: 48px
}

.cards__grid1:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .cards__grid1 {
        display: block
    }
}

.cards__country {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    width: 24%;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    margin-bottom: 32px
}

.cards__country span {
    margin-left: 16px
}

@media screen and (max-width: 1024px) {
    .cards__country {
        width: auto
    }
}

@media screen and (max-width: 768px) {
    .cards__country {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

.cards__cities {
    flex: 1;
    display: grid;
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px
}

@media screen and (max-width: 700px) {
    .cards__cities {
        display: flex;
        flex-direction: column;
        gap: 16px
    }
}

@media screen and (max-width: 400px) {
    .cards__cities {
        gap: 16px 0
    }
}

.cards__grid2 {
    height: 100%
}

.cards__item {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content
}

.cards__item span {
    margin-right: 16px
}

@media screen and (max-width: 1440px) {
    .cards__item span {
        margin-right: 8px
    }
}

.cards__item_title {
    white-space: nowrap;
    margin-bottom: 16px;
    color: #1b1a1a;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

@media screen and (max-width: 1024px) {
    .cards__item_title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.cards__item_text {
    align-items: flex-start;
    margin-bottom: 4px;
    color: #444042;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 768px) {
    .cards__item_text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

.cards__svg {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 16px;
    flex-shrink: 0
}

.cards__svg path {
    fill: #999
}

/*region b1 Меняем цвет стрелок при наведении на странице Офисы*/
.cards__svg:hover path {
    fill: #37ab49
}
/*endregion*/

@media screen and (max-width: 1440px) {
    .cards__svg {
        margin-right: 18px
    }
}

@media screen and (max-width: 1024px) {
    .cards__svg {
        margin-right: 8px;
        width: 18px;
        height: 18px
    }
}

.cards__svg_link {
    cursor: pointer
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.cardsVacancy {
    padding: 0 12.8125vw;
    padding-top: 64px !important;
    padding-bottom: 50px !important
}

@media screen and (max-width: 1440px) {
    .cardsVacancy {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .cardsVacancy {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .cardsVacancy {
        padding: 0 6.25vw
    }
}

@media screen and (max-width: 1440px) {
    .cardsVacancy {
        padding-top: 48px !important
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy {
        padding-top: 32px !important
    }
}

@media screen and (max-width: 768px) {
    .cardsVacancy {
        padding-top: 24px !important
    }
}

@media screen and (max-width: 400px) {
    .cardsVacancy {
        padding-top: 16px !important
    }
}

.cardsVacancy__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__header {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy__header {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .cardsVacancy__header {
        margin-bottom: 16px
    }
}

@media (max-width: 640px) {
    .cardsVacancy__header {
        flex-direction: column;
        gap: 16px
    }
}

.cardsVacancy__tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    overflow-x: auto
}

@media screen and (max-width: 768px) {
    .cardsVacancy__tabs {
        gap: 16px
    }
}

.cardsVacancy__tab {
    white-space: nowrap;
    border: 0;
    padding: 27px 0 27px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: border-color .5s linear, color .5s linear;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #777
}

@media screen and (max-width: 1024px) {
    .cardsVacancy__tab {
        padding: 20px 0 20px 0;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .cardsVacancy__tab {
        padding: 12px 0 12px 0
    }
}

@media (max-width: 400px) {
    .cardsVacancy__tab {
        padding: 4px 0 4px 0
    }
}

.cardsVacancy__tab:hover {
    color: #000
}

.cardsVacancy__tab--active {
    color: #000;
    border-bottom: 2px solid #37ab49
}

.cardsVacancy__card {
    position: relative;
    border-radius: 8px 8px 0 8px;
    background-color: #fafafa;
    cursor: pointer
}

/*region b1 Убираем отступ между блоками вакансий/стажировок*/
/*.cardsVacancy__card:not(:last-child) {*/
/*    margin-bottom: 40px*/
/*}*/

/*@media screen and (max-width: 1440px) {*/
/*    .cardsVacancy__card:not(:last-child) {*/
/*        margin-bottom: 32px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 1024px) {*/
/*    .cardsVacancy__card:not(:last-child) {*/
/*        margin-bottom: 24px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 768px) {*/
/*    .cardsVacancy__card:not(:last-child) {*/
/*        margin-bottom: 16px*/
/*    }*/
/*}*/

/*@media screen and (max-width: 400px) {*/
/*    .cardsVacancy__card:not(:last-child) {*/
/*        margin-bottom: 8px*/
/*    }*/
/*}*/
/*endregion*/

.cardsVacancy__card-content {
    padding: 24px 32px 32px 32px
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__card-content {
        padding: 24px 324px 18px 24px
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy__card-content {
        padding: 16px 16px 12px 16px
    }
}

/*region b1 Стили для страницы вакансий*/
.cardsVacancy__footer {
    /*b1border-radius: 0 0 0 8px;*/
    display: flex;
    align-items: center;
    /*b1gap: 0 32px*/
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__footer {
        gap: 24px 24px;
        /*b1gap: 0 24px*/
    }
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__footer {
        gap: 16px 16px;
        /*b1gap: 0 16px*/
    }
}

.b1-tags {
    border-radius: 0 0 0 8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 32px;
}

.b1-icon-wrapper {
    position: absolute;
    bottom: 0;
}

@media screen and (max-width: 320px) {
    .b1-tags {
        padding: 0 16px;
        gap: 10px 12px;
    }

    .cardsVacancy__icon-status {
        max-width: 56px;
        max-height: 40px;
    }

    .cardsVacancy__footer {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .b1-icon-wrapper {
        position: unset;
        display: flex;
        width: 100%;
        align-items: flex-end;
    }
}

@media screen and (min-width: 320px) and (max-width: 640px) {
    .b1-tags {
        padding: 0 16px;
        gap: 8px 16px;
    }

    .cardsVacancy__icon-status {
        max-width: 56px;
        max-height: 50px;
    }

    .cardsVacancy__footer {
        flex-direction: column-reverse;
        align-items: flex-start;
    }

    .b1-icon-wrapper {
        position: unset;
        display: flex;
        width: 100%;
        align-items: flex-end;
    }
}

@media screen and (min-width: 640px) and (max-width: 1024px) {
    .b1-tags {
        margin: 5px 0 8px 40px;
        gap: 8px 16px;
        min-height: 32px;
    }

    .cardsVacancy__icon-status {
        max-width: 56px;
        max-height: 50px;
    }

    .tag_L {
        font-size: 12px !important;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .b1-tags {
        margin: 0 0 5px 50px;
        gap: 8px 16px;
        min-height: 40px;
    }

    .cardsVacancy__icon-status {
        max-width: 66px;
        max-height: 50px;
    }
}

@media screen and (min-width: 1440px) {
    .b1-tags {
        margin: 0 0 13px 100px;
        gap: 16px 32px;
        min-height: 40px;
    }

    .cardsVacancy__icon-status {
        max-width: 98px;
        max-height: 66px;
    }
}
/*endregion*/

.cardsVacancy__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    color: #363335;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .cardsVacancy__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

.cardsVacancy__description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #363335;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    line-clamp: 6
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media screen and (max-width: 1024px) {
    .cardsVacancy__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.cardsVacancy__icon-status {
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 8px 8px 8px
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__icon-status {
        padding: 8px 16px
    }
}

.cardsVacancy__icon-status svg {
    width: 32px;
    height: 32px
}

@media screen and (max-width: 1440px) {
    .cardsVacancy__icon-status svg {
        width: 22px;
        height: 22px
    }
}

.cardsVacancy__icon-status_vacancy-hot {
    background-color: #ebf7ed
}

.cardsVacancy__icon-status_vacancy-no-hot {
    background-color: #f2f2f2
}

.cardsVacancy__icon-status_internship-hot {
    background-color: #f0e9f3
}

.cardsVacancy__icon-status_internship-no-hot {
    background-color: #e5f5f4
}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    gap: 0 2px;
    padding: 48px 0
}

@media (max-width: 1440px) {
    .pagination {
        padding: 32px 0
    }
}

@media (max-width: 1024px) {
    .pagination {
        padding: 24px 0
    }
}

@media (max-width: 768px) {
    .pagination {
        flex-wrap: wrap;
        gap: 16px 0;
        padding: 16px 0
    }
}

.pagination__svg {
    cursor: pointer
}

.pagination__svg path {
    fill: #444042
}

.pagination__svg rect {
    transition: .3s
}

.pagination__svg:hover rect {
    transition: .3s;
    fill: #37ab49
}

.pagination__svg:hover path {
    fill: #fff
}

.pagination__svg:active rect {
    transition: .3s;
    fill: #444042
}

.pagination__svg:active path {
    fill: #fff
}

.pagination__numbers {
    display: flex;
    align-items: center;
    gap: 0 2px
}

.pagination__num {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #444042;
    cursor: pointer;
    padding: 1px 6px;
    border-radius: 2px;
    transition: .3s
}

.pagination__num:hover {
    transition: .3s;
    color: #fff;
    background-color: #37ab49
}

.pagination__num:active {
    transition: .3s;
    color: #fff;
    background-color: #444042
}

.pagination__num_active {
    transition: .3s;
    color: #fff;
    background-color: #444042
}

.pagination__result {
    display: flex;
    align-items: center;
    gap: 0 20px;
    margin-left: 100px
}

@media screen and (max-width: 768px) {
    .pagination__result {
        display: none
    }
}

.pagination_result-text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(0, 0, 0, .4784313725)
}

.pagination_result-text_num {
    color: #000;
    opacity: 1
}

.pagination__btn-wrap {
    display: none
}

.pagination__btn-wrap a {
    display: inline-block
}

@media screen and (max-width: 768px) {
    .pagination__btn-wrap {
        text-align: center;
        display: block;
        flex-basis: 100%
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.career {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.career .no-bottom {
    margin-bottom: 0 !important
}

.career .no-top {
    margin-top: 0 !important
}

.career:last-of-type, .career:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .career:last-of-type, .career:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .career:last-of-type, .career:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .career:last-of-type, .career:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .career:last-of-type, .career:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .career {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .career {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .career {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .career {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 400px) {
    .career {
        margin-bottom: 20px !important
    }
}

.career .block {
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: flex-end;
    height: 420px;
    width: 100%;
    padding: 32px
}

@media screen and (max-width: 1440px) {
    .career .block {
        height: 340px
    }
}

@media screen and (max-width: 1024px) {
    .career .block {
        padding: 40px 32px;
        height: 280px
    }
}

@media screen and (max-width: 768px) {
    .career .block {
        height: 280px
    }
}

@media screen and (max-width: 400px) {
    .career .block {
        height: 280px;
        padding: 16px
    }
}

.career .block__pic {
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.career .block__content {
    z-index: 1;
    position: relative
}

.career .block__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    color: #fff;
    margin-bottom: 32px
}

@media screen and (max-width: 1440px) {
    .career .block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 1024px) {
    .career .block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 768px) {
    .career .block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 400px) {
    .career .block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 8px;
        width: 80%
    }
}

.career .block__gradient {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 49.57%, rgba(0, 0, 0, 0.8) 100%)
}

.career .block__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 8px
}

@media screen and (max-width: 400px) {
    .career .block__btns {
        display: none
    }
}

.career .block__link {
    display: none
}

@media screen and (max-width: 400px) {
    .career .block__link {
        display: block;
        position: relative;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #73c480;
        cursor: pointer;
        margin-top: 8px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.careerChoseLocation {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.careerChoseLocation .no-bottom {
    margin-bottom: 0 !important
}

.careerChoseLocation .no-top {
    margin-top: 0 !important
}

.careerChoseLocation:last-of-type, .careerChoseLocation:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .careerChoseLocation:last-of-type, .careerChoseLocation:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .careerChoseLocation:last-of-type, .careerChoseLocation:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .careerChoseLocation:last-of-type, .careerChoseLocation:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .careerChoseLocation:last-of-type, .careerChoseLocation:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .careerChoseLocation {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .careerChoseLocation {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .careerChoseLocation {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .careerChoseLocation {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.careerChoseLocation__block {
    border-radius: 8px 8px 0 8px;
    padding: 32px;
    overflow: hidden;
    height: 420px;
    position: relative;
    display: flex;
    align-items: flex-end;
    cursor: pointer
}

@media (max-width: 1440px) {
    .careerChoseLocation__block {
        height: 340px
    }
}

@media (max-width: 1024px) {
    .careerChoseLocation__block {
        height: 280px
    }
}

@media (max-width: 500px) {
    .careerChoseLocation__block {
        padding: 16px
    }
}

.careerChoseLocation__img {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.careerChoseLocation__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    color: #fff
}

@media screen and (max-width: 1440px) {
    .careerChoseLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px
    }
}

@media screen and (max-width: 1024px) {
    .careerChoseLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 768px) {
    .careerChoseLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        bottom: 0;
        left: 0
    }
}

@media screen and (max-width: 500px) {
    .careerChoseLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px;
        max-width: 80%;
        margin-bottom: 8px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.careerProjectsBlock {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.careerProjectsBlock .no-bottom {
    margin-bottom: 0 !important
}

.careerProjectsBlock .no-top {
    margin-top: 0 !important
}

.careerProjectsBlock:last-of-type, .careerProjectsBlock:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .careerProjectsBlock:last-of-type, .careerProjectsBlock:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .careerProjectsBlock:last-of-type, .careerProjectsBlock:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .careerProjectsBlock:last-of-type, .careerProjectsBlock:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .careerProjectsBlock:last-of-type, .careerProjectsBlock:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .careerProjectsBlock {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .careerProjectsBlock {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .careerProjectsBlock {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .careerProjectsBlock {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.careerProjectsBlock__flex {
    display: flex;
    gap: 16px;
    position: relative;
    list-style: none
}

@media screen and (max-width: 600px) {
    .careerProjectsBlock__flex {
        flex-direction: column
    }
}

.careerProjectsBlock__card {
    position: relative;
    flex: 1;
    min-height: 140px;
    border-radius: 8px 8px 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    box-sizing: border-box
}

@media screen and (max-width: 1024px) {
    .careerProjectsBlock__card {
        min-height: 100px
    }
}

@media screen and (max-width: 768px) {
    .careerProjectsBlock__card {
        padding: 16px;
        margin-right: 8px;
        width: 100%
    }
}

.careerProjectsBlock__card_green {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

.careerProjectsBlock__title {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px
}

@media screen and (max-width: 1024px) {
    .careerProjectsBlock__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.careerSubscribe {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    display: flex;
    justify-content: space-between;
    gap: 20px 20px;
    flex-wrap: wrap;
    padding-top: 64px !important;
    padding-bottom: 64px !important
}

.careerSubscribe .no-bottom {
    margin-bottom: 0 !important
}

.careerSubscribe .no-top {
    margin-top: 0 !important
}

.careerSubscribe:last-of-type, .careerSubscribe:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .careerSubscribe:last-of-type, .careerSubscribe:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .careerSubscribe:last-of-type, .careerSubscribe:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .careerSubscribe:last-of-type, .careerSubscribe:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .careerSubscribe:last-of-type, .careerSubscribe:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .careerSubscribe {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .careerSubscribe {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .careerSubscribe {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .careerSubscribe {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .careerSubscribe {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }
}

@media screen and (max-width: 1024px) {
    .careerSubscribe {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
}

@media screen and (max-width: 768px) {
    .careerSubscribe {
        padding-top: 24px !important;
        padding-bottom: 24px !important
    }
}

.careerSubscribe_light {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg"), #329a42
}

.careerSubscribe_dark {
    background: linear-gradient(180deg, #ededed 0%, rgba(237, 237, 237, 0.9) 51.56%, rgba(237, 237, 237, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Light.svg"), #ededed
}

.careerSubscribe__left {
    max-width: 527px
}

.careerSubscribe__right {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 16px
}

.careerSubscribe__right a {
    position: relative
}

.careerSubscribe__right a:after {
    content: "";
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    width: 28px;
    height: 28px;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    z-index: 1;
    transition: background-color .3s linear
}

.careerSubscribe__right a:hover:after {
    background: #fff
}

.careerSubscribe__socialSvg {
    width: 32px;
    height: 32px;
    cursor: pointer;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    transition: background-color .3s linear;
    position: relative;
    z-index: 2
}

.careerSubscribe__socialSvg path {
    fill: #fff;
    transition: fill .3s linear
}

.careerSubscribe__socialSvg--vk:hover path {
    fill: #4872a3
}

.careerSubscribe__socialSvg--tg:hover path {
    fill: #68b2db
}

.careerSubscribe__socialSvg--wa:hover path {
    fill: #45b75d
}

.careerSubscribe__socialSvg--yt:hover path {
    fill: #ea3323
}

.careerSubscribe__title {
    display: flex;
    flex-wrap: wrap;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .careerSubscribe__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px
    }
}

@media screen and (max-width: 768px) {
    .careerSubscribe__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

.careerSubscribe__title span, .careerSubscribe__title a {
    display: flex;
    align-items: center;
    margin-right: 16px
}

@media (max-width: 768px) {
    .careerSubscribe__title svg {
        width: 24px;
        height: 24px
    }
}

.careerSubscribe__title_dark {
    color: #444042
}

.careerSubscribe__title_dark span {
    color: #444042
}

.careerSubscribe__title_light {
    color: #fff
}

.careerSubscribe__title_light span {
    color: #fff
}

.careerSubscribe__mailSvg_light path {
    fill: #cdead1
}

.careerSubscribe__mailSvg_dark path {
    fill: #37ab49
}

.careerSubscribe__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .careerSubscribe__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

.careerSubscribe__text_dark {
    color: #444042
}

.careerSubscribe__text_light {
    color: #fff
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

/*region b1 Меняем отступы на странице вакансий*/
.dots-list {
    padding: 0 12.8125vw;
    /*margin: 128px 0 256px*/
    margin: 64px 0 32px;
}
/*endregion*/

.dots-list .no-bottom {
    margin-bottom: 0 !important
}

.dots-list .no-top {
    margin-top: 0 !important
}

.dots-list:last-of-type, .dots-list:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .dots-list:last-of-type, .dots-list:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .dots-list:last-of-type, .dots-list:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .dots-list:last-of-type, .dots-list:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .dots-list:last-of-type, .dots-list:last-child {
        margin-bottom: 32px
    }
}

/*region b1 Меняем отступы на странице вакансий*/
@media screen and (max-width: 1440px) {
    .dots-list {
        padding: 0 10vw;
        /*margin: 80px 0 160px*/
        margin: 40px 0 20px;
    }
}

@media screen and (max-width: 1024px) {
    .dots-list {
        padding: 0 8.4375vw;
        /*margin: 64px 0 128px*/
        margin: 32px 0 16px
    }
}

@media screen and (max-width: 768px) {
    .dots-list {
        padding: 0 7.1875vw;
        /*margin: 48px 0 96px*/
        margin: 24px 0 12px
    }
}

@media screen and (max-width: 400px) {
    .dots-list {
        padding: 0 6.25vw;
        /*margin: 32px 0 64px*/
        margin: 16px 0 8px
    }
}
/*endregion*/

/*region b1 Меняем шрифт в вакансиях на Montserrat*/
.dots-list__block span {
    font-family: Montserrat, sans-serif !important;
}
/*endregion*/

.dots-list__block {
    padding: 32px;
    background: #fafafa;
    border-radius: 8px
}

.dots-list__block:not(:last-child) {
    margin-bottom: 32px
}

@media (max-width: 1024px) {
    .dots-list__block {
        padding: 24px
    }

    .dots-list__block:not(:last-child) {
        margin-bottom: 24px
    }
}

@media (max-width: 768px) {
    .dots-list__block {
        padding: 16px
    }

    .dots-list__block:not(:last-child) {
        margin-bottom: 16px
    }
}

.dots-list__text {
    color: #444042;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .dots-list__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .dots-list__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.dots-list__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    line-height: 24px;
    margin-bottom: 24px
}

@media (max-width: 1024px) {
    .dots-list__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 22px
    }
}

@media (max-width: 768px) {
    .dots-list__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media (max-width: 400px) {
    .dots-list__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.dots-list__item {
    display: flex;
    align-items: baseline;
    gap: 16px;
    padding: 4px 0
}

@media screen and (max-width: 1024px) {
    .dots-list__item {
        padding: 4px 0
    }
}

@media screen and (max-width: 400px) {
    .dots-list__item {
        gap: 8px
    }
}

@media screen and (max-width: 400px) {
    .dots-list__item {
        padding: 1px 0
    }
}

.dots-list__item svg {
    flex-shrink: 0
}

@media screen and (max-width: 400px) {
    .dots-list__item svg {
        width: 18px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.error-block {
    padding-top: 8% !important;
    padding-bottom: 6% !important;
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    margin-bottom: 0 !important;
    background: linear-gradient(180deg, #ededed 0%, rgba(237, 237, 237, 0.9) 51.56%, rgba(237, 237, 237, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Light.svg"), #ededed
}

.error-block .no-bottom {
    margin-bottom: 0 !important
}

.error-block .no-top {
    margin-top: 0 !important
}

.error-block:last-of-type, .error-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .error-block:last-of-type, .error-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .error-block:last-of-type, .error-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .error-block:last-of-type, .error-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .error-block:last-of-type, .error-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .error-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .error-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .error-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .error-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .error-block {
        padding-top: 9% !important;
        padding-bottom: 9% !important
    }
}

@media screen and (max-width: 1024px) {
    .error-block {
        padding-top: 11% !important;
        padding-bottom: 5% !important
    }
}

@media screen and (max-width: 768px) {
    .error-block {
        padding-top: 11% !important;
        padding-bottom: 5% !important
    }
}

@media screen and (max-width: 400px) {
    .error-block {
        padding-top: 43% !important;
        padding-bottom: 30% !important
    }
}

.error-block__content {
    display: flex;
    flex-direction: column
}

.error-block__img {
    width: 60%;
    display: block;
    margin: 0 auto
}

.error-block__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-top: 85px;
    text-align: center;
    color: #000
}

@media screen and (max-width: 1440px) {
    .error-block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px;
        margin-top: 60px
    }
}

@media screen and (max-width: 1024px) {
    .error-block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;
        margin-top: 45px
    }
}

@media screen and (max-width: 768px) {
    .error-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-top: 23px
    }
}

.error-block__description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 15px;
    text-align: center;
    color: #363335
}

@media screen and (max-width: 1024px) {
    .error-block__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .error-block__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        margin-top: 7px
    }
}

.error-block .fix-btn {
    margin: 30px auto 0 auto
}

@media screen and (max-width: 768px) {
    .error-block .fix-btn {
        margin-top: 10px
    }
}

.event-info {
    display: flex;
    flex-direction: column;
    width: 464px;
    padding: 16px;
    background: rgba(0, 0, 0, .75);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 8px;
    color: #fff;
    z-index: 4;
    margin-left: auto;
    flex-shrink: 0
}

.event-info--light {
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    color: #444042
}

@media (max-width: 1440px) {
    .event-info {
        width: 368px
    }
}

@media (max-width: 1024px) {
    .event-info {
        width: 344px
    }
}

@media (max-width: 768px) {
    .event-info {
        margin-top: 24px;
        margin-left: initial;
        width: 280px
    }
}

.event-info__header {
    display: flex;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    margin-bottom: 16px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px
}

@media (max-width: 1024px) {
    .event-info__header {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
        padding-bottom: 8px
    }
}

@media (max-width: 768px) {
    .event-info__header {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        line-height: 18px
    }
}

.event-info__header svg {
    margin-right: 4px;
    height: 24px;
    width: 24px
}

@media screen and (max-width: 768px) {
    .event-info__header svg {
        width: 18px;
        height: 18px
    }
}

.event-info__header span:first-of-type {
    margin-right: 16px
}

.event-info__buttons {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px
}

@media (max-width: 1024px) {
    .event-info__buttons {
        gap: 8px
    }
}

.event-info__text {
    display: flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    line-height: 20px;
    margin-bottom: 12px
}

@media (max-width: 1024px) {
    .event-info__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        line-height: 19px;
        margin-bottom: 8px
    }
}

@media (max-width: 768px) {
    .event-info__text {
        width: 264px
    }
}

.event-info__text p {
    display: flex;
    flex-wrap: wrap
}

.event-info__text span {
    margin-right: 4px
}

.event-info__text svg {
    flex-shrink: 0;
    margin-right: 4px;
    margin-bottom: auto
}

@media screen and (max-width: 768px) {
    .event-info__text svg {
        width: 18px;
        height: 18px
    }
}

.event-info__text strong {
    font-weight: 600
}

.event-info .btnComponent {
    width: 100%
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.event-block {
    padding: 0 12.8125vw;
    margin: 120px 0 240px
}

.event-block .no-bottom {
    margin-bottom: 0 !important
}

.event-block .no-top {
    margin-top: 0 !important
}

.event-block:last-of-type, .event-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .event-block:last-of-type, .event-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .event-block:last-of-type, .event-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .event-block:last-of-type, .event-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .event-block:last-of-type, .event-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .event-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .event-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .event-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .event-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 768px) {
    .event-block {
        min-height: 385px
    }
}

.event-block__flex {
    display: flex;
    min-height: 420px;
    gap: 16px
}

@media screen and (max-width: 1440px) {
    .event-block__flex {
        min-height: 340px
    }
}

@media screen and (max-width: 1024px) {
    .event-block__flex {
        min-height: 280px;
        gap: 8px
    }
}

@media screen and (max-width: 768px) {
    .event-block__flex:not(.event-block__flex.event-block__flex_w-pagination) {
        padding-bottom: 70px
    }
}

.event-block__flex.swiper-wrapper {
    gap: 0
}

.event-block__flex_w-pagination {
    padding-bottom: 0
}

.event-block__flex_second .event-card:first-child {
    flex-shrink: 0;
    flex-basis: 57.71%
}

@media screen and (max-width: 768px) {
    .event-block__flex_second .event-card:first-child {
        flex-basis: unset
    }
}

.event-block__flex_second .event-card:first-child .event-card__text, .event-block__flex_second .event-card:first-child .event-card__title {
    max-width: 602px
}

@media screen and (max-width: 768px) {
    .event-block__flex_second .event-card:first-child .event-card__text, .event-block__flex_second .event-card:first-child .event-card__title {
        max-width: unset
    }
}

@media screen and (max-width: 768px) {
    .event-block__flex_second .event-card {
        max-width: 280px
    }
}

.event-block__flex_third .event-card {
    flex-basis: 29%
}

@media screen and (max-width: 768px) {
    .event-block__flex_third .event-card {
        flex-basis: unset
    }
}

.event-block__flex_third .event-card_image {
    flex-basis: 40.9%;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .event-block__flex_third .event-card_image {
        flex-basis: unset
    }
}

@media screen and (max-width: 768px) {
    .event-block__flex_third {
        max-width: 280px
    }
}

.event-card {
    padding: 32px;
    border-radius: 8px 8px 0 8px;
    position: relative;
    cursor: pointer;
    overflow: hidden
}

.event-card_full {
    flex-basis: 100%
}

@media screen and (max-width: 1024px) {
    .event-card {
        padding: 16px;
        min-height: 280px
    }
}

@media screen and (max-width: 768px) {
    .event-card {
        min-height: 280px;
    }
}

.event-card__title {
    position: relative;
    z-index: 2;
    color: #fff;
    margin-bottom: 16px;
    display: block;
    display: -webkit-box;
    line-clamp: 4;
    box-orient: vertical;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

@media screen and (max-width: 1024px) {
    .event-card__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        line-clamp: 3;
        -webkit-line-clamp: 3
    }
}

@media screen and (max-width: 500px) {
    .event-card__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.event-card__text {
    position: relative;
    z-index: 2;
    color: #fff;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: block;
    display: -webkit-box;
    line-clamp: 5;
    box-orient: vertical;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1024px) {
    .event-card__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.event-card_image {
    width: 100%;
    overflow: hidden
}

.event-card_image img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    border-radius: 8px 8px 0 8px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0
}

.event-card_imageGradient {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70.31%)
}

.event-card_grey {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

.event-card_green {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg"), #329a42
}

.event-card_green:hover.triangleWrap--hover .triangle_small {
    background-color: #999
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.experience {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    background: #fafafa;
    padding-top: 120px !important;
    padding-bottom: 120px !important
}

.experience .no-bottom {
    margin-bottom: 0 !important
}

.experience .no-top {
    margin-top: 0 !important
}

.experience:last-of-type, .experience:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .experience:last-of-type, .experience:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .experience:last-of-type, .experience:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .experience:last-of-type, .experience:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .experience:last-of-type, .experience:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .experience {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .experience {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .experience {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .experience {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .experience {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .experience {
        padding-top: 64px !important
    }
}

@media screen and (max-width: 768px) {
    .experience {
        padding-top: 48px !important;
        margin-bottom: 0;
        padding-bottom: 0 !important
    }
}

@media screen and (max-width: 400px) {
    .experience {
        padding-top: 32px !important;
        margin-bottom: 0
    }
}

@media (max-width: 768px) {
    .experience__pagination {
        position: unset;
        padding-top: 37px;
        padding-bottom: 53px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-left: -3.125vw;
        width: 100%
    }
}

.experience__abzac {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #16441d;
    border-radius: 8px;
    padding: 32px;
    background-color: #ebf7ed;
    margin-bottom: 32px
}

@media screen and (max-width: 1440px) {
    .experience__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .experience__abzac {
        padding: 16px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 768px) {
    .experience__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width: 500px) {
    .experience__swiper {
        margin-right: -7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .experience__swiper {
        margin-right: -6.25vw
    }
}

.experience__list {
    display: grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:repeat(auto-fill, 1fr 1fr);
    gap: 32px 16px;
    list-style: none
}

@media screen and (max-width: 1440px) {
    .experience__list {
        gap: 16px
    }
}

@media screen and (max-width: 768px) {
    .experience__list {
        grid-template-columns:1fr
    }
}

@media screen and (max-width: 500px) {
    .experience__list {
        display: flex;
        grid-template-columns:unset;
        gap: 0;
        flex-wrap: nowrap
    }
}

.experience__card {
    min-width: 500px;
    display: flex;
    min-height: 226px
}

@media screen and (max-width: 1440px) {
    .experience__card {
        min-height: 176px;
        min-width: 380px
    }
}

@media screen and (max-width: 1024px) {
    .experience__card {
        max-height: 128px;
        min-height: 128px;
        min-width: 300px
    }
}

@media screen and (max-width: 768px) {
    .experience__card {
        min-width: 360px;
        max-height: unset
    }
}

@media screen and (max-width: 500px) {
    .experience__card {
        min-width: auto;
        max-width: none;
        width: 100%;
        flex-direction: column-reverse
    }
}

.experience__item {
    width: 67%;
    padding: 32px;
    background-color: #fff;
    border-radius: 8px 0 0 8px
}

@media screen and (max-width: 1024px) {
    .experience__item {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .experience__item {
        width: 80%
    }
}

@media screen and (max-width: 630px) {
    .experience__item {
        width: 75%
    }
}

@media screen and (max-width: 500px) {
    .experience__item {
        width: 100%;
        border-bottom-left-radius: 8px
    }
}

.experience__title {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #363335;
    display: block;
    display: -webkit-box;
    box-orient: vertical;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1440px) {
    .experience__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 1024px) {
    .experience__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px
    }
}

@media screen and (max-width: 768px) {
    .experience__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 500px) {
    .experience__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px
    }
}

.experience__description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #444042;
    margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3
}

.experience__description::before {
    content: "";
    display: block;
    padding-bottom: 8px;
    border-top: 1px solid #37ab49
}

.experience__pic {
    position: relative;
    max-width: 226px;
    height: 226px;
    width: 100%;
    overflow: hidden
}

.experience__pic:hover img {
    filter: grayscale(0)
}

@media screen and (max-width: 1440px) {
    .experience__pic {
        max-width: 176px;
        height: 176px
    }
}

@media screen and (max-width: 1024px) {
    .experience__pic {
        max-width: 128px;
        height: 128px
    }
}

@media screen and (max-width: 500px) {
    .experience__pic {
        height: 128px;
        width: 100%;
        max-width: unset
    }
}

.experience__pic img {
    width: 100%;
    height: 100%;
    border-top-right-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    filter: grayscale(100%);
    transition: filter .3s linear
}

@media screen and (max-width: 768px) {
    .experience__pic img {
        filter: grayscale(0)
    }
}

@media screen and (max-width: 500px) {
    .experience__pic img {
        border-top-left-radius: 8px
    }
}

.graph {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.graph .no-bottom {
    margin-bottom: 0 !important
}

.graph .no-top {
    margin-top: 0 !important
}

.graph:last-of-type, .graph:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .graph:last-of-type, .graph:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .graph:last-of-type, .graph:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .graph:last-of-type, .graph:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .graph:last-of-type, .graph:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .graph {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .graph {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .graph {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .graph {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.graph__wrapper {
    background: #fafafa;
    border-radius: 8px;
    padding: 32px
}

@media (max-width: 1024px) {
    .graph__wrapper {
        padding: 24px
    }
}

@media (max-width: 768px) {
    .graph__wrapper {
        padding: 16px
    }
}

.graph__wrapper picture {
    display: block;
    text-align: center
}

.graph__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media (max-width: 1024px) {
    .graph__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .graph__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 8px;
        margin-bottom: 8px
    }
}

.graph__img {
    max-width: 100%
}

.graph__code {
    margin-top: 36px
}

@media (max-width: 768px) {
    .graph__code {
        margin-top: 28px
    }
}

.graph__code img {
    display: block;
    width: 100%
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.hallOfFrame {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    display: flex;
    gap: 16px
}

.hallOfFrame .no-bottom {
    margin-bottom: 0 !important
}

.hallOfFrame .no-top {
    margin-top: 0 !important
}

.hallOfFrame:last-of-type, .hallOfFrame:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .hallOfFrame:last-of-type, .hallOfFrame:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .hallOfFrame:last-of-type, .hallOfFrame:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame:last-of-type, .hallOfFrame:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .hallOfFrame:last-of-type, .hallOfFrame:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .hallOfFrame {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .hallOfFrame {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .hallOfFrame {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 700px) {
    .hallOfFrame {
        display: block
    }
}

.hallOfFrame__item {
    padding: 0 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 33%
}

@media screen and (max-width: 1024px) {
    .hallOfFrame__item {
        padding: 0 8px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame__item {
        margin-bottom: 32px;
        padding: 0
    }

    .hallOfFrame__item:last-child {
        margin-bottom: 0
    }
}

@media screen and (max-width: 700px) {
    .hallOfFrame__item {
        width: 100%
    }
}

.hallOfFrame__title {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 24px;
    text-transform: uppercase;
    color: #37ab49;
    margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
    .hallOfFrame__title {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame__title {
        font-size: 14px;
        line-height: 16px
    }
}

.hallOfFrame__value {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 60px;
    margin-bottom: 10px;
    color: #444042;
    white-space: nowrap
}

@media screen and (max-width: 1024px) {
    .hallOfFrame__value {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 48px;
        line-height: 64px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame__value {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px
    }
}

.hallOfFrame__description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1b1a1a;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .hallOfFrame__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .hallOfFrame__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

@media screen and (max-width: 400px) {
    .hallOfFrame__description {
        width: 70%
    }
}

.history {
    padding: 0 12.8125vw;
    margin: 120px 0 240px;
    background-color: #fefaf2;
    padding-top: 120px !important;
    padding-bottom: 140px !important;
    margin-bottom: 0 !important
}

.history .no-bottom {
    margin-bottom: 0 !important
}

.history .no-top {
    margin-top: 0 !important
}

.history:last-of-type, .history:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .history:last-of-type, .history:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .history:last-of-type, .history:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .history:last-of-type, .history:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .history:last-of-type, .history:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .history {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .history {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .history {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .history {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .history {
        padding-top: 70px !important;
        padding-bottom: 101px !important
    }
}

@media screen and (max-width: 1024px) {
    .history {
        padding-top: 64px !important;
        padding-bottom: 85px !important
    }
}

@media screen and (max-width: 768px) {
    .history {
        padding-top: 48px !important;
        padding-bottom: 70px !important
    }
}

@media screen and (max-width: 400px) {
    .history {
        padding-top: 32px !important;
        padding-bottom: 53px !important
    }
}

.history__wrapper {
    position: relative
}

.history__swiper {
    padding-bottom: 70px
}

@media screen and (max-width: 1440px) {
    .history__swiper {
        padding-bottom: 53px
    }
}

@media screen and (max-width: 1024px) {
    .history__swiper {
        padding-bottom: 45px
    }
}

@media screen and (max-width: 768px) {
    .history__swiper {
        padding-bottom: 37px
    }
}

.history__list {
    width: 99%
}

@media screen and (max-width: 1024px) {
    .history__list {
        width: 98%
    }
}

.history__card {
    height: 360px;
    display: flex !important;
    border-radius: 8px 8px 0 8px;
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .history__card {
        height: 280px
    }
}

@media screen and (max-width: 768px) {
    .history__card {
        width: 280px;
        flex-direction: column;
        height: auto
    }
}

@media (max-width: 500px) {
    .history__card {
        max-width: 280px;
        width: 100%
    }
}

.history__pic {
    position: relative;
    max-width: 464px;
    width: 100%;
    display: flex;
    overflow: hidden
}

.history__pic:hover img {
    scale: 1.4
}

@media screen and (max-width: 1024px) {
    .history__pic {
        height: 280px;
        max-width: 280px;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .history__pic {
        width: 100%
    }
}

.history__pic img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: scale .3s linear
}

@media screen and (max-width: 768px) {
    .history__pic img {
        height: 280px;
        width: 100%
    }
}

.history__textBlock {
    min-height: 100%;
    background-color: #fff;
    flex: 1;
    overflow: hidden;
    border-radius: 0 0 8px 8px;
    padding: 32px
}

@media screen and (max-width: 1024px) {
    .history__textBlock {
        padding: 24px
    }
}

@media screen and (max-width: 768px) {
    .history__textBlock {
        min-height: auto;
        padding: 16px;
        height: 100%;
        width: 100%;
        margin: 0;
        border-radius: 8px 8px 0 0
    }
}

.history__title {
    margin-bottom: 16px;
    color: #444042;
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 48px
}

@media screen and (max-width: 1024px) {
    .history__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 24px;
        line-height: 28px
    }
}

@media screen and (max-width: 768px) {
    .history__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px
    }
}

.history__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: block;
    color: #444042;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
    line-clamp: 9
}

@media screen and (max-width: 1024px) {
    .history__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .history__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.listing-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.listing-block .no-bottom {
    margin-bottom: 0 !important
}

.listing-block .no-top {
    margin-top: 0 !important
}

.listing-block:last-of-type, .listing-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .listing-block:last-of-type, .listing-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .listing-block:last-of-type, .listing-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .listing-block:last-of-type, .listing-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .listing-block:last-of-type, .listing-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .listing-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .listing-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .listing-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .listing-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.listing-block--no-top {
    margin-top: 0 !important
}

.listing-block--sm {
    padding-top: 64px
}

@media screen and (max-width: 1440px) {
    .listing-block--sm {
        padding-top: 48px
    }
}

@media screen and (max-width: 1024px) {
    .listing-block--sm {
        padding-top: 32px
    }
}

@media screen and (max-width: 768px) {
    .listing-block--sm {
        padding-top: 24px
    }
}

@media screen and (max-width: 400px) {
    .listing-block--sm {
        padding-top: 16px
    }
}

.listing-block__item {
    display: flex;
    justify-content: space-between;
    position: relative;
    background: #fafafa;
    border-radius: 8px 8px 0 8px;
    overflow: hidden;
    cursor: pointer
}

.listing-block__item--small {
    height: 200px
}

.listing-block__item--small .listing-block__img {
    height: 100%
}

@media (max-width: 768px) {
    .listing-block__item {
        flex-direction: column-reverse
    }
}

.listing-block__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 48px;
    gap: 0 20px
}

@media screen and (max-width: 1440px) {
    .listing-block__header {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1024px) {
    .listing-block__header {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .listing-block__header {
        margin-bottom: 16px
    }
}

@media (max-width: 640px) {
    .listing-block__header {
        flex-direction: column;
        gap: 16px
    }
}

.listing-block__img {
    display: block;
    flex-shrink: 0;
    width: 344px;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    filter: grayscale(100%);
    transition: filter .3s linear
}

.listing-block__img:hover {
    filter: grayscale(0)
}

@media (max-width: 1440px) {
    .listing-block__img {
        width: 280px
    }
}

@media (max-width: 1024px) {
    .listing-block__img {
        width: 260px
    }
}

@media (max-width: 768px) {
    .listing-block__img {
        width: 100%
    }
}

.listing-block__wrapper {
    display: flex;
    gap: 40px;
    flex-direction: column;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: opacity .51s linear, max-height .51s linear, visibility .5s linear;
    max-height: 0;
    list-style: none
}

.listing-block__wrapper--active {
    max-height: none;
    opacity: 1;
    visibility: visible
}

.listing-block__tabs {
    display: flex;
    align-items: center
}

.listing-block__tabs--search {
    width: -webkit-fill-available
}

@media (max-width: 500px) {
    .listing-block__tabs--search {
        padding-top: 13px
    }
}

@media (max-width: 500px) {
    .listing-block__tabs {
        gap: 0
    }
}

.listing-block__tab {
    display: inline-flex;
    width: auto;
    white-space: nowrap;
    border: 0;
    padding: 27px 0 27px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: border-color .5s linear, color .5s linear;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #777
}

.listing-block__tab:hover {
    color: #000
}

.listing-block__tab--active {
    color: #000;
    border-bottom: 2px solid #37ab49
}

.listing-block__tab--small {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #555
}

@media (max-width: 1024px) {
    .listing-block__tab--small {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px
    }
}

@media (max-width: 768px) {
    .listing-block__tab--small {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

.listing-block__tab--small span {
    color: #999
}

@media (max-width: 1024px) {
    .listing-block__tab {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        padding: 20px 0 22px 0
    }
}

@media (max-width: 768px) {
    .listing-block__tab {
        padding: 12px 0 12px 0
    }
}

@media (max-width: 500px) {
    .listing-block__tab {
        padding: 4px 0 4px 0;
        font-size: 14px
    }
}

.listing-block__inner {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    padding-right: 32px
}

@media (max-width: 1440px) {
    .listing-block__inner {
        padding-right: 24px;
        padding-top: 24px
    }
}

@media (max-width: 1024px) {
    .listing-block__inner {
        padding-top: 16px;
        padding-right: 16px
    }
}

.listing-block__title {
    padding-left: 32px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .listing-block__title {
        margin-bottom: 12px;
        font-size: 16px;
        line-height: 19px;
        padding-left: 24px
    }
}

@media (max-width: 1024px) {
    .listing-block__title {
        padding-left: 16px;
        overflow: hidden
    }
}

.listing-block__text {
    padding-left: 32px;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .listing-block__text {
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 12px;
        padding-left: 24px
    }
}

@media (max-width: 1024px) {
    .listing-block__text {
        padding-left: 16px
    }
}

.listing-block__name {
    padding-left: 32px;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2c893a;
    margin-bottom: 32px
}

@media (max-width: 1440px) {
    .listing-block__name {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 24px;
        padding-left: 24px
    }
}

@media (max-width: 1024px) {
    .listing-block__name {
        padding-left: 16px
    }
}

.listing-block__bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    min-height: 64px
}

@media (max-width: 768px) {
    .listing-block__bottom {
        flex-direction: column;
        align-items: baseline;
        gap: 16px;
        padding-bottom: 16px
    }
}

.listing-block__date {
    background: #777;
    border-radius: 0px 8px 8px 0px;
    width: 195px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 32px
}

.listing-block__date img {
    width: 32px
}

@media (max-width: 768px) {
    .listing-block__date img {
        width: 22px;
        height: 22px
    }
}

@media (max-width: 1440px) {
    .listing-block__date {
        margin-right: 24px;
        height: 56px;
        width: 179px
    }
}

@media (max-width: 1024px) {
    .listing-block__date {
        width: 133px;
        height: 44px
    }
}

.listing-block__date--next {
    margin-right: 0;
    border-radius: 0
}

@media (max-width: 768px) {
    .listing-block__date--next {
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px
    }
}

.listing-block__tags {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap
}

@media (max-width: 768px) {
    .listing-block__tags {
        padding-left: 16px;
        overflow: hidden
    }
}

.listing-block__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border-radius: 4px;
    color: #000;
    background: #fff;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

.listing-block__tag--orange {
    background: #fef4e5;
    color: #d67a00
}

.listing-block__tag--red {
    background: #fcebea;
    color: #be2922
}

.listing-block__tag--violet {
    background: #f0e9f3;
    color: #521d69
}

.listing-block__tag--green {
    background: #ebf7ed;
    color: #2c893a
}

.listing-block__tag--blue {
    background: #e8f1f8;
    color: #175a93
}

.listing-block__tag--purple {
    background: #e5e6f7;
    color: #24256c
}

.listing-block__numbers {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: rgba(255, 255, 255, .5);
    margin-left: 8px
}

@media (max-width: 1024px) {
    .listing-block__numbers {
        font-size: 12px;
        line-height: 18px
    }
}

@media (max-width: 768px) {
    .listing-block__numbers {
        margin-left: 4px
    }
}

.listing-block__numbers b {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    color: #fff;
    line-height: 32px
}

@media (max-width: 1024px) {
    .listing-block__numbers b {
        font-size: 24px;
        line-height: 28px
    }
}

.listing-block__register {
    background: #37ab49;
    width: 203px;
    height: 64px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 8px 8px 0;
    margin-right: 32px
}

@media (max-width: 1440px) {
    .listing-block__register {
        height: 56px
    }
}

@media (max-width: 1024px) {
    .listing-block__register {
        height: 44px
    }
}

.listing-block__register--warn {
    background: #e48600;
    color: #fff
}

.listing-block__time {
    text-align: right;
    padding-right: 8px
}

.listing-block__time p:first-child {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    opacity: .75
}

.listing-block__time p:last-child {
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px
}

.listing-block__clock {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 32px
}

.listing-block__clock span {
    position: relative;
    bottom: 0;
    font-size: 20px;
    line-height: 20px;
    vertical-align: top;
    margin-left: 1px
}

.listing-block__sort {
    flex-shrink: 0
}

.select-sort {
    position: relative;
    width: 344px
}

@media (max-width: 1440px) {
    .select-sort {
        width: 272px
    }
}

@media (max-width: 1024px) {
    .select-sort {
        width: 208px
    }
}

@media (max-width: 640px) {
    .select-sort {
        width: 100%
    }
}

.select-sort--big {
    width: 49%
}

@media (max-width: 1440px) {
    .select-sort--big {
        width: 49%
    }
}

@media (max-width: 1024px) {
    .select-sort--big {
        width: 49%
    }
}

@media (max-width: 640px) {
    .select-sort--big {
        width: 100%
    }
}

.select-sort select {
    display: none
}

.select-sort input {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.select-sort input::-moz-placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    opacity: .4
}

.select-sort input::placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    opacity: .4
}

.select-sort .ts-wrapper {
    position: relative;
    width: 100%
}

.select-sort .ts-wrapper.single .ts-control:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("/local/templates/b1/dist/css/../assets/icons/expand_more.svg");
    position: absolute;
    right: 15px;
    top: 10px;
    transition: transform .3s linear;
    will-change: transform
}

.select-sort .ts-wrapper.single.dropdown-active .ts-control:after {
    transform: rotate(180deg)
}

.select-sort .ts-control, .select-sort .ts-control input, .select-sort .ts-dropdown {
    font-smoothing: inherit;
    color: #343a40;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5
}

.select-sort .ts-dropdown {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 .25rem .25rem;
    border-top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    left: 0;
    margin: .25rem 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.select-sort .ts-control {
    padding-left: 30px;
    align-items: center;
    display: flex;
    background: #fafafa;
    border-radius: 4px;
    min-height: 40px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.select-sort .ts-control input {
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    width: 100%
}

.select-sort .ts-control .item {
    flex-shrink: 0;
    padding-top: 0;
    margin-right: 5px
}

.select-sort .ts-control .item + input {
    padding-top: 14px
}

.select-sort .ts-control .item + input::-moz-placeholder {
    opacity: 0
}

.select-sort .ts-control .item + input::placeholder {
    opacity: 0
}

.select-sort .ts-dropdown-content {
    overflow-scrolling: touch;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 10px
}

.select-sort .option {
    padding: 4.5px 8px;
    border-radius: 2px;
    cursor: pointer
}

.select-sort .option input {
    display: none
}

.select-sort .option:hover {
    color: #21672c;
    background: #ebf7ed
}

.select-sort .option.selected {
    color: #21672c;
    background: #ebf7ed;
    position: relative
}

.select-sort .option.selected:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("/local/templates/b1/dist/css/../assets/icons/check.svg") no-repeat no-repeat;
    opacity: .5;
    position: absolute;
    right: 8px;
    bottom: 4px
}

.select-sort .select-placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    left: 10px;
    top: 2px;
    opacity: .4;
    color: #000
}

.select-sort .select-placeholder_hide {
    display: none
}

.listing-filter {
    overflow: hidden;
    position: relative;
    height: 0;
    background-color: #f2f2f2;
    transition: height ease-out .3s
}

.listing-filter--show {
    overflow: visible
}

.listing-filter__wrapper {
    padding: 0 12.8125vw;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
    padding-bottom: 48px;
    padding-top: 48px;
    background-color: #f2f2f2
}

@media screen and (max-width: 1440px) {
    .listing-filter__wrapper {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .listing-filter__wrapper {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .listing-filter__wrapper {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .listing-filter__wrapper {
        padding: 0 6.25vw
    }
}

@media (max-width: 1440px) {
    .listing-filter__wrapper {
        padding-top: 32px;
        padding-bottom: 48px
    }
}

@media (max-width: 1024px) {
    .listing-filter__wrapper {
        padding-top: 32px;
        padding-bottom: 48px
    }
}

@media (max-width: 768px) {
    .listing-filter__wrapper {
        padding-top: 24px;
        padding-bottom: 48px
    }
}

.listing-filter__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px
}

@media (max-width: 1024px) {
    .listing-filter__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 1024px) {
    .listing-filter__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.listing-filter__input {
    font-family: "Roboto", sans-serif;
    background: #fafafa;
    border-radius: 4px;
    height: 40px;
    border: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    outline: none;
    padding: 8px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.listing-filter__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 32px
}

.listing-filter__line {
    width: calc(100% - 128px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    flex-shrink: 0
}

@media (max-width: 500px) {
    .listing-filter__line {
        flex-direction: column;
        gap: 16px;
        width: 100%
    }
}

.listing-filter__line--left {
    justify-content: left;
    flex-wrap: wrap;
    flex-direction: row
}

@media (max-width: 500px) {
    .listing-filter__line--left {
        gap: 16px 8px
    }
}

.listing-filter__line--multy {
    display: grid;
    grid-template-columns:repeat(2, 1fr)
}

@media (max-width: 500px) {
    .listing-filter__line--multy {
        grid-template-columns:1fr
    }
}

.listing-filter__item {
    display: flex;
    gap: 16px;
    align-items: flex-start
}

.listing-filter__item:not(:last-child) {
    padding-bottom: 16px
}

@media (max-width: 500px) {
    .listing-filter__item:not(:last-child) {
        padding-bottom: 32px
    }
}

@media (max-width: 500px) {
    .listing-filter__item {
        flex-direction: column
    }

    .listing-filter__item .btnComponent {
        width: 100%
    }
}

.listing-filter__label {
    width: 49%;
    display: block;
    flex-shrink: 0;
    position: relative
}

@media (max-width: 500px) {
    .listing-filter__label {
        width: 100%
    }
}

.listing-filter__calendar {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 44px
}

.listing-filter__calendar--active {
    background-color: #fff;
    display: block;
    z-index: 10
}

.location-map {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.location-map .no-bottom {
    margin-bottom: 0 !important
}

.location-map .no-top {
    margin-top: 0 !important
}

.location-map:last-of-type, .location-map:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .location-map:last-of-type, .location-map:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .location-map:last-of-type, .location-map:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .location-map:last-of-type, .location-map:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .location-map:last-of-type, .location-map:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .location-map {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .location-map {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .location-map {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .location-map {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.location-map__wrapper {
    display: flex;
    height: 640px;
    overflow: hidden;
    border-radius: 8px
}

@media (max-width: 768px) {
    .location-map__wrapper {
        flex-direction: column-reverse
    }
}

@media (max-width: 500px) {
    .location-map__wrapper {
        overflow: inherit
    }
}

.location-map__info {
    flex-shrink: 0;
    width: 320px;
    height: 100%;
    background: #f5fbf6;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16), 0 0 8px rgba(0, 0, 0, .08), 0 16px 16px rgba(0, 0, 0, .08);
    display: flex;
    flex-direction: column
}

.location-map__info .map-placemark__photo {
    margin-bottom: 16px
}

@media (max-width: 768px) {
    .location-map__info {
        box-shadow: none;
        height: auto;
        width: 100%;
        background: rgba(0, 0, 0, 0);
        flex-direction: row
    }

    .location-map__info .map-placemark__photo {
        width: 320px
    }
}

@media (max-width: 500px) {
    .location-map__info {
        flex-direction: column;
        width: auto;
        margin-left: -6.25vw;
        margin-right: -6.25vw
    }

    .location-map__info .map-placemark__photo {
        width: 100%
    }
}

.location-map__inner {
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .location-map__inner {
        padding-bottom: 16px
    }
}

.location-map .map-placemark__photo {
    height: 120px
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.map-placemark {
    background: #f5fbf6;
    position: relative;
    display: block;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16), 0 0 8px rgba(0, 0, 0, .08), 0 16px 16px rgba(0, 0, 0, .08);
    border-radius: 8px 8px 0 8px;
    width: 280px;
    height: auto;
    padding-bottom: 16px
}

.map-placemark__photo {
    width: 100%
}

.map-placemark__text {
    padding: 0 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #444042;
    margin-top: 16px;
    display: flex;
    align-items: flex-start
}

.map-placemark__text img {
    margin-right: 16px;
    margin-top: 2px
}

.map-placemark__title {
    padding: 0 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #1b1a1a;
    display: flex;
    align-items: center
}

.map-placemark__title img {
    margin-right: 16px
}

.map__wrapper {
    width: 100%;
    height: 576px
}

@media all and (max-width: 768px) {
    .map__wrapper {
        height: 415px
    }
}

.map__info .map-placemark {
    width: 100%;
    height: 100%
}

.map-cluster {
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: #fff;
    background: #444042;
    border-radius: 12px 0 12px 12px;
    width: 34px;
    height: 34px
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.news-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.news-block .no-bottom {
    margin-bottom: 0 !important
}

.news-block .no-top {
    margin-top: 0 !important
}

.news-block:last-of-type, .news-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .news-block:last-of-type, .news-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .news-block:last-of-type, .news-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .news-block:last-of-type, .news-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .news-block:last-of-type, .news-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .news-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .news-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .news-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .news-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 400px) {
    .news-block {
        margin-bottom: 70px !important
    }
}

.news-block .link-green {
    display: none
}

@media screen and (max-width: 768px) {
    .news-block .link-green {
        display: block;
        margin: 16px auto 0 auto
    }
}

.news-block__grid {
    display: grid;
    grid-template-rows:repeat(3, 1fr);
    grid-template-columns:41% 1fr;
    grid-gap: 16px
}

@media screen and (max-width: 768px) {
    .news-block__grid {
        display: block
    }
}

.news-block__gridItem {
    position: relative;
    border-radius: 8px 8px 0 8px;
    min-height: 226px;
    background: #fefaf2;
    overflow: hidden;
    padding: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    cursor: pointer
}

.news-block__gridItem .triangle_grey {
    transition: background-color .3s ease-in-out
}

.news-block__gridItem:hover .triangle_grey {
    background-color: #37ab49 !important
}

.news-block__gridItem:nth-child(1) {
    grid-row: 1/4;
    background: rgba(0, 0, 0, 0);
    justify-content: flex-end;
    min-height: 716px
}

@media screen and (max-width: 1440px) {
    .news-block__gridItem:nth-child(1) {
        min-height: 576px
    }
}

@media screen and (max-width: 1024px) {
    .news-block__gridItem:nth-child(1) {
        min-height: 426px
    }
}

@media screen and (max-width: 768px) {
    .news-block__gridItem:nth-child(1) {
        min-height: 176px
    }
}

.news-block__gridItem:nth-child(1):before {
    position: absolute;
    content: "";
    top: 20px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fefaf2;
    z-index: -1
}

@media screen and (max-width: 768px) {
    .news-block__gridItem:nth-child(1):before {
        top: 0
    }
}

@media screen and (max-width: 1440px) {
    .news-block__gridItem {
        min-height: 176px;
        padding: 24px
    }
}

@media screen and (max-width: 1024px) {
    .news-block__gridItem {
        min-height: 128px;
        padding: 16px 16px 10px 16px
    }
}

@media screen and (max-width: 768px) {
    .news-block__gridItem {
        margin-bottom: 16px;
        padding: 24px;
        min-height: 176px;
        justify-content: flex-start
    }

    .news-block__gridItem:nth-child(1) {
        justify-content: flex-start
    }

    .news-block__gridItem:nth-child(4) {
        display: none
    }

    .news-block__gridItem:nth-child(4).news-block__gridItem_show {
        display: flex
    }
}

.news-block__gridItem img {
    -o-object-position: center;
    object-position: center;
    height: 100%;
    width: 100%
}

@media screen and (max-width: 768px) {
    .news-block__gridItem img {
        display: none
    }
}

.news-block__pic {
    position: absolute;
    top: 0;
    right: 0;
    height: 68%;
    width: 100%;
    background: #1b1a1a;
    filter: sepia(100%);
    transition: filter .3s linear
}

@media screen and (max-width: 768px) {
    .news-block__pic {
        display: none
    }
}

.news-block__pic:hover {
    filter: sepia(0%)
}

.news-block__pic img {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px
}

.news-block__title {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    position: relative;
    color: #363335;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .news-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 1024px) {
    .news-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px
    }
}

@media screen and (max-width: 768px) {
    .news-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 400px) {
    .news-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px
    }
}

.news-block__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #444042;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #37ab49
}

@media screen and (max-width: 1440px) {
    .news-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 16px;
        padding-top: 8px;
        margin-top: 8px
    }
}

@media screen and (max-width: 1024px) {
    .news-block__text {
        margin-top: 6px
    }
}

@media screen and (max-width: 768px) {
    .news-block__text {
        margin-top: 8px
    }
}

.news-block__footer {
    margin-top: 30px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
    .news-block__footer {
        margin-top: 8px
    }
}

@media screen and (max-width: 768px) {
    .news-block__footer {
        margin-top: 24px
    }
}

@media screen and (max-width: 500px) {
    .news-block__footer {
        flex-direction: column-reverse;
        align-items: baseline;
        gap: 8px;
        margin-top: 12px
    }
}

.news-block__tags {
    display: flex;
    gap: 0 4px
}

.news-block__date {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    font-size: 12px;
    line-height: 14px;
    color: #37ab49;
    margin-right: 16px
}

.news-block__tag {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border-radius: 4px;
    padding: 5px 8px;
    margin-right: 4px
}

.news-block__tag_blue {
    color: #175a93;
    background-color: #e8f1f8
}

.news-block__tag_turquoise {
    color: #008075;
    background-color: #e5f5f4
}

.news-block__tag_violet {
    background-color: #f0e9f3;
    color: #521d69
}

.news-card {
    background: rgba(0, 0, 0, .75);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-radius: 8px;
    z-index: 2;
    padding: 16px;
    margin-left: auto;
    color: #fff;
    min-width: 464px
}

.news-card--light {
    background: rgba(255, 255, 255, .75);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .16);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    color: #444042
}

.news-card--light .news-card__title {
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

@media screen and (max-width: 1440px) {
    .news-card {
        min-width: auto;
        max-width: 368px
    }
}

@media screen and (max-width: 1024px) {
    .news-card {
        max-width: 344px
    }
}

@media screen and (max-width: 768px) {
    .news-card {
        width: 100%;
        max-width: none;
        margin-left: 0;
        margin-top: 60px
    }
}

.news-card__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    padding-bottom: 16px;
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .news-card__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .news-card__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.news-card__subtitle {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #37ab49;
    margin-bottom: 8px
}

@media (max-width: 1024px) {
    .news-card__subtitle {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media (max-width: 768px) {
    .news-card__subtitle {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }
}

.news-card__email {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 8px
}

@media (max-width: 1024px) {
    .news-card__email {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media (max-width: 768px) {
    .news-card__email {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.news-card__icons {
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    display: flex;
    margin-top: 16px
}

@media screen and (max-width: 768px) {
    .news-card__icons svg {
        width: 24px;
        height: 24px
    }
}

.news-card__icon {
    position: relative;
    z-index: 2
}

.news-card__icon:after {
    content: "";
    top: 2px;
    bottom: 4px;
    right: 2px;
    left: 2px;
    position: absolute;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    transition: background-color .3s linear
}

.news-card__icon:hover:after {
    background: #fff
}

.news-card__icon--vk:hover path {
    fill: #4872a3
}

.news-card__icon--tg:hover path {
    fill: #68b1db
}

.news-card__icon--wa:hover path {
    fill: #45b75d
}

.not-found {
    width: 100%;
    height: 200px;
    padding: 24px 32px;
    color: #555;
    background: #fef4e5;
    border-radius: 8px;
    display: flex;
    flex-direction: column
}

.not-found__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px
}

@media (max-width: 1440px) {
    .not-found__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media (max-width: 1024px) {
    .not-found__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 22px;
        line-height: 27px;
        margin-bottom: 4px
    }
}

@media (max-width: 768px) {
    .not-found__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

.not-found__text {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px
}

@media (max-width: 1024px) {
    .not-found__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.not-found__bottom {
    margin-top: auto;
    display: flex;
    align-items: center;
    gap: 24px
}

@media (max-width: 1024px) {
    .not-found__bottom {
        gap: 16px
    }
}

.not-found__empty {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .not-found__empty {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

.not-found__search {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #d67a00
}

@media (max-width: 1024px) {
    .not-found__search {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.overview-column {
    position: relative;
    background-image: url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Light.svg");
    padding: 120px 0
}

@media screen and (max-width: 1440px) {
    .overview-column {
        padding: 80px 0
    }
}

@media screen and (max-width: 1440px) {
    .overview-column {
        padding: 80px 0
    }
}

@media screen and (max-width: 1024px) {
    .overview-column {
        padding: 40px 0
    }
}

@media screen and (max-width: 768px) {
    .overview-column {
        padding: 30px 0
    }
}

@media screen and (max-width: 400px) {
    .overview-column {
        padding: 20px 0
    }
}

.overview-column_single {
    padding: 64px 0
}

@media screen and (max-width: 1440px) {
    .overview-column_single {
        padding: 48px 0
    }
}

@media screen and (max-width: 1024px) {
    .overview-column_single {
        padding: 32px 0
    }
}

@media screen and (max-width: 768px) {
    .overview-column_single {
        padding: 24px 0
    }
}

@media screen and (max-width: 400px) {
    .overview-column_single {
        padding: 20px 0
    }
}

.overview-column_color_gray-dark {
    background-image: url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg")
}

.overview-column_color_black {
    background-image: url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark-Extra.svg")
}

.overview-column_color_green {
    background-image: url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg")
}

.overview-column:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: linear-gradient(180deg, #ededed 0%, rgba(237, 237, 237, 0.9) 51.56%, rgba(237, 237, 237, 0.6) 100%), rgba(0, 0, 0, 0)
}

.overview-column_color_gray-dark:after {
    background: linear-gradient(180deg, #444042 0%, rgba(68, 64, 66, 0.9) 51.56%, rgba(68, 64, 66, 0.6) 100%), rgba(0, 0, 0, 0)
}

.overview-column_color_black:after {
    background: linear-gradient(180deg, #0e0d0d 0%, rgba(14, 13, 13, 0.9) 51.56%, rgba(14, 13, 13, 0.6) 100%), rgba(0, 0, 0, 0)
}

.overview-column_color_green:after {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), rgba(0, 0, 0, 0)
}

.overview-column__inner {
    position: relative;
    z-index: 5;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042
}

@media (max-width: 1024px) {
    .overview-column__inner {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 400px) {
    .overview-column__inner {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.overview-column_color_gray-dark .overview-column__inner {
    color: #ededed
}

.overview-column_color_black .overview-column__inner {
    color: #999
}

.overview-column_color_green .overview-column__inner {
    color: #fff
}

.overview-column_column-2 .overview-column__inner {
    display: flex;
    gap: 24px 32px
}

@media screen and (max-width: 768px) {
    .overview-column_column-2 .overview-column__inner {
        flex-wrap: wrap
    }
}

.overview-column_column-2 .overview-column__inner * {
    flex-basis: 50%
}

@media screen and (max-width: 768px) {
    .overview-column_column-2 .overview-column__inner * {
        flex-basis: 100%
    }
}

.overview-column_column-3 .overview-column__inner {
    display: flex;
    gap: 24px 32px
}

@media screen and (max-width: 768px) {
    .overview-column_column-3 .overview-column__inner {
        gap: 24px 0;
        flex-wrap: wrap
    }
}

.overview-column_column-3 .overview-column__inner * {
    flex-basis: 33.333%
}

@media screen and (max-width: 768px) {
    .overview-column_column-3 .overview-column__inner * {
        flex-basis: 100%
    }
}

.overview-column__title {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
    .overview-column__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .overview-column__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (max-width: 400px) {
    .overview-column__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

.overview-column__text {
    z-index: 5;
    position: relative;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .overview-column__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 400px) {
    .overview-column__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.overview-column__text > *:first-child {
    margin-top: 0
}

.overview-column__text > *:last-child {
    margin-bottom: 0
}

.overview-column__text p {
    margin: 24px 0
}

@media screen and (max-width: 768px) {
    .overview-column__text p {
        margin: 20px 0
    }
}

.overview-column__text-hidden {
    position: relative;
    overflow: hidden;
    height: 0;
    transition: height ease-out .4s
}

.overview-column__text-hidden-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    padding-top: 24px
}

@media screen and (max-width: 768px) {
    .overview-column__text-hidden-inner {
        padding-top: 20px
    }
}

.overview-column__button {
    margin-top: 40px;
    position: relative;
    display: flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #37ab49;
    background-color: rgba(0, 0, 0, 0);
    border: rgba(0, 0, 0, 0);
    cursor: pointer
}

@media screen and (max-width: 768px) {
    .overview-column__button {
        margin-top: 20px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.overview-column_color_green .overview-column__button {
    color: #fff
}

.overview-column__button svg {
    transition: trasform .3s linear
}

.overview-column_opened .overview-column__button svg {
    transform: rotate(180deg)
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.page-cover {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    width: 100%;
    padding-top: 15px !important;
    padding-bottom: 24px !important;
    display: flex;
    align-items: center;
    position: relative;
    max-width: 2560px;
    margin: 0 auto;
    min-height: 500px;
    overflow: hidden
}

.page-cover .no-bottom {
    margin-bottom: 0 !important
}

.page-cover .no-top {
    margin-top: 0 !important
}

.page-cover:last-of-type, .page-cover:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .page-cover:last-of-type, .page-cover:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover:last-of-type, .page-cover:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .page-cover:last-of-type, .page-cover:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .page-cover:last-of-type, .page-cover:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .page-cover {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .page-cover {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .page-cover {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.page-cover:not(.page-cover.page-cover_indent) {
    margin: 0
}

@media screen and (max-width: 1440px) {
    .page-cover:not(.page-cover.page-cover_indent) {
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .page-cover:not(.page-cover.page-cover_indent) {
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .page-cover:not(.page-cover.page-cover_indent) {
        margin: 0
    }
}

@media screen and (max-width: 400px) {
    .page-cover:not(.page-cover.page-cover_indent) {
        margin: 0
    }
}

@media screen and (max-width: 1440px) {
    .page-cover {
        min-height: 400px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover {
        min-height: 320px
    }
}

@media screen and (max-width: 600px) {
    .page-cover {
        flex-direction: column;
        align-items: baseline;
        justify-content: center
    }
}

.page-cover--gray-dark {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555;
    text-shadow: 0px 2px 0px rgba(0, 0, 0, .3), 0px 4px 16px rgba(0, 0, 0, .5)
}

@media (max-width: 600px) {
    .page-cover--gray-dark {
        justify-content: flex-start
    }

    .page-cover--gray-dark .page-cover__content {
        padding-top: 32px
    }
}

@media screen and (max-width: 600px) {
    .page-cover--listing {
        justify-content: end
    }
}

@media (max-width: 768px) {
    .page-cover--column {
        flex-direction: column;
        align-items: baseline;
        justify-content: center
    }
}

.page-cover__tips {
    display: flex;
    gap: 8px;
    flex-wrap: wrap
}

.page-cover__bg-picture {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.page-cover__bg-img {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    z-index: 1;
    width: 100%;
    height: 100%
}

@media (max-width: 768px) {
    .page-cover__bg-img {
        width: 100%;
        height: 100%
    }
}

.page-cover__pattern-img {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 0;
    height: 100%;
    width: auto
}

@media (max-width: 650px) {
    .page-cover__pattern-img {
        width: 130px;
        top: auto;
        height: 120px
    }
}

.page-cover__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.page-cover_indent {
    margin-bottom: 120px !important
}

@media screen and (max-width: 1440px) {
    .page-cover_indent {
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .page-cover_indent {
        margin-bottom: 64px !important
    }
}

@media screen and (max-width: 768px) {
    .page-cover_indent {
        margin-bottom: 48px !important
    }
}

@media screen and (max-width: 400px) {
    .page-cover_indent {
        margin-bottom: 32px !important
    }
}

@media screen and (max-width: 1024px) {
    .page-cover--search {
        min-height: 480px
    }
}

.page-cover--search-page {
    overflow: initial;
    z-index: 3
}

@media screen and (max-width: 1024px) {
    .page-cover--search-page {
        min-height: 480px
    }
}

.page-cover--search-page .page-cover__bg-img {
    width: 100%;
    height: 100%
}

.page-cover__gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: linear-gradient(104.97deg, rgba(0, 0, 0, 0.5) 0.62%, rgba(0, 0, 0, 0) 69.9%), linear-gradient(148.65deg, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0) 83.61%)
}

.page-cover__content {
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 16px 0;
    width: 100%;
    padding-right: 10px
}

@media screen and (max-width: 1024px) {
    .page-cover__content {
        gap: 16px 0
    }
}

@media (max-width: 768px) {
    .page-cover__content {
        padding-right: 0
    }
}

@media screen and (max-width: 400px) {
    .page-cover__content {
        gap: 8px 0
    }
}

.page-cover__content_detailsCover {
    max-width: 64%;
    width: 100%
}

@media (max-width: 768px) {
    .page-cover__content_detailsCover {
        max-width: 100%
    }
}

.page-cover__subHeadline {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    text-shadow: 0 2px 0 rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .5)
}

@media (max-width: 1440px) {
    .page-cover__subHeadline {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 400px) {
    .page-cover__subHeadline {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px
    }
}

.page-cover__subHeadline_dark {
    color: #fff
}

.page-cover__subHeadline_light {
    color: #444042
}

.page-cover__subHeadline--small {
    text-shadow: none;
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px
}

.page-cover__under-title {
    margin-top: 8px
}

.page-cover__under-title_dark {
    color: #4bb35b
}

.page-cover__under-title_light {
    color: #21672c
}

.page-cover__under-title--small {
    font-family: Montserrat, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    text-shadow: none
}

@media (max-width: 1440px) {
    .page-cover__under-title--small {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 400px) {
    .page-cover__under-title--small {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px
    }
}

.page-cover__under-title--no-shadow {
    text-shadow: none
}

.page-cover__under-title-descr {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2
}

@media screen and (max-width: 1440px) {
    .page-cover__under-title-descr {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover__under-title-descr {
        margin-top: 8px
    }
}

@media screen and (max-width: 768px) {
    .page-cover__under-title-descr {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.page-cover__under-title-descr_dark {
    color: #fff
}

.page-cover__under-title-descr_light {
    color: #444042
}

.page-cover__title {
    position: relative;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 48px;
    line-height: 64px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    margin-top: 8px
}

@media screen and (max-width: 1440px) {
    .page-cover__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 44px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px;
        margin-top: 0
    }
}

@media (max-width: 500px) {
    .page-cover__title {
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-clamp: 2;
        overflow: hidden
    }
}

@media screen and (max-width: 400px) {
    .page-cover__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.page-cover__title_min {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px
}

@media screen and (max-width: 1440px) {
    .page-cover__title_min {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover__title_min {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media screen and (max-width: 768px) {
    .page-cover__title_min {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.page-cover__title_dark {
    color: #fff
}

.page-cover__title_light {
    color: #444042
}

.page-cover__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px
}

.page-cover__description {
    position: relative;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (max-width: 1024px) {
    .page-cover__description {
        padding-bottom: 0;
        margin-bottom: 24px
    }
}

@media (max-width: 500px) {
    .page-cover__description {
        text-overflow: ellipsis;
        display: -moz-box;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-clamp: 3;
        overflow: hidden
    }
}

.page-cover__description--sh {
    max-width: 844px
}

@media (max-width: 1440px) {
    .page-cover__description--sh {
        max-width: 752px
    }
}

@media (max-width: 1024px) {
    .page-cover__description--sh {
        max-width: 488px
    }
}

@media (max-width: 768px) {
    .page-cover__description--sh {
        max-width: 376px
    }
}

@media (max-width: 500px) {
    .page-cover__description--sh {
        max-width: 280px
    }
}

@media screen and (max-width: 1440px) {
    .page-cover__description {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

@media screen and (max-width: 1024px) {
    .page-cover__description {
        padding-bottom: 24px
    }

    .page-cover__description--tags {
        padding-bottom: 0
    }
}

@media screen and (max-width: 400px) {
    .page-cover__description {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 10px;
        line-height: 12px
    }
}

.page-cover__description--mb {
    margin-bottom: 16px
}

@media screen and (max-width: 1024px) {
    .page-cover__description--mb {
        margin-bottom: 0;
        padding-bottom: 8px
    }
}

.page-cover__description_dark {
    color: #fff
}

.page-cover__description_light {
    color: #444042
}

.page-cover__video-icons {
    z-index: 4;
    position: absolute;
    left: 12.8125vw;
    bottom: 40px;
    display: flex;
    align-items: center;
    gap: 24px;
    cursor: pointer
}

@media screen and (max-width: 1440px) {
    .page-cover__video-icons {
        left: 10vw
    }
}

@media screen and (max-width: 1024px) {
    .page-cover__video-icons {
        left: 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .page-cover__video-icons {
        left: 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .page-cover__video-icons {
        left: 6.25vw
    }
}

.page-cover__search {
    width: 70.7%
}

@media screen and (max-width: 1440px) {
    .page-cover__search {
        width: 88%
    }
}

.pattern-cover {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 756px;
    height: 100%;
    background: #fff;
    opacity: .2;
    -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media screen and (max-width: 1440px) {
    .pattern-cover {
        width: 648px
    }
}

@media screen and (max-width: 1024px) {
    .pattern-cover {
        width: 519px
    }
}

@media (max-width: 650px) {
    .pattern-cover {
        width: 195px;
        top: auto;
        height: 180px;
        -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.profileCoverBlock {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    position: relative;
    margin: 0;
    height: 500px;
    max-width: 2560px;
    padding-top: 50px;
    padding-bottom: 50px
}

.profileCoverBlock .no-bottom {
    margin-bottom: 0 !important
}

.profileCoverBlock .no-top {
    margin-top: 0 !important
}

.profileCoverBlock:last-of-type, .profileCoverBlock:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock:last-of-type, .profileCoverBlock:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock:last-of-type, .profileCoverBlock:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock:last-of-type, .profileCoverBlock:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .profileCoverBlock:last-of-type, .profileCoverBlock:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .profileCoverBlock {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock {
        height: 400px;
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock {
        height: 320px;
        margin: 0
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock {
        padding-top: 56px;
        margin: 0
    }
}

@media screen and (max-width: 500px) {
    .profileCoverBlock {
        padding-bottom: 20px;
        height: auto
    }
}

@media screen and (max-width: 400px) {
    .profileCoverBlock {
        margin: 0
    }
}

.profileCoverBlock_v1, .profileCoverBlock_v2, .profileCoverBlock_v3 {
    display: flex;
    align-items: center
}

@media screen and (max-width: 500px) {
    .profileCoverBlock_v1 {
        padding-top: 56px
    }
}

@media screen and (max-width: 600px) {
    .profileCoverBlock_v3 {
        flex-direction: column;
        justify-content: flex-end;
        min-height: 468px
    }
}

.profileCoverBlock_v4 {
    align-items: flex-end;
    padding: 0 0 48px;
    height: auto
}

.profileCoverBlock_v4 .profileCoverBlock__content {
    padding: 0 12.8125vw;
    margin-top: 32px
}

@media screen and (max-width: 500px) {
    .profileCoverBlock_v4 .profileCoverBlock__content {
        margin-top: 24px
    }
}

.profileCoverBlock_v4 .profileCoverBlock__background {
    height: auto
}

.profileCoverBlock_v4 .profileCoverBlock__job {
    flex-wrap: nowrap;
    max-width: 60%
}

@media screen and (max-width: 768px) {
    .profileCoverBlock_v4 .profileCoverBlock__job {
        flex-wrap: wrap
    }
}

.profileCoverBlock_v4 .profileCoverBlock__job span {
    flex-shrink: 0
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock_v4 {
        padding-bottom: 32px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock_v4 {
        min-height: 547px;
        padding-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock_v4 {
        min-height: 416px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock_v4 {
        min-height: 448px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 500px) {
    .profileCoverBlock_v2, .profileCoverBlock_v4 {
        flex-direction: column;
        justify-content: flex-end;
        min-height: 468px
    }
}

.profileCoverBlock__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media screen and (max-width: 500px) {
    .profileCoverBlock__background {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 2;
        height: 240px
    }
}

.profileCoverBlock__background_v3, .profileCoverBlock__background_v4 {
    background: linear-gradient(180deg, #f2f2f2 0%, rgba(242, 242, 242, 0.9) 51.56%, rgba(242, 242, 242, 0.6) 100%), url("/local/templates/b1/dist/css/../../assets/icons/gradient-patterns/B1-Pattern-Grey-Light-Middle.svg"), #f2f2f2
}

.profileCoverBlock__item {
    position: relative;
    display: flex;
    z-index: 3;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 0 40px
}

@media screen and (max-width: 500px) {
    .profileCoverBlock__item {
        display: flex;
        gap: 32px;
        flex-direction: column
    }
}

.profileCoverBlock__content {
    position: relative;
    z-index: 3;
    width: 100%
}

.profileCoverBlock__content_v1 {
    max-width: 944px
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock__content_v1 {
        max-width: 752px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__content_v1 {
        max-width: 556px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__content_v1 {
        max-width: 376px
    }
}

@media screen and (max-width: 500px) {
    .profileCoverBlock__content_v1 {
        order: 1
    }
}

.profileCoverBlock__content_v2 {
    max-width: 704px
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock__content_v2 {
        max-width: 560px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__content_v2 {
        max-width: 416px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__content_v2 {
        max-width: 320px
    }
}

@media screen and (max-width: 400px) {
    .profileCoverBlock__content_v2 {
        max-width: 400px
    }
}

.profileCoverBlock__content_v3 {
    max-width: 60%
}

@media screen and (max-width: 600px) {
    .profileCoverBlock__content_v3 {
        max-width: 400px
    }
}

.profileCoverBlock__avatar {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.profileCoverBlock__avatar_v1 {
    border-radius: 160px;
    max-width: 400px;
    width: 100%
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock__avatar_v1 {
        border-radius: 125px;
        max-width: 300px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__avatar_v1 {
        border-radius: 90px;
        max-width: 220px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__avatar_v1 {
        border-radius: 90px;
        max-width: 208px
    }
}

.profileCoverBlock__avatar_v3 {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 40%;
    z-index: 2
}

@media screen and (max-width: 600px) {
    .profileCoverBlock__avatar_v3 {
        height: 240px;
        width: 100%;
        left: 0
    }
}

.profileCoverBlock__avatar_v4 {
    position: relative;
    height: 500px;
    width: 100%;
    z-index: 2
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock__avatar_v4 {
        height: 400px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__avatar_v4 {
        height: 320px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__avatar_v4 {
        height: 240px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__avatar_v4 {
        height: 240px
    }
}

.profileCoverBlock__name {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    color: #000;
    margin-bottom: 16px
}

@media screen and (max-width: 1440px) {
    .profileCoverBlock__name {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__name {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__name {
        margin-bottom: 8px;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.profileCoverBlock__job {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px;
    display: flex;
    gap: 16px;
    align-items: flex-start;
    flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__job {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        gap: 8px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__job {
        margin-bottom: 8px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.profileCoverBlock__job span {
    color: #2c893a;
    display: flex;
    align-items: flex-start
}

.profileCoverBlock__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    line-clamp: 4
}

@media screen and (max-width: 1024px) {
    .profileCoverBlock__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .profileCoverBlock__text {
        margin-bottom: 16px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.profileCoverBlock__icon {
    height: 32px;
    width: 32px;
    border-radius: 50%
}

@media (max-width: 768px) {
    .profileCoverBlock__icon {
        width: 24px;
        height: 24px
    }
}

.profileCoverBlock__icon--tg:hover svg path {
    fill: #68b2db
}

.profileCoverBlock__icon--vk:hover svg path {
    fill: #4872a3
}

.profileCoverBlock__icon svg path {
    transition: fill .3s linear
}

@media (max-width: 768px) {
    .profileCoverBlock__icon svg {
        width: 24px;
        height: 24px
    }
}

.profileCoverBlock__footer {
    display: flex;
    align-items: center;
    gap: 16px
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.partners-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 120px;
    background: #fff
}

.partners-block .no-bottom {
    margin-bottom: 0 !important
}

.partners-block .no-top {
    margin-top: 0 !important
}

.partners-block:last-of-type, .partners-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .partners-block:last-of-type, .partners-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .partners-block:last-of-type, .partners-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .partners-block:last-of-type, .partners-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .partners-block:last-of-type, .partners-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .partners-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .partners-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .partners-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .partners-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .partners-block {
        padding-top: 80px
    }
}

@media screen and (max-width: 1024px) {
    .partners-block {
        padding-top: 65px
    }
}

@media screen and (max-width: 768px) {
    .partners-block {
        padding-top: 53px
    }
}

@media screen and (max-width: 400px) {
    .partners-block {
        padding-top: 32px
    }
}

.partners-block__slider {
    min-height: 220px;
    padding: 32px 144px;
    background: url(/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Light.svg);
    border-radius: 8px;
    position: relative;
    display: flex;
    align-items: center
}

@media screen and (max-width: 1440px) {
    .partners-block__slider {
        min-height: 200px;
        padding: 32px 104px
    }
}

@media (max-width: 1024px) {
    .partners-block__slider {
        min-height: 180px;
        padding: 16px 64px
    }
}

@media screen and (max-width: 400px) {
    .partners-block__slider {
        min-height: 120px
    }
}

.partners-block__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 156px;
    filter: grayscale(1);
    transition: filter .3s linear;
    cursor: pointer
}

@media (max-width: 1440px) {
    .partners-block__slide {
        height: 80px
    }
}

@media (max-width: 1024px) {
    .partners-block__slide {
        height: 64px
    }
}

@media (max-width: 768px) {
    .partners-block__slide {
        filter: grayscale(0)
    }
}

.partners-block__slide:hover {
    filter: grayscale(0)
}

.partners-block__slide img {
    width: 100%;
    max-width: 224px
}

@media (max-width: 1024px) {
    .partners-block__slide img {
        max-width: 140px
    }
}

@media (max-width: 768px) {
    .partners-block__slide img {
        max-width: 152px
    }
}

.partners-block__navigation {
    background: rgba(0, 0, 0, 0);
    border: 0;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(50% - 32px);
    cursor: pointer;
    z-index: 2
}

@media (max-width: 768px) {
    .partners-block__navigation {
        height: 32px;
        width: 32px;
        top: calc(50% - 16px)
    }
}

.partners-block__navigation__left {
    left: 0
}

.partners-block__navigation__right {
    right: 0
}

.power-point {
    padding: 0 12.8125vw
}

@media screen and (max-width: 1440px) {
    .power-point {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .power-point {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .power-point {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .power-point {
        padding: 0 6.25vw
    }
}

.power-point .power-point-container {
    width: 100%;
    height: 800px
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.projectBlock {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.projectBlock .no-bottom {
    margin-bottom: 0 !important
}

.projectBlock .no-top {
    margin-top: 0 !important
}

.projectBlock:last-of-type, .projectBlock:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .projectBlock:last-of-type, .projectBlock:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .projectBlock:last-of-type, .projectBlock:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .projectBlock:last-of-type, .projectBlock:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .projectBlock:last-of-type, .projectBlock:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .projectBlock {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .projectBlock {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .projectBlock {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .projectBlock {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.projectBlock--no-slider {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.projectBlock--no-slider .no-bottom {
    margin-bottom: 0 !important
}

.projectBlock--no-slider .no-top {
    margin-top: 0 !important
}

.projectBlock--no-slider:last-of-type, .projectBlock--no-slider:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .projectBlock--no-slider:last-of-type, .projectBlock--no-slider:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .projectBlock--no-slider:last-of-type, .projectBlock--no-slider:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .projectBlock--no-slider:last-of-type, .projectBlock--no-slider:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .projectBlock--no-slider:last-of-type, .projectBlock--no-slider:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .projectBlock--no-slider {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .projectBlock--no-slider {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .projectBlock--no-slider {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .projectBlock--no-slider {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 768px) {
    .projectBlock {
        padding-bottom: 48px !important
    }

    .projectBlock .slick-dots-main-slider {
        bottom: 0
    }
}

.projectBlock--no-indent {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.projectBlock--no-top {
    margin-top: 0 !important
}

@media (max-width: 500px) {
    .projectBlock__swiper {
        margin-right: -7.1875vw
    }
}

.projectBlock__wrapper {
    display: grid;
    gap: 16px;
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr;
    min-height: 140px
}

@media (max-width: 1024px) {
    .projectBlock__wrapper {
        grid-template-columns:1fr 1fr;
        grid-auto-rows: 1fr 1fr
    }
}

@media screen and (max-width: 768px) {
    .projectBlock__wrapper {
        padding-bottom: 50px
    }
}

@media (max-width: 500px) {
    .projectBlock__wrapper {
        display: flex;
        gap: 8px
    }
}

.projectBlock__wrapper.swiper-wrapper {
    gap: 0 0
}

.projectBlock__wrapper--3 {
    grid-template-columns:1fr 1fr 1fr
}

@media (max-width: 1024px) {
    .projectBlock__wrapper--3 {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 500px) {
    .projectBlock__wrapper--3 {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
}

.projectBlock--no-slider .projectBlock__swiper {
    margin-right: 0
}

.projectBlock__backgroundImage {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    border-radius: 8px 8px 0 8px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    opacity: 0;
    transition: opacity .3s linear;
    box-sizing: border-box
}

.projectBlock__title {
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;
    z-index: 4;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2
}

.projectBlock__title--big {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px
}

@media screen and (max-width: 1024px) {
    .projectBlock__title--big {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 400px) {
    .projectBlock__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.projectBlock__card {
    position: relative;
    width: 100%;
    min-height: 140px;
    border-radius: 8px 8px 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    box-sizing: border-box;
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width: 768px) {
    .projectBlock__card {
        padding: 16px
    }
}

@media (max-width: 500px) {
    .projectBlock__card {
        max-width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .projectBlock__card--small {
        height: 100px;
        min-height: 100px
    }
}

.projectBlock__card_grey {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

.projectBlock__card_green {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg"), #329a42
}

.projectBlock__card .triangle_grey {
    transition: background-color .3s ease-in-out
}

.projectBlock__card:hover .triangle_grey {
    background-color: #37ab49 !important
}

.projectBlock__card:hover .projectBlock__backgroundImage {
    opacity: 1
}

.projectBlock__card:hover .projectBlock__card_grey, .projectBlock__card:hover .projectBlock__card_green {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.45) 0.62%, rgba(0, 0, 0, 0) 69.9%), linear-gradient(148.65deg, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0) 83.61%);
    z-index: 2
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.quote {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 80px !important;
    padding-bottom: 80px !important
}

.quote .no-bottom {
    margin-bottom: 0 !important
}

.quote .no-top {
    margin-top: 0 !important
}

.quote:last-of-type, .quote:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .quote:last-of-type, .quote:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .quote:last-of-type, .quote:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .quote:last-of-type, .quote:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .quote:last-of-type, .quote:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .quote {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .quote {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .quote {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .quote {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .quote {
        padding-top: 64px !important;
        padding-bottom: 64px !important
    }
}

@media screen and (max-width: 1024px) {
    .quote {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }
}

@media screen and (max-width: 768px) {
    .quote {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
}

@media screen and (max-width: 400px) {
    .quote {
        padding-top: 16px !important;
        padding-bottom: 16px !important
    }
}

.quote__block {
    border-radius: 8px;
    overflow: hidden;
    background: #fafafa;
    border-left: 4px solid #37ab49;
    display: flex;
    position: relative
}

@media screen and (max-width: 500px) {
    .quote__block {
        flex-direction: column-reverse;
        border-left: 0
    }
}

.quote__dec {
    width: 160px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 20px
}

@media (max-width: 1024px) {
    .quote__dec {
        width: 80px;
        height: 64px
    }
}

.quote__dec2 {
    width: 160px;
    height: 110px;
    position: absolute;
    top: 27px;
    right: 192px
}

@media (max-width: 1024px) {
    .quote__dec2 {
        width: 80px;
        height: 64px
    }
}

@media (max-width: 500px) {
    .quote__dec2 {
        right: 3px;
        bottom: 0;
        top: auto
    }
}

.quote__img-wrapper {
    overflow: hidden;
    width: 180px;
    height: 180px;
    flex-shrink: 0
}

.quote__img-wrapper:hover img {
    scale: 1.5;
    transform: translateY(30px)
}

@media screen and (max-width: 1440px) {
    .quote__img-wrapper {
        width: 170px;
        height: 170px
    }
}

@media screen and (max-width: 1024px) {
    .quote__img-wrapper {
        width: 160px;
        height: 160px
    }
}

@media screen and (max-width: 768px) {
    .quote__img-wrapper {
        height: 100%
    }
}

@media screen and (max-width: 500px) {
    .quote__img-wrapper {
        width: 100%;
        height: 280px
    }
}

.quote__img {
    flex-shrink: 0;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 180px;
    height: 180px;
    position: relative;
    transition: scale .5s linear, transform .5s linear
}

@media screen and (max-width: 1440px) {
    .quote__img {
        width: 170px;
        height: 170px
    }
}

@media screen and (max-width: 1024px) {
    .quote__img {
        width: 160px;
        height: 160px
    }
}

@media screen and (max-width: 768px) {
    .quote__img {
        height: 100%
    }
}

@media screen and (max-width: 500px) {
    .quote__img {
        width: 100%;
        height: 280px
    }
}

.quote__inner {
    padding: 38px 32px;
    width: 100%;
    position: relative
}

@media screen and (max-width: 1440px) {
    .quote__inner {
        padding: 28px 32px
    }
}

@media screen and (max-width: 768px) {
    .quote__inner {
        padding: 32px 16px
    }
}

@media (max-width: 500px) {
    .quote__inner {
        border-left: 4px solid #37ab49;
        padding: 14px 16px
    }
}

.quote__text {
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #444042
}

@media (max-width: 1024px) {
    .quote__text {
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .quote__text {
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 1024px) {
    .quote__text {
        font-size: 12px;
        line-height: 18px
    }
}

.quote__name {
    text-align: right;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #37ab49
}

@media (max-width: 768px) {
    .quote__name {
        font-size: 14px;
        line-height: 22px
    }
}

.quote__position {
    text-align: right;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #444042
}

@media (max-width: 768px) {
    .quote__position {
        font-size: 12px;
        line-height: 22px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.referenceListBlock {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.referenceListBlock .no-bottom {
    margin-bottom: 0 !important
}

.referenceListBlock .no-top {
    margin-top: 0 !important
}

.referenceListBlock:last-of-type, .referenceListBlock:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .referenceListBlock:last-of-type, .referenceListBlock:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .referenceListBlock:last-of-type, .referenceListBlock:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .referenceListBlock:last-of-type, .referenceListBlock:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .referenceListBlock:last-of-type, .referenceListBlock:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .referenceListBlock {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .referenceListBlock {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .referenceListBlock {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .referenceListBlock {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .referenceListBlock {
        padding-top: 80px !important;
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .referenceListBlock {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .referenceListBlock {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .referenceListBlock {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.referenceListBlock__title-wrap {
    background-color: #f5fbf6;
    padding: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 8px;
    overflow: hidden
}

.referenceListBlock__title-wrap .referenceListBlock__arrow-svg {
    transform: rotate(180deg)
}

.referenceListBlock__title-wrap--active .referenceListBlock__arrow-svg {
    transform: rotate(0)
}

.referenceListBlock__title-wrap--active {
    border-radius: 8px 8px 0 0
}

.referenceListBlock__title {
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #363335
}

@media screen and (max-width: 1024px) {
    .referenceListBlock__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .referenceListBlock__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.referenceListBlock__arrow-svg {
    width: 34px;
    height: 34px;
    transition: transform .3s linear
}

@media screen and (max-width: 1440px) {
    .referenceListBlock__arrow-svg {
        width: 24px;
        height: 24px
    }
}

.referenceListBlock__list {
    background-color: #fafafa;
    border-radius: 0 0 8px 8px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-out, padding .3s linear;
    padding-left: 32px;
    padding-right: 32px;
    list-style: none;
    visibility: hidden
}

@media screen and (max-width: 1024px) {
    .referenceListBlock__list {
        padding: 24px 24px 8px 24px;
        margin: -24px 0 -8px
    }
}

@media screen and (max-width: 768px) {
    .referenceListBlock__list {
        padding: 16px;
        margin: -16px 0
    }
}

@media screen and (max-width: 400px) {
    .referenceListBlock__list {
        padding: 8px;
        margin: -8px 0
    }
}

.referenceListBlock__list--active {
    transition: max-height .3s ease-in, padding .3s linear;
    padding-top: 32px;
    padding-bottom: 32px;
    max-height: 1000px;
    visibility: visible
}

.referenceListBlock__item {
    display: inline-flex;
    gap: 16px;
    border-bottom: 1px dashed #999;
    padding: 16px 0;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .referenceListBlock__item {
        padding: 8px 0
    }
}

.referenceListBlock__text {
    display: block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042
}

@media screen and (max-width: 1440px) {
    .referenceListBlock__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .referenceListBlock__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.search-article-card {
    position: relative;
    width: 100%;
    background: #fff;
    border-radius: 8px 8px 0 8px;
    padding: 24px 32px;
    color: #555;
    cursor: pointer
}

@media (max-width: 1440px) {
    .search-article-card {
        padding: 24px
    }
}

@media (max-width: 1024px) {
    .search-article-card {
        padding: 16px
    }
}

.search-article-card__title {
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 8px
}

@media (max-width: 1440px) {
    .search-article-card__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media (max-width: 1024px) {
    .search-article-card__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .search-article-card__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 500px) {
    .search-article-card__title {
        white-space: initial;
        display: block;
        display: -webkit-box;
        line-clamp: 3;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.search-article-card__title b {
    font-weight: inherit;
    color: #000
}

.search-article-card__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    display: block;
    display: -webkit-box;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .search-article-card__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 18px;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        margin-bottom: 12px
    }
}

@media (max-width: 1024px) {
    .search-article-card__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 8px
    }
}

@media (max-width: 400px) {
    .search-article-card__text {
        -webkit-line-clamp: 8;
        line-clamp: 8
    }
}

.search-article-card__text b {
    font-weight: inherit;
    color: #000
}

.search-article-card__footer {
    display: flex;
    align-items: center;
    padding-top: 16px
}

@media (max-width: 1440px) {
    .search-article-card__footer {
        padding-top: 12px
    }
}

@media (max-width: 1024px) {
    .search-article-card__footer {
        padding-top: 8px
    }
}

@media (max-width: 500px) {
    .search-article-card__footer {
        display: flex;
        flex-direction: column;
        align-items: baseline
    }
}

.search-article-card__found, .search-article-card__not-found {
    padding-right: 24px;
    display: flex;
    align-items: center;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 1440px) {
    .search-article-card__found, .search-article-card__not-found {
        padding-right: 16px
    }
}

@media (max-width: 1024px) {
    .search-article-card__found, .search-article-card__not-found {
        padding-right: 8px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 400px) {
    .search-article-card__found {
        margin-bottom: 8px
    }
}

.search-article-card__system {
    margin-right: 8px;
    display: block
}

.search-article-card__plus, .search-article-card__minus {
    padding: 8px 16px;
    border-radius: 4px
}

@media (max-width: 1024px) {
    .search-article-card__plus, .search-article-card__minus {
        padding: 5px 8px
    }
}

.search-article-card__plus {
    background: #ebf7ed;
    color: #2c893a
}

.search-article-card__minus {
    background: #fef4e5;
    color: #d67a00
}

.search-banner {
    padding: 0 12.8125vw
}

@media screen and (max-width: 1440px) {
    .search-banner {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .search-banner {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .search-banner {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .search-banner {
        padding: 0 6.25vw
    }
}

.search-banner__inner {
    height: 420px;
    width: 100%;
    position: relative;
    padding: 32px;
    color: #fff
}

@media (max-width: 1440px) {
    .search-banner__inner {
        height: 310px
    }
}

@media (max-width: 1024px) {
    .search-banner__inner {
        height: 280px
    }
}

@media (max-width: 400px) {
    .search-banner__inner {
        height: 310px;
        padding: 16px
    }
}

.search-banner__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 16px
}

@media (max-width: 1024px) {
    .search-banner__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media (max-width: 768px) {
    .search-banner__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 400px) {
    .search-banner__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.search-banner__description {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .search-banner__description {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .search-banner__description {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        max-height: 70px;
        display: block;
        display: -webkit-box;
        line-clamp: 3;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.search-banner__gradient {
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 49.57%, rgba(0, 0, 0, 0.8) 100%)
}

.search-banner__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding-bottom: 8px
}

@media screen and (max-width: 400px) {
    .search-banner__btns {
        display: none
    }
}

.search-banner__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    z-index: 4;
    position: relative
}

.search-banner__link {
    display: none
}

@media screen and (max-width: 400px) {
    .search-banner__link {
        display: block;
        position: relative;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
        color: #73c480;
        cursor: pointer;
        margin-top: 8px
    }
}

.search-banner__pic {
    border-radius: 8px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.service-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    background: #fafafa;
    padding-top: 120px !important;
    padding-bottom: 120px !important;
    margin-bottom: 0 !important
}

.service-block .no-bottom {
    margin-bottom: 0 !important
}

.service-block .no-top {
    margin-top: 0 !important
}

.service-block:last-of-type, .service-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .service-block:last-of-type, .service-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .service-block:last-of-type, .service-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .service-block:last-of-type, .service-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .service-block:last-of-type, .service-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .service-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .service-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .service-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .service-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .service-block {
        padding-top: 80px !important;
        padding-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .service-block {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .service-block {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .service-block {
        padding-top: 32px !important;
        margin-bottom: 32px;
        padding-bottom: 50px !important
    }
}

@media screen and (max-width: 500px) {
    .service-block__swiper {
        margin-right: -7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .service-block__swiper {
        margin-right: -6.25vw
    }
}

.service-block__abzac {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042;
    border-radius: 8px;
    padding: 32px;
    background-color: #fff;
    margin-bottom: 32px
}

@media screen and (max-width: 1440px) {
    .service-block__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .service-block__abzac {
        padding: 16px;
        margin-bottom: 16px
    }
}

.service-block__list {
    display: grid;
    gap: 32px 16px
}

@media screen and (max-width: 500px) {
    .service-block__list {
        display: flex;
        height: 280px;
        gap: 0
    }
}

.service-block__item {
    position: relative;
    background-color: #fff;
    min-height: 360px;
    cursor: pointer;
    border-radius: 8px 8px 0px 8px;
    overflow: hidden
}

@media screen and (max-width: 1440px) {
    .service-block__item {
        min-height: 340px
    }
}

@media screen and (max-width: 1024px) {
    .service-block__item {
        min-height: 272px
    }
}

@media screen and (max-width: 768px) {
    .service-block__item {
        width: 100%;
        border-radius: 8px 8px 0 8px
    }
}

.service-block__item .triangle_grey {
    transition: background-color .3s ease-in-out
}

.service-block__item:hover .triangle_grey {
    background-color: #37ab49 !important
}

.service-block__title {
    position: relative;
    overflow: hidden;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #16441d;
    padding: 32px;
    background: linear-gradient(180deg, #ebf7ed 0%, rgba(235, 247, 237, 0.9) 51.56%, rgba(235, 247, 237, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green-Light.svg"), #ebf7ed;
    height: 130px
}

.service-block__title span {
    display: block;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .service-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px;
        padding: 16px;
        height: 100px
    }
}

@media screen and (max-width: 768px) {
    .service-block__title {
        border-radius: 8px 8px 0 0
    }
}

.service-block__description {
    padding: 32px;
    color: #444042;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media screen and (max-width: 1440px) {
    .service-block__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .service-block__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .service-block__description {
        height: 100%
    }
}

.service-block__pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 30px
}

@media screen and (max-width: 500px) {
    .service-block__pagination {
        padding-right: 24px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.serviceBlockV2 {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.serviceBlockV2 .no-bottom {
    margin-bottom: 0 !important
}

.serviceBlockV2 .no-top {
    margin-top: 0 !important
}

.serviceBlockV2:last-of-type, .serviceBlockV2:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .serviceBlockV2:last-of-type, .serviceBlockV2:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2:last-of-type, .serviceBlockV2:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV2:last-of-type, .serviceBlockV2:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV2:last-of-type, .serviceBlockV2:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .serviceBlockV2 {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2 {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV2 {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV2 {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.serviceBlockV2-list {
    padding: 32px;
    border-radius: 8px;
    background-color: #fafafa;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2-list {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV2-list {
        display: block
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV2-list {
        padding: 8px
    }
}

.serviceBlockV2-list__item {
    min-height: 56px;
    min-width: 45%;
    width: 48%
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2-list__item {
        min-height: 40px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV2-list__item {
        width: 100%
    }
}

.serviceBlockV2-list__link {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-height: 76px;
    min-height: 56px;
    border-bottom: 1px dashed #999
}

@media screen and (max-width: 1440px) {
    .serviceBlockV2-list__link {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        max-height: 100%
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2-list__link {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.serviceBlockV2-list__title {
    color: #444042;
    padding: 0 16px;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 1024px) {
    .serviceBlockV2-list__title {
        padding: 8px;
        line-clamp: none;
        -webkit-line-clamp: none;
        display: block
    }
}

.serviceBlockV2-list__svg {
    flex-shrink: 0;
    display: block;
    margin: 0 8px 0 0
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.serviceBlockV3 {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.serviceBlockV3 .no-bottom {
    margin-bottom: 0 !important
}

.serviceBlockV3 .no-top {
    margin-top: 0 !important
}

.serviceBlockV3:last-of-type, .serviceBlockV3:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .serviceBlockV3:last-of-type, .serviceBlockV3:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV3:last-of-type, .serviceBlockV3:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV3:last-of-type, .serviceBlockV3:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV3:last-of-type, .serviceBlockV3:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .serviceBlockV3 {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV3 {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV3 {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV3 {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.serviceBlockV3__content-wrap {
    display: flex;
    justify-content: center
}

@media screen and (max-width: 768px) {
    .serviceBlockV3__content-wrap {
        flex-direction: column;
        gap: 48px 0
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV3__content-wrap {
        gap: 32px 0
    }
}

.serviceBlockV3__list-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 50%
}

@media screen and (max-width: 768px) {
    .serviceBlockV3__list-wrap {
        width: 100%
    }
}

.serviceBlockV3-list {
    padding: 32px;
    border-radius: 8px;
    background-color: #fafafa;
    justify-content: space-between;
    width: 100%;
    list-style: none
}

.serviceBlockV3-list--first {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

@media screen and (max-width: 768px) {
    .serviceBlockV3-list--first {
        border-radius: 8px
    }
}

.serviceBlockV3-list--second {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0
}

@media screen and (max-width: 768px) {
    .serviceBlockV3-list--second {
        border-radius: 8px
    }
}

@media screen and (max-width: 1024px) {
    .serviceBlockV3-list {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV3-list {
        display: block
    }
}

@media screen and (max-width: 400px) {
    .serviceBlockV3-list {
        padding: 8px
    }
}

.serviceBlockV3-list__item {
    min-height: 56px;
    min-width: 45%
}

@media screen and (max-width: 1024px) {
    .serviceBlockV3-list__item {
        min-height: 40px
    }
}

@media screen and (max-width: 768px) {
    .serviceBlockV3-list__item {
        width: 100%
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.simpleBanner {
    padding: 0 12.8125vw;
    margin: 120px 0 240px
}

.simpleBanner .no-bottom {
    margin-bottom: 0 !important
}

.simpleBanner .no-top {
    margin-top: 0 !important
}

.simpleBanner:last-of-type, .simpleBanner:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .simpleBanner:last-of-type, .simpleBanner:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .simpleBanner:last-of-type, .simpleBanner:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner:last-of-type, .simpleBanner:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .simpleBanner:last-of-type, .simpleBanner:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .simpleBanner {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .simpleBanner {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .simpleBanner {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner {
        min-height: 320px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner--no-left {
        padding-right: 7.1875vw;
        padding-left: 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .simpleBanner--no-left {
        padding-right: 6.25vw;
        padding-left: 6.25vw
    }
}

.simpleBanner__flex {
    display: flex;
    gap: 16px
}

@media screen and (max-width: 1024px) {
    .simpleBanner__flex {
        min-height: 280px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner__flex {
        gap: 0
    }
}

@media (max-width: 500px) {
    .simpleBanner__flex.swiper-wrapper {
        padding-bottom: 60px
    }
}

.simpleBanner__card {
    padding: 80px 48px;
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    gap: 38px 0;
    align-items: center;
    flex: 1;
    border-radius: 8px;
    box-sizing: border-box;
    position: relative;
    min-height: 360px
}

@media screen and (max-width: 1440px) {
    .simpleBanner__card {
        padding: 64px 48px;
        min-height: 300px
    }
}

@media screen and (max-width: 1024px) {
    .simpleBanner__card {
        padding: 64px 32px;
        gap: 66px 0;
        min-height: 280px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner__card {
        padding: 48px 24px;
        width: 280px;
        gap: 108px 0;
        margin-right: 8px
    }

    .simpleBanner__card--big {
        width: 100%
    }
}

@media screen and (max-width: 500px) {
    .simpleBanner__card {
        padding: 48px 16px;
        margin-right: 0;
        flex: none;
        width: 100%
    }
}

.simpleBanner__card_grey {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

.simpleBanner__card_green {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg"), #329a42
}

.simpleBanner__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 16px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    word-break: break-word;
    display: block;
    display: -webkit-box;
    line-clamp: 1;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 34px;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .simpleBanner__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media screen and (max-width: 1024px) {
    .simpleBanner__title {
        margin-bottom: 8px;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        height: 26px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.simpleBanner__title--big {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 56px;
    line-height: 60px
}

@media screen and (max-width: 1024px) {
    .simpleBanner__title--big {
        margin-bottom: 8px;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .simpleBanner__title--big {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.simpleBanner__description {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff;
    text-align: center;
    display: block;
    display: -webkit-box;
    line-clamp: 3;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px
}

@media screen and (max-width: 1440px) {
    .simpleBanner__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        height: 68px
    }
}

@media screen and (max-width: 1024px) {
    .simpleBanner__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        height: 62px
    }
}

.simpleBanner__btnsWrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px
}

.simpleBanner__btnsWrap button {
    margin-right: 16px
}

.simpleBanner__btnsWrap button:last-child {
    margin-right: 0
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.subscribe {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 128px;
    padding-bottom: 128px
}

.subscribe .no-bottom {
    margin-bottom: 0 !important
}

.subscribe .no-top {
    margin-top: 0 !important
}

.subscribe:last-of-type, .subscribe:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .subscribe:last-of-type, .subscribe:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .subscribe:last-of-type, .subscribe:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .subscribe:last-of-type, .subscribe:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .subscribe:last-of-type, .subscribe:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .subscribe {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .subscribe {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .subscribe {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .subscribe {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .subscribe {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .subscribe {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .subscribe {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .subscribe {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.subscribe--grey {
    background: #fafafa
}

.subscribe-item {
    position: relative;
    width: 100%;
    min-height: 220px;
    border-radius: 8px 8px 0 8px;
    display: flex;
    padding-left: 32px
}

@media screen and (max-width: 1024px) {
    .subscribe-item {
        min-height: 180px
    }
}

@media screen and (max-width: 768px) {
    .subscribe-item {
        padding-left: 16px
    }
}

@media screen and (max-width: 500px) {
    .subscribe-item {
        min-height: 280px;
        padding: 16px;
        display: block
    }
}

.subscribe-item_dark {
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

.subscribe-item_light {
    background: linear-gradient(180deg, #329a42 0%, rgba(50, 154, 66, 0.9) 51.56%, rgba(50, 154, 66, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Green.svg"), #329a42
}

.subscribe-item__content {
    max-width: 70%;
    margin: 32px 0;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1024px) {
    .subscribe-item__content {
        margin: 24px 0
    }
}

@media screen and (max-width: 500px) {
    .subscribe-item__content {
        max-width: 90%;
        margin: 16px 0;
        min-height: 210px
    }
}

.subscribe-item__content a {
    display: block;
    margin-top: auto
}

@media screen and (max-width: 500px) {
    .subscribe-item__content a {
        margin-top: 0;
        margin-bottom: auto
    }
}

.subscribe-item__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 8px;
    color: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media screen and (max-width: 1024px) {
    .subscribe-item__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

.subscribe-item__description {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #fff
}

@media screen and (max-width: 1024px) {
    .subscribe-item__description {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .subscribe-item__description {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        max-width: 240px
    }
}

@media screen and (max-width: 550px) {
    .subscribe-item__description {
        display: block;
        display: -webkit-box;
        line-clamp: 3;
        box-orient: vertical;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: auto
    }
}

.subscribe-item__illustration {
    position: absolute;
    border-top-right-radius: 8px;
    bottom: 0;
    right: 0;
    width: 346px;
    height: 100%;
    background: #fff;
    opacity: .5;
    -webkit-clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(75% 0%, 100% 0%, 100% 100%, 0% 100%)
}

@media screen and (max-width: 1024px) {
    .subscribe-item__illustration {
        width: 281px
    }
}

@media screen and (max-width: 550px) {
    .subscribe-item__illustration {
        width: 195px;
        height: 180px;
        -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
        clip-path: polygon(100% 0, 0% 100%, 100% 100%)
    }
}

.subscribe-item__pic {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 238px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    border-top-right-radius: 8px;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width: 1024px) {
    .subscribe-item__pic {
        width: 200px
    }
}

@media screen and (max-width: 550px) {
    .subscribe-item__pic {
        height: 120px;
        width: 130px
    }
}

.tab-links {
    padding: 0 12.8125vw;
    background: #ededed;
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    padding-top: 36px;
    padding-bottom: 36px
}

@media screen and (max-width: 1440px) {
    .tab-links {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .tab-links {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .tab-links {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .tab-links {
        padding: 0 6.25vw
    }
}

@media (max-width: 1440px) {
    .tab-links {
        padding-top: 28px;
        padding-bottom: 28px
    }
}

@media (max-width: 1024px) {
    .tab-links {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 768px) {
    .tab-links {
        padding-top: 20px;
        padding-bottom: 20px
    }
}

@media (max-width: 400px) {
    .tab-links {
        padding-top: 8px;
        padding-bottom: 8px
    }
}

.tab-links__wrapper {
    border-radius: 4px;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafafa;
    gap: 4px
}

.tab-links__button {
    padding: 8px;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    border-radius: 2px;
    width: 100%;
    flex: 1;
    color: #444042;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    transition: background-color .3s linear
}

@media (max-width: 1024px) {
    .tab-links__button {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

.tab-links__button:hover:not(.tab-links__button--active) {
    background: #37ab49;
    color: #fafafa
}

.tab-links__button--active {
    background: #444042;
    color: #fafafa;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .16)
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.tabsTableBlock {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    background: #fafafa;
    padding-top: 128px;
    padding-bottom: 128px
}

.tabsTableBlock .no-bottom {
    margin-bottom: 0 !important
}

.tabsTableBlock .no-top {
    margin-top: 0 !important
}

.tabsTableBlock:last-of-type, .tabsTableBlock:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .tabsTableBlock:last-of-type, .tabsTableBlock:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock:last-of-type, .tabsTableBlock:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock:last-of-type, .tabsTableBlock:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .tabsTableBlock:last-of-type, .tabsTableBlock:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .tabsTableBlock {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .tabsTableBlock {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .tabsTableBlock {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock {
        padding-top: 48px;
        padding-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .tabsTableBlock {
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.tabsTableBlock__abzac {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #16441d;
    border-radius: 8px;
    padding: 32px;
    background-color: #ebf7ed;
    margin-bottom: 32px
}

@media screen and (max-width: 1440px) {
    .tabsTableBlock__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock__abzac {
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock__abzac {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        padding: 9px 16px;
        margin-bottom: 8px
    }
}

@media screen and (max-width: 400px) {
    .tabsTableBlock__abzac {
        margin-bottom: 22px
    }
}

.tabsTableBlock__tabs {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 48px;
    overflow-x: auto;
    -ms-overflow-style: none
}

.tabsTableBlock__tabs::-webkit-scrollbar {
    width: 0 !important;
    background: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 1440px) {
    .tabsTableBlock__tabs {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock__tabs {
        margin-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock__tabs {
        margin-bottom: 16px;
        gap: 16px
    }
}

.tabsTableBlock__tab {
    white-space: nowrap;
    border: 0;
    padding: 27px 0 27px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0);
    transition: border-color .5s linear, color .5s linear;
    background: rgba(0, 0, 0, 0);
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #777
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock__tab {
        padding: 20px 0 20px 0;
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock__tab {
        padding: 12px 0 12px 0
    }
}

@media (max-width: 400px) {
    .tabsTableBlock__tab {
        padding: 4px 0 4px 0
    }
}

.tabsTableBlock__tab:hover {
    color: #000
}

.tabsTableBlock__tab--active {
    color: #000;
    border-bottom: 2px solid #37ab49
}

.tabsTableBlock__table {
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    transition: opacity .3s linear;
    overflow-x: auto;
    padding-bottom: 5px
}

.tabsTableBlock__table--active {
    max-height: none;
    opacity: 1;
    visibility: visible
}

@media (max-width: 400px) {
    .tabsTableBlock__table--active {
        padding: 2px
    }
}

.tabsTableBlock__table table {
    gap: 1px;
    border-radius: 4px;
    background-color: #ededed;
    padding: 2px;
    position: relative;
    width: 100%
}

@media screen and (max-width: 768px) {
    .tabsTableBlock__table table {
        overflow-x: scroll;
        scrollbar-color: #999 rgba(153, 153, 153, .5);
        scrollbar-width: 1px;
        border: 0
    }

    .tabsTableBlock__table table::-webkit-scrollbar {
        height: 2px;
        background-color: rgba(153, 153, 153, .5)
    }

    .tabsTableBlock__table table::-webkit-scrollbar-thumb {
        background-color: #999;
        border-radius: 1px
    }
}

.tabsTableBlock tbody {
    display: flex;
    gap: 1px;
    flex-direction: column
}

.tabsTableBlock tbody tr {
    flex: 1;
    min-width: 187px;
    position: relative;
    display: flex;
    gap: 1px
}

.tabsTableBlock tbody td {
    background-color: #fff;
    margin-top: 1px;
    padding: 0 10px;
    border-radius: 2px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #1a1a24;
    min-height: 36px;
    display: flex;
    align-items: center;
    width: 100%
}

.tabsTableBlock__table-item {
    min-width: 187px;
    flex: 1;
    position: relative
}

@media screen and (max-width: 1024px) {
    .tabsTableBlock__table-item {
        min-width: 139px;
        margin-bottom: 32px
    }

    .tabsTableBlock__table-item:after {
        content: "";
        position: absolute;
        bottom: -32px;
        height: 32px;
        left: -2px;
        right: -2px;
        background: #fafafa
    }
}

@media screen and (max-width: 768px) {
    .tabsTableBlock__table-item {
        min-width: 106px
    }
}

.tabsTableBlock thead {
    width: 100%
}

.tabsTableBlock thead tr {
    display: flex;
    gap: 1px
}

.tabsTableBlock thead tr th {
    flex: 1
}

.tabsTableBlock__table-title, .tabsTableBlock thead th {
    min-height: 36px;
    background: #23232f;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px;
    border-radius: 2px
}

.tabsTableBlock__table-title span, .tabsTableBlock thead th span {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #fff
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.targets {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 120px !important;
    padding-bottom: 140px !important
}

.targets .no-bottom {
    margin-bottom: 0 !important
}

.targets .no-top {
    margin-top: 0 !important
}

.targets:last-of-type, .targets:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .targets:last-of-type, .targets:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .targets:last-of-type, .targets:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .targets:last-of-type, .targets:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .targets:last-of-type, .targets:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .targets {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .targets {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .targets {
        padding: 0 7.1875vw;
        margin: 48px 0 136px
    }
}

@media screen and (max-width: 400px) {
    .targets {
        padding: 0 32px 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .targets {
        padding-top: 70px !important;
        padding-bottom: 101px !important
    }
}

@media screen and (max-width: 1024px) {
    .targets {
        padding-top: 64px !important;
        padding-bottom: 85px !important
    }
}

@media screen and (max-width: 768px) {
    .targets {
        padding-top: 48px !important;
        padding-bottom: 70px !important
    }
}

@media screen and (max-width: 400px) {
    .targets {
        padding-top: 32px !important;
        padding-bottom: 53px !important
    }
}

@media screen and (max-width: 400px) {
    .targets .block-header {
        margin-bottom: 16px !important
    }
}

.targets_without-slider {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.targets_without-slider .no-bottom {
    margin-bottom: 0 !important
}

.targets_without-slider .no-top {
    margin-top: 0 !important
}

.targets_without-slider:last-of-type, .targets_without-slider:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .targets_without-slider:last-of-type, .targets_without-slider:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .targets_without-slider:last-of-type, .targets_without-slider:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .targets_without-slider:last-of-type, .targets_without-slider:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .targets_without-slider:last-of-type, .targets_without-slider:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .targets_without-slider {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .targets_without-slider {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .targets_without-slider {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .targets_without-slider {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 400px) {
    .targets_without-slider {
        padding-bottom: 32px !important
    }
}

.targets_without-slider .targets__card {
    max-height: 360px
}

@media (max-width: 768px) {
    .targets_without-slider .targets__card {
        max-height: 280px
    }
}

@media screen and (max-width: 500px) {
    .targets_without-slider .targets__card {
        max-height: none
    }
}

.targets_green {
    background-color: #f5fbf6
}

.targets_orange {
    background-color: #fefaf2
}

.targets__wrapper {
    position: relative
}

.targets__swiper {
    padding-bottom: 70px
}

@media screen and (max-width: 1440px) {
    .targets__swiper {
        padding-bottom: 53px
    }
}

@media screen and (max-width: 1024px) {
    .targets__swiper {
        padding-bottom: 45px
    }
}

@media screen and (max-width: 768px) {
    .targets__swiper {
        padding-bottom: 37px
    }
}

.targets__list {
    width: 98%
}

@media screen and (max-width: 1024px) {
    .targets__list {
        width: 98%
    }
}

.targets__card {
    min-height: 360px;
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    gap: 0 16px;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .targets__card {
        min-height: 280px
    }
}

@media screen and (max-width: 600px) {
    .targets__card {
        width: 290px;
        gap: 0;
        display: block
    }
}

@media (max-width: 500px) {
    .targets__card {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .targets__card_without-slider {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        gap: 0 16px;
        width: auto !important
    }
}

@media screen and (max-width: 400px) {
    .targets__card_without-slider {
        display: flex;
        gap: 16px 0;
        flex-direction: column
    }
}

.targets__pic {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    border-radius: 8px 8px 0 8px
}

.targets__pic:hover img {
    scale: 1.4
}

@media screen and (max-width: 768px) {
    .targets__pic {
        height: 280px;
        width: 97%;
        margin: 0
    }
}

.targets__pic img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    transition: scale .3s linear
}

@media screen and (max-width: 768px) {
    .targets__pic {
        width: auto;
        height: 280px
    }
}

.targets__textBlock {
    height: 100%;
    background-color: #fff;
    border-radius: 8px;
    padding: 32px;
    cursor: pointer;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .targets__textBlock {
        padding: 24px
    }
}

@media screen and (max-width: 768px) {
    .targets__textBlock {
        height: 280px;
        width: 100%;
        margin: 16px 0 0;
        padding: 16px
    }
}

.targets__textBlock_without-slider {
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 768px) {
    .targets__textBlock_without-slider {
        height: 280px;
        margin: 0;
        padding: 16px
    }
}

.targets__title {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px
}

@media screen and (max-width: 1440px) {
    .targets__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 21px
    }
}

@media screen and (max-width: 768px) {
    .targets__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 19px
    }
}

.targets__text {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 30px;
    display: block;
    color: #444042
}

@media (max-width: 1440px) {
    .targets__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px
    }
}

@media (max-width: 1024px) {
    .targets__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 16px
    }
}

@media screen and (max-width: 768px) {
    .targets__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

.targets__text--small {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    display: block;
    display: -webkit-box;
    line-clamp: 7;
    box-orient: vertical;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (max-width: 1024px) {
    .targets__text--small {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 768px) {
    .targets__text--small {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

@media (max-width: 768px) {
    .targets__arrow {
        display: block;
        width: 32px;
        height: 32px
    }

    .targets__arrow.slider-arrows__next {
        right: -37px
    }

    .targets__arrow.slider-arrows__prev {
        left: -37px
    }

    .targets__arrow svg {
        width: 32px;
        height: 32px
    }
}

@media (max-width: 600px) {
    .targets__arrow {
        display: none
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.team {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    padding-top: 128px;
    padding-bottom: 128px;
    background-color: #fafafa
}

.team .no-bottom {
    margin-bottom: 0 !important
}

.team .no-top {
    margin-top: 0 !important
}

.team:last-of-type, .team:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .team:last-of-type, .team:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .team:last-of-type, .team:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .team:last-of-type, .team:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .team:last-of-type, .team:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .team {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .team {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .team {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .team {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .team {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .team {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .team {
        padding-top: 48px;
        padding-bottom: 48px;
        margin-bottom: 48px !important
    }
}

@media screen and (max-width: 400px) {
    .team {
        margin-bottom: 32px;
        padding-top: 32px;
        padding-bottom: 32px
    }
}

.team__card {
    min-height: 700px;
    overflow: hidden;
    border-radius: 16px 16px 0 16px;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 1440px) {
    .team__card {
        min-height: 560px
    }
}

@media screen and (max-width: 1024px) {
    .team__card {
        min-height: 460px
    }
}

@media screen and (max-width: 768px) {
    .team__card {
        min-height: 480px;
        width: 100%
    }
}

.team__wrapper {
    position: relative
}

@media (max-width: 500px) {
    .team__wrapper:not(.team__wrapper.team__wrapper_default) {
        margin-right: -6.25vw
    }

    .team__wrapper:not(.team__wrapper.team__wrapper_default) .swiper-pagination {
        padding-right: 6.25vw
    }
}

.team__wrapper_default {
    padding-bottom: 0
}

.team__pic {
    position: relative;
    width: 100%;
    height: 464px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.team__pic:hover img {
    scale: 1.5;
    transform: translateY(40px)
}

.team__pic img {
    transition: scale .3s linear, transform .3s linear;
    -o-object-position: center center;
    object-position: center center;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1440px) {
    .team__pic {
        height: 368px
    }
}

@media screen and (max-width: 1024px) {
    .team__pic {
        height: 272px
    }
}

@media screen and (max-width: 768px) {
    .team__pic {
        height: 100%
    }
}

@media screen and (max-width: 400px) {
    .team__pic {
        height: 280px
    }
}

.team__content {
    position: relative;
    width: 100%;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 236px;
    padding: 24px;
    border-radius: 0 0 0 8px
}

@media screen and (max-width: 1440px) {
    .team__content {
        min-height: 192px
    }
}

@media screen and (max-width: 1024px) {
    .team__content {
        min-height: 188px;
        padding: 16px
    }
}

@media screen and (max-width: 768px) {
    .team__content {
        min-height: 160px
    }
}

@media screen and (max-width: 400px) {
    .team__content {
        min-height: 200px
    }
}

@media screen and (max-width: 500px) {
    .team__slide {
        width: 280px
    }
}

.team__name {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #444042;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    line-clamp: 2
}

@media screen and (max-width: 1440px) {
    .team__name {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .team__name {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }
}

.team__profession {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #37ab49;
    margin-bottom: 8px
}

@media screen and (max-width: 1440px) {
    .team__profession {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        line-height: 20px
    }
}

@media screen and (max-width: 1024px) {
    .team__profession {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        line-height: 16px
    }
}

.team__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3
}

@media screen and (max-width: 1440px) {
    .team__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        line-height: 18px
    }
}

@media screen and (max-width: 1024px) {
    .team__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        line-height: 16px
    }
}

.team__text_green {
    color: #37ab49;
    cursor: pointer
}

.team__pagination {
    bottom: 11px
}

@media (max-width: 1440px) {
    .team__pagination {
        bottom: 28px
    }
}

@media (max-width: 1024px) {
    .team__pagination {
        bottom: 10px
    }
}

@media (max-width: 500px) {
    .team__pagination {
        bottom: 0
    }
}

.team-swiper__wrapper {
    padding-bottom: 85px
}

@media (max-width: 500px) {
    .team-swiper__wrapper {
        padding-bottom: 50px
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.team-card-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    overflow: hidden;
    padding-top: 120px
}

.team-card-block .no-bottom {
    margin-bottom: 0 !important
}

.team-card-block .no-top {
    margin-top: 0 !important
}

.team-card-block:last-of-type, .team-card-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .team-card-block:last-of-type, .team-card-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block:last-of-type, .team-card-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .team-card-block:last-of-type, .team-card-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .team-card-block:last-of-type, .team-card-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .team-card-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .team-card-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .team-card-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .team-card-block {
        padding-top: 80px;
        padding-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block {
        padding-top: 64px;
        padding-bottom: 64px !important
    }
}

@media screen and (max-width: 768px) {
    .team-card-block {
        padding-top: 48px !important;
        padding-bottom: 48px !important
    }
}

@media screen and (max-width: 400px) {
    .team-card-block {
        padding-top: 32px !important;
        padding-bottom: 32px !important
    }
}

@media (max-width: 450px) {
    .team-card-block__swiper {
        margin-right: -6.25vw
    }

    .team-card-block__swiper .swiper-pagination {
        padding-right: 6.25vw
    }
}

.team-card-block__list_wouter {
    padding-bottom: 0
}

.team-card-block__wrapper {
    position: relative
}

.team-card-block__wrapper .slider-arrows__prev, .team-card-block__wrapper .slider-arrows__next {
    top: 33%
}

@media (max-width: 1024px) {
    .team-card-block__wrapper .slider-arrows__prev, .team-card-block__wrapper .slider-arrows__next {
        top: 40%
    }
}

.team-card-block__list {
    padding-bottom: 50px
}

.team-card-block__card {
    width: 100%;
    background-color: #fafafa;
    display: flex;
    gap: 24px;
    padding: 24px;
    border-radius: 16px;
    cursor: pointer
}

@media (max-width: 1440px) {
    .team-card-block__card {
        padding: 16px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block__card {
        flex-direction: column
    }
}

.team-card-block__card-right {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.team-card-block__img {
    position: relative;
    flex-shrink: 0;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px 8px 0 8px
}

.team-card-block__img:hover img {
    scale: 1.5
}

.team-card-block__img img {
    width: 100%;
    max-width: 224px;
    max-height: 224px;
    aspect-ratio: 1/1;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: scale .3s linear
}

@media screen and (max-width: 1024px) {
    .team-card-block__img img {
        width: 100%;
        max-width: none;
        max-height: none;
        height: auto
    }
}

.team-card-block__name {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 22px;
    line-height: 27px;
    color: #444042
}

@media screen and (max-width: 1440px) {
    .team-card-block__name {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block__name {
        font-family: Montserrat, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }
}

.team-card-block__job {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #37ab49;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

@media screen and (max-width: 1440px) {
    .team-card-block__job {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block__job {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.team-card-block__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -moz-box;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-clamp: 5
}

@media screen and (max-width: 1440px) {
    .team-card-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .team-card-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.team-card-block__contact {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    color: #37ab49;
    text-align: right
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.text-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.text-block .no-bottom {
    margin-bottom: 0 !important
}

.text-block .no-top {
    margin-top: 0 !important
}

.text-block:last-of-type, .text-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .text-block:last-of-type, .text-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .text-block:last-of-type, .text-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .text-block:last-of-type, .text-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .text-block:last-of-type, .text-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .text-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .text-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .text-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .text-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.text-block--no-padding {
    padding-top: 0 !important
}

.text-block__wrapper_beige {
    border-radius: 8px;
    background-color: #fafafa;
    padding: 32px
}

@media (max-width: 1024px) {
    .text-block__wrapper_beige {
        padding: 16px
    }
}

.text-block__wrapper {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042
}

@media (max-width: 1024px) {
    .text-block__wrapper {
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .text-block__wrapper {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 16px
    }
}

.text-block__wrapper p {
    margin-bottom: 32px;
    text-align: justify
}

@media screen and (max-width: 768px) {
    .text-block__wrapper p {
        margin-bottom: 20px
    }
}

.text-block__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 32px;
    color: #363335
}

@media screen and (max-width: 1024px) {
    .text-block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 768px) {
    .text-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px
    }
}

.text-block__service {
    position: relative;
    cursor: pointer;
    padding: 32px;
    background: #fafafa;
    border-radius: 8px 8px 0 8px;
    margin-bottom: 24px
}

@media (max-width: 1024px) {
    .text-block__service {
        padding: 16px
    }
}

.text-block__service-title {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 16px
}

@media (max-width: 1440px) {
    .text-block__service-title {
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 1024px) {
    .text-block__service-title {
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 8px
    }
}

@media (max-width: 768px) {
    .text-block__service-title {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

.text-block__service-name {
    font-family: "Montserrat", sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 16px;
    color: #37ab49
}

@media (max-width: 1440px) {
    .text-block__service-name {
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

@media (max-width: 1024px) {
    .text-block__service-name {
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 8px
    }
}

@media (max-width: 768px) {
    .text-block__service-name {
        font-weight: 500;
        font-size: 12px;
        line-height: 22px
    }
}

.text-block__service-text {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #444042;
    max-width: 1100px;
    padding-right: 20px
}

@media (max-width: 1440px) {
    .text-block__service-text {
        max-width: 600px
    }
}

@media (max-width: 1024px) {
    .text-block__service-text {
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.text-info {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.text-info .no-bottom {
    margin-bottom: 0 !important
}

.text-info .no-top {
    margin-top: 0 !important
}

.text-info:last-of-type, .text-info:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .text-info:last-of-type, .text-info:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .text-info:last-of-type, .text-info:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .text-info:last-of-type, .text-info:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .text-info:last-of-type, .text-info:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .text-info {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .text-info {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .text-info {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .text-info {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.text-info__wrapper {
    color: #444042;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .text-info__wrapper {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .text-info__wrapper {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.text-info__button {
    background: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    color: #37ab49;
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1024px) {
    .text-info__button {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 768px) {
    .text-info__button {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.text-info__button svg {
    transform: rotate(180deg);
    transition: transform .3s linear
}

.text-info__button .text-info__hide {
    display: none
}

.text-info__button--active svg {
    transform: rotate(0)
}

.text-info__button--active .text-info__hide {
    display: block
}

.text-info__button--active .text-info__show {
    display: none
}

.text-info__text {
    max-height: 1000px;
    transition: max-height .3s linear, opacity .3s linear
}

.text-info__text--hidden {
    max-height: 0;
    overflow: hidden;
    opacity: 0
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.tezis-list-block {
    padding: 0 12.8125vw
}

@media screen and (max-width: 1440px) {
    .tezis-list-block {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .tezis-list-block {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .tezis-list-block {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .tezis-list-block {
        padding: 0 6.25vw
    }
}

.tezis-list-block__inner {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    border: 1px dashed #37ab49;
    border-radius: 8px;
    padding: 32px;
    color: #444042;
    margin-bottom: 80px
}

@media (max-width: 1440px) {
    .tezis-list-block__inner {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 64px
    }
}

@media (max-width: 1024px) {
    .tezis-list-block__inner {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px;
        padding: 16px;
        margin-bottom: 48px
    }
}

@media (max-width: 768px) {
    .tezis-list-block__inner {
        margin-bottom: 40px
    }
}

@media screen and (max-width: 400px) {
    .tezis-list-block__inner {
        margin-bottom: 32px
    }
}

.tezis-list-block__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #363335;
    margin-bottom: 22px
}

@media screen and (max-width: 1024px) {
    .tezis-list-block__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 26px
    }
}

@media screen and (max-width: 768px) {
    .tezis-list-block__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.tezis-list-block__list {
    padding: 32px;
    background-color: #fafafa;
    border-radius: 8px;
    margin-bottom: 16px;
    list-style: none
}

@media screen and (max-width: 1024px) {
    .tezis-list-block__list {
        padding: 24px
    }
}

@media screen and (max-width: 768px) {
    .tezis-list-block__list {
        padding: 16px
    }
}

@media screen and (max-width: 400px) {
    .tezis-list-block__list {
        padding: 8px
    }
}

.tezis-list-block__item {
    display: flex;
    gap: 16px;
    border-bottom: 1px dashed #999;
    padding: 16px 0
}

.tezis-list-block__text {
    display: block;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #444042
}

@media screen and (max-width: 1440px) {
    .tezis-list-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 22px
    }
}

@media screen and (max-width: 1024px) {
    .tezis-list-block__text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px
    }
}

.tezis-list-block__footer {
    padding: 16px 32px;
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .tezis-list-block__footer {
        padding: 12px 24px
    }
}

@media screen and (max-width: 768px) {
    .tezis-list-block__footer {
        padding: 8px 16px
    }
}

.tezis-list-block__tags {
    display: flex;
    gap: 16px 8px;
    flex-wrap: wrap
}

@media screen and (max-width: 1024px) {
    .tezis-list-block__tags {
        gap: 4px
    }
}

.vacancy-section {
    padding: 0 12.8125vw
}

@media screen and (max-width: 1440px) {
    .vacancy-section {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-section {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .vacancy-section {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .vacancy-section {
        padding: 0 6.25vw
    }
}

.vacancy-section--top {
    padding-top: 128px
}

@media screen and (max-width: 1440px) {
    .vacancy-section--top {
        padding-top: 80px
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-section--top {
        padding-top: 64px
    }
}

@media screen and (max-width: 768px) {
    .vacancy-section--top {
        padding-top: 48px
    }
}

@media screen and (max-width: 400px) {
    .vacancy-section--top {
        padding-top: 32px
    }
}

.vacancy-section--bottom {
    padding-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .vacancy-section--bottom {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-section--bottom {
        padding-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .vacancy-section--bottom {
        padding-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .vacancy-section--bottom {
        padding-bottom: 32px
    }
}

.vacancy-section__block {
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding: 80px;
    height: 360px;
    color: #fff;
    background: linear-gradient(180deg, #555555 0%, rgba(85, 85, 85, 0.9) 51.56%, rgba(85, 85, 85, 0.6) 100%), url("/local/templates/b1/dist/css/../assets/icons/gradient-patterns/B1-Pattern-Grey-Dark.svg"), #555
}

@media (max-width: 1440px) {
    .vacancy-section__block {
        height: 300px;
        padding: 64px 24px
    }
}

@media (max-width: 1024px) {
    .vacancy-section__block {
        padding: 64px 16px
    }
}

.vacancy-section__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 10px
}

@media (max-width: 1440px) {
    .vacancy-section__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 28px
    }
}

@media (max-width: 1024px) {
    .vacancy-section__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .vacancy-section__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 8px
    }
}

.vacancy-section__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px
}

@media (max-width: 1440px) {
    .vacancy-section__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 22px
    }
}

@media (max-width: 1024px) {
    .vacancy-section__text {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 12px;
        line-height: 14px;
        line-height: 20px
    }
}

.vacancy-section button {
    margin-top: auto
}

.video-block {
    padding: 0 12.8125vw;
    margin: 128px 0 256px
}

.video-block .no-bottom {
    margin-bottom: 0 !important
}

.video-block .no-top {
    margin-top: 0 !important
}

.video-block:last-of-type, .video-block:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .video-block:last-of-type, .video-block:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .video-block:last-of-type, .video-block:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .video-block:last-of-type, .video-block:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .video-block:last-of-type, .video-block:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .video-block {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .video-block {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .video-block {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .video-block {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

.video-block__inner {
    width: 100%;
    height: 100%
}

.video-block iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

@media (max-width: 1440px) {
    .video-block iframe {
        aspect-ratio: 14/9
    }
}

@media (max-width: 768px) {
    .video-block iframe {
        aspect-ratio: 16/9
    }
}

@media (max-width: 400px) {
    .video-block iframe {
        aspect-ratio: 14/9
    }
}

.btnComponent {
    position: relative;
    display: flex;
    align-items: center;
    /*b1 white-space: nowrap;*/
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #fff;
    cursor: pointer;
    min-height: 40px;
    padding: 0 20px;
    justify-content: center;
    border-radius: 4px;
    transition: background-color .3s linear, border-color .3s linear, color .3s linear;
    flex-shrink: 0
}

/*region b1 Уменьшаем шрифт тегов под поисковой строкой должностей */
.page-cover__tips .btnComponent {
    font-size: 14px !important;
}
/*endregion*/

@media screen and (max-width: 1024px) {
    .btnComponent {
        min-height: 32px;
        padding: 4px 15px
        /*b1 padding: 0 15px*/
    }
}

@media screen and (max-width: 400px) {
    .btnComponent {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        min-height: 24px;
        padding: 2px 10px;
        /*b1 padding: 0 10px;*/
        border-radius: 2px
    }

    /*region b1 Уменьшаем шрифт тегов под поисковой строкой должностей */
    .page-cover__tips .btnComponent {
        font-size: 12px !important;
    }
    /*endregion*/
}

.btnComponent--icon {
    padding: 0 12px
}

.btnComponent_iconLeft {
    padding-left: 6px
}

.btnComponent_iconRight {
    margin-right: 6px;
    /*b1 Выравнивание по левому краю при переносе текста в теге*/
    text-align: start;
}

.btnComponent_lightPrimary {
    border: 0;
    background: #37ab49
}

.btnComponent_lightPrimary svg path {
    transition: .1s;
    fill: #fff;
    opacity: .6
}

.btnComponent_lightPrimary:hover {
    background: #4bb35b;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .25), 0px 4px 8px rgba(26, 26, 36, .15), inset 0px 1px 0px rgba(255, 255, 255, .5), inset 0px -1px 0px rgba(0, 0, 0, .15)
}

.btnComponent_lightPrimary:active {
    background: #21672c;
    box-shadow: none
}

.btnComponent_lightPrimary:disabled {
    background: #999;
    opacity: .4;
    cursor: default;
    box-shadow: none
}

.btnComponent_lightSecondary {
    border: 1px solid #37ab49;
    background: rgba(0, 0, 0, 0);
    color: #37ab49
}

.btnComponent_lightSecondary svg path {
    transition: .1s;
    fill: #37ab49;
    opacity: .6
}

.btnComponent_lightSecondary:hover {
    border: 1px solid #37ab49;
    background: #37ab49;
    color: #fff
}

.btnComponent_lightSecondary:hover svg path {
    transition: .1s;
    fill: #fff;
    opacity: .6
}

.btnComponent_lightSecondary:active {
    border: 1px solid #21672c;
    background: #21672c;
    color: #fff
}

.btnComponent_lightSecondary:active svg path {
    transition: .1s;
    fill: #fff;
    opacity: .6
}

.btnComponent_lightSecondary:disabled {
    border: 1px solid #999;
    background: rgba(0, 0, 0, 0);
    color: #999;
    opacity: .4;
    cursor: default
}

.btnComponent_lightSecondary:disabled svg path {
    transition: .1s;
    fill: #000;
    opacity: .6
}

.btnComponent_darkPrimary {
    border: 1px solid #37ab49;
    background: #37ab49
}

.btnComponent_darkPrimary svg path {
    transition: .1s;
    fill: #fff;
    opacity: .6
}

.btnComponent_darkPrimary:hover {
    border: 1px solid #4bb35b;
    background: #4bb35b;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25), 0 0 16px rgba(55, 171, 73, .3), inset 0 1px 0 rgba(255, 255, 255, .4), inset 0px -1px 0px rgba(0, 0, 0, .15)
}

.btnComponent_darkPrimary:active {
    border: 1px solid #2c893a;
    background: #2c893a;
    box-shadow: none
}

.btnComponent_darkPrimary:disabled {
    border: 1px solid rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, .2);
    box-shadow: none;
    cursor: default
}

.btnComponent_darkPrimary:disabled span {
    color: #000;
    opacity: .7
}

.btnComponent_darkPrimary:disabled svg path {
    transition: .1s;
    fill: #000;
    opacity: .6
}

.btnComponent_darkSecondary {
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0)
}

.btnComponent_darkSecondary svg path {
    fill: #fff;
    opacity: .7
}

.btnComponent_darkSecondary:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #000
}

.btnComponent_darkSecondary:hover span {
    opacity: .7
}

.btnComponent_darkSecondary:hover svg path {
    transition: .1s;
    fill: #000;
    opacity: .6
}

.btnComponent_darkSecondary:active {
    border: 1px solid #fff;
    background: #fff;
    color: #000;
    opacity: .7
}

.btnComponent_darkSecondary:disabled {
    border: 1px solid #fff;
    background: rgba(0, 0, 0, 0);
    color: #fff;
    opacity: .3;
    box-shadow: none;
    cursor: default
}

.btnComponent--icon-mob svg {
    display: none
}

@media (max-width: 768px) {
    .btnComponent--icon-mob svg {
        display: block
    }

    .btnComponent--icon-mob span {
        display: none
    }
}

.btn-ya-share {
    position: relative;
    display: flex;
    white-space: nowrap;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    min-height: 40px;
    padding: 0 20px;
    border-radius: 4px;
    border: 1px solid;
    transition: background-color .3s linear, border-color .3s linear, color .3s linear;
    flex-shrink: 0
}

@media screen and (max-width: 1024px) {
    .btn-ya-share {
        min-height: 32px;
        padding: 0 15px
    }
}

@media screen and (max-width: 400px) {
    .btn-ya-share {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px;
        min-height: 24px;
        padding: 0 10px;
        border-radius: 2px
    }
}

.btn-ya-share_green {
    border-color: #37ab49
}

.btn-ya-share_green:hover {
    background-color: #37ab49
}

.btn-ya-share_white {
    border-color: #fff
}

.btn-ya-share_white:hover {
    background-color: #fff
}

.btn-ya-share__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    width: 100%;
    gap: 6px
}

.btn-ya-share_green .btn-ya-share__inner {
    color: #37ab49
}

.btn-ya-share_green:hover .btn-ya-share__inner {
    color: #fff
}

.btn-ya-share_white .btn-ya-share__inner {
    color: #fff
}

.btn-ya-share_white:hover .btn-ya-share__inner {
    color: #000
}

.btn-ya-share__icon {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    opacity: .5
}

.btn-ya-share .ya-share2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.btn-ya-share .ya-share2__container, .btn-ya-share .ya-share2__list, .btn-ya-share .ya-share2__item, .btn-ya-share .ya-share2__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.btn-ya-share .ya-share2__badge {
    display: none
}

.checkbox {
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.checkbox__label {
    position: relative;
    padding-left: 50px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    color: #444042;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px
}

.checkbox__label:before {
    content: "";
    background: #999;
    position: absolute;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1);
    border-radius: 19px;
    width: 40px;
    height: 24px;
    left: 0;
    top: -2px;
    transition: background-color .3s linear
}

.checkbox__label:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: 2px;
    top: 0;
    background: #fff;
    border-radius: 50%;
    transition: left .3s linear;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.checkbox__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    opacity: 0
}

.checkbox__input:checked + .checkbox__label:after {
    left: 19px
}

.checkbox__input:checked + .checkbox__label:before {
    background: #37ab49
}

.multi-select {
    position: relative;
    width: 100%;
    max-width: 100%
}

.multi-select select {
    display: none
}

.multi-select input {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.multi-select input::-moz-placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    opacity: .4
}

.multi-select input::placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    opacity: .4
}

.multi-select .ts-wrapper {
    position: relative;
    width: 100%
}

.multi-select .ts-wrapper.single .ts-control:after {
    content: "";
    width: 18px;
    height: 18px;
    background: url("/local/templates/b1/dist/css/../assets/icons/expand_more.svg");
    position: absolute;
    right: 15px;
    top: 10px;
    transition: transform .3s linear;
    will-change: transform
}

.multi-select .ts-wrapper.single.dropdown-active .ts-control:after {
    transform: rotate(180deg)
}

.multi-select .ts-control, .multi-select .ts-control input, .multi-select .ts-dropdown {
    font-smoothing: inherit;
    color: #343a40;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5
}

.multi-select .ts-dropdown {
    background: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 0 0 .25rem .25rem;
    border-top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    box-sizing: border-box;
    left: 0;
    margin: .25rem 0 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 10
}

.multi-select .ts-control {
    padding-left: 10px;
    align-items: center;
    display: flex;
    background: #fafafa;
    border-radius: 4px;
    min-height: 40px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    cursor: pointer;
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.multi-select .ts-control input {
    background: rgba(0, 0, 0, 0);
    border: 0;
    outline: none;
    width: 100%
}

.multi-select .ts-control .item {
    flex-shrink: 0;
    padding-top: 14px;
    margin-right: 5px
}

.multi-select .ts-control .item + input {
    padding-top: 14px
}

.multi-select .ts-control .item + input::-moz-placeholder {
    opacity: 0
}

.multi-select .ts-control .item + input::placeholder {
    opacity: 0
}

.multi-select .ts-dropdown-content {
    overflow-scrolling: touch;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    scroll-behavior: smooth;
    padding: 10px
}

.multi-select .option {
    padding: 4.5px 8px;
    border-radius: 2px;
    cursor: pointer
}

.multi-select .option input {
    display: none
}

.multi-select .option:hover {
    color: #21672c;
    background: #ebf7ed
}

.multi-select .option.selected {
    color: #21672c;
    background: #ebf7ed;
    position: relative
}

.multi-select .option.selected:after {
    content: "";
    width: 20px;
    height: 20px;
    background: url("/local/templates/b1/dist/css/../assets/icons/check.svg") no-repeat no-repeat;
    opacity: .5;
    position: absolute;
    right: 8px;
    bottom: 4px
}

.multi-select .select-placeholder {
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    left: 10px;
    top: 2px;
    opacity: .4;
    color: #000
}

.multi-select .select-placeholder_hide {
    display: none
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.search {
    display: flex;
    align-items: center;
    position: relative;
    gap: 0 16px
}

.search.page-cover__search .search__input {
    padding-left: 34px
}

@media (max-width: 768px) {
    .search {
        flex-direction: column;
        gap: 8px;
        margin-bottom: 8px;
        align-items: baseline
    }
}

@media (max-width: 768px) {
    .search--vacancy {
        align-items: center
    }
}

.search--vacancy input {
    background: #fafafa;
    border-radius: 4px;
    padding-left: 10px
}

.search--vacancy input:focus {
    padding-top: 0
}

.search--vacancy .filter-icon {
    display: none
}

@media (max-width: 768px) {
    .search--vacancy .filter-icon {
        display: block
    }

    .search--vacancy .filter-icon + span {
        display: none
    }
}

.search__icon {
    opacity: .5;
    position: absolute;
    left: 10px;
    top: 10px
}

@media (max-width: 1024px) {
    .search__icon {
        top: 5px
    }
}

.search__top {
    position: absolute;
    left: 34px;
    top: 2px;
    display: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    color: #000;
    opacity: .4
}

.search__top--no-left {
    left: 10px
}

.search__label {
    cursor: pointer;
    background-color: #fafafa;
    position: relative;
    border-radius: 4px;
    width: 100%
}

.search__close {
    position: absolute;
    right: 16px;
    top: 10px;
    opacity: .5;
    border: 0;
    background: rgba(0, 0, 0, 0);
    width: 18px;
    height: 18px;
    z-index: 2;
    cursor: pointer;
    display: none
}

@media (max-width: 768px) {
    .search__close {
        top: 6px
    }
}

.search__close--show {
    display: block
}

.search__input {
    width: 100%;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    height: 40px;
    outline: none;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    border-top: rgba(0, 0, 0, 0);
    border-right: rgba(0, 0, 0, 0);
    border-left: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0);
    padding: 0 34px 0 10px
}

@media screen and (max-width: 1024px) {
    .search__input {
        height: 32px
    }
}

.search__input::-moz-placeholder {
    color: #000;
    opacity: .4
}

.search__input::placeholder {
    color: #000;
    opacity: .4
}

.search__input:focus {
    padding-top: 14px
}

.search__input:focus::-moz-placeholder {
    opacity: 0
}

.search__input:focus::placeholder {
    opacity: 0
}

.search__input:focus + .search__top {
    display: block
}

.search__input--no-left {
    padding-left: 10px
}

.search__buttons {
    display: flex;
    gap: 8px
}

.search svg {
    width: 20px;
    height: 20px
}

.search_searchLocation {
    padding: 0 12.8125vw;
    margin: 128px 0 256px;
    margin: 0;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    background-color: #f2f2f2;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}

.search_searchLocation .no-bottom {
    margin-bottom: 0 !important
}

.search_searchLocation .no-top {
    margin-top: 0 !important
}

.search_searchLocation:last-of-type, .search_searchLocation:last-child {
    margin-bottom: 128px
}

@media screen and (max-width: 1440px) {
    .search_searchLocation:last-of-type, .search_searchLocation:last-child {
        margin-bottom: 80px
    }
}

@media screen and (max-width: 1024px) {
    .search_searchLocation:last-of-type, .search_searchLocation:last-child {
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .search_searchLocation:last-of-type, .search_searchLocation:last-child {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .search_searchLocation:last-of-type, .search_searchLocation:last-child {
        margin-bottom: 32px
    }
}

@media screen and (max-width: 1440px) {
    .search_searchLocation {
        padding: 0 10vw;
        margin: 80px 0 160px
    }
}

@media screen and (max-width: 1024px) {
    .search_searchLocation {
        padding: 0 8.4375vw;
        margin: 64px 0 128px
    }
}

@media screen and (max-width: 768px) {
    .search_searchLocation {
        padding: 0 7.1875vw;
        margin: 48px 0 96px
    }
}

@media screen and (max-width: 400px) {
    .search_searchLocation {
        padding: 0 6.25vw;
        margin: 32px 0 64px
    }
}

@media screen and (max-width: 1440px) {
    .search_searchLocation {
        padding-top: 80px;
        padding-bottom: 80px;
        margin: 0
    }
}

@media screen and (max-width: 1024px) {
    .search_searchLocation {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        margin: 0
    }

    .search_searchLocation .btnComponent {
        height: 40px;
        min-width: 60px;
        border-radius: 4px
    }
}

@media screen and (max-width: 768px) {
    .search_searchLocation {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        margin: 0;
        margin-bottom: 0
    }

    .search_searchLocation.search {
        flex-direction: row
    }
}

@media screen and (max-width: 400px) {
    .search_searchLocation {
        padding-top: 32px;
        padding-bottom: 32px;
        margin: 0
    }
}

.search__tips {
    display: none;
    flex-direction: column;
    background: #fff;
    width: 100%;
    box-shadow: 0 2px 0 rgba(0, 0, 0, .16), 0 8px 8px rgba(0, 0, 0, .1);
    border-radius: 0 0 16px 16px;
    overflow: hidden
}

.search__tips--show {
    display: flex;
    position: absolute;
    left: 0;
    top: 40px;
    right: 0;
    z-index: 5
}

@media (max-width: 768px) {
    .search__tips--show {
        top: 32px
    }
}

.search__tips-wrapper {
    position: relative
}

.search__tips-head {
    background: #fafafa;
    color: #777;
    text-transform: uppercase;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 23px 34px
}

.search__tips-head span {
    margin-left: 8px
}

.search__items {
    padding: 8px
}

.search__text {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    display: block;
    padding: 6px 34px;
    color: #555
}

.search__text span, .search__text mark {
    background-color: rgba(0, 0, 0, 0);
    font-weight: 500;
    color: #000
}

.search__more {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #37ab49;
    padding: 6px 34px
}

@keyframes heightAnimationSearch {
    0% {
        height: 0
    }
    100% {
        height: 100%
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.tag-wrap {
    display: flex
}

.tag {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    border: rgba(0, 0, 0, 0);
    display: flex;
    align-items: center;
    border-radius: 4px;
    transition: .3s
}

@media (max-width: 1024px) {
    .tag {
        font-size: 10px;
        line-height: 12px;
        padding: 0 4px;
        min-height: 16px
    }
}

.tag_L {
    min-height: 40px;
    padding: 0 24px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 1024px) {
    .tag_L {
        min-height: 32px;
        padding: 6px 16px
        /*b1padding: 0 16px*/
    }
}

@media (max-width: 768px) {
    .tag_L {
        min-height: 24px;
        padding: 4px 8px;
        /*b1padding: 0 8px;*/
        font-size: 12px;
        line-height: 14px
    }
}

.tag_M {
    min-height: 32px;
    padding: 0 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px
}

@media (max-width: 1024px) {
    .tag_M {
        min-height: 24px;
        padding: 0 8px
    }
}

@media (max-width: 768px) {
    .tag_M {
        font-size: 12px;
        line-height: 14px
    }
}

.tag_S {
    min-height: 24px;
    padding: 0 8px
}

@media (max-width: 1024px) {
    .tag_S {
        min-height: 16px;
        padding: 0 4px
    }
}

.tag_orange {
    background-color: #fef4e5;
    color: #d67a00
}

.tag_orange:hover, .tag_orange.active {
    transition: .3s;
    background-color: #f39200;
    color: #fff
}

.tag_orange:active {
    transition: .3s;
    background-color: #d67a00
}

.tag_red {
    background-color: #fcebea;
    color: #be2922
}

.tag_red:hover, .tag_red.active {
    transition: .3s;
    background-color: #e6332a;
    color: #fff
}

.tag_red:active {
    transition: .3s;
    background-color: #be2922
}

.tag--close {
    position: relative;
    padding-right: 48px
}

.tag--close:after {
    content: "";
    position: absolute;
    right: 24px;
    top: 12px;
    width: 16px;
    height: 16px;
    background: url("/local/templates/b1/dist/css/../assets/icons/close.svg")
}

@media (max-width: 1024px) {
    .tag--close {
        padding-right: 24px
    }

    .tag--close:after {
        top: 7px;
        right: 6px
    }
}

@media (max-width: 768px) {
    .tag--close:after {
        top: 4px
    }
}

.tag_violet {
    background-color: #f0e9f3;
    color: #521d69
}

.tag_violet:hover, .tag_violet.active {
    transition: .3s;
    background-color: #662483;
    color: #fff
}

.tag_violet:active {
    transition: .3s;
    background-color: #521d69
}

.tag_dark-blue {
    background-color: #e5e6f7;
    color: #24256c
}

.tag_dark-blue:hover, .tag_dark-blue.active {
    transition: .3s;
    background-color: #2d2e87;
    color: #fff
}

.tag_blue {
    background-color: #e8f1f8;
    color: #175a93
}

.tag_blue:hover, .tag_blue.active {
    transition: .3s;
    background-color: #1d71b8;
    color: #fff
}

.tag_turquoise {
    background-color: #e5f5f4;
    color: #008075
}

.tag_turquoise:hover, .tag_turquoise.active {
    transition: .3s;
    background-color: #00a092;
    color: #fff
}

.tag_green {
    background-color: #ebf7ed;
    color: #2c893a
}

.tag_green:hover, .tag_green.active {
    transition: .3s;
    background-color: #37ab49;
    color: #fff
}

.tag_grey {
    background-color: #f2f2f2;
    color: #363335
}

.tag_grey:hover, .tag_grey.active {
    transition: .3s;
    background-color: #444042;
    color: #fff
}

.tag_purple {
    background: #e5e6f7;
    color: #24256c
}

.tag_purple:hover, .tag_purple.active {
    transition: .3s;
    background-color: #24256c;
    color: #fff
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.block-header {
    margin-bottom: 60px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

@media screen and (max-width: 1440px) {
    .block-header {
        margin-bottom: 48px !important
    }
}

@media screen and (max-width: 1024px) {
    .block-header {
        margin-bottom: 32px !important
    }
}

@media screen and (max-width: 768px) {
    .block-header {
        margin-bottom: 36px !important
    }
}

@media screen and (max-width: 400px) {
    .block-header {
        margin-bottom: 26px !important
    }
}

@media screen and (max-width: 768px) {
    .block-header_768 {
        padding-right: 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .block-header_768 {
        padding-right: 6.25vw
    }
}

@media screen and (max-width: 400px) {
    .block-header_400 {
        padding-right: 6.25vw
    }
}

.block-header__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #363335
}

@media screen and (max-width: 1440px) {
    .block-header__title {
        font-size: 28px;
        line-height: 34px
    }
}

@media screen and (max-width: 1024px) {
    .block-header__title {
        font-size: 24px;
        line-height: 29px
    }
}

@media screen and (max-width: 768px) {
    .block-header__title {
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 400px) {
    .block-header__title {
        font-size: 16px;
        line-height: 24px
    }
}

.block-header__title_dark {
    color: #dadada
}

.block-header__title_light {
    color: #363335
}

.block-header__link {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    margin-right: 8px
}

.block-header__link svg {
    margin-left: 9px
}

@media screen and (max-width: 768px) {
    .block-header__link {
        font-size: 12px;
        margin-top: 44px;
        margin-right: 0
    }
}

.block-header__link_dark {
    color: #4bb35b
}

.block-header__link_light {
    color: #37ab49
}

@media (max-width: 500px) {
    .block-header__text-link {
        display: none
    }
}

.block-header__text-link--small {
    display: none
}

@media (max-width: 500px) {
    .block-header__text-link--small {
        display: block
    }
}

.wrapper-blocks {
    padding-top: 128px;
    padding-bottom: 1px;
    background: #fafafa;
    margin-bottom: 120px
}

@media screen and (max-width: 1440px) {
    .wrapper-blocks {
        padding-top: 80px !important;
        margin-bottom: 80px !important
    }
}

@media screen and (max-width: 1024px) {
    .wrapper-blocks {
        padding-top: 64px !important;
        margin-bottom: 64px
    }
}

@media screen and (max-width: 768px) {
    .wrapper-blocks {
        padding-top: 48px !important;
        margin-bottom: 48px
    }
}

@media screen and (max-width: 400px) {
    .wrapper-blocks {
        padding-top: 32px !important;
        margin-bottom: 32px
    }
}

.titleLocation {
    padding: 0 12.8125vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 95px 0 65px 0
}

@media screen and (max-width: 1440px) {
    .titleLocation {
        padding: 0 10vw
    }
}

@media screen and (max-width: 1024px) {
    .titleLocation {
        padding: 0 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .titleLocation {
        padding: 0 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .titleLocation {
        padding: 0 6.25vw
    }
}

@media screen and (max-width: 1440px) {
    .titleLocation {
        margin: 65px 0 50px 0
    }
}

@media screen and (max-width: 1024px) {
    .titleLocation {
        margin: 52px 0 38px 0
    }
}

@media screen and (max-width: 768px) {
    .titleLocation {
        margin: 40px 0 33px 0
    }
}

@media screen and (max-width: 400px) {
    .titleLocation {
        margin: 32px 0 26px 0
    }
}

.titleLocation__link {
    cursor: pointer
}

.titleLocation__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 28px;
    line-height: 34px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-transform: uppercase
}

@media screen and (max-width: 1440px) {
    .titleLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px
    }
}

@media screen and (max-width: 1024px) {
    .titleLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 768px) {
    .titleLocation__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 14px;
        line-height: 17px
    }
}

@media screen and (max-width: 400px) {
    .titleLocation__title {
        font-family: Montserrat, sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px
    }
}

.titleLocation__icons {
    display: flex;
    align-items: center
}

.titleLocation__svg {
    margin-left: 16px;
    fill: #999
}

.titleLocation__svg_active {
    fill: #329a42
}

.titleLocation__svg_noActive {
    fill: #999
}

.triangle {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: pointer;
    z-index: 2
}

.triangle__text {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    font-size: 0;
    transition: .5s;
    color: #fff
}

.triangle__pic {
    position: absolute;
    bottom: 12px;
    right: 12px;
    width: 0;
    height: 24px
}

.triangle__pic path {
    fill: #fff
}

.triangle_green {
    background-color: #37ab49
}

.triangle_grey {
    background-color: #999
}

.triangle_small {
    height: 40px;
    width: 37px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    animation: smallAnim1 .5s ease-in-out 1
}

@keyframes smallAnim2 {
    0% {
        height: 40px;
        width: 37px
    }
    100% {
        height: 74px;
        width: 80px
    }
}

@keyframes smallAnim1 {
    0% {
        height: 74px;
        width: 80px
    }
    100% {
        height: 40px;
        width: 37px
    }
}

@keyframes smallAnim3 {
    0% {
        width: 0
    }
    100% {
        width: 24px
    }
}

.triangle_big {
    height: 74px;
    width: 80px;
    -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    animation: bigAnim1 .5s ease-in-out 1
}

@keyframes bigAnim2 {
    0% {
        height: 74px;
        width: 80px
    }
    100% {
        height: 148px;
        width: 160px
    }
}

@keyframes bigAnim1 {
    0% {
        height: 148px;
        width: 160px
    }
    100% {
        height: 74px;
        width: 80px
    }
}

@keyframes bigAnim3 {
    0% {
        font-size: 0
    }
    100% {
        font-size: 16px
    }
}

.triangleWrap {
    position: absolute;
    bottom: -1px;
    right: -1px;
    -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    z-index: 10;
    display: block
}

.triangleWrap--white:after {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: .5;
    -webkit-clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0% 100%);
    height: 55px;
    width: 60px;
    z-index: 0
}

.triangleWrap_big {
    height: 148px;
    width: 160px
}

.triangleWrap_small {
    height: 74px;
    width: 80px
}

.triangleWrap:hover .triangleWrap--white:after {
    opacity: 0
}

.triangleWrap:hover .triangle_big {
    animation: bigAnim2 .5s ease-in-out 1;
    animation-fill-mode: forwards;
    background-color: #37ab49
}

.triangleWrap:hover .triangle_small {
    animation: smallAnim2 .5s ease-in-out 1;
    animation-fill-mode: forwards;
    background-color: #37ab49
}

.triangleWrap:hover .triangle__text {
    animation: bigAnim3 .5s ease-in-out 1;
    font-size: 16px
}

.triangleWrap:hover .triangle__pic {
    animation: smallAnim3 .5s ease-in-out 1;
    width: 24px;
    height: 24px
}

.triangleWrap:hover .triangle_grey {
    background-color: #999
}

@media screen and (max-width: 768px) {
    .triangleWrap {
        height: 74px;
        width: 80px
    }
}

@media screen and (max-width: 1024px) {
    .triangleWrap__adaptive {
        height: 37px;
        width: 40px
    }
}

.triangleWrap--hover:hover .triangleWrap--white:after {
    opacity: 0
}

.triangleWrap--hover:hover .triangle_big {
    animation: bigAnim2 .5s ease-in-out 1;
    animation-fill-mode: forwards;
    background-color: #37ab49
}

.triangleWrap--hover:hover .triangle_small {
    animation: smallAnim2 .5s ease-in-out 1;
    animation-fill-mode: forwards;
    background-color: #37ab49
}

.triangleWrap--hover:hover .triangle__text {
    animation: bigAnim3 .5s ease-in-out 1;
    font-size: 16px
}

.triangleWrap--hover:hover .triangle__pic {
    animation: smallAnim3 .5s ease-in-out 1;
    width: 24px;
    height: 24px
}

.triangleWrap--hover:hover .triangle_grey {
    background-color: #999
}

/*region b1 Убираем отступы в форме отклика*/
.vacancy-form {
    padding: 0 12.8125vw;
    /*margin: 128px 0 256px;*/
    /*padding-top: 128px;*/
    /*padding-bottom: 128px;*/
    margin: 64px 0 0;
    padding-top: 64px;
    padding-bottom: 64px;
    background: #f2f2f2;
    position: relative
}
/*endregion*/

/*region b1 Кнопка откликнуться*/
.respond-button {
    border: 1px solid #2c893a;
    color: #2c893a;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    font-family: Roboto, sans-serif;
    height: 40px;
    width: 140px;
    margin-top: 12px;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .1s ease-out;
}

.respond-button:hover {
    cursor: pointer;
    border: 1px solid #37ab49;
    background-color: #37ab49;
    color: #fff;
}

@media screen and (max-width: 1024px) {
    .respond-button {
        height: 35px;
        width: 130px;
    }
}

@media screen and (max-width: 768px) {
    .respond-button {
        height: 30px;
        width: 120px;
        font-size: 12px;
        line-height: 14px;
    }
}

.cardsVacancy__icon_b1 {
    width: 34px;
}

@media screen and (max-width: 768px) {
    .cardsVacancy__icon_b1 {
        width: 24px;
    }
}
/*endregion*/

.vacancy-form .no-bottom {
    margin-bottom: 0 !important
}

.vacancy-form .no-top {
    margin-top: 0 !important
}

/*region b1 Убираем отступ в форме отклика*/
.vacancy-form:last-of-type, .vacancy-form:last-child {
    /*margin-bottom: 128px*/
}

@media screen and (max-width: 1440px) {
    .vacancy-form:last-of-type, .vacancy-form:last-child {
        /*margin-bottom: 80px*/
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-form:last-of-type, .vacancy-form:last-child {
        /*margin-bottom: 64px*/
    }
}

@media screen and (max-width: 768px) {
    .vacancy-form:last-of-type, .vacancy-form:last-child {
        /*margin-bottom: 48px*/
    }
}

@media screen and (max-width: 400px) {
    .vacancy-form:last-of-type, .vacancy-form:last-child {
        /*margin-bottom: 32px*/
    }
}

@media screen and (max-width: 1440px) {
    .vacancy-form {
        padding: 0 10vw;
        /*margin: 80px 0 160px*/
        margin: 40px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-form {
        padding: 0 8.4375vw;
        /*margin: 64px 0 128px*/
        margin: 32px 0 0
    }
}

@media screen and (max-width: 768px) {
    .vacancy-form {
        padding: 0 7.1875vw;
        /*margin: 48px 0 96px*/
        margin: 24px 0 0
    }
}

@media screen and (max-width: 400px) {
    .vacancy-form {
        padding: 0 6.25vw;
        /*margin: 32px 0 64px*/
        margin: 16px 0 0
    }
}

@media screen and (max-width: 1440px) {
    .vacancy-form {
        /*padding-top: 80px;*/
        /*padding-bottom: 80px*/
        padding-top: 40px;
        padding-bottom: 40px
    }
}

@media screen and (max-width: 1024px) {
    .vacancy-form {
        /*padding-top: 64px;*/
        /*padding-bottom: 64px*/
        padding-top: 32px;
        padding-bottom: 32px
    }
}

@media screen and (max-width: 768px) {
    .vacancy-form {
        /*padding-top: 48px;*/
        /*padding-bottom: 48px*/
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media screen and (max-width: 400px) {
    .vacancy-form {
        /*padding-top: 32px;*/
        /*padding-bottom: 32px*/
        padding-top: 16px;
        padding-bottom: 16px
    }
}
/*endregion*/

.vacancy-form__inner {
    border-radius: 8px;
    background: #fff;
    padding: 32px;
    width: 100%;
    position: relative;
    overflow: hidden
}

@media (max-width: 1440px) {
    .vacancy-form__inner {
        padding: 24px
    }
}

@media (max-width: 1024px) {
    .vacancy-form__inner {
        padding: 16px
    }
}

.vacancy-form__header {
    display: flex;
    align-items: center
}

.vacancy-form__title {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #000
}

@media (max-width: 1024px) {
    .vacancy-form__title {
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 400px) {
    .vacancy-form__title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

.vacancy-form__input {
    display: block;
    width: 100%;
    flex: 1;
    background: #fafafa;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 10.5px 10px 2.5px 10px;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    outline: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px
}

.vacancy-form__input:focus + .vacancy-form__placeholder {
    top: 2.5px;
    font-size: 10px;
    line-height: 12px
}

.vacancy-form__input::-moz-placeholder {
    color: rgba(0, 0, 0, .4)
}

.vacancy-form__input::placeholder {
    color: rgba(0, 0, 0, .4)
}

.vacancy-form__placeholder {
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
    opacity: .4;
    position: absolute;
    left: 10px;
    top: 8.5px;
    transition: top .3s linear, font-size .3s linear
}

.vacancy-form__placeholder--active {
    top: 2.5px;
    font-size: 10px;
    line-height: 12px
}

.vacancy-form__label {
    position: relative;
    display: block;
    width: 100%
}

.vacancy-form__label--error .vacancy-form__input {
    border-bottom: 1px solid #e6332a
}

.vacancy-form__label--error .vacancy-form__error {
    z-index: 2
}

.vacancy-form__label button {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 0;
    cursor: pointer
}

.vacancy-form__error {
    position: absolute;
    z-index: -2;
    left: 10px;
    bottom: -16px;
    color: #e6332a;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 12px;
    transition: z-index .3s linear
}

.vacancy-form__close {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0);
    border: 0;
    cursor: pointer;
    margin-left: auto
}

.vacancy-form__fields {
    padding-bottom: 32px;
    gap: 16px;
    display: flex;
    align-items: center
}

.vacancy-form__fields--first {
    margin-top: 32px
}

@media (max-width: 768px) {
    .vacancy-form__fields--first {
        margin-top: 16px
    }
}

@media (max-width: 768px) {
    .vacancy-form__fields {
        flex-direction: column;
        padding-bottom: 16px;
        gap: 16px
    }
}

.vacancy-form__textarea {
    resize: vertical;
    width: 100%;
    min-height: 80px;
    max-height: 180px;
    border: 0;
    outline: 0;
    background: #fafafa;
    border-radius: 4px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    padding: 15px 8px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .4);
    margin-bottom: 32px
}

@media (max-width: 768px) {
    .vacancy-form__textarea {
        margin-bottom: 16px
    }
}

.vacancy-form__upload {
    cursor: pointer;
    background: #ebf7ed;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px 10px 32px 10px;
    color: #21672c;
    height: 212px
}

.vacancy-form__upload input {
    display: none
}

.vacancy-form__upload--error {
    background: #fcebea;
    color: #951f19
}

.vacancy-form__upload--error svg path {
    fill: #951f19
}

.vacancy-form__upload--error .vacancy-form__upload-button {
    color: #951f19;
    border: 1px solid #951f19
}

.vacancy-form__form {
    border: 1px solid #73c480;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vacancy-form__file {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    color: #21672c;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    gap: 24px;
    border: 1px solid #73c480;
    border-radius: 16px;
    padding: 16px 24px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 26px
}

.vacancy-form__loader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .5);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px)
}

.vacancy-form__loader--show {
    display: flex
}

.vacancy-form__loader svg {
    animation-timing-function: linear;
    animation-name: rotation;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-direction: normal
}

.vacancy-form__buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 32px
}

@media (max-width: 768px) {
    .vacancy-form__buttons {
        margin-top: 16px;
        flex-direction: column;
        gap: 16px;
        align-items: flex-start
    }
}

.vacancy-form__agree {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px
}

@media (max-width: 768px) {
    .vacancy-form__agree {
        flex-direction: column;
        align-items: flex-start;
        gap: 0
    }
}

.vacancy-form__agree--error .checkbox__label {
    color: #951f19
}

.vacancy-form__agree a {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #37ab49
}

.vacancy-form__upload-title {
    text-align: center;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    margin-top: 16px
}

@media (max-width: 1024px) {
    .vacancy-form__upload-title {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 14px;
        line-height: 16px
    }
}

.vacancy-form__upload-button {
    border: 1px solid #37ab49;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    display: block;
    padding: 10px 20px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: #37ab49;
    margin: 0 auto;
    transition: background-color .3s linear, color .3s linear
}

@media (max-width: 1024px) {
    .vacancy-form__upload-button {
        padding: 6.5px 15px;
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 14px;
        line-height: 16px
    }
}

@media (max-width: 768px) {
    .vacancy-form__upload-button {
        padding: 4px 10px
    }
}

.vacancy-form__upload-button:hover {
    background: #4bb35b;
    color: #fff
}

.vacancy-form__upload-text {
    text-align: center;
    margin: 8px auto 16px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    max-width: 500px
}

@media (max-width: 1024px) {
    .vacancy-form__upload-text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 12px;
        line-height: 14px
    }
}

@media (max-width: 400px) {
    .vacancy-form__upload-text {
        font-family: Roboto, sans-serif;
        font-weight: 400;
        font-size: 10px;
        line-height: 12px
    }
}

.vacancy-form__resume {
    display: flex;
    font-family: Roboto, sans-serif;
    font-weight: 500;
    font-size: 18px;
    line-height: 24px;
    gap: 10px;
    align-items: center
}

@media (max-width: 1024px) {
    .vacancy-form__resume {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 16px;
        line-height: 22px
    }
}

.vacancy-form__success {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #fff;
    padding: 32px 24px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.vacancy-form__ok {
    width: 64px;
    height: 64px;
    display: block
}

@media (max-width: 1024px) {
    .vacancy-form__ok {
        width: 48px;
        height: 48px
    }
}

@media (max-width: 768px) {
    .vacancy-form__ok {
        width: 32px;
        height: 32px
    }
}

.vacancy-form__pleasure {
    text-align: center;
    margin-top: 32px;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #000;
    margin-bottom: 48px
}

@media (max-width: 1024px) {
    .vacancy-form__pleasure {
        margin-bottom: 32px;
        margin-top: 24px;
        font-family: Montserrat, sans-serif;
        font-weight: 600;
        font-size: 20px;
        line-height: 24px
    }
}

@media (max-width: 768px) {
    .vacancy-form__pleasure {
        margin-top: 16px;
        margin-bottom: 24px
    }
}

@media (max-width: 400px) {
    .vacancy-form__pleasure {
        font-family: Roboto, sans-serif;
        font-weight: 500;
        font-size: 18px;
        line-height: 24px
    }
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

.vanilla-calendar_default {
    background: #fff;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .16), 0 0 8px rgba(0, 0, 0, .08), 0 16px 16px rgba(0, 0, 0, .08);
    border-radius: 4px;
    padding: 16px
}

.vanilla-calendar {
    width: 260px;
    min-width: -moz-min-content;
    min-width: min-content;
    display: grid;
    grid-template-areas:"header header" "column content";
    grid-template-columns:auto 1fr;
    grid-template-rows:auto 1fr;
    background-color: #fff;
    padding: 12px;
    border-radius: 4px
}

.vanilla-calendar button:focus-visible {
    outline: 1px solid #ff8c00
}

.vanilla-calendar-header {
    background: #fafafa;
    border-radius: 4px;
    grid-area: header;
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.vanilla-calendar-header__content {
    display: flex;
    width: 100%;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    padding: 8px;
    white-space: pre-wrap;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #444042
}

.vanilla-calendar-column {
    grid-area: column;
    display: flex;
    flex-direction: column;
    margin-right: 2px
}

.vanilla-calendar-column__title {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #20b2aa;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-column__content {
    display: grid;
    grid-auto-flow: row;
    -moz-column-gap: 2px;
    column-gap: 2px;
    align-items: center;
    justify-items: center;
    align-content: space-between;
    flex-grow: 1
}

.vanilla-calendar-content {
    grid-area: content;
    display: flex;
    flex-direction: column
}

.vanilla-calendar-arrow {
    position: relative;
    right: 2px;
    display: block;
    font-size: 0;
    width: 18px;
    height: 18px;
    padding: 2px;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    border-radius: 4px;
    border: 0
}

.vanilla-calendar-arrow::before {
    content: "";
    position: absolute;
    left: 5px;
    top: 5px;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform: rotateZ(45deg)
}

.vanilla-calendar-arrow::after {
    content: "";
    position: absolute;
    left: 5px;
    bottom: 5px;
    width: 10px;
    height: 1px;
    background-color: #000;
    transform: rotateZ(-45deg)
}

.vanilla-calendar-arrow:hover::before, .vanilla-calendar-arrow:hover::after {
    background-color: #20b2aa
}

.vanilla-calendar-arrow_prev {
    right: 0;
    left: 4px;
    transform: rotateZ(180deg)
}

.vanilla-calendar-months {
    border-radius: 4px;
    display: grid;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 12px;
    grid-template-columns:repeat(4, 1fr);
    background-color: #fff;
    flex-grow: 1;
    align-items: center
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month {
    cursor: pointer
}

.vanilla-calendar-months_selecting .vanilla-calendar-months__month_disabled {
    cursor: default
}

.vanilla-calendar-months__month {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 40px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    background-color: #fff;
    color: #000;
    padding: 6px;
    border-radius: 4px;
    border: 0;
    transition: background-color .3s linear
}

.vanilla-calendar-months__month:hover {
    background: #37ab49;
    color: #fff
}

.vanilla-calendar-months__month_selected {
    background: #cdead1;
    color: #21672c
}

.vanilla-calendar-months__month_disabled {
    pointer-events: none;
    background-color: #fff;
    color: silver
}

.vanilla-calendar-months__month_disabled:hover {
    background-color: #fff;
    color: silver
}

.vanilla-calendar-month {
    padding: 2px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-weight: 700;
    cursor: pointer;
    transition: color .3s linear
}

.vanilla-calendar-month:hover {
    color: #1d71b8
}

.vanilla-calendar-month_not-active {
    color: silver
}

.vanilla-calendar-month_disabled {
    pointer-events: none;
    color: silver
}

.vanilla-calendar-years {
    border-radius: 4px;
    display: grid;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 12px;
    grid-template-columns:repeat(5, 1fr);
    background-color: #fff;
    flex-grow: 1;
    align-items: center
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year {
    cursor: pointer
}

.vanilla-calendar-years_selecting .vanilla-calendar-years__year_disabled {
    cursor: default
}

.vanilla-calendar-years__year {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 40px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    background-color: rgba(0, 0, 0, 0);
    color: #000;
    padding: 2px;
    border-radius: 4px;
    border: 0;
    word-break: break-all;
    transition: background-color .3s linear, color .3s linear
}

.vanilla-calendar-years__year:hover {
    background: #37ab49;
    color: #fff
}

.vanilla-calendar-years__year_selected {
    background: #cdead1;
    color: #21672c
}

.vanilla-calendar-years__year_disabled {
    opacity: .4
}

.vanilla-calendar-years__year_disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-year {
    padding: 2px;
    background: rgba(0, 0, 0, 0);
    border: 0;
    font-weight: 700;
    cursor: pointer
}

.vanilla-calendar-year:hover {
    color: #1d71b8
}

.vanilla-calendar-year_not-active {
    color: silver
}

.vanilla-calendar-year_disabled {
    pointer-events: none;
    color: silver
}

.vanilla-calendar-week {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    -moz-column-gap: 2px;
    column-gap: 2px;
    justify-items: center;
    margin-bottom: 5px
}

.vanilla-calendar-week__day {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #dadada;
    width: 30px;
    text-transform: uppercase;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-week-number {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    color: #20b2aa;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-days {
    display: grid;
    grid-template-columns:repeat(7, 1fr);
    -moz-column-gap: 2px;
    column-gap: 2px;
    row-gap: 2px;
    justify-items: center;
    align-items: center;
    flex-grow: 1
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn {
    cursor: pointer
}

.vanilla-calendar-days_selecting .vanilla-calendar-day__btn_disabled {
    cursor: default
}

.vanilla-calendar-day {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vanilla-calendar-day__btn {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    border: 0;
    cursor: default;
    transition: color .3s linear, background-color .3s linear
}

.vanilla-calendar-day__btn:hover {
    color: #1d71b8;
    background: rgba(0, 0, 0, 0)
}

.vanilla-calendar-day__btn:focus-visible + .vanilla-calendar-day__popup, .vanilla-calendar-day__btn:hover + .vanilla-calendar-day__popup {
    opacity: 1;
    pointer-events: auto
}

.vanilla-calendar-day__btn_today {
    background: #cdead1;
    color: #21672c
}

.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
    background: #cdead1;
    color: #d3d3d3
}

.vanilla-calendar-day__btn_selected {
    background: #37ab49;
    border-radius: 30px;
    color: #fff
}

.vanilla-calendar-day__btn_selected:hover {
    background-color: #289b95;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate {
    background-color: #68cec9;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_intermediate:hover {
    background-color: #68cec9;
    color: #fff
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_disabled {
    color: #d3d3d3;
    background-color: #f5f5f5
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_today.vanilla-calendar-day__btn_next {
    background-color: #f5f5f5;
    color: #d3d3d3
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_selected.vanilla-calendar-day__btn_next:hover {
    background-color: #f5f5f5;
    color: gray
}

.vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_weekend.vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_holiday.vanilla-calendar-day__btn_next {
    color: #d3d3d3
}

.vanilla-calendar-day__btn_prev, .vanilla-calendar-day__btn_next, .vanilla-calendar-day__btn_disabled {
    background-color: #fff;
    color: #d3d3d3
}

.vanilla-calendar-day__btn_prev:hover, .vanilla-calendar-day__btn_next:hover, .vanilla-calendar-day__btn_disabled:hover {
    background-color: #fff;
    color: #d3d3d3
}

.vanilla-calendar-day__btn_disabled {
    pointer-events: none
}

.vanilla-calendar-day__popup {
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    width: 130px;
    padding: 16px 12px 8px;
    color: #000;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    opacity: 0;
    pointer-events: none
}

.vanilla-calendar-day__popup:hover {
    opacity: 1;
    pointer-events: auto
}

.vanilla-calendar-day__popup::before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 8px);
    display: block;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 20px rgba(0, 0, 0, .1)
}

.vanilla-calendar-day__popup::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    top: 2px;
    display: block;
    height: 0;
    width: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff;
    border-style: solid;
    border-width: 0 10px 8px
}

.vanilla-calendar-time {
    display: grid;
    grid-template-columns:auto 1fr;
    gap: 12px;
    border-top: 1px solid #dcdcdc;
    padding: 12px 6px 0;
    margin-top: 12px
}

.vanilla-calendar-time__content {
    display: flex;
    align-items: center
}

.vanilla-calendar-time__content input {
    box-sizing: border-box;
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 18px;
    font-weight: 600;
    color: #000;
    background-color: #fff;
    width: 100%;
    padding: 2px;
    border-radius: 4px
}

.vanilla-calendar-time__content input:hover {
    background-color: #faebd7
}

.vanilla-calendar-time__content input:disabled {
    cursor: default
}

.vanilla-calendar-time__content input:disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-time__content input:focus-visible {
    outline: 1px solid #ff8c00;
    background-color: #fff
}

.vanilla-calendar-time__content input.is-focus {
    background-color: #faebd7
}

.vanilla-calendar-time__hours {
    position: relative;
    width: 25px;
    margin-right: 6px
}

.vanilla-calendar-time__hours::after {
    content: ":";
    display: block;
    position: absolute;
    right: -5px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -1px;
    font-size: 14px;
    line-height: 14px;
    font-weight: 600;
    color: #000
}

.vanilla-calendar-time__minutes {
    width: 25px
}

.vanilla-calendar-time__keeping {
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 12px;
    font-weight: 400;
    color: gray;
    margin-left: 1px;
    margin-top: 5px;
    padding: 2px;
    border-radius: 4px
}

.vanilla-calendar-time__keeping:hover {
    background-color: #faebd7
}

.vanilla-calendar-time__keeping:disabled {
    cursor: default
}

.vanilla-calendar-time__keeping:disabled:hover {
    background-color: rgba(0, 0, 0, 0)
}

.vanilla-calendar-time__ranges {
    display: flex;
    flex-direction: column
}

.vanilla-calendar-time__range {
    font-size: 0;
    position: relative;
    z-index: 1
}

.vanilla-calendar-time__range::before {
    content: "";
    width: 1px;
    height: 8px;
    position: absolute;
    left: 0;
    top: 5px;
    margin-top: 1px;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range::after {
    content: "";
    width: 1px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 5px;
    margin-top: 1px;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range:hover input::-webkit-slider-thumb {
    border-color: gray
}

.vanilla-calendar-time__range:hover input::-moz-range-thumb {
    border-color: gray
}

.vanilla-calendar-time__range input {
    width: 100%;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 20px;
    cursor: pointer
}

.vanilla-calendar-time__range input:focus-visible::-webkit-slider-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input:focus-visible::-moz-range-thumb {
    border-color: #ff8c00
}

.vanilla-calendar-time__range input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    margin-top: -8px;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    height: 16px;
    width: 10px;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer
}

.vanilla-calendar-time__range input::-moz-range-thumb {
    position: relative;
    z-index: 2;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    height: 16px;
    width: 10px;
    border-radius: 3px;
    background-color: #fff;
    cursor: pointer
}

.vanilla-calendar-time__range input::-webkit-slider-runnable-track {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    cursor: pointer;
    background-color: #dcdcdc
}

.vanilla-calendar-time__range input::-moz-range-track {
    box-sizing: border-box;
    width: 100%;
    height: 1px;
    margin-top: 1px;
    cursor: pointer;
    background-color: #dcdcdc
}

html, body {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif
}

html {
    scroll-behavior: smooth
}

a {
    color: inherit;
    text-decoration: none
}

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0
}

svg path {
    transition: .3s
}

.container {
    padding-left: 12.8125vw;
    padding-right: 12.8125vw
}

@media screen and (max-width: 1440px) {
    .container {
        padding-left: 10vw;
        padding-right: 10vw
    }
}

@media screen and (max-width: 1024px) {
    .container {
        padding-left: 8.4375vw;
        padding-right: 8.4375vw
    }
}

@media screen and (max-width: 768px) {
    .container {
        padding-left: 7.1875vw;
        padding-right: 7.1875vw
    }
}

@media screen and (max-width: 400px) {
    .container {
        padding-left: 6.25vw;
        padding-right: 6.25vw
    }
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Montserrat/Montserrat-Medium.ttf")
}

@font-face {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Montserrat/Montserrat-SemiBold.ttf")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Roboto/Roboto-Light.ttf")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Roboto/Roboto-Regular.ttf")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Roboto/Roboto-Medium.ttf")
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 600;
    src: url("/local/templates/b1/dist/css/../assets/fonts/Roboto/Roboto-Bold.ttf")
}

ul, ol {
    padding-left: 20px
}

figure.table {
    overflow-y: auto
}

#bx-panel {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    transform: translateY(-34px);
    transition: transform .3s ease-in-out
}

#bx-panel:hover {
    transform: translateY(0px) !important
}

.no-pointer {
    cursor: default
}

.no-pointer .triangle {
    animation: unset;
    animation-fill-mode: unset
}

.no-pointer .triangle__pic {
    animation: unset
}

.no-pointer:hover .triangle {
    background-color: #37ab49 !important;
    animation: unset;
    animation-fill-mode: unset
}

.no-pointer:hover .triangle_grey {
    background-color: #999 !important
}

.no-pointer:hover .triangle__pic {
    animation: unset
}

#bx-panel-back {
    position: fixed !important
}

.arrow-down {
    transform: rotate(180deg)
}

.swiper-tabs {
    overflow: hidden
}

@media screen and (max-width: 700px) {
    .swiper-tabs {
        max-width: 100%
    }
}

@media screen and (max-width: 768px) {
    .analytical-block .triangle_green {
        background-color: #999
    }

    .analytical-block .triangle__text {
        animation: unset;
        line-height: 10px;
        transition: font-size .5s ease-in-out;
        bottom: 8px;
        right: 6px
    }

    .analytical-block .triangleWrap--hover:hover .triangle_big {
        width: 80px;
        height: 74px
    }

    .analytical-block .triangleWrap--hover:hover .triangle_big {
        animation: unset
    }

    .analytical-block .triangleWrap--hover:hover .triangle__text {
        animation: unset;
        font-size: 10px
    }

    .analytical-block .triangle_big {
        width: 40px;
        height: 37px;
        transition: all .5s ease-in-out;
        animation: unset
    }
}

.event-card {
    transition: all .5s ease-in-out
}

.event-card:hover .triangle_grey {
    transition: all .5s ease-in-out;
    background-color: #37ab49 !important
}

/*# sourceMappingURL=main.css.map */

/*region b1 Стили для фильтра*/
.search-filter-area {
    background-color: #F2F2F2;
}

.show-filter {
    border-radius: 4px;
    color: #37AB49;
    border: 1px solid #37AB49;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Roboto, sans-serif;
}

.search-button {
    min-width: 60px;
    height: 40px;
    border-radius: 4px;
    background-color: #37AB49;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-button:hover {
    cursor: pointer;
}

.show-filter:hover {
    cursor: pointer;
}

.filter-button-svg {
    display: none;
}

/*.tag:hover {*/
/*    cursor: pointer;*/
/*}*/

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                     supported by Chrome, Edge, Opera and Firefox */
}

@media screen and (max-width: 320px) {
    .search-block {
        width: auto;
        height: 136px;
        padding: 0 132px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-area {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .search-area input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0;
        outline: 0;
        box-shadow: 0 4px 2px -2px gray;
        padding: 0 20px;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

    .search-area input:focus {
        box-shadow: 0 4px 5px -2px gray;
    }

    .show-filter {
        min-width: 60px;
        height: 38px;
    }

    .filter-button-svg {
        display: block;
    }

    .filter {
        display: none;
        flex-direction: column;
        width: auto;
        padding: 40px 132px;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00000033;
    }

    .filter-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .filter-header-text {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
        font-family: Montserrat, serif;
    }

    .filter-header-clear-all {
        width: 142px;
        height: 40px;
        border-radius: 4px;
        opacity: 40%;
        background-color: #999999;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
    }

    .filter-header-clear-all:hover {
        cursor: pointer;
    }

    .filter-row {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
    }

    .filter-select {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999999;
        box-shadow: 0 4px 2px -2px gray;
        border: 0;
        border-radius: 4px;
        outline: 0;
    }

    .clear-row-filter {
        min-width: 110px;
        width: 100%;
        height: 40px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        opacity: 40%;
        border: 1px solid #999999;
    }

    .clear-row-filter:hover {
        cursor: pointer;
    }

    /*.tags {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px 8px;*/
    /*    max-width: 870px;*/
    /*}*/

    /*.tag {*/
    /*    border-radius: 4px;*/
    /*    padding: 12px 20px;*/
    /*    color: #2C893A;*/
    /*    background-color: #EBF7ED;*/
    /*}*/
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .search-block {
        width: auto;
        height: 136px;
        padding: 0 40px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-area {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .search-area input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0;
        outline: 0;
        box-shadow: 0 4px 2px -2px gray;
        padding: 0 20px;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

    .search-area input:focus {
        box-shadow: 0 4px 5px -2px gray;
    }

    .show-filter {
        min-width: 60px;
        height: 38px;
    }

    .filter-button-svg {
        display: block;
    }

    .filter {
        display: none;
        flex-direction: column;
        width: auto;
        padding: 40px 40px;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00000033;
    }

    .filter-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .filter-header-text {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
        font-family: Montserrat, serif;
    }

    .filter-header-clear-all {
        width: 142px;
        height: 40px;
        border-radius: 4px;
        opacity: 40%;
        background-color: #999999;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
    }

    .filter-header-clear-all:hover {
        cursor: pointer;
    }

    .filter-row {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-top: 20px;
    }

    .filter-select {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999999;
        box-shadow: 0 4px 2px -2px gray;
        border: 0;
        border-radius: 4px;
        outline: 0;
    }

    .clear-row-filter {
        min-width: 110px;
        width: 100%;
        height: 40px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        opacity: 40%;
        border: 1px solid #999999;
    }

    .clear-row-filter:hover {
        cursor: pointer;
    }

    /*.tags {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px 8px;*/
    /*    max-width: 870px;*/
    /*}*/

    /*.tag {*/
    /*    border-radius: 4px;*/
    /*    padding: 12px 20px;*/
    /*    color: #2C893A;*/
    /*    background-color: #EBF7ED;*/
    /*}*/
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .search-block {
        width: auto;
        height: 136px;
        display: flex;
        padding: 0 132px;
        justify-content: center;
        align-items: center;
    }

    .search-area {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .search-area input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0;
        outline: 0;
        box-shadow: 0 4px 2px -2px gray;
        padding: 0 20px;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

    .search-area input:focus {
        box-shadow: 0 4px 5px -2px gray;
    }

    .show-filter {
        min-width: 109px;
        height: 38px;
    }

    .show-filter:before {
        content: 'Фильтры';
    }

    .filter {
        display: none;
        flex-direction: column;
        width: auto;
        padding: 40px 132px;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00000033;
    }

    .filter-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .filter-header-text {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
        font-family: Montserrat, serif;
    }

    .filter-header-clear-all {
        width: 142px;
        height: 40px;
        border-radius: 4px;
        opacity: 40%;
        background-color: #999999;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
    }

    .filter-header-clear-all:hover {
        cursor: pointer;
    }

    .filter-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
    }

    .filter-select {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999999;
        box-shadow: 0 4px 2px -2px gray;
        border: 0;
        border-radius: 4px;
        outline: 0;
    }

    .clear-row-filter {
        min-width: 110px;
        height: 40px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        opacity: 40%;
        border: 1px solid #999999;
    }

    .clear-row-filter:hover {
        cursor: pointer;
    }

    /*.tags {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px 8px;*/
    /*    max-width: 870px;*/
    /*}*/

    /*.tag {*/
    /*    border-radius: 4px;*/
    /*    padding: 12px 20px;*/
    /*    color: #2C893A;*/
    /*    background-color: #EBF7ED;*/
    /*}*/
}

@media screen and (min-width: 1024px) and (max-width: 1440px) {
    .search-block {
        width: auto;
        height: 136px;
        padding: 0 132px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-area {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .search-area input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0;
        outline: 0;
        box-shadow: 0 4px 2px -2px gray;
        padding: 0 20px;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

    .search-area input:focus {
        box-shadow: 0 4px 5px -2px gray;
    }

    .show-filter {
        min-width: 109px;
        height: 38px;
    }

    .show-filter:before {
        content: 'Фильтры';
    }

    .filter {
        display: none;
        flex-direction: column;
        width: auto;
        padding: 40px 132px;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00000033;
    }

    .filter-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .filter-header-text {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
        font-family: Montserrat, serif;
    }

    .filter-header-clear-all {
        width: 142px;
        height: 40px;
        border-radius: 4px;
        opacity: 40%;
        background-color: #999999;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
    }

    .filter-header-clear-all:hover {
        cursor: pointer;
    }

    .filter-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
    }

    .filter-select {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999999;
        box-shadow: 0 4px 2px -2px gray;
        border: 0;
        border-radius: 4px;
        outline: 0;
    }

    .clear-row-filter {
        min-width: 110px;
        height: 40px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        opacity: 40%;
        border: 1px solid #999999;
    }

    .clear-row-filter:hover {
        cursor: pointer;
    }

    /*.tags {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px 8px;*/
    /*    max-width: 870px;*/
    /*}*/

    /*.tag {*/
    /*    border-radius: 4px;*/
    /*    padding: 12px 20px;*/
    /*    color: #2C893A;*/
    /*    background-color: #EBF7ED;*/
    /*}*/
}

@media screen and (min-width: 1440px) {
    .search-block {
        width: auto;
        height: 136px;
        padding: 0 248px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .search-area {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .search-area input {
        width: 100%;
        height: 40px;
        border-radius: 4px;
        border: 0;
        outline: 0;
        box-shadow: 0 4px 2px -2px gray;
        padding: 0 20px;
        font-size: 15px;
        font-family: Roboto, sans-serif;
    }

    .search-area input:focus {
        box-shadow: 0 4px 5px -2px gray;
    }

    .show-filter {
        min-width: 109px;
        height: 38px;
    }

    .show-filter:before {
        content: 'Фильтры';
    }

    .filter {
        display: none;
        flex-direction: column;
        width: auto;
        padding: 50px 248px;
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00000033;
    }

    .filter-header {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .filter-header-text {
        font-size: 24px;
        font-weight: 600;
        line-height: 29.26px;
        font-family: Montserrat, serif;
    }

    .filter-header-clear-all {
        width: 142px;
        height: 40px;
        border-radius: 4px;
        opacity: 40%;
        background-color: #999999;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
    }

    .filter-header-clear-all:hover {
        cursor: pointer;
    }

    .filter-row {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
    }

    .filter-select {
        width: 100%;
        height: 40px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999999;
        box-shadow: 0 4px 2px -2px gray;
        border: 0;
        border-radius: 4px;
        outline: 0;
    }

    .clear-row-filter {
        min-width: 110px;
        height: 40px;
        border-radius: 4px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999999;
        opacity: 40%;
        border: 1px solid #999999;
    }

    .clear-row-filter:hover {
        cursor: pointer;
    }

    /*.tags {*/
    /*    display: flex;*/
    /*    flex-wrap: wrap;*/
    /*    gap: 20px 8px;*/
    /*}*/

    /*.tag {*/
    /*    border-radius: 4px;*/
    /*    padding: 12px 20px;*/
    /*    color: #2C893A;*/
    /*    background-color: #EBF7ED;*/
    /*}*/
}
/*endregion*/
/* End */


/* Start:/local/templates/b1/components/bitrix/menu/top-multilevel/style.css?167525735346*/
.header-item__sub-item {
    display: block;
}
/* End */


/* Start:/local/templates/b1/components/bitrix/menu/top-multilevel_mobile/style.css?167776473746*/
.header-item__sub-item {
    display: block;
}
/* End */
/* /local/templates/b1/dist/css/main.css?1703181333443387 */
/* /local/templates/b1/components/bitrix/menu/top-multilevel/style.css?167525735346 */
/* /local/templates/b1/components/bitrix/menu/top-multilevel_mobile/style.css?167776473746 */