details summary {
    cursor: pointer;
}

details summary::-webkit-details-marker {
    display: none;
}

.section {
    margin: 80px 0;
    width: 100%;
}

.txt {
    h2, h3, h4, h5, h6 {
        font-weight: 700;
        margin: 1.5em 0 1em 0;
    }

    h2 {
        font-size: 2em;
    }

    h3 {
        font-size: 1.8em;
    }

    h4 {
        font-size: 1.6em;
    }

    h5 {
        font-size: 1.4em;
    }

    h6 {
        font-size: 1.2em;
    }

    p {
        margin: 1em 0;
    }

    ul {
        padding: 0 0 0 1em;

        li {
            list-style: disc;
        }
    }
}

.txt-block > *:nth-child(1) {
    margin-top: 0;
}

.txt-block > *:last-child {
    margin-bottom: 0;
}

.btn, .btn-correct, body {
    position: relative
}

.section {
    margin: 80px 0;
}
table {
    border-collapse: collapse;
}
td{
    padding: 12px 20px;
    border: 1px solid #e4eaf0;
    color: #8e9bad;
    font-size: 12px;
}
thead td{
    padding: 20px;
    color: black;
    font-weight: 500;
    font-size: 14px;
}
.g-title, .g-title-big, .g-title-small, .modal__text, .modal__title {
    letter-spacing: .02em
}

.js-tabslide.--active, .quiz__step.--active, .slick-initialized .slick-slide, .slick-slide img, article, aside, button, details, figcaption, figure, footer, form, header, hgroup, main, menu, nav, section {
    display: block
}

body, html {
    overflow-x: hidden
}

.btn, .btn-correct.--gray-light {
    box-shadow: 0 20px 60px #e4eaf0
}

.header__temperature.--big, .topbar__contacts-links a {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content
}

.header__inner.--in-center .header__suboffer.with-arrow, .header__inner.--in-center .header__suboffer.with-arrow_bottom {
    margin-bottom: 40px;
    position: relative
}

.mfp-counter, .quiz__question-number, a[href^=tel] {
    white-space: nowrap
}

*, .form__input, .mfp-container, .slick-slider, :after, :before, div, img.mfp-img, input, select, textarea {
    box-sizing: border-box
}

.mfp-arrow, .slick-slider {
    -webkit-tap-highlight-color: transparent
}

.areas__slide, .mfp-bg, .modal, .office__map, .quiz__body, .slick-list, .vakancii__descr, textarea {
    overflow: hidden
}

.slick-slide.dragging img, img {
    pointer-events: none
}

.slick-list, blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, li, p, pre, textarea, th, ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

abbr, fieldset, img {
    border: 0
}

picture {
    border-radius: inherit
}

button, input, select, textarea {
    border: none;
    font-family: inherit
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

ul li {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-size: inherit;
    font-weight: inherit
}

textarea {
    font-family: inherit
}

button {
    cursor: pointer;
    background: 0 0;
    margin: 0
}

.btn, .substrate, .topbar__messengers .row, body {
    display: flex
}

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

input[type=number] {
    -moz-appearance: textfield
}

select::-ms-expand {
    display: none
}

select {
    -webkit-appearance: none;
    appearance: none
}

*, .slick-list:focus, input[type=range]:focus {
    outline: 0
}

a {
    text-decoration: none
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype')
}

@font-face {
    font-family: Montserrat;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v24/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype')
}

img {
    transition: opacity .3s;
    opacity: 1
}

.mfp-fade.mfp-bg.mfp-removing, .mfp-fade.mfp-wrap.mfp-removing .mfp-content, img[data-src] {
    opacity: 0
}

input::placeholder, textarea::placeholder {
    color: #8e9bad
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8e9bad
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8e9bad
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8e9bad
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8e9bad
}

body {
    flex-direction: column;
    font-family: Montserrat, sans-serif;
    background: #fff;
    color: #000;
    min-height: 100vh;
    -webkit-font-smoothing: antialiased
}

.btn, .btn-correct, .fw500, .g-subtitle, .g-subtitle-big, .g-subtitle-hight {
    font-weight: 500
}

.g-title, .g-title-big, .g-title-small {
    line-height: 135%;
    font-weight: 700
}

#registraciya {
    max-width: 700px;
    width: auto;
    height: auto;
    min-height: 586px;
    padding: 53px 80px 30px
}

#registraciya .modal__logo-light {
    position: absolute;
    bottom: 36px;
    right: 48px
}

.wrapper {
    max-width: 1260px;
    padding: 0 15px;
    margin: 0 auto
}

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

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

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

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

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

.pb-0 {
    padding-bottom: 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

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

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

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

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

.pt-200 {
    padding-top: 200px
}

.pb-100 {
    padding-bottom: 100px
}

.pt-90 {
    padding-top: 90px
}

.pb-80 {
    padding-bottom: 80px !important
}

.g-title {
    font-size: 28px
}

.g-title-big {
    font-size: 36px
}

.g-title-small {
    font-size: 25px
}

.g-subtitle, .g-subtitle-big, .g-subtitle-hight, .g-subtitle-small {
    line-height: 149%;
    letter-spacing: .02em
}

.g-subtitle-big {
    font-size: 20px
}

.g-subtitle {
    font-size: 18px
}

.g-subtitle-small {
    font-weight: 500;
    font-size: 16px
}

.g-subtitle-hight {
    font-size: 25px
}

.btn {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    line-height: 130%;
    color: #fff;
    text-align: center;
    z-index: 3;
    transition: .4s
}

.policy a, .tab {
    transition: .2s
}

.btn.--light {
    background-color: #5fd3d1;
    background-image: linear-gradient(33.54deg, rgba(95, 211, 209, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%)
}

.btn.--light:hover {
    background-color: #35c0be
}

.btn.--dark {
    background-color: #130b44;
    background-image: linear-gradient(33.54deg, rgba(19, 11, 68, .2) 15.91%, rgba(255, 255, 255, .2) 94.82%)
}

.btn.--dark:hover {
    background-color: #1a0f5e
}

.btn.--gray {
    background-color: #bdc6cf
}

.btn.--gray:hover {
    background-color: #abb7c2
}

.btn:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    transition: inherit;
    border-radius: inherit
}

.btn-correct {
    padding: 25px 32px;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
    text-align: center
}

.btn-correct.--link {
    padding: 25px 100px 25px 32px;
    display: inline-block
}

.btn-correct.--link:after {
    content: url(../svg/arrow-right-white.svg);
    position: absolute;
    width: 27px;
    height: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 32px
}

.btn-correct.--light {
    background-color: #5fd3d1;
    background-image: linear-gradient(33.54deg, rgba(95, 211, 209, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%)
}

.btn-correct.--light:hover {
    background-color: #35c0be
}

.btn-correct.--gray-light {
    background: linear-gradient(33.54deg, rgba(189, 198, 207, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%), #bdc6cf;
    background-blend-mode: soft-light, normal;
    border-radius: 10px
}

.btn-correct.--gray-light:hover {
    background-color: #abb7c2
}

.substrate {
    position: absolute;
    width: 260px;
    height: 260px;
    background: rgba(255, 255, 255, .95);
    border-radius: 50%;
    z-index: 5;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.substrate__name {
    display: block;
    margin-top: 27px;
    font-size: 18px;
    line-height: 129.4%;
    text-align: center;
    font-weight: 700;
    color: #5fd3d1
}

.form__input, .policy, .substrate__position {
    color: #8e9bad;
    display: block
}

.substrate__position {
    font-size: 14px;
    line-height: 127.4%;
    text-align: center;
    font-style: italic;
    margin-bottom: 30px;
    margin-top: 14px
}

.policy, .tab {
    position: relative;
    font-weight: 500;
    line-height: 168.4%
}

.substrate__line {
    margin-left: auto;
    margin-right: auto;
    width: 32px;
    height: 2px;
    background: #e7edf0;
    display: block
}

.form__input {
    width: 100%;
    padding-left: 22px;
    background: #f2f6f8;
    border-radius: 10px;
    height: 60px;
    font-size: 14px
}

.policy {
    font-size: 12px;
    width: 320px;
    margin-top: 28px
}

.policy a {
    color: inherit;
    font-weight: 700
}

.policy a:hover {
    color: #5fd3d1
}

.tab {
    display: flex;
    align-items: center;
    color: #a2b0ba;
    background: #fff;
    margin-top: 12px;
    border-radius: 5px;
    padding: 0 10px
}

.tab:hover {
    background: #87dedd;
    color: #fff
}

.tab.--active {
    background: linear-gradient(33.54deg, rgba(95, 211, 209, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%) #5fd3d1;
    color: #fff
}

.js-tabslide, .quiz__step {
    display: none
}

.arrow--cirlce {
    position: absolute;
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background-color: #5fd3d1;
    background-image: linear-gradient(33.54deg, rgba(95, 211, 209, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%);
    z-index: 1;
    transition: .4s
}

.arrow--cirlce:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: url(../svg/arrow--slider.svg) center left 37px no-repeat;
    z-index: 2
}

.arrow--cirlce:hover {
    background-color: #35c0be
}

.arrow--cirlce.--prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.arrow--pointer {
    position: absolute;
    width: 17px;
    height: 30px;
    background: url(../svg/arrow--green.svg) top left/contain no-repeat
}

.arrow--pointer.--prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.modal {
    position: relative;
    max-width: 100%;
    width: 1230px;
    padding: 90px 100px 30px;
    background: #f3f6f9;
    box-shadow: 0 4px 40px rgba(0, 0, 0, .68);
    border-radius: 20px;
    z-index: 1;
    min-height: 690px;
    margin: 70px auto
}

.header__card {
    box-shadow: 0 30px 40px #e4eaf0
}

.modal__subtitle, .modal__text {
    line-height: 155.4%;
    margin-top: 15px
}

.modal__close {
    position: absolute;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: block;
    background: url(../svg/cross.svg) center/27px no-repeat;
    top: 25px;
    right: 25px;
    transition: .4s
}

.modal__close:hover {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal__manager {
    position: absolute;
    left: 588px;
    bottom: 0
}

.modal__substrate {
    right: 70px;
    top: 325px
}

.modal__img {
    position: relative;
    display: block;
    width: 100%;
    z-index: -1;
    border-radius: 10px
}

.modal__cnt {
    max-width: 610px
}

.modal__title {
    font-size: 28px;
    line-height: 155.4%;
    font-weight: 700
}

.modal__subtitle {
    font-size: 20px;
    font-weight: 700;
    color: #5fd3d1
}

.modal__text {
    font-weight: 500;
    font-size: 14px;
    max-width: 440px
}

.modal__cta {
    margin-top: 30px
}

.modal__cta-title {
    font-size: 20px;
    line-height: 168.4%;
    font-weight: 700;
    color: #5fd3d1
}

.modal__cta-text {
    margin-top: 5px;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    max-width: 380px
}

.modal__form {
    margin-top: 30px;
    max-width: 440px
}

.modal__input {
    margin-top: 10px;
    height: 70px;
    width: 100%;
    background: #fff
}

.modal__btn {
    margin-top: 15px;
    height: 70px;
    width: 100%;
    font-size: 14px
}

.mfp-fade.mfp-bg {
    opacity: 0;
    background: #000;
    transition: .3s
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: .7
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: .3s
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}

input[type=range] {
    -webkit-appearance: none;
    margin: 9px 0;
    width: 100%
}

input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: .2s;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    background: #e4edf5;
    border-radius: 5px;
    border: 0 solid #000
}

input[type=range]::-webkit-slider-thumb {
    box-shadow: 0 0 0 #111, 0 0 0 #1e1e1e;
    border: 0 solid #fff;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #5fd3d1;
    cursor: pointer;
    -webkit-appearance: none;
    margin-top: -7.5px
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #e4edf5
}

input[type=range]::-moz-range-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: .2s;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d;
    background: #e4edf5;
    border-radius: 5px;
    border: 0 solid #000
}

input[type=range]::-moz-range-thumb {
    box-shadow: 0 0 0 #111, 0 0 0 #1e1e1e;
    border: 0 solid #fff;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #5fd3d1;
    cursor: pointer
}

input[type=range]::-ms-track {
    width: 100%;
    height: 3px;
    cursor: pointer;
    animate: .2s;
    background: 0 0;
    border-color: transparent;
    border-width: 18px 0;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #e4edf5;
    border: 0 solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

input[type=range]::-ms-fill-upper {
    background: #e4edf5;
    border: 0 solid #000;
    border-radius: 10px;
    box-shadow: 0 0 0 #000, 0 0 0 #0d0d0d
}

input[type=range]::-ms-thumb {
    box-shadow: 0 0 0 #111, 0 0 0 #1e1e1e;
    border: 0 solid #fff;
    height: 18px;
    width: 18px;
    border-radius: 18px;
    background: #5fd3d1;
    cursor: pointer
}

input[type=range]:focus::-ms-fill-lower {
    background: #e4edf5
}

input[type=range]:focus::-ms-fill-upper {
    background: #e4edf5
}

.topbar {
    position: relative;
    z-index: 10;
    padding-top: 20px
}

.topbar__login {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: url(../svg/login.svg) center center no-repeat
}

.topbar__burger {
    width: 55px;
    height: 55px;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #130b44;
    border-radius: 100%
}

.advantages__heading, .footer__messengers, .footer__top, .quiz__heading, .topbar__messengers, .topbar__nav-col, .topbar__row {
    align-items: center;
    display: flex
}

.topbar__burger span {
    margin: 3px 0;
    width: 35px;
    height: 2px;
    background-color: #fff
}

.areas__slides, .areas__tab, .topbar__nav {
    margin-top: 20px
}

.topbar__nav-row {
    --vertical-gap: 20px;
    position: relative;
    padding: var(--vertical-gap) 0;
    width: 100%;
    border-top: 1px solid #e7edf0;
    border-bottom: 1px solid #e7edf0
}

.topbar__nav-col {
    width: 100%;
    padding-right: 85px;
    justify-content: space-between;
    flex-wrap: wrap
}

.topbar__nav-item {
    margin: 0 15px;
    font-weight: 600;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: .01em;
    transition: .4s;
    color: #130b44;
}
.topbar__nav-item.parent{
    display: flex;
    align-items: center;
    gap: .5em;
    &:after{
        content: '';
        width: .5em;
        aspect-ratio: 1/1;
        flex-shrink: 0;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        translate: 0 -17%;
        rotate: 45deg;
    }
    .topbar__nav-item {
        text-align: left;
        margin: 0;
    }
}
.topbar__nav-item:first-child {
    margin-left: 0
}
.topbar__nav-item.--current {
    color: inherit
}
.topbar__nav-item.active, .topbar__nav-item:hover {
    color: #5fd3d1
}
.topbar__nav-item-child-list {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: white;
    display: none;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
    align-items: flex-start;
    padding: 20px;
    border: 1px solid #e7edf0;
    &:before{
        content: '';
        position: absolute;
        left: 0;
        top: calc(-1 * var(--vertical-gap));
        width: 100%;
        height: var(--vertical-gap);
    }
}
.topbar__nav-item:hover>.topbar__nav-item-child-list{
    display: grid;
}

.footer__logo, .topbar__logo {
    padding-right: 30px
}

.footer__logo img, .topbar__logo img {
    width: 96px
}

.topbar__descriptor {
    width: 355px;
    padding: 10px 28px;
    border-left: 1px solid #e7edf0;
    border-right: 1px solid #e7edf0;
    color: #8e9bad;
    font-size: 10px;
    line-height: 126%
}

.footer__contacts, .topbar__contacts {
    display: flex;
    align-items: center;
    padding-left: 30px;
    flex-grow: 1
}

.advantages__btn, .advantages__hint, .clients__logo, .clients__slider, .office__subtitle, .reviews__subtitle, .topbar__contacts-links {
    margin-left: auto;
    margin-right: auto
}

.topbar__contacts-links a {
    display: block;
    max-width: fit-content;
    color: inherit;
    font-size: 14px;
    font-weight: 700;
    padding: 0 20px;
    margin: 0 auto;
    transition: .2s
}

.topbar__contacts-links a:hover {
    color: #87dedd
}

.footer__messengers, .topbar__messengers {
    color: #8e9bad;
    font-size: 10px;
    line-height: 126%;
    width: 110px;
    margin-right: 20px
}

.footer__messengers .messenger, .topbar__messengers .messenger {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #5fd3d1;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 10px
}

.topbar__btn {
    font-size: 13px;
    width: 260px;
    height: 46px;
    line-height: 46px;
    margin-left: auto
}

.quiz {
    margin-top: 150px
}

.quiz__start {
    padding: 120px 0 0;
    background: #f3f6f9
}

.quiz__title {
    width: 480px;
    max-width: 100%
}

.quiz__subtitle {
    display: table;
    font-weight: 500;
    font-size: 18px;
    line-height: 168%;
    letter-spacing: .02em;
    width: 600px;
    max-width: 100%;
    margin-left: auto
}

.quiz__subtitle .img-wrap {
    display: table-cell;
    width: 100px
}

.quiz__subtitle .img-wrap img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.quiz__subtitle .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px
}

.quiz__body {
    position: relative;
    margin-top: 60px;
    padding: 75px 75px 60px;
    background: #fff;
    border-radius: 10px
}

.q-answer__self, .quiz__answer.--small-icons {
    padding-left: 55px
}

.quiz__progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10px;
    background: #e4edf5
}

.quiz__progress .js-quiz-progress {
    display: block;
    width: calc(100% / 6);
    background: #5fd3d1;
    height: 100%;
    transition: .4s
}

.quiz__question, .temp__table-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.quiz__question-text .big {
    display: block;
    font-size: 25px;
    line-height: 168.4%;
    max-width: 660px
}

.quiz__question-text .small {
    display: block;
    margin-top: 15px;
    font-weight: 500;
    font-size: 14px;
    line-height: 147.9%;
    color: #a2b0ba;
    max-width: 560px
}

.quiz__answer.--small-icons, .quiz__answer.--text-center {
    width: calc(100% / 3 - 20px);
    height: 66px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 30px
}

.quiz__question-number {
    font-weight: 700;
    font-size: 20px;
    padding-top: 7px;
    line-height: 168.4%;
    color: #5fd3d1;
    margin-left: auto
}

.quiz__range {
    width: 730px;
    max-width: 100%;
    margin-top: 50px
}

.quiz__row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px
}

.quiz__answer.--text-center {
    text-align: center
}

.quiz__answer.--circles {
    margin: 30px 50px 0
}

.quiz__btns {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    margin-left: -14px;
    margin-right: -14px
}

.quiz__btn {
    width: 210px;
    height: 60px;
    font-size: 16px;
    margin-left: 14px;
    margin-right: 14px
}

.q-answer {
    position: relative;
    z-index: 1
}

.q-answer__self {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    border: 1px solid #5fd3d1;
    border-radius: 5px;
    font-size: 14px
}

.q-answer__label {
    height: 100%;
    cursor: pointer;
    width: 100%
}

.q-answer.--small-icons .q-answer__label, .q-answer.--text-center .q-answer__label {
    display: table;
    border-radius: 5px
}

.q-answer.--small-icons .q-answer__text, .q-answer.--text-center .q-answer__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 147.9%;
    display: table-cell;
    vertical-align: middle
}

.q-answer.--small-icons .q-answer__bg, .q-answer.--text-center .q-answer__bg {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border: 1px solid #e4edf5;
    border-radius: inherit
}

.q-answer.--small-icons .q-answer__checkbox.--another ~ .q-answer__text, .q-answer.--text-center .q-answer__checkbox.--another ~ .q-answer__text {
    color: #8e9bad
}

.q-answer.--small-icons .q-answer__icon {
    position: absolute;
    top: 50%;
    left: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 27px;
    text-align: center
}

.q-answer.--small-icons .q-answer__icon img {
    max-width: 100%
}

.q-answer.--circles .q-answer__icon {
    position: relative;
    width: 124px;
    height: 124px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    border: 1px solid #e4edf5;
    display: block;
    max-width: 100%
}

.q-answer.--circles .q-answer__icon img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.q-answer.--circles .q-answer__text {
    display: block;
    margin-top: 25px;
    font-weight: 500;
    font-size: 14px;
    line-height: 147.9%;
    text-align: center
}

.q-answer.--circles .q-answer__checkbox.--another ~ .q-answer__icon span {
    font-weight: 500;
    font-size: 10px;
    line-height: 147.9%;
    color: #a2b0ba;
    text-align: center;
    width: 87px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.q-answer.--circles .q-answer__checkbox.--another ~ .q-answer__text {
    display: block;
    width: 103px;
    height: 32px;
    margin-top: 20px;
    line-height: 32px;
    border: 1px solid #e4edf5;
    border-radius: 5px;
    font-weight: 500;
    font-size: 10px;
    color: #8e9bad;
    margin-left: auto;
    margin-right: auto
}

.q-answer.--circles .q-answer__checkbox:checked ~ .q-answer__icon {
    border: 1px solid #5fd3d1
}

.q-answer__checkbox:checked ~ .q-answer__bg {
    border: 1px solid #5fd3d1 !important
}

.about.main-screen .about__feature.no-border-bottom, .temp-table.mobile .temp-table__col.bright:last-child, .temp-table.mobile .temp-table__row, .temp-table.mobile .temp-table__row:last-child .temp-table__col-descr:last-child, .temp-table.mobile .temp-table__row:last-child .temp-table__col.bright {
    border-bottom: none
}

.q-range__row {
    display: table;
    width: 100%
}

.q-range__hint {
    padding-top: 35px;
    width: calc(100% / 3);
    display: table-cell;
    font-weight: 500;
    font-size: 14px;
    line-height: 147.9%
}

.q-final__bottom-title, .q-final__bullets-title, .q-final__subtitle, .q-final__title, .t-header__subtitle, .t-header__text, .t-header__title {
    line-height: 134.9%;
    letter-spacing: .02em
}

.q-range__hint.--first {
    text-align: left
}

.q-range__hint.--second {
    text-align: center
}

.q-range__hint.--third {
    text-align: right
}

.q-final__bottom {
    margin-top: 60px;
    position: relative;
    background: #f3f6f9;
    min-height: 550px;
    padding: 60px 0
}

.q-final__bottom-cnt {
    max-width: 100%;
    margin-left: auto;
    width: calc(100% / 2);
    padding-left: 15px
}

.q-final__bottom-title {
    font-size: 25px
}

.q-final__bottom-form {
    margin-top: 55px
}

.q-final__substrate {
    top: 65px;
    right: 50%;
    margin-right: 350px
}

.q-final__input {
    background: #fff;
    width: 100%;
    height: 60px
}

.q-final__btn {
    width: 100%;
    height: 60px;
    font-size: 14px;
    margin-top: 10px
}

.q-final__policy {
    width: 100%
}

.q-final__policy:before {
    background-color: #fff;
    top: 50%;
    margin-top: -14px
}

.q-final__director {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-right: 40px;
    max-height: 100%
}

.cb__heading, .q-final__row {
    display: flex;
    margin-left: -15px;
    margin-right: -15px
}

.q-final__col {
    width: calc(100% / 2 - 30px);
    margin-left: 15px;
    margin-right: 15px
}

.q-final__title, .t-header__title {
    font-size: 48px;
    font-weight: 700
}

.q-final__subtitle {
    font-size: 25px;
    margin-top: 20px;
    max-width: 450px
}

.q-final__cta {
    margin-top: 33px;
    max-width: 300px
}

.q-final__cta b {
    font-size: 18px;
    line-height: 168.4%;
    color: #5fd3d1;
    display: block
}

.q-final__cta span {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    margin-top: 8px;
    color: #8e9bad
}

.q-final__bullets-title {
    font-size: 28px;
    font-weight: 700
}

.q-final__bullet {
    margin-top: 37px;
    display: table;
    max-width: 430px
}

.q-final__bullet .img-wrap {
    display: table-cell;
    vertical-align: top;
    width: 45px
}

.q-final__bullet .img-wrap img {
    display: block;
    max-width: 100%
}

.q-final__bullet .text {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px
}

.q-final__bullet .text b {
    display: block;
    font-size: 18px;
    line-height: 168.4%;
    color: #5fd3d1
}

.q-final__bullet .text span {
    margin-top: 2px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    color: #8e9bad
}

.bread-crumbs {
    padding: 23px 0 20px
}

.bread-crumbs__link {
    margin-right: 7px;
    font-weight: 400;
    font-size: 10px;
    line-height: 16px;
    letter-spacing: .01em;
    transition: .4s;
    color: #8e9bad
}

.bread-crumbs__link:not(:first-child) {
    padding-left: 11px;
    background: url(../svg/crumbs-arrow.svg) left center no-repeat
}

.bread-crumbs__link.--active, .bread-crumbs__link:hover {
    color: #5fd3d1
}

.header {
    position: relative;
    padding-top: 60px;
    margin-bottom: 90px;
    z-index: 1
}

.header.bg-between {
    margin-bottom: 0;
    padding: 0 0 57px;
    background: url(../../img/promo-bg.png) center bottom -100px/contain no-repeat #fff
}

.header.bg-center {
    margin-bottom: 0;
    padding: 0 0 90px;
    background: url(../../img/promo-bg.png) top 20% center/contain no-repeat #fff
}

.header.--correct-left {
    margin-bottom: 0;
    padding-top: 0
}

.auto__row, .circles__row, .footer__messengers .row, .header.--correct-left .header__wrapper, .review__row, .temp-table__row {
    display: flex
}

.header.--correct-left .header__bg, .header__bg {
    display: block;
    z-index: -10;
    position: absolute;
    left: 50%
}

.header.--correct-left .header__col-left {
    flex: 0 0 65%;
    padding-bottom: 62px
}

.header.--correct-left .header__title {
    max-width: 100%
}

.header.--correct-left .header__temperature {
    max-width: 70%
}

.header.--correct-left .header__main-photo {
    flex: 0 1 50%
}

.header.--correct-left .header__main-photo img {
    max-width: 100%
}

.header.--correct-left .header__bg {
    width: 998px;
    top: -46px;
    margin-left: -62px
}

.header__temperature.--big:before, .header__temperature.--small-with-bg:before {
    background: url(../../img/thermometer.png) top left/contain no-repeat;
    z-index: 2;
    content: ''
}

.header.no-bg {
    background: 0 0 !important
}

.header__bg {
    width: 1218px;
    top: -110px;
    margin-left: -176px
}

.header__inner {
    padding-top: 40px
}

.header__inner.--in-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.header__inner.--in-center .header__title {
    max-width: 62%;
    margin-bottom: 27px;
    text-align: center
}

.header__inner.--in-center .header__sub-btn {
    margin-top: 19px;
    width: 300px;
    font-weight: 500;
    font-size: 12px;
    line-height: 137.9%;
    color: #8e9bad;
    text-align: center
}

.clients__title, .fulfillment__title, .header__inner.--in-center .header__suboffer, .office__title, .reviews__title, .services__title, .types__title {
    text-align: center
}

.header__inner.--in-center .header__suboffer.narrow {
    max-width: 370px
}

.header__inner.--in-center .header__suboffer.with-arrow:after {
    content: url(../svg/radius-arrow.svg);
    width: 50px;
    height: 67px;
    position: absolute;
    right: -50px;
    bottom: -30px;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg)
}

.header__inner.--in-center .header__suboffer.with-arrow_bottom:after {
    content: url(../svg/radius-arrow.svg);
    width: 50px;
    height: 67px;
    position: absolute;
    right: 0;
    bottom: -78px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg)
}

.header__inner.--in-center .header__suboffer.wide {
    width: 39%;
    max-width: 39%
}

.header__inner.--in-center .header__suboffer.right-more:after {
    right: -126px
}

.header__inner.--in-center .header__suboffer.wide-more {
    width: 49%;
    max-width: 49%
}

.header__inner.--in-center .header__suboffer.small {
    font-size: 15px;
    font-weight: 500
}

.header__inner.--in-center .header__suboffer.light {
    color: #8e9bad
}

.header__suboffer-bright {
    max-width: 39%;
    margin-bottom: 22px;
    font-size: 23px;
    font-weight: 700;
    color: #5fd3d1;
    text-align: center
}

.header__subtitle, .header__title {
    letter-spacing: .02em;
    font-weight: 700;
    max-width: 700px
}

.header__title {
    font-size: 36px;
    line-height: 134.9%
}

.header__suboffer {
    margin-bottom: 17px;
    color: #000
}

.header__subtitle {
    margin-top: 45px;
    font-size: 23px;
    line-height: 155.4%;
    color: #5fd3d1
}

.header__temperature.--small {
    padding-left: 60px;
    font-weight: 500;
    font-size: 18px;
    line-height: 155.4%;
    letter-spacing: .02em;
    position: relative;
    max-width: 540px;
    margin-top: 30px
}

.header__temperature.--big, .header__temperature.--small-with-bg {
    position: relative;
    background: linear-gradient(269.54deg, #e6ecf1 50.2%, rgba(230, 236, 241, 0) 117.95%);
    border-radius: 100px;
    line-height: 134.9%;
    color: #130b44;
    font-weight: 700;
    letter-spacing: .02em
}

.header__temperature.--small:before {
    position: absolute;
    content: '';
    width: 37px;
    height: 76px;
    background: url(../../img/thermometer.png) top left/contain no-repeat;
    top: 50%;
    left: 0;
    margin-top: -38px
}

.header__temperature.--big {
    margin-top: 30px;
    padding: 7px 30px 8px 65px;
    font-size: 36px;
    max-width: fit-content
}

.header__temperature.--big:before {
    position: absolute;
    width: 29px;
    height: 61px;
    top: -11px;
    left: 17px
}

.header__temperature.--small-with-bg {
    margin-top: 17px;
    padding: 4px 20px 5px 39px;
    font-size: 20px;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.header__temperature.--small-with-bg:before {
    position: absolute;
    width: 17px;
    height: 35px;
    bottom: 8px;
    left: 9px
}

.header__bullets {
    margin-top: 45px;
    max-width: 500px
}

.header__bullet {
    margin-top: 30px;
    font-size: 16px;
    font-weight: 500;
    line-height: 148%;
    display: table
}

.header__bullet .img-wrap {
    display: table-cell;
    vertical-align: middle;
    width: 30px
}

.header__bullet span {
    display: table-cell;
    vertical-align: top;
    padding-left: 13px
}

.header__cta {
    margin-top: 50px;
    display: flex
}

.header__cta .cta.--horizontal {
    margin-top: 35px;
    display: flex
}

.header__cta .cta.--horizontal .header__hint, .types__slides {
    margin-left: 45px
}

.header__btn {
    width: 355px;
    height: 73px;
    line-height: 73px;
    font-size: 14px
}

.header__hint, .header__video {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #8e9bad;
    line-height: 138%
}

.header__hint {
    margin-top: 17px;
    max-width: 260px
}

.header__video {
    margin-top: 11px;
    margin-left: 53px;
    position: relative;
    padding-left: 100px;
    width: 380px;
    transition: .4s
}

.header__video:after, .header__video:before {
    position: absolute;
    content: '';
    top: 50%;
    margin-top: -35px;
    left: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%
}

.header__video:before {
    border: 1px solid #5fd3d1;
    background: url(../svg/play.svg) center left 26px no-repeat
}

.header__video:after {
    border: 3px solid #5fd3d1;
    border-left: none;
    border-top: none;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    transition: inherit
}

.header__video:hover:after {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.header__cards {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -13px;
    margin-right: -13px
}

.header__cards.magazini {
    margin-top: 96px !important
}

.header__card {
    width: calc(100% / 3 - 26px);
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 26px;
    background: #f3f6f9;
    border-radius: 10px;
    padding: 24px 18px 33px
}

.header__card-img {
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 172px;
    object-fit: cover
}

.header__card-title {
    margin-top: 21px;
    font-size: 16px;
    line-height: 148%;
    font-weight: 700
}

.header__card-text {
    display: block;
    margin-top: 6px;
    font-weight: 500;
    font-size: 12px;
    color: #8e8e8e;
    line-height: 147.9%
}

.advantages, .auto, .cb, .circles, .clients, .fulfillment, .illustrate, .reviews, .t-offer, .types, .wharranty {
    margin: 120px 0
}

.fulfillment__subtitle {
    margin-top: 23px;
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.fulfillment__row {
    margin-top: 25px;
    display: flex;
    max-width: 1176px;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: wrap
}

.fulfillment__item {
    width: calc(100% / 2 - 30px);
    margin-left: 15px;
    margin-right: 15px;
    display: table;
    margin-top: 35px
}

.fulfillment__item .img-wrap {
    width: 135px;
    height: 120px;
    display: table-cell;
    vertical-align: top
}

.fulfillment__item .img-wrap img {
    display: block;
    max-width: 100%
}

.fulfillment__item .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 30px;
    font-size: 14px;
    line-height: 168%;
    font-weight: 500;
    max-width: 300px
}

.areas, .services {
    margin: 120px 0;
    padding: 120px 0;
    background: #f3f6f9
}

.services.--correct {
    margin: 0 0 -1px;
    padding: 90px 0
}

.services.--correct.z-index {
    position: relative;
    z-index: 5
}

.services.--correct .services__title {
    margin-bottom: 53px
}

.services.--correct .services__row {
    margin: -14px -9px 0
}

.services.--correct .services__card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(100% / 3 - 17px)
}

.services.--correct .services__card.--long {
    width: calc(100% / 2 - 18px)
}

.services.--correct .services__card.--long .services__photo {
    height: 280px
}

.services.--correct .services__card.--long .services__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services.--correct .services__card.--long .services__info {
    margin-top: 23px
}

.services.--correct .services__card.--long .services__name.--link {
    flex: 0 1 70%
}

.services.--correct .services__card:hover {
    box-shadow: 0 30px 40px #e4eaf0;
    transition: box-shadow .3s linear
}

.services.--correct .services__card:hover .services__name.--link {
    transition: color .2s linear;
    color: #5fd3d1
}

.services.--correct .services__info {
    margin-top: 23px;
    flex: 1 1 auto
}

.services.--correct .services__photo {
    height: 180px
}

.services.--correct .services__photo img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.services.--correct .services__btn {
    width: 100%
}

.services.--correct .services__name.--link {
    color: #000
}

.services__row {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px
}

.services__card {
    position: relative;
    margin-left: 7px;
    margin-right: 7px;
    margin-top: 14px;
    width: calc(100% / 3 - 14px);
    padding: 28px 30px 33px;
    background: #fff;
    border-radius: 10px
}

.services__img {
    display: block;
    width: 100%;
    border-radius: 5px;
    height: 172px
}

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

.services__arrow {
    background: url(../svg/arrow-link.svg);
    width: 28px;
    height: 19px
}

.services__name {
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    line-height: 143.4%;
    margin-top: 25px;
    text-align: center;
    cursor: pointer;
    color: #000
}

.services__name:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.services__name.--link {
    margin-top: 0;
    flex: 0 1 50%;
    text-align: left;
    cursor: pointer
}

.services__name.--link:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.two-col {
    margin-bottom: 78px;
    display: flex;
    justify-content: space-between
}

.two-col__title-col {
    flex: 0 1 45%
}

.two-col__subtitle-col {
    flex: 0 1 40%
}

.types__subtitle {
    margin-top: 23px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.types__area {
    margin-top: 60px;
    display: flex;
    padding: 40px 35px;
    background: #f3f6f9;
    box-shadow: 0 30px 60px #e4eaf0;
    border-radius: 10px
}

.types__tabs {
    width: 300px;
    min-width: 300px
}

.types__tab {
    height: 64px;
    text-align: left;
    padding-left: 56px;
    font-size: 14px;
    justify-content: flex-start
}

.types__tab .icon {
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 27px;
    max-height: 27px
}

.types__tab.--active .icon.--closed, .types__tab:hover .icon.--closed {
    opacity: 0
}

.mfp-arrow:focus, .mfp-arrow:hover, .mfp-close:focus, .mfp-close:hover, .types__tab.--active .icon.--active, .types__tab:hover .icon.--active {
    opacity: 1
}

.private__about-title, .types__name {
    font-size: 25px;
    line-height: 168.4%;
    font-weight: 700;
    color: #5fd3d1
}

.types__img {
    margin-top: 30px;
    display: block;
    width: 100%;
    border-radius: 10px
}

.types__bullets {
    margin-top: 10px;
    margin-left: -20px;
    margin-right: -20px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.types__bullet {
    margin-top: 30px;
    display: table;
    width: calc(100% / 2 - 40px);
    margin-left: 20px;
    margin-right: 20px
}

.advantages__subtitle, .advantages__title {
    width: 500px;
    max-width: 100%
}

.types__bullet .img-wrap {
    display: table-cell;
    width: 45px;
    text-align: center;
    vertical-align: top
}

.types__bullet .img-wrap img {
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto
}

.types__bullet .text {
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    padding-left: 15px
}

.advantages__subtitle {
    display: table;
    font-weight: 500;
    font-size: 18px;
    line-height: 155.4%;
    letter-spacing: .02em;
    margin-left: auto
}

.advantages__subtitle .img-wrap {
    display: table-cell;
    width: 126px
}

.advantages__subtitle .img-wrap img {
    display: block;
    width: 100%;
    border-radius: 50%
}

.advantages__subtitle .text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 35px
}

.advantages__cnt {
    margin-top: 50px;
    list-style-type: none;
    counter-reset: num
}

.advantages__item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 18px;
    margin-top: 20px;
    border: 1px solid #e4edf5;
    border-radius: 5px
}

.advantages__item:before {
    position: absolute;
    content: '0' counter(num);
    counter-increment: num;
    left: -30px;
    top: 50%;
    margin-top: -47px;
    width: 94px;
    height: 94px;
    background: #bdc6cf;
    border-radius: 50%;
    font-size: 25px;
    letter-spacing: .02em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: 94px
}

.advantages__info {
    padding-right: 40px;
    padding-left: 80px;
    margin-left: -15px;
    margin-right: -15px
}

.advantages__feature, .advantages__name {
    margin-left: 15px;
    margin-right: 15px;
    font-weight: 500
}

.advantages picture, .advantages__img, .footer__btn, .footer__contacts-links, .footer__links {
    margin-left: auto
}

.advantages__name, .cb__card-step, .cb__card-title {
    font-size: 20px;
    line-height: 146.9%
}

.advantages__feature {
    position: relative;
    padding-left: 34px;
    font-size: 14px;
    line-height: 168.4%;
    display: inline-block;
    width: calc(100% / 2 - 35px);
    padding-right: 20px;
    vertical-align: top;
    margin-top: 25px
}

.advantages__feature:before {
    position: absolute;
    content: '';
    top: 4px;
    left: 0;
    width: 19px;
    height: 19px;
    background: url(../svg/check.svg) top left/contain no-repeat
}

.advantages__img {
    display: block;
    width: 420px;
    border-radius: 5px
}

.advantages__cta {
    margin-top: 75px
}

.advantages__btn {
    width: 320px;
    height: 71px;
    line-height: 71px;
    font-size: 14px
}

.advantages__hint {
    margin-top: 35px;
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 137.9%;
    text-align: center;
    color: #8e9bad;
    max-width: 460px;
    position: relative
}

.advantages__hint:before {
    position: absolute;
    content: '';
    width: 56px;
    height: 69px;
    top: -77px;
    right: -20px;
    background: url(../svg/line-1.svg) top left/contain no-repeat
}

.circles__left {
    width: 580px
}

.circles__info {
    width: 458px;
    margin-top: 96px
}

.circles__info img {
    display: block;
    width: 100%
}

.circles__right {
    width: calc(100% - 580px);
    padding-top: 60px;
    padding-left: 86px;
    position: relative
}

.circles__img {
    display: block;
    width: 420px;
    border-radius: 50%
}

.circles__text {
    position: absolute;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%
}

.circles__text:before {
    position: absolute;
    content: '';
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat
}

.circles__text.--1 {
    top: 0;
    left: 475px;
    width: 190px
}

.circles__text.--1:before {
    width: 80px;
    height: 43px;
    top: -14px;
    left: -103px;
    background-image: url(../svg/line-2.svg)
}

.circles__text.--2 {
    top: 520px;
    left: -29px;
    width: 280px
}

.circles__text.--2:before {
    width: 71px;
    height: 90px;
    top: 133px;
    left: 115px;
    background-image: url(../svg/line-4.svg)
}

.circles__text.--3 {
    top: 553px;
    left: 386px;
    width: 240px
}

.circles__text.--3:before {
    width: 31px;
    height: 99px;
    top: -148px;
    left: 124px;
    background-image: url(../svg/line-3.svg)
}

.wharranty.--with-cta .wharranty__img:before {
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg);
    top: 440px
}

.areas__heading, .wharranty__row {
    display: flex;
    flex-wrap: wrap
}

.wharranty__cnt {
    padding-top: 60px;
    width: 600px
}

.wharranty__subtitle {
    margin-top: 30px;
    max-width: 450px
}

.wharranty__img {
    width: calc(100% - 600px);
    padding-left: 90px;
    position: relative
}

.wharranty__img img {
    width: 490px;
    border-radius: 50%
}

.wharranty__img:before {
    position: absolute;
    content: '';
    width: 113px;
    height: 34px;
    background: url(../svg/line-5.svg) top left/contain no-repeat;
    top: 473px;
    left: 0
}

.wharranty__img.line-to-btn:before {
    -webkit-transform: rotate(121deg);
    transform: rotate(121deg);
    top: 424px;
    left: -32px
}

.wharranty__bullets {
    margin-top: 10px;
    margin-left: -35px;
    margin-right: -35px
}

.wharranty__bullet {
    margin-top: 30px;
    display: inline-block;
    margin-left: 35px;
    margin-right: 35px;
    vertical-align: top
}

.wharranty__bullet-title {
    font-size: 18px;
    line-height: 168.4%;
    color: #5fd3d1;
    font-weight: 700
}

.wharranty__bullet-text {
    display: block;
    margin-top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%
}

.wharranty__cta {
    width: 100%;
    margin-top: 50px
}

.wharranty__btn {
    width: 355px;
    height: 71px;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    max-width: 100%
}

.holiday {
    margin: 120px 0;
    padding-top: 100px;
    min-height: 620px;
    background: url(../../img/holiday-bg.jpg) top center/cover no-repeat;
    padding-bottom: 50px;
    position: relative
}

.holiday__btn, .holiday__bullet {
    margin-top: 40px;
    font-size: 14px
}

.holiday__manager {
    position: absolute;
    display: block;
    bottom: 0;
    right: 40%;
    margin-right: 20px;
    max-height: 110%
}

.holiday__substrate {
    right: 50%;
    top: 295px;
    margin-right: 370px
}

.holiday__cnt {
    max-width: 560px;
    margin-left: auto
}

.holiday__title {
    max-width: 440px
}

.holiday__bullet {
    display: flex;
    font-weight: 500;
    line-height: 168.4%;
    max-width: 435px
}

.holiday__bullet .img-wrap {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    display: table;
    padding-top: 6px
}

.holiday__bullet .img-wrap div {
    display: table-cell;
    vertical-align: middle
}

.holiday__bullet .text {
    margin-left: 17px;
    align-self: center
}

.holiday__btn {
    width: 320px;
    height: 70px;
    padding: 0 20px
}

.auto__img {
    width: 490px;
    position: relative
}

.auto__img:before {
    position: absolute;
    content: '';
    width: 86px;
    height: 74px;
    background: url(../svg/line-6.svg) top left/contain no-repeat;
    top: 13px;
    right: -74px
}

.auto__img img {
    display: block;
    width: 100%
}

.auto__cnt {
    width: calc(100% - 490px);
    padding-left: 110px
}

.auto__title, .director__title, .t-offer__title {
    max-width: 520px
}

.auto__subtitle {
    margin-top: 30px;
    max-width: 590px
}

.auto__bullets {
    max-width: 450px
}

.auto__bullet {
    margin-top: 35px;
    display: table;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%
}

.auto__bullet .img-wrap {
    width: 50px;
    display: table-cell;
    vertical-align: top
}

.auto__bullet .img-wrap img {
    max-width: 100%
}

.auto__bullet .text {
    display: table-cell;
    vertical-align: top;
    padding-left: 18px
}

.auto__link-btn.btn-correct {
    margin-top: 45px;
    width: 331px;
    padding: 19px 25px;
    font-size: 14px
}

.offer, .private {
    margin: 120px 0;
    position: relative
}

.private__bg {
    position: absolute;
    top: -60px;
    left: 50%;
    margin-left: -85px
}

.about, .about__feature, .areas.--correct iframe, .areas__slide, .dark-features.with-photo .dark-features__inner-block, .director, .illustrate__subtitle:last-child, .offer__cta, .private.--correct .wrapper, .private__cta, .t-header {
    position: relative
}

.private__cnt {
    max-width: 480px
}

.private__about, .private__subtitle {
    margin-top: 35px
}

.private__about-list {
    margin-top: -10px;
    max-width: 280px
}

.private.--correct .private__about-list, .private__cta {
    max-width: 350px
}

.private__about-item {
    margin-top: 30px;
    font-weight: 500;
    font-size: 14px;
    line-height: 156.4%;
    position: relative;
    min-height: 28px;
    padding-left: 43px
}

.private__about-item:before {
    position: absolute;
    content: '';
    top: 3px;
    left: 0;
    width: 28px;
    height: 28px;
    background: url(../svg/check.svg) top left/contain no-repeat
}

.private__cta {
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto
}

.private__cta:before {
    position: absolute;
    content: '';
    width: 70px;
    height: 90px;
    background: url(../svg/line-7.svg) top left/contain no-repeat;
    left: 35px;
    top: -154px
}

.private__btn {
    width: 100%;
    height: 71px;
    font-size: 14px
}

.private.--correct .private__cnt {
    z-index: 5
}

.private.--correct .private__photo {
    position: absolute;
    right: -10%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1
}

.private.--correct .private__photo img {
    max-width: 90%
}

.areas__title {
    width: 650px;
    max-width: 100%
}

.areas__subtitle {
    width: 480px;
    max-width: 100%;
    margin-left: auto
}

.areas__tabs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 40px
}

.areas__tab {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% / 3 - 20px);
    height: 71px;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    width: fit-content;
    flex-grow: 1;
}

.faq {
    padding: 60px 0;
}

.faq__title {
    margin-bottom: 30px;
}

.faq__item {
    margin-bottom: 15px;
}

.faq__item--active,
.faq__item:hover .faq__question {
    color: #5fd3d1;
}

.faq__question {
    padding: 15px;
    border-radius: 10px;
    cursor: pointer;
    background: #f3f6f9;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq__icon {
    transition: transform 0.5s ease-out;
}

.faq__answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, padding 0.5s ease-out;
    padding: 0 15px;
    color: #000000;
}

.faq__item--active .faq__answer {
    max-height: 300px; /* Достаточно большое значение, чтобы вместить весь контент */
    padding: 15px;
}

.faq__item--active .faq__icon {
    transform: rotate(180deg);
}

.faq-list {
    display: grid;
    grid-template-columns: 100%;
    gap: 1em;
}

/*.faq-item{
    border: 1px solid #e4edf5;
    border-radius: 10px;
}
.faq-item_question {
    list-style: none;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #130b44;
    &:after {
        content: '';
        width: 1em;
        height: 1em;
        flex-shrink: 0;
        border-right: 1px solid #130b44;
        border-bottom: 1px solid #130b44;
        transform: translate(-17%, 0) rotate(-45deg);
    }
}
[open] .faq-item_question:after{
    transform: translate(0, -17%) rotate(45deg);
}*/

.faq-item_answer {
    padding: 0 1em 1em 1em;

    ul {
        padding: 0 0 0 1em;
        list-style: disc;
    }
}

.howto {
    padding: 60px 0;
}

.howto__title {
    margin-bottom: 30px;
}

.howto__list {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: start;
    flex-wrap: wrap;
}

.description {
    padding: 30px 0 60px;
}

.description__title {
    margin: 15px 0 7px;
}

#short-text {
    margin-bottom: 15px;
}

#short-text {
    margin-bottom: 15px;
}

#toggle-btn {
    margin-top: 20px;
    cursor: pointer;
    text-decoration: underline;
    border: none;
    font-size: 16px;
    width: 260px;
    height: 46px;
    line-height: 46px;
}

.hidden {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

#full-content {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-out, opacity 0.5s ease-out;
}

#full-content.visible {
    max-height: 100%;
    opacity: 1;
}

.strong-txt {
    font-weight: 700;
}

.areas__slide {
    border-radius: 5px;
    height: 580px;
    background: #e7edf0
}

.areas__slides iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.areas__hint {
    position: absolute;
    width: 380px;
    height: 83px;
    background: url(../svg/click.svg) top 20px left 20px/37px no-repeat #fff;
    border-radius: 5px;
    box-shadow: 20px 15px 30px rgba(96, 86, 166, .33);
    font-weight: 500;
    font-size: 18px;
    line-height: 147.9%;
    color: #6056a6;
    padding-top: 14px;
    padding-left: 70px;
    bottom: 72px;
    right: 78px
}

.about__img, .case, .review, .review__img, .review__link, .temp-table {
    border-radius: 10px
}

.areas.--correct {
    margin-top: 0;
    padding: 80px 0 96px;
    margin-bottom: 0
}

.areas.--correct .areas__slide {
    height: auto;
    background-color: transparent
}

.areas.--correct .areas__tabs {
    margin-top: 0;
    margin-bottom: 54px
}

.areas.--correct .areas__inner {
    height: 580px
}

.areas.--correct .areas__title {
    margin: 0 auto 55px;
    font-weight: 400;
    font-size: 25px;
    line-height: 155.4%;
    text-align: center
}

.areas.--correct .areas__title span {
    font-weight: 700
}

.areas.--correct .areas__footer {
    margin-top: 82px;
    display: flex;
    justify-content: space-around
}

.areas.--correct .areas__item, .dark-features.with-big-photo .dark-features__col {
    flex: 0 1 35%;
    display: flex;
    flex-direction: column
}

.areas.--correct .areas__item-title {
    flex: 1 1 auto;
    margin-bottom: 16px;
    padding-left: 76px;
    color: #5fd3d1;
    font-weight: 700;
    background: url(../svg/uslugi/cases-slider-icon.svg) left top/50px no-repeat
}

.areas.--correct .areas__item-descr {
    width: 90%;
    font-size: 14px;
    font-weight: 500;
    color: #0c0c0c;
    line-height: 147.9%
}

.offer.bg-center .offer__bg {
    top: 50% !important;
    -webkit-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    max-width: 490px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.offer.--left-img .offer__bg {
    right: 50%;
    left: auto;
    margin-left: 0;
    margin-right: 30px;
    max-width: 490px;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.offer.--left-img .offer__cnt {
    margin-left: auto;
    margin-right: 80px
}

.about.main-screen .about__feature, .about.main-screen .about__subtitle, .about.main-screen .about__title {
    margin: 39px auto 0;
    text-align: center
}

.offer__bg {
    position: absolute;
    top: -30px;
    left: 50%;
    margin-left: -5px;
    display: block;
    height: 100%;
    max-width: 490px;
    -o-object-fit: contain;
    object-fit: contain
}

.offer__cnt {
    max-width: 420px;
    margin-left: 63px
}

.offer__subtitle {
    margin-top: 18px;
    max-width: 360px
}

.offer__cta {
    margin-top: 45px;
    max-width: 365px
}

.offer__cta:before {
    position: absolute;
    content: '';
    width: 42px;
    height: 79px;
    background: url(../svg/pointer-1.svg) top left/contain no-repeat;
    top: 29px;
    right: -55px
}

.offer__cta-title {
    font-size: 18px;
    line-height: 168.4%;
    font-weight: 700;
    color: #5fd3d1
}

.offer__cta-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    margin-top: 8px;
    color: #8e9bad;
    max-width: 340px
}

.offer__cta-form {
    margin-top: 27px
}

.offer__cta-btn, .offer__cta-input, .privacy ol li {
    margin-top: 10px
}

.offer__cta-btn {
    font-size: 14px;
    height: 60px;
    width: 100%
}

.offer .policy {
    max-width: 320px
}

.about {
    margin: 120px 0;
    padding-top: 120px;
    color: #fff;
    z-index: 1
}

.about:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 460px;
    background: #120b44;
    z-index: -1
}

.about__title {
    max-width: 870px
}

.about__subtitle {
    margin-top: 26px;
    max-width: 800px
}

.about__features {
    display: flex;
    margin-top: 75px
}

.about__separator {
    width: 1px;
    background: #362e6d;
    margin: 0 auto
}

.about.main-screen .about__slide, .about__slide {
    width: calc(100% / 3 - 20px)
}

.director, .review {
    background: #f3f6f9
}

.about__feature {
    margin: 0 auto;
    padding-bottom: 20px
}

.about__feature:last-child {
    border-right: none;
    margin-right: 0
}

.about__feature:first-child {
    margin-left: 0
}

.about__feature .number {
    font-weight: 700;
    font-size: 50px;
    line-height: 134.9%;
    letter-spacing: .02em;
    display: block;
    white-space: nowrap
}

.about__feature .text, .director__bullet span, .director__quote p, .director__subtitle {
    line-height: 155.4%;
    letter-spacing: .02em
}

.about__feature .text {
    display: block;
    font-weight: 500;
    font-size: 18px;
    margin-top: 20px
}

.about__gallery, .office__tabs {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 35px
}

.about__slide, .clients__slider .slick-slide {
    margin-left: 10px;
    margin-right: 10px
}

.about__slide {
    margin-top: 20px
}

.about.main-screen .about__slide.first, .about__slide:first-child {
    width: 100%
}

.about__img {
    display: block;
    width: 100%
}

.about.main-screen .about__video:hover:before {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transform: scale(.9);
    transform: scale(.9);
    transition: transform .2s, -webkit-transform .2s
}

.about.main-screen .about__gallery {
    position: relative;
    display: flex
}

.about.main-screen .about__video {
    position: absolute;
    width: 172px;
    height: 172px;
    top: -10px;
    right: 80px
}

.about.main-screen .about__video:before {
    content: '';
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 170px;
    height: 170px;
    background: url(../svg/play-btn.svg) center center/contain no-repeat;
    transition: transform .2s, -webkit-transform .2s
}

.about.main-screen .about__separator, .temp-table.mobile {
    display: none
}

.about.main-screen .about__feature {
    flex: 0 1 25%;
    padding: 0 34px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-right: 1px solid #362e6d
}

.about.main-screen .about__feature:last-child {
    border-bottom: none;
    border-right: none
}

.about.main-screen .about__feature:nth-child(2) {
    border-right: none
}

.about.main-screen .about__feature span.text {
    font-size: 14px;
    text-align: left
}

.director {
    margin: 120px 0;
    padding: 120px 0 50px;
    min-height: 555px;
    z-index: 1
}

.director__img {
    position: absolute;
    left: 50%;
    margin-left: 50px;
    max-height: 100%;
    bottom: 0;
    z-index: 2;
    display: block
}

.director__updated__img {
    margin-left: -100px;
    max-height: 105%
}

.director__substrate {
    top: 53px;
    left: 50%;
    margin-left: 368px;
    z-index: 1
}

.director__cnt {
    max-width: 620px
}

.director__subtitle {
    margin-top: 30px;
    max-width: 500px
}

.director__bullets {
    margin-top: 40px
}

.director__bullet {
    position: relative;
    display: table;
    max-width: 380px;
    margin-top: 15px
}

.director__bullet .img-wrap {
    display: table-cell;
    vertical-align: top;
    width: 40px
}

.director__bullet .img-wrap img {
    display: block;
    max-width: 100%
}

.director__bullet:before {
    position: absolute;
    content: '';
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5fd3d1
}

.director__bullet span {
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    padding-left: 17px
}

.director__quote {
    margin-top: 65px;
    padding-left: 80px;
    position: relative;
    max-width: 565px;
    margin-left: 45px
}

.case__content-photo img, .cb__card-img, .cf__img, .dark-features__icon img, .director.--correct .director__item-icon img, .director.--correct .director__photo img, .mfp-image-holder .mfp-content, .pallety__offer-photo img, .park__photo img, .small-circles__logo img, .t-offer__img {
    max-width: 100%
}

.director__quote:before {
    position: absolute;
    content: '';
    width: 55px;
    height: 43px;
    top: 0;
    left: 0;
    background: url(../svg/quote.svg) top left/contain no-repeat
}

.director__quote p {
    font-size: 16px;
    margin-top: 30px
}

.director.--correct {
    margin-top: 0;
    padding: 70px 0 60px
}

.director.--correct.dark-gray {
    margin-bottom: 0;
    background-color: #ebeff2
}

.director.--correct.dark-gray .director__input {
    margin-bottom: 10px;
    background-color: #fff;
    max-width: 364px
}

.director.--correct.dark-gray .director__input::-webkit-input-placeholder {
    color: #b8ccd7
}

.director.--correct.dark-gray .director__input:-ms-input-placeholder {
    color: #b8ccd7
}

.director.--correct.dark-gray .director__input::placeholder {
    color: #b8ccd7
}

.director.--correct.dark-gray .director__cnt {
    padding-left: 50px
}

.director.--correct.dark-gray .director__right-col {
    left: 42%;
    width: 620px;
    height: 100%
}

.director.--correct.dark-gray .director__photo, .reviews-yandex .slick-track .slick-slide .review-yandex, .reviews-yandex.slick-slide div, .reviews-yandex.slick-slide div .review-yandex {
    height: 100%
}

.director.--correct.dark-gray .director__photo img {
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.director.--correct.dark-gray .director__btn {
    width: 364px;
    height: 59px;
    display: flex;
    justify-content: center;
    padding: 19px 16px;
    text-align: center;
    background: linear-gradient(33.54deg, rgba(19, 11, 68, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%), #130b44;
    background-blend-mode: soft-light, normal;
    box-shadow: 0 20px 60px #e4eaf0
}

.director.--correct .director__offer {
    margin-top: 30px;
    font-size: 18px;
    font-weight: 700;
    color: #5fd3d1
}

.director.--correct .director__list-point {
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #8e9bad
}

.director.--correct .director__list-point:before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background-color: #5fd3d1
}

.director.--correct .director__offer-subtitle {
    position: relative;
    max-width: 340px;
    margin-bottom: 27px;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    color: #8e9bad
}

.director.--correct .director__offer-subtitle:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 79px;
    background: url(../svg/pointer-1.svg) top left/contain no-repeat;
    top: 29px;
    right: -55px
}

.director.--correct .director__title.wide {
    max-width: 650px
}

.director.--correct .director__subtitle {
    font-size: 16px !important;
    line-height: 155.4%;
    font-weight: 400
}

.director.--correct .director__list {
    margin-top: 63px
}

.director.--correct .director__list.pl-20 {
    padding-left: 20px;
    width: 68%
}

.director.--correct .director__item {
    margin-bottom: 28px;
    display: flex;
    max-width: 63%
}

.director.--correct .director__item-icon {
    margin-right: 25px;
    flex: 0 0 37px
}

.director.--correct .director__item-text {
    font-weight: 400;
    font-size: 14px;
    line-height: 155.4%
}

.director.--correct .director__btn {
    width: 282px;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    justify-content: flex-start
}

.director.--correct .director__btn.--dark-gray {
    background: linear-gradient(33.54deg, rgba(189, 198, 207, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%), #bdc6cf;
    background-blend-mode: soft-light, normal;
    box-shadow: 0 20px 60px #e4eaf0
}

.director.--correct .director__btn.with-arrow {
    position: relative;
    display: flex;
    padding: 19px 30px 19px 25px
}

.director.--correct .director__btn.with-arrow img {
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.director.--correct .director__right-col {
    width: 607px;
    position: absolute;
    right: 12%;
    bottom: 0
}

.director.--correct .director__photo {
    right: 12%;
    z-index: 2
}

.director.--correct .director__substrate {
    margin-left: 0;
    top: auto;
    left: 71%;
    bottom: 43%;
    z-index: -1
}

.reviews__subtitle {
    max-width: 880px;
    text-align: center;
    margin-top: 20px
}

.reviews__slider {
    margin-top: 80px
}

.reviews__slider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -41px
}

.reviews__slider-arrow.--prev {
    left: -21px
}

.reviews__slider-arrow.--next {
    right: -21px
}

.review {
    padding: 35px
}

.review__left {
    width: 476px
}

.director__updated__store__img {
    max-width: 170%;
    margin-left: -200px
}

.review__right {
    width: calc(100% - 476px);
    padding-left: 55px
}

.clients__logo, .review__img, .review__link {
    width: 100%;
    display: block
}

.review__title {
    font-size: 25px;
    line-height: 156.9%;
    font-weight: 700;
    color: #5fd3d1
}

.review__text {
    margin-top: 25px;
    font-weight: 500;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em;
    max-width: 600px
}

.review__list {
    margin-top: 47px
}

.review__list-item {
    margin-top: 26px;
    padding-left: 47px;
    position: relative;
    min-height: 28px
}

.review__list-item:before {
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    background: url(../svg/check.svg) top left/contain no-repeat;
    top: 6px;
    left: 0
}

.review__list-item b {
    display: block;
    font-size: 18px;
    line-height: 168.4%;
    font-weight: 700;
    color: #5fd3d1
}

.review__list-item span {
    font-weight: 500;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em
}

.review__link {
    margin-top: 15px;
    height: 135px;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 156.9%;
    color: #fff;
    z-index: 1;
    padding-top: 25px;
    padding-left: 230px;
    background-size: cover;
    background-position: center;
    transition: .4s
}

.review__link:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: rgba(18, 11, 68, .3);
    z-index: -1;
    transition: inherit
}

.review__link:after {
    position: absolute;
    content: '';
    width: 34px;
    height: 23px;
    background: url(../svg/arrow--review.svg) top left no-repeat;
    bottom: 32px;
    left: 231px;
    transition: inherit
}

.review__link:hover:after {
    left: 250px
}

.review__link:hover:before {
    background: rgba(18, 11, 68, .35)
}

.review-yandex {
    min-height: 270px !important
}

.reviews-yandex, .reviews-yandex .slick-track .slick-slide, .reviews-yandex.slick-slide {
    min-height: 100%
}

.clients__slider {
    margin-top: 60px;
    position: relative;
    max-width: 1140px
}

.clients__slider-arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10
}

.clients__slider-arrow.--prev {
    left: -45px
}

.clients__slider-arrow.--next {
    right: -45px
}

.clients__item {
    border: 1px solid #e4edf5;
    border-radius: 10px
}

.office {
    margin-top: 120px;
    padding: 120px 0 60px;
    background: #f3f6f9
}

.office.office-in-header {
    margin-top: 54px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent
}

.office.office-in-header .office__info, .office.office-in-header .office__tab {
    background-color: #f3f6f9
}

.office.office-in-header .office__tab.--active {
    background: linear-gradient(33.54deg, rgba(95, 211, 209, .4) 15.91%, rgba(255, 255, 255, .4) 94.82%), #5fd3d1;
    background-blend-mode: soft-light, normal;
    box-shadow: 0 20px 60px #e4eaf0
}

.office.mt-0 {
    margin-top: 0
}

.office__subtitle {
    margin-top: 30px;
    max-width: 760px;
    text-align: center
}

.office__tab {
    width: calc(100% / 2 - 20px);
    margin-left: 10px;
    margin-right: 10px;
    height: 71px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    font-size: 18px
}

.office__info {
    margin-top: 25px;
    background: #fff;
    border: 1px solid #f3f6f9;
    border-radius: 10px;
    display: flex;
    padding: 20px 0
}

.office__map {
    background: #e7edf0;
    border-radius: 10px;
    margin-top: 20px;
    height: 400px
}

.office__item {
    width: calc(100% / 4);
    border-right: 1px solid #f3f6f9;
    padding: 25px 10px
}

.office__item:not(:last-child) {
    border-right: 1px solid #d6dbe0
}

.office__item span {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: #8e9bad
}

.office__item a, .office__item address, .office__item b {
    font-weight: 700;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: inherit;
    display: block;
    text-align: center;
    margin-top: 7px
}

.office__item a {
    transition: .2s
}

.footer__links a:hover, .footer__mail:hover, .office__item a:hover {
    color: #5fd3d1
}

.final {
    padding-top: 60px;
    padding-bottom: 70px;
    background: #f3f6f9;
    position: relative;
    z-index: 1
}

.final__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: 40px
}

.final__substrate {
    top: 397px;
    left: 50%;
    margin-left: 360px
}

.final__cnt {
    max-width: 720px
}

.final__subtitle {
    font-size: 25px;
    line-height: 155.4%;
    letter-spacing: .02em;
    font-weight: 700;
    margin-top: 30px;
    color: #5fd3d1
}

.final__text {
    margin-top: 14px;
    max-width: 540px;
    font-weight: 500;
    font-size: 18px;
    line-height: 155.4%;
    letter-spacing: .02em
}

.final__cta {
    margin-top: 35px;
    max-width: 480px
}

.final__cta-title {
    font-weight: 700;
    font-size: 25px;
    line-height: 168.4%;
    color: #5fd3d1
}

.final__cta-text {
    margin-top: 5px;
    font-weight: 500;
    font-size: 18px;
    line-height: 168.4%
}

.final__cta-form {
    margin-top: 40px;
    max-width: 440px
}

.final__cta-input {
    margin-top: 10px;
    background: #fff;
    height: 70px
}

.final__cta-btn {
    margin-top: 15px;
    height: 70px;
    width: 100%;
    font-size: 14px
}

.final__policy:before {
    background-color: #fff
}

.final.with-list .final__title {
    margin: 0 auto 73px;
    text-align: center
}

.final.with-list .final__text {
    margin-bottom: 20px;
    max-width: 497px
}

.final.with-list .final__list-title {
    margin-bottom: 10px;
    font-weight: 700;
    color: #5fd3d1
}

.final.with-list .final__list {
    max-width: 428px;
    margin-bottom: 30px
}

.final.with-list .final__list-point {
    position: relative;
    margin-bottom: 13px;
    padding-left: 18px;
    font-weight: 500;
    font-size: 14px;
    line-height: 155.4%;
    color: #000
}

.final.with-list .final__list-point:before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: 7px;
    left: 4px;
    background-color: #5fd3d1
}

.final.with-list .final__cta-text {
    color: #8e9bad
}

.light-cards__inner {
    display: grid;
    gap: 20px;
    grid-template-columns:repeat(3, 1fr)
}

.light-card {
    padding: 14px;
    background: #f3f6f9;
    box-shadow: 0 30px 40px #e4eaf0;
    border-radius: 10px
}

.light-card__img {
    margin-bottom: 23px;
    height: 230px;
    width: 100%;
    border-radius: 5px
}

.light-card__img img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.light-card__text {
    font-weight: 500;
    font-size: 14px !important;
    color: #000;
    line-height: 168%
}

.steps-block {
    padding-top: 20px;
    padding-bottom: 80px
}

.cases__title, .steps-block__title {
    margin: 0 auto 20px;
    text-align: center;
    width: 70%
}

.cases__subtitle, .steps-block__subtitle {
    margin: 0 auto 85px;
    width: 70%;
    text-align: center
}

.steps-block__inner {
    margin-bottom: 74px
}

.steps-block__item:not(:last-child) {
    margin-bottom: 18px
}

.steps-block__btn {
    position: relative;
    margin: 0 auto 34px;
    padding: 26px 15px;
    width: 321px
}

.steps-block__btn:after {
    content: url(../svg/line-3.svg);
    position: absolute;
    right: -90px;
    top: 10px;
    -webkit-transform: rotate(-32deg);
    transform: rotate(-32deg)
}

.steps-block__offer {
    max-width: 38%;
    margin: 0 auto;
    font-size: 12px !important;
    font-weight: 500;
    color: #8e9bad;
    line-height: 137.9%;
    text-align: center
}

.steps-block.without-circle {
    padding-top: 38px
}

.steps-block.without-circle .steps-block__title {
    width: 65%
}

.steps-block.without-circle .steps-block__subtitle {
    margin-bottom: 60px;
    width: 56%
}

.steps-block.without-circle .steps-block__inner {
    margin-bottom: 0
}

.steps-block.without-circle .step-item {
    padding-left: 47px
}

.steps-block.without-circle .step-item__title {
    margin-bottom: 8px;
    font-weight: 700;
    color: #5fd3d1
}

.steps-block.without-circle .step-item__subtitle {
    margin-bottom: 19px
}

.steps-block.without-circle .step-item__descr {
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    color: #8e9bad
}

.steps-block.without-circle .step-item__photo {
    flex: 0 1 51%;
    height: 202px
}

.steps-block.without-circle .step-item__col {
    padding: 10px 0;
    flex: 0 1 43%
}

.step-item {
    position: relative;
    padding: 18px 18px 18px 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border: 1px solid #e4edf5;
    border-radius: 5px
}

.step-item__photo {
    flex: 0 1 39%;
    height: 170px;
    border-radius: 5px
}

.step-item__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.step-item__col {
    padding: 25px 0;
    flex: 0 1 55%
}

.step-item__num {
    position: absolute;
    left: -25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #bdc6cf;
    width: 94px;
    height: 94px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.step-item__num span {
    color: #fff
}

.step-item__title {
    margin-bottom: 18px
}

.case__footer, .dark-features.with-big-photo .dark-features__inner, .documents__inner, .step-item__col-row {
    display: flex;
    justify-content: space-between
}

.step-item__feature {
    padding-left: 35px;
    position: relative;
    flex: 0 1 47%;
    background: url(../svg/uslugi/cases-slider-icon.svg) left top/19px no-repeat;
    font-size: 14px;
    font-weight: 500;
    line-height: 168.4%
}

.pallety {
    padding: 109px 0
}

.pallety__header {
    margin-bottom: 152px;
    display: flex;
    justify-content: space-between
}

.pallety__offer {
    display: flex;
    flex: 0 1 45%;
    align-items: center
}

.pallety__title {
    position: relative;
    flex: 0 1 48%
}

.pallety__title:after {
    position: absolute;
    content: '';
    width: 42px;
    height: 79px;
    background: url(../svg/pointer-1.svg) top left/contain no-repeat;
    bottom: -50px;
    right: -55px;
    -webkit-transform: scaleX(-1) rotate(116deg);
    transform: scaleX(-1) rotate(116deg)
}

.pallety__offer-photo {
    margin-right: 27px;
    width: 126px;
    height: 126px;
    flex: 0 0 126px;
    border-radius: 100%
}

.pallety__offer-photo img {
    border-radius: 100%
}

.pallety__offer-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 155.4%
}

.footer__bottom, .footer__links a {
    line-height: 168.4%;
    font-size: 12px
}

.pallety__subtitle {
    max-width: 60%;
    margin: 0 auto 76px;
    font-weight: 500;
    text-align: center
}

.pallety__inner {
    display: flex;
    justify-content: space-around
}

.pallety__item {
    flex: 0 1 27%
}

.pallety__item.long, .park__col {
    flex: 0 1 35%
}

.pallet-type__photo {
    margin-bottom: 35px;
    height: 163px;
    display: flex;
    align-items: center;
    justify-content: center
}

.pallet-type__photo img {
    max-height: 100%;
    max-width: 90%
}

.pallet-type__title {
    margin-bottom: 16px;
    font-weight: 700;
    color: #5fd3d1;
    text-align: center
}

.pallet-type__descr, .small-circles__descr {
    font-weight: 500;
    font-size: 14px;
    text-align: center
}

.pallet-type__descr {
    line-height: 168.4%;
    color: #8e9bad
}

.small-circles {
    padding: 30px 0 68px
}

.small-circles__title {
    width: 55%;
    margin: 0 auto 30px;
    text-align: center
}

.small-circles__subtitle {
    width: 40%;
    margin: 0 auto 68px;
    text-align: center
}

.small-circles__inner {
    margin-bottom: -40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.small-circles__item {
    margin: 0 25px 40px;
    padding: 30px 10px 20px;
    width: 160px;
    height: 160px;
    background-color: #f3f6f9;
    border-radius: 100%
}

.small-circles__icon {
    margin-bottom: 21px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center
}

.small-circles__icon img {
    max-width: 100%;
    height: 100%
}

.small-circles__logos {
    width: 85%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.small-circles__logo {
    flex: 0 1 28%;
    display: flex;
    justify-content: center
}

.small-circles.no-circle {
    padding: 101px 0;
    background-color: #f3f6f9
}

.small-circles.no-circle .small-circles__item {
    width: 150px;
    height: auto;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: transparent
}

.small-circles.no-circle .small-circles__descr {
    font-weight: 700;
    font-size: 18px;
    color: #130b44
}

.small-circles.no-circle .small-circles__icon {
    max-width: 80px;
    display: flex;
    justify-content: center
}

.footer {
    background: #36414d;
    position: relative;
    z-index: 5;
    padding: 60px 0;
    color: #8e9bad
}

.footer__nav {
    margin-top: 45px;
    padding-bottom: 44px;
    display: flex;
    justify-content: space-between
}

.footer__nav-col {
    margin-bottom: -30px
}

.footer__nav-col_big {
    flex: 0 1 26%
}

.footer__nav-col_small {
    flex: 0 1 16%
}

.footer__nav-col_less {
    flex: 0 1 10%
}

.footer__nav-title {
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.footer__nav-title a {
    color: #fff;
}

.footer__nav-title a:hover {
    color: #87dedd;
}

.footer__link-page {
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #fff
}

.footer__link-page:hover {
    color: #87dedd
}

.footer__nav-about, .footer__nav-clients {
    display: flex;
    flex-wrap: wrap
}

.footer__nav-clients ul {
    max-width: 100%;
}

.footer__nav-clients .footer__link-page {
    flex: 0 1 100%
}

.footer__nav-about .footer__link-page {
    flex: 0 1 100%
}

.footer__nav-social .footer__link-page, .temp__table-inner .temp-table {
    flex: 0 1 48%
}

.footer__bottom {
    padding-top: 45px;
    border-top: 1px solid rgba(231, 237, 240, .36);
    font-weight: 500;
    display: flex
}

.footer__links a {
    font-weight: 700;
    color: #fff;
    transition: .2s;
    margin-left: 20px
}

.footer__mail {
    color: #fff !important;
    font-weight: 400 !important
}

.footer__policy {
    color: inherit;
    text-decoration: underline;
    transition: .2s;
    margin-left: 40px
}

.footer__policy:hover, .mfp-preloader a:hover {
    color: #fff
}

.footer__descriptor {
    width: 355px;
    padding: 10px 28px;
    border-left: 1px solid rgba(231, 237, 240, .36);
    border-right: 1px solid rgba(231, 237, 240, .36);
    color: #8e9bad;
    font-size: 10px;
    line-height: 126%
}

.footer__contacts-links a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-left: auto;
    transition: .2s;
    text-align: right
}

.footer__contacts-links a:hover, .privacy a:hover {
    color: #87dedd
}

.cf__text h3, .cf__text h4 {
    font-size: 23px;
    letter-spacing: .02em
}

.footer__btn {
    font-size: 16px;
    width: 230px;
    height: 50px;
    line-height: 46px;
    box-shadow: 0 20px 60px #2a3139
}

.park {
    padding: 80px 0 100px
}

.park__title {
    max-width: 740px;
    margin: 0 auto 37px;
    text-align: center
}

.park__subtitle {
    max-width: 608px;
    margin: 0 auto 97px;
    text-align: center
}

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

.park__row:not(:last-child) {
    margin-bottom: 70px
}

.park__list-item:not(:last-child), .park__name {
    margin-bottom: 30px
}

.park__row.reverse {
    flex-direction: row-reverse
}

.park__name {
    font-weight: 700;
    font-size: 30px;
    color: #5fd3d1
}

.park__photo {
    flex: 0 1 58%
}

.park__list {
    margin-bottom: 43px
}

.park__list-item {
    display: flex;
    align-items: center
}

.park__list-icon {
    margin-right: 25px;
    width: 40px;
    height: 40px;
    flex: 0 0 40px
}

.park__list-text {
    font-weight: 500;
    font-size: 18px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: #000
}

.park__btn {
    max-width: 368px;
    padding: 22px 20px;
    text-align: center
}

.vakancii {
    padding-bottom: 76px
}

.vakancii.issledovaniya {
    flex: 1 1 auto
}

.vakancii__title {
    max-width: 428px;
    margin: 34px auto 29px;
    text-align: center
}

.vakancii__subtitle {
    max-width: 911px;
    margin: 0 auto 55px;
    text-align: center;
    font-weight: 500
}

.vakancii__item {
    max-width: 1082px;
    margin: 0 auto
}

.vakancii__item:not(:last-child) {
    margin-bottom: 20px
}

.vakancii__content.active .vakancii__name:after {
    -webkit-transform: translateY(-50%) scaleY(1);
    transform: translateY(-50%) scaleY(1)
}

.vakancii__name {
    position: relative;
    padding: 55px 65px 55px 40px;
    background: #f3f6f9;
    border-radius: 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: #000;
    cursor: pointer
}

.vakancii__name:after {
    content: url(../svg/big-arrow.svg);
    position: absolute;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1);
    width: 40px;
    height: 50px;
    display: block
}

.vakancii__descr {
    background: rgba(243, 246, 249, .46);
    border-radius: 0 0 5px 5px;
    max-height: 0;
    transition: .3s linear
}

.vakancii__descr-inner {
    padding: 40px 100px 40px 40px
}

.vakancii__text-title {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 14px;
    line-height: 155.4%
}

.vakancii__text {
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 14px;
    line-height: 155.4%
}

.case {
    padding: 50px 60px 80px;
    display: flex;
    flex-direction: column;
    background-color: #f3f6f9
}

.case__content {
    margin-bottom: 41px;
    display: flex;
    justify-content: space-between
}

.case__content-text {
    flex: 0 1 58%
}

.case__content-photo {
    max-width: 40%
}

.case__content-photo img {
    -o-object-fit: contain;
    object-fit: contain
}

.case__title {
    margin-bottom: 24px;
    color: #5fd3d1
}

.case__descr:not(:last-child) {
    margin-bottom: 25px
}

.case__footer-col {
    padding-left: 47px;
    background: url(../svg/uslugi/cases-slider-icon.svg) left top no-repeat
}

.case__footer-col:not(:last-child) {
    margin-right: 83px
}

.case__footer-sub {
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #5fd3d1
}

.cases__slider-arrow {
    bottom: -40px
}

.cases__slider-arrow.--next {
    right: 60px
}

.cases__slider-arrow.--prev {
    right: 183px
}

.temp {
    padding-top: 80px;
    background-color: #f3f6f9
}

.temp__title {
    margin: 0 auto 32px;
    max-width: 754px;
    text-align: center;
    color: #36414c
}

.temp__subtitle {
    margin: 0 auto 67px;
    max-width: 550px;
    text-align: center
}

.temp-table {
    background: #fff
}

.temp-table__header {
    display: flex;
    align-items: stretch;
    border-bottom: 1px solid #e4eaf0
}

.temp-table__header-col {
    padding: 22px;
    border-right: 1px solid #e4eaf0;
    font-weight: 500;
    font-size: 14px;
    line-height: 155.4%;
    text-align: center;
    letter-spacing: .02em
}

.dark-features.with-big-photo .dark-features__col:not(:last-child), .temp-table__header-col:last-child {
    border: none
}

.temp-table__header-col-row:first-child, .temp-table__row:not(:last-child) {
    border-bottom: 1px solid #e4eaf0
}

.temp-table__header-col.big {
    padding: 0;
    flex: 0 0 50%
}

.temp-table__header-col.small {
    flex: 0 0 25%;
    display: flex;
    align-items: center;
    justify-content: center
}

.temp-table__header-col_more {
    padding: 22px;
    flex: 0 0 60%
}

.temp-table__header-col_less {
    padding: 22px;
    flex: 0 0 40%
}

.temp-table__header-col-row {
    padding: 22px
}

.temp-table__header-col-row.flex {
    padding: 0;
    display: flex
}

.temp-table__col {
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 155.4%;
    color: #8e9bad
}

.temp-table__col.bright {
    padding: 12px 20px 12px 40px;
    color: #5fd3d1;
    justify-content: flex-start
}

.dark-features__item:first-child, .dark-features__item:nth-child(2) {
    padding-top: 0;
    border-bottom: 1px solid #362e6d
}

.temp-table__col:not(:last-child) {
    border-right: 1px solid #e4eaf0
}

.dark-features__col:not(:last-child), .dark-features__item:first-child, .dark-features__item:nth-child(3) {
    border-right: 1px solid #362e6d
}

.temp-table__col.small {
    flex: 0 0 25%
}

.temp-table__col.more {
    flex: 0 0 30%
}

.temp-table__col.less {
    flex: 0 0 20%
}

.temp-table.mobile .temp-table__header-col.big {
    flex: 0 1 75%
}

.temp-table.mobile .temp-table__col.big {
    padding: 0;
    flex: 0 1 75%;
    flex-direction: column
}

.temp-table.mobile .temp-table__col.bright {
    flex: 0 0 160px;
    border-bottom: 1px solid #e4eaf0
}

.temp-table.mobile .temp-table__col-title {
    position: relative;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #000
}

.temp-table.mobile .temp-table__col-title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 1px;
    background-color: #e4eaf0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.temp-table.mobile .temp-table__col-descr {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #e4eaf0;
    text-align: center
}

.temp-table.two-col {
    display: block;
    max-width: 72%;
    margin: 0 auto
}

.temp-table.two-col .temp-table__header-col.small {
    padding: 50px 20px;
    flex: 0 0 50%
}

.temp-table.two-col .temp-table__col.small {
    flex: 0 0 50%
}

.temp-table.two-col .temp-table__col.small.bright {
    padding: 12px 20px;
    justify-content: center;
    text-align: center
}

.our-team {
    padding: 80px 0 110px
}

.our-team__title {
    max-width: 780px;
    margin: 0 auto;
    text-align: center
}

.our-team__subtitle {
    max-width: 608px;
    margin: 0 auto 78px;
    text-align: center
}

.our-team__inner {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
    justify-content: space-around
}

.our-team__item {
    flex: 0 1 23%
}

.our-team__item.big {
    margin-bottom: 30px;
    flex: 0 1 31%
}

.our-team__item.big .our-team__photo {
    height: 407px
}

.our-team__name {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 129.4%;
    color: #5fd3d1
}

.our-team__position {
    font-weight: 400;
    font-size: 14px;
    line-height: 127.4%;
    color: #8e9bad
}

.our-team__photo {
    margin-bottom: 20px;
    height: 304px;
    border-radius: 10px
}

.our-team__photo img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px
}

.reviews-yandex__slider-arrow {
    display: block;
    width: 82px;
    height: 82px;
    border-radius: 100%;
    background: url(../svg/uslugi/yandex-right.svg) center center no-repeat #e7ecf0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reviews-yandex__slider-arrow:hover {
    transition: box-shadow .3s linear;
    box-shadow: 0 20px 60px #e4eaf0
}

.reviews-yandex__slider-arrow.--prev {
    left: -100px;
    background: url(../svg/uslugi/yandex-left.svg) center center no-repeat #e7ecf0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.reviews-yandex__slider-arrow.--next {
    right: -100px
}

.reviews-yandex {
    padding: 109px 0 90px
}

.reviews-yandex__header {
    padding-bottom: 58px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    width: 100%;
    justify-content: flex-end
}

.reviews-yandex__titles {
    flex: 0 1 80%
}

.reviews-yandex__title {
    width: 60%;
    margin: 0 auto 20px;
    text-align: center
}

.reviews-yandex__subtitle {
    width: 60%;
    margin: 0 auto 58px;
    text-align: center
}

.reviews-yandex .slick-slide {
    margin: 0 7px
}

.reviews-yandex__slider {
    width: 80%;
    margin: 0 auto
}

.reviews-yandex__date {
    font-size: 12px;
    font-weight: 400;
    color: #bdc3c7
}

.reviews-yandex .slick-track {
    display: flex;
    align-items: flex-start
}

.review-yandex {
    padding: 23px 30px 17px;
    background: #fff;
    border: 1px solid #f0f3f5;
    border-radius: 10px
}

.review-yandex__header {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between
}

.review-yandex__author {
    padding-left: 26px;
    font-size: 14px;
    font-weight: 700;
    background: url(../svg/uslugi/slider-star.svg) left center no-repeat
}

.review-yandex__text {
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
    color: #63717f
}

.documents {
    padding-bottom: 89px
}

.documents__title {
    margin: 0 auto 119px;
    max-width: 754px;
    text-align: center
}

.documents__item {
    flex: 0 1 22%
}

.documents__photo {
    margin-bottom: 38px;
    height: 171px;
    display: flex;
    justify-content: center
}

.documents__img {
    max-width: 100%;
    height: 171px;
    -o-object-fit: contain;
    object-fit: contain
}

.documents__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 155.4%;
    text-align: center
}

.overlay-popup-scale {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    background-color: rgba(10, 7, 35, .8);
    left: 0;
    opacity: 0;
    z-index: -2;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s linear
}

.overlay-popup-scale.active {
    transition: .3s linear;
    opacity: 1;
    z-index: 1000
}

.scale-img {
    max-height: 70%;
    max-width: 90%
}

.cf {
    margin: 120px 0 150px
}

.cf__title {
    margin: 0 auto;
    max-width: 754px;
    text-align: center
}

.cf__subtitle {
    margin-top: 26px;
    text-align: center
}

.cf__row {
    margin-top: 110px;
    padding: 0 30px
}

.cf__item {
    display: flex;
    margin-left: -50px;
    margin-right: -50px;
    align-items: center
}

.cf__item:nth-child(2n) .cf__col:first-child {
    order: 2
}

.cf__col {
    width: calc(100% / 2 - 100px);
    margin-left: 50px;
    margin-right: 50px
}

.cf__img {
    display: block;
    margin: -30px 0;
    border-radius: 50%
}

.cf__text {
    margin: 30px 0
}

.cf__text h3 {
    line-height: 134.9%;
    font-weight: 700
}

.cf__text h4 {
    margin-top: 15px;
    line-height: 155.4%;
    color: #5fd3d1;
    font-weight: 700
}

.cf__text p {
    font-weight: 500;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: #8e9bad;
    margin-top: 15px
}

.cf.uslugi {
    margin-bottom: 0;
    padding-bottom: 83px
}

.cf.uslugi .cf__item {
    padding: 0 90px;
    display: flex;
    justify-content: space-between
}

.cf.uslugi .cf__item:not(:last-child) {
    margin-bottom: 30px
}

.cf.uslugi .cf__item.reverse {
    flex-direction: row-reverse
}

.cf.uslugi .cf__subtitle {
    max-width: 550px;
    margin: 26px auto 0
}

.cf.uslugi .cf__list-point {
    padding-left: 67px;
    min-height: 47px;
    font-weight: 500;
    font-size: 14px;
    line-height: 155.4%;
    background-size: 47px
}

.cf.uslugi .cf__list-point:not(:last-child) {
    margin-bottom: 39px
}

.cf.uslugi .cf__list-point.yes {
    background: url(../svg/yes-circle.svg) left top no-repeat
}

.cf.uslugi .cf__list-point.not {
    background: url(../svg/no-circle.svg) left top no-repeat
}

.cf.uslugi .cf__col-text {
    flex: 0 1 45%
}

.cf.uslugi .cf__col-photo {
    flex: 0 1 45%;
    border-radius: 100%
}

.cf.uslugi .cf__col-photo img {
    max-width: 100%;
    border-radius: 100%
}

.cf.uslugi .cf__text-title {
    margin-bottom: 18px;
    font-size: 20px;
    font-weight: 700
}

.cf.uslugi .cf__text-descr {
    font-size: 16px;
    color: #000
}

.cf.uslugi .cf__list-item {
    width: 80%;
    display: flex;
    align-items: center
}

.dark-features.with-big-photo .dark-features__icon img, .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__icon img {
    width: 40px
}

.cf.uslugi .cf__list-item:not(:last-child) {
    margin-bottom: 20px
}

.cf.uslugi .cf__list-item.with-title {
    align-items: flex-start;
    width: 91%
}

.cf.uslugi .cf__list-item.with-title .cf__item-title {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 16px;
    line-height: 155.4%;
    letter-spacing: .02em;
    color: #5fd3d1
}

.cf.uslugi .cf__list-item.with-title .cf__list-text {
    margin-bottom: 20px;
    color: #000;
    font-weight: 500
}

.cf.uslugi .cf__list-item.with-title .cf__list-img {
    width: 60px;
    height: 60px;
    flex: 0 0 60px
}

.cf.uslugi .cf__list-text {
    font-size: 14px;
    color: #8e9bad;
    line-height: 155%
}

.cf.uslugi .cf__list-img {
    margin-right: 26px;
    width: 40px;
    height: 40px;
    flex: 0 1 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.cf.uslugi.wide .cf__subtitle {
    max-width: 655px
}

.cf.uslugi.wide .cf__row {
    margin-top: 68px
}

.cf.uslugi.wide .cf__item {
    margin-bottom: 0
}

.cf.uslugi.wide .cf__list-item {
    width: 96%
}

.dark-features {
    padding: 74px 0 20px;
    background-color: #120b44
}

.dark-features.with-photo {
    padding-bottom: 192px
}

.dark-features.with-photo .dark-features__title a {
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item {
    flex: 0 1 32%
}

.dark-features.with-photo.vakancii .dark-features__subtitle {
    font-weight: 400;
    font-size: 16px;
    line-height: 155.4%;
    text-align: center;
    letter-spacing: .02em;
    color: rgba(255, 255, 255, .85)
}

.dark-features.with-big-photo {
    padding-bottom: 113px
}

.dark-features.with-big-photo .dark-features__title {
    margin-bottom: 90px
}

.dark-features.with-big-photo .dark-features__title-sub {
    max-width: 60%;
    margin: 0 auto 40px;
    color: #fff;
    text-align: center
}

.dark-features.with-big-photo .dark-features__subtitle {
    width: 80%
}

.dark-features.with-big-photo .dark-features__inner.reverse {
    padding-top: 30px;
    flex-direction: row-reverse;
    width: 100%;
    padding-right: 50px
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__item {
    flex: 0 1 auto
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__item:not(:last-child), .illustrate__title {
    margin-bottom: 35px
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__col {
    padding-top: 50px;
    flex: 0 1 28%
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__icon {
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__subtitle {
    width: 100%
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__header {
    margin-bottom: 15px
}

.dark-features.with-big-photo .dark-features__inner.reverse .dark-features__photo {
    margin-bottom: -219px
}

.dark-features.with-big-photo .dark-features__header {
    display: flex;
    align-items: center;
    width: 100%
}

.dark-features.with-big-photo .dark-features__item {
    padding: 0;
    border: none;
    display: flex;
    flex-direction: column
}

.dark-features.with-big-photo .dark-features__item:not(:last-child) {
    margin-bottom: 47px
}

.dark-features.with-big-photo .dark-features__icon {
    margin: 0 22px 0 0;
    flex: 0 1 auto;
    display: flex;
    align-items: center
}

.dark-features.with-big-photo .dark-features__subtitle {
    margin: 0;
    color: #5fd3d1;
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    line-height: 156%
}

.dark-features.with-big-photo .dark-features__text {
    width: 88%;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    line-height: 147%
}

.dark-features.with-big-photo .dark-features__photo {
    margin-bottom: -190px;
    flex: 0 1 60%;
    border-radius: 100%
}

.dark-features.with-big-photo .dark-features__photo img {
    max-width: 120%;
    max-height: 78%;
    border-radius: 100%
}

.dark-features__title {
    width: 70%;
    margin: 0 auto 35px;
    color: #fff;
    text-align: center
}

.dark-features__subtitle {
    width: 70%;
    margin: 0 auto 77px;
    color: #fff;
    text-align: center
}

.dark-features__title-big {
    width: 80%;
    margin: 0 auto 58px;
    color: #fff;
    text-align: center
}

.dark-features__inner {
    width: 80%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap
}

.dark-features__inner.long {
    width: 93%
}

.dark-features__col {
    padding: 20px 0;
    flex: 0 1 33.3%;
    display: flex;
    align-items: center
}

.dark-features__col-inner {
    width: 80%;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.dark-features__col-inner .dark-features__icon {
    margin-right: 15px;
    margin-bottom: 0;
    height: 40px;
    flex: 0 0 40px
}

.dark-features__col-inner .dark-features__descr {
    text-align: left
}

.dark-features__item {
    padding: 30px 0;
    flex: 0 1 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    position: relative
}

.cb__subtitle, .cb__title {
    padding-right: 100px;
    margin-left: 15px;
    margin-right: 15px
}

.dark-features__item:first-child:after {
    content: '';
    width: 4px;
    height: 20px;
    background-color: #120b44;
    position: absolute;
    top: 0;
    right: -1px
}

.dark-features__item:nth-child(3):after {
    content: '';
    width: 4px;
    height: 45px;
    background-color: #120b44;
    position: absolute;
    bottom: 0;
    right: -1px
}

.dark-features__icon {
    height: 64px;
    display: flex;
    align-items: flex-start;
    flex: 1 1 auto;
    margin-bottom: 18px
}

.dark-features__item-content {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.dark-features__item-content.wide {
    padding: 0 10px;
    width: 98%
}

.dark-features__descr {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 168%
}

.dark-features__photo-block {
    position: absolute;
    width: 100%;
    height: 228px;
    display: flex;
    justify-content: space-between;
    -webkit-transform: translateY(66px);
    transform: translateY(66px)
}

.dark-features__photo-item {
    flex: 0 1 24%;
    border-radius: 5px
}

.dark-features__photo-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 5px
}

.cb__title {
    width: calc(100% / 12 * 7 - 30px)
}

.cb__subtitle {
    width: calc(100% / 12 * 5 - 30px)
}

.cb__row {
    margin-top: 50px
}

.cb__card {
    margin-top: 15px;
    border: 1px solid #e4edf5;
    border-radius: 5px;
    padding: 20px 5px;
    display: flex
}

.cb__card-col, .illustrate__col, .t-offer__col {
    width: calc(100% / 2 - 30px);
    margin-left: 15px;
    margin-right: 15px
}

.cb__card-img, .illustrate__heading, .illustrate__subtitle {
    margin-left: auto;
    margin-right: auto
}

.cb__card-img {
    display: block;
    border-radius: 5px
}

.cb__card-text {
    padding-left: 30px
}

.cb__card-step {
    font-weight: 700;
    text-transform: uppercase;
    color: #5fd3d1;
    display: block
}

.cb__card-title {
    margin-top: 10px;
    font-weight: 500
}

.cb__card-paragraph {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 168.4%;
    color: #8e9bad
}

.illustrate__heading {
    position: relative;
    text-align: center;
    max-width: 894px
}

.illustrate__heading:before {
    position: absolute;
    content: '';
    width: 113px;
    height: 34px;
    background: url(../svg/line-5.svg) top left/contain no-repeat;
    bottom: 10px;
    left: -80px;
    -webkit-transform: rotate(145deg);
    transform: rotate(145deg)
}

.illustrate__img {
    display: block;
    max-width: 100%;
    margin-bottom: -100px
}

.illustrate__subtitle {
    margin-top: 20px;
    max-width: 880px
}

.illustrate__row, .t-offer__row {
    display: flex;
    margin-right: -15px
}

.illustrate__subtitle:last-child:after {
    content: '';
    position: absolute;
    left: -50px;
    bottom: -50px;
    width: 31px;
    height: 99px;
    background-image: url(../svg/line-3.svg);
    -webkit-transform: rotate(195deg);
    transform: rotate(195deg)
}

.illustrate__row {
    margin-top: 120px;
    margin-left: -15px
}

.illustrate__row h3 {
    font-size: 27px;
    line-height: 134.9%;
    letter-spacing: .02em;
    font-weight: 700
}

.illustrate__list {
    margin-top: 60px
}

.illustrate__list-item {
    margin-top: 35px;
    position: relative;
    padding-left: 35px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px
}

.illustrate__list-item:before {
    position: absolute;
    content: '';
    width: 19px;
    height: 25px;
    top: 0;
    left: 0;
    background: url(../svg/marker-2.svg) top left/contain no-repeat
}

.illustrate__link-btn {
    margin-top: 69px
}

.header__bg.--gd {
    width: 512px;
    top: 10px;
    left: 50%;
    margin-left: 35px
}

.t-header {
    padding-top: 80px;
    background: #f3f6f9;
    min-height: 600px;
    padding-bottom: 70px
}

.t-header__img {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -25px
}

.t-header__substrate {
    bottom: 100px;
    left: 50%;
    margin-left: 220px
}

.t-header__subtitle {
    margin-top: 20px;
    max-width: 440px;
    font-size: 25px
}

.t-header__text {
    margin-top: 25px;
    font-size: 16px;
    max-width: 420px
}

.t-header__video {
    margin-top: 50px;
    width: 410px;
    max-width: 100%;
    position: relative
}

.mfp-bg, .mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.t-header__video:before {
    position: absolute;
    content: '';
    width: 58px;
    height: 102px;
    background: url(../svg/line-8.svg) top left/contain no-repeat;
    left: 100%;
    top: -85px
}

.t-header__video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 12px
}

.t-header__btn {
    margin-top: 35px;
    width: 410px;
    max-width: 100%;
    height: 71px;
    font-size: 14px
}

.t-offer__row {
    flex-wrap: wrap;
    margin-left: -15px;
    align-items: center
}

.t-offer__img__updated {
    max-width: 87% !important;
    border-radius: 50%
}

.t-offer__phone {
    margin-top: 33px;
    font-size: 48px;
    line-height: 59px;
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: #5fd3d1;
    font-weight: 700
}

.t-offer__messengers {
    margin-top: 35px;
    margin-left: -10px;
    margin-right: -10px
}

.t-offer__messengers .messenger {
    display: inline-block;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background-color: #8e9bad;
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 10px;
    margin-right: 10px;
    transition: .4s
}

.t-offer__messengers .messenger:hover {
    background-color: #5fd3d1
}

.privacy {
    margin: 150px 0
}

.privacy h2 {
    font-size: 35px;
    font-weight: 700
}

.privacy h3 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 30px
}

.privacy p, .privacy ul {
    margin-top: 20px;
    line-height: 145%
}

.privacy a {
    color: #5fd3d1;
    transition: .4s
}

.illustrate__heading:before, .mfp-align-top .mfp-container:before, .mfp-loading.mfp-figure, .mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader, .slick-arrow.slick-hidden, .slick-slide.slick-loading img {
    display: none
}

.mfp-container:before, .mfp-content {
    display: inline-block;
    vertical-align: middle
}

.mfp-bg {
    width: 100%;
    height: 100%;
    z-index: 1042;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px
}

.mfp-container:before {
    content: '';
    height: 100%
}

.mfp-content {
    position: relative;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-close, .mfp-preloader {
    text-align: center;
    position: absolute
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

button.mfp-arrow, button.mfp-close {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

.mfp-figure:after, .mfp-iframe-scaler iframe {
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    display: block;
    position: absolute;
    left: 0
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    text-decoration: none;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-figure, img.mfp-img {
    line-height: 0
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:after, .mfp-arrow:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    top: 0;
    width: 100%;
    height: 100%;
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure:after {
    content: '';
    top: 40px;
    bottom: 40px;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.slick-list, .slick-slider, .slick-track {
    position: relative;
    display: block
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.slick-slider {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y
}

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

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

@media (max-width: 1400px) {
    .header.bg-between {
        background: url(../../img/promo-bg.png) center bottom -50px no-repeat #fff
    }
}

@media screen and (max-width: 1305px) {
    .step-item__num {
        width: 80px;
        height: 80px;
        left: -10px
    }
}

@media (max-width: 1200px) {
    .pt-200 {
        padding-top: 130px
    }
}

@media screen and (max-width: 1200px) {
    .modal {
        padding-left: 35px;
        padding-right: 35px;
        max-width: 960px
    }

    .modal__manager {
        width: initial;
        right: -50px;
        left: auto
    }

    .modal__substrate {
        right: 20px;
        top: auto;
        bottom: 50px
    }

    .topbar__descriptor, .topbar__messengers h4 {
        display: none
    }

    .topbar__contacts-links a {
        display: inline
    }

    .topbar__nav-col {
        padding-right: 45px;
        justify-content: flex-start
    }

    .topbar__nav-item {
        margin: 8px 0;
        flex: 0 1 20%
    }

    .small-circles__title {
        width: 70%
    }

    .small-circles__subtitle {
        width: 60%
    }

    .steps-block__offer {
        max-width: 45%
    }

    .documents__item, .step-item__photo {
        flex: 0 1 30%
    }

    .step-item__col {
        flex: 0 1 65%
    }

    .steps-block.without-circle .steps-block__title {
        width: 75%
    }

    .steps-block.without-circle .steps-block__subtitle {
        margin-bottom: 40px;
        width: 65%
    }

    .steps-block.without-circle .step-item {
        padding-left: 37px
    }

    .steps-block.without-circle .step-item__photo {
        flex: 0 1 48%;
        height: 202px
    }

    .steps-block.without-circle .step-item__col {
        padding: 10px 0;
        flex: 0 1 48%
    }

    .header__inner.--in-center .header__title {
        max-width: 75%
    }

    .header__inner.--in-center .header__suboffer.with-arrow_bottom:after {
        content: url(../svg/radius-arrow.svg);
        width: 50px;
        height: 67px;
        position: absolute;
        right: -24px;
        bottom: -65px;
        -webkit-transform: rotate(31deg);
        transform: rotate(31deg)
    }

    .types__slides {
        margin-left: 30px
    }

    .advantages__feature, .types__bullet {
        width: initial
    }

    .pallety__inner {
        flex-wrap: wrap
    }

    .pallety__item {
        flex: 0 1 35%
    }

    .pallety__item.long {
        margin-top: 50px;
        flex: 0 1 50%;
        order: 3
    }

    .pallety__title {
        flex: 0 1 50%
    }

    .documents__inner {
        flex-wrap: wrap;
        justify-content: space-around
    }

    .documents__item.long {
        margin-top: 45px;
        flex: 0 1 50%;
        order: 4
    }

    .reviews-yandex__slider {
        width: 85%
    }

    .reviews-yandex__title {
        margin-left: 10%;
        width: 70%
    }

    .reviews-yandex__subtitle {
        margin-left: 5%;
        width: 80%
    }

    .reviews-yandex__slider-arrow {
        width: 70px;
        height: 70px
    }

    .reviews-yandex__slider-arrow.--prev {
        left: -73px
    }

    .reviews-yandex__slider-arrow.--next {
        right: -73px
    }

    .circles__right {
        padding-left: 0;
        margin-left: -60px
    }

    .circles__text.--1 {
        top: -71px;
        left: 245px
    }

    .circles__text.--1:before {
        top: 35px
    }

    .circles__text.--3 {
        top: 493px;
        left: 196px
    }

    .circles__text.--3:before {
        top: -110px
    }

    .circles__text.--2 {
        top: 640px
    }

    .director.--correct.dark-gray .director__cnt, .wharranty__img {
        padding-left: 0
    }

    .holiday__substrate {
        margin-right: 230px;
        top: 345px
    }

    .holiday__manager {
        margin-right: 100px
    }

    .case__content {
        flex-direction: column
    }

    .case__content-photo {
        margin-top: 20px;
        height: 200px;
        display: flex;
        justify-content: center
    }

    .areas__heading, .cb__heading {
        display: block
    }

    .case__content-photo img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .dark-features.with-photo .dark-features__inner.long {
        width: 100%
    }

    .dark-features.with-photo .dark-features__inner.reverse {
        padding-right: 0
    }

    .dark-features.with-photo .dark-features__photo {
        flex: 0 1 48%;
        margin-bottom: 0
    }

    .dark-features.with-photo .dark-features__photo-item {
        height: 200px
    }

    .dark-features.with-big-photo .dark-features__inner.reverse {
        padding-right: 0;
        align-items: center
    }

    .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__photo {
        flex: 0 1 48%;
        margin-bottom: -100px
    }

    .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__col {
        flex: 0 1 38%
    }

    .auto__img {
        width: 400px
    }

    .auto__img:before {
        right: -15px;
        display: none
    }

    .auto__cnt {
        padding-left: 30px;
        width: calc(100% - 400px)
    }

    .private__bg {
        width: 670px;
        top: 70px
    }

    .private {
        padding-bottom: 100px
    }

    .private.--correct .private__photo {
        position: absolute;
        right: -23%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: -1
    }

    .private.--correct .private__photo img {
        max-width: 72%
    }

    .private.--correct .private__about-list {
        max-width: 350px
    }

    .areas__subtitle {
        margin-top: 20px;
        margin-left: 0
    }

    .areas.--correct .areas__item {
        flex: 0 1 45%
    }

    .areas.--correct .areas__item-title {
        padding-left: 55px;
        background: url(../svg/uslugi/cases-slider-icon.svg) left top/30px no-repeat
    }

    .offer__cnt {
        margin-left: 0
    }

    .offer.--left-img .offer__cnt {
        margin-right: 0
    }

    .director__quote {
        margin-left: 0;
        padding-left: 60px;
        max-width: 445px
    }

    .cb__card-text, .cf__row {
        padding: 0
    }

    .director__quote:before {
        width: 40px
    }

    .director__substrate {
        top: auto;
        bottom: 30px;
        margin-left: 208px;
        z-index: 3
    }

    .director.--correct .director__right-col {
        width: 507px;
        position: absolute;
        right: 12%;
        bottom: 0
    }

    .director.--correct.dark-gray .director__right-col {
        height: 90%
    }

    .director.--correct.dark-gray .director__substrate {
        left: 42%;
        bottom: 4%;
        z-index: 0
    }

    .clients__slider-arrow.--next {
        right: -2px
    }

    .clients__slider-arrow.--prev {
        left: -2px
    }

    .final__cnt {
        max-width: 590px
    }

    .final__substrate, .t-header__substrate {
        margin-left: 30px;
        top: auto;
        bottom: 50px
    }

    .t-header__img {
        margin-left: 50px
    }

    .cf {
        margin-bottom: 120px
    }

    .cb__heading, .cb__title, .cf__img {
        margin: 0
    }

    .cf__row {
        margin-top: 50px
    }

    .cf__item {
        margin-top: 30px;
        margin-left: -15px;
        margin-right: -15px
    }

    .cf__col {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% / 2 - 30px)
    }

    .cb__subtitle, .cb__title {
        width: initial;
        max-width: 600px;
        padding: 0
    }

    .cf.uslugi.pt-200 {
        padding-top: 80px !important
    }

    .cf.uslugi .cf__item {
        padding: 0 40px
    }

    .cf.uslugi .cf__col-photo, .cf.uslugi .cf__col-text {
        flex: 0 1 48%
    }

    .cb__subtitle {
        margin: 15px 0 0
    }

    .header__bg.--gd {
        margin-left: 120px
    }
}

@media (max-width: 960px) {
    .footer__nav-clients ul {
        display: flex;
        flex-wrap: wrap;
    }

    .pt-200 {
        padding-top: 120px
    }
}

@media screen and (max-width: 960px) {
    .advantages__item:before, .advantages__subtitle .img-wrap, .fulfillment__item .text br, .modal__manager, .modal__substrate, .q-final__substrate, .quiz__subtitle .img-wrap {
        display: none
    }

    .circles__info img, .modal {
        max-width: 500px
    }

    .circles__info img, .modal._consult .modal__offer, .modal__form, .modal__policy {
        margin-left: auto;
        margin-right: auto
    }

    .cases__slider-arrow.--next:before, .cases__slider-arrow.--prev::before {
        background-position: center center
    }

    .dark-features.with-big-photo .dark-features__title-sub, .header__inner.--in-center .header__title {
        max-width: 75%
    }

    .modal {
        min-height: auto;
        padding-top: 85px
    }

    .dark-features.with-big-photo .dark-features__photo img, .modal__form, .private.--correct .private__photo img {
        max-width: 100%
    }

    .modal__policy, .private.--correct .private__about-list {
        max-width: 350px
    }

    .circles__title, .modal._consult .modal__offer {
        text-align: center
    }

    .modal__subtitle {
        font-size: 16px
    }

    .auto__link-btn.btn-correct, .modal__btn, .modal__label {
        width: 100%
    }

    .modal._header .modal__form {
        margin-top: 30px
    }

    .modal__policy {
        box-sizing: border-box
    }

    .advantages__heading, .auto__row, .circles__row, .quiz__heading, .topbar__contacts-links a {
        display: block
    }

    .footer__nav {
        padding-bottom: 24px;
        flex-wrap: wrap
    }

    .footer__nav-col {
        margin-bottom: -25px;
        margin-top: 25px;
        padding-top: 25px;
        position: relative
    }

    .footer__nav-title {
        flex: 0 1 20%
    }

    .footer__nav-col_big, .footer__nav-col_less, .footer__nav-col_small {
        flex: 0 1 100%
    }

    .footer__nav-col:not(:last-child):after {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: rgba(231, 237, 240, .36);
        bottom: 0;
        left: 0
    }

    .footer__nav-about, .footer__nav-clients, .footer__nav-social {
        justify-content: flex-start;
        flex: 0 1 80%
    }

    .footer__nav-about ul, .footer__nav-social {
        display: flex;
        flex-wrap: wrap;
    }

    .footer__link-page {
        margin-bottom: 25px;
        flex: 0 0 25% !important
    }

    .footer__nav-clients ul, .footer__nav-about ul {
        width: 100%;
    }

    .cases__subtitle, .cases__title, .pallety__title, .small-circles__title, .steps-block.without-circle .steps-block__title {
        width: 80%
    }

    .dark-features__item-content, .small-circles__subtitle, .steps-block.without-circle .steps-block__subtitle, .two-col__subtitle-col {
        width: 70%
    }

    .header__suboffer-bright, .steps-block__offer {
        max-width: 55%
    }

    .dark-features.with-photo .dark-features__inner.long, .step-item__col-row {
        flex-direction: column
    }

    .step-item__feature:not(:last-child), .steps-block.without-circle .step-item__subtitle {
        margin-bottom: 15px
    }

    .step-item__photo {
        flex: 0 1 39%
    }

    .step-item__col {
        flex: 0 1 58%
    }

    .steps-block.without-circle {
        padding-top: 28px
    }

    .steps-block.without-circle .step-item {
        padding-left: 18px
    }

    .steps-block.without-circle .step-item__photo {
        flex: 0 1 45%;
        height: 180px
    }

    .steps-block.without-circle .step-item__col {
        flex: 0 1 52%
    }

    .quiz__subtitle .text {
        padding: 0
    }

    .quiz__subtitle {
        margin-left: 0;
        margin-top: 20px
    }

    .quiz__body {
        padding: 40px
    }

    .quiz__answer.--small-icons, .quiz__answer.--text-center {
        width: calc(100% / 2 - 20px)
    }

    .quiz__question-text {
        max-width: 510px
    }

    .header__video {
        width: 340px
    }

    .header__card {
        width: calc(100% / 3 - 10px);
        margin-left: 5px;
        margin-right: 5px
    }

    .header__cards {
        margin-left: -5px;
        margin-right: -5px
    }

    .header__card-text {
        font-size: 12px
    }

    .header.--correct-left .header__col-left {
        flex: 0 0 80%
    }

    .header.--correct-left .header__bg {
        width: auto;
        display: block;
        position: absolute;
        top: 26px;
        z-index: -10;
        left: 50%;
        margin-left: -62px
    }

    .header__inner.--in-center .header__suboffer.wide {
        width: auto;
        max-width: 65%
    }

    .header__inner.--in-center .header__suboffer.wide-more {
        width: 55%;
        max-width: 55%
    }

    .header__inner.--in-center .header__suboffer.with-arrow_bottom:after {
        content: url(../svg/radius-arrow.svg);
        width: 50px;
        height: 67px;
        position: absolute;
        right: -24px;
        bottom: -65px;
        -webkit-transform: rotate(31deg);
        transform: rotate(31deg)
    }

    .fulfillment__item .img-wrap {
        width: 80px;
        margin-left: -10px;
        height: auto
    }

    .pallety__header:after, .pallety__header:before {
        width: 40%;
        height: 2px;
        background-color: #5fd3d1;
        bottom: -40px;
        position: absolute;
        content: ''
    }

    .fulfillment__item .text {
        font-size: 12px;
        padding-left: 10px
    }

    .services__card {
        width: calc(100% / 2 - 14px)
    }

    .services.--correct .services__card {
        position: relative;
        display: flex;
        flex-direction: column;
        width: calc(100% / 2 - 17px)
    }

    .services.--correct .services__card.--long .services__photo {
        height: 180px
    }

    .services.--correct .services__card.--long-md {
        margin: 14px auto 0;
        width: 60%
    }

    .two-col {
        margin-bottom: 48px;
        flex-direction: column
    }

    .two-col__title-col {
        width: 60%;
        margin-bottom: 30px
    }

    .pallety__header {
        margin-bottom: 80px;
        flex-direction: column;
        position: relative
    }

    .pallety__header:before {
        left: 0
    }

    .pallety__header:after {
        right: 0
    }

    .pallety__subtitle {
        max-width: 70%
    }

    .pallety__title:after {
        -webkit-transform: scaleX(1) rotate(25deg);
        transform: scaleX(1) rotate(25deg)
    }

    .pallety__offer {
        margin-top: 40px;
        width: 60%
    }

    .park__photo {
        flex: 0 1 50%
    }

    .park__col {
        flex: 0 1 45%
    }

    .light-cards__inner {
        display: grid;
        gap: 20px;
        grid-template-columns:repeat(2, 1fr)
    }

    .light-card.--long {
        grid-column: span 2
    }

    .light-card.--long .light-card__img {
        height: 350px
    }

    .reviews-yandex__slider-arrow.--next {
        right: -48px;
        width: 50px;
        height: 50px
    }

    .reviews-yandex__slider-arrow.--prev {
        left: -48px;
        width: 50px;
        height: 50px
    }

    .reviews-yandex__slider {
        width: 85%
    }

    .reviews-yandex__title {
        margin-left: 10%;
        width: 80%
    }

    .reviews-yandex__subtitle {
        margin-left: 5%;
        width: 90%
    }

    .advantages__subtitle {
        margin-top: 10px;
        margin-left: 0
    }

    .advantages__info, .advantages__subtitle .text {
        padding-left: 0
    }

    .advantages__img {
        width: 320px
    }

    .circles__left {
        width: initial
    }

    .circles__info {
        width: 100%;
        margin-top: 30px
    }

    .circles__right {
        width: initial;
        padding: 0;
        margin-left: 0
    }

    .circles__text {
        position: relative;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        padding-left: 44px;
        width: 100% !important;
        margin: 20px auto 0;
        display: block;
        max-width: 400px
    }

    .circles__img, .circles__text:before, .dark-features.with-photo .dark-features__photo-item:nth-child(3), .offer__cta:before, .wharranty__img:before {
        display: none
    }

    .circles__text:after {
        position: absolute;
        content: '';
        top: 3px;
        left: 0;
        width: 24px;
        height: 24px;
        background: url(../svg/check.svg) top left/contain no-repeat
    }

    .cases__slider-arrow.--next, .cases__slider-arrow.--prev {
        width: 50px;
        height: 50px
    }

    .wharranty__cnt {
        width: 470px;
        padding-top: 0
    }

    .wharranty__img {
        padding-top: 100px;
        width: calc(100% - 470px);
        margin-left: -50px
    }

    .holiday__cnt {
        max-width: 450px
    }

    .holiday__substrate {
        margin-right: 120px;
        top: 405px
    }

    .holiday__manager {
        margin-right: 50px
    }

    .auto__cnt, .auto__img {
        width: initial;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto
    }

    .case {
        padding: 30px
    }

    .case__footer-col:not(:last-child) {
        margin-right: 40px
    }

    .case__content-photo {
        height: 120px
    }

    .cases__slider-arrow {
        bottom: -25px
    }

    .dark-features.with-photo .dark-features__col {
        width: 70%;
        margin: 0 auto
    }

    .dark-features.with-photo .dark-features__col:not(:last-child) {
        border-right: none;
        border-bottom: 1px solid #362e6d
    }

    .dark-features.with-photo .dark-features__col-inner {
        justify-content: center
    }

    .about.main-screen .about__features, .dark-features.with-photo .dark-features__photo-block {
        flex-wrap: wrap
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item {
        height: 200px
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item:nth-child(3) {
        display: flex
    }

    .dark-features.with-photo .dark-features__photo-item {
        flex: 0 1 32%;
        height: 200px
    }

    .dark-features.with-big-photo {
        padding-bottom: 80px
    }

    .dark-features.with-big-photo .dark-features__title {
        margin-bottom: 70px
    }

    .dark-features.with-big-photo .dark-features__inner {
        width: 100%;
        align-items: center
    }

    .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__photo {
        margin-bottom: 0
    }

    .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__col {
        flex: 0 1 45%
    }

    .dark-features.with-big-photo .dark-features__photo {
        margin-bottom: 0;
        flex: 0 1 60%
    }

    .auto__cnt {
        padding: 0;
        margin-top: 40px
    }

    .private__bg {
        width: 550px;
        top: auto;
        bottom: -150px
    }

    .private.--correct {
        margin-top: -100px;
        padding-top: 0;
        border-top: none
    }

    .private.--correct .wrapper {
        display: flex;
        flex-direction: column-reverse;
        align-items: center
    }

    .private.--correct .private__photo {
        position: relative;
        top: auto;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        left: auto;
        right: auto
    }

    .offer__bg {
        width: 500px;
        margin: 45px;
        top: 0
    }

    .offer.--left-img .offer__bg {
        margin-right: 110px;
        top: -30px
    }

    .about__feature .number {
        font-size: 30px
    }

    .about__feature .text {
        font-size: 12px;
        margin-top: 5px
    }

    .about:before {
        bottom: 200px
    }

    .about.main-screen .about__subtitle, .about.main-screen .about__title {
        margin: 39px auto 0;
        text-align: center
    }

    .about.main-screen .about__feature {
        padding: 20px 34px;
        flex: 0 1 50%;
        margin-top: 0;
        border-bottom: 1px solid #362e6d
    }

    .about.main-screen .about__feature:nth-child(3) {
        border-bottom: none
    }

    .temp-table__col.bright, .temp-table__header-col {
        padding: 12px 20px
    }

    .director__img {
        margin-left: 0
    }

    .final__img, .final__substrate {
        margin-left: 90px
    }

    .director.--correct .director__right-col {
        width: 457px;
        position: absolute;
        right: 0;
        bottom: 0
    }

    .director.--correct .director__substrate {
        left: 42%;
        bottom: 4%;
        z-index: 0
    }

    .director.--correct.dark-gray .director__right-col {
        height: 74%
    }

    .director.--correct.dark-gray .director__substrate {
        left: 34%
    }

    .director.-correct .director__substrate {
        margin-left: 52px
    }

    .final__img {
        width: 400px;
        bottom: -80px
    }

    .t-header__substrate {
        margin-left: 50px
    }

    .t-offer {
        margin-top: 100px
    }

    .t-offer__phone {
        font-size: 35px
    }

    .cf.uslugi .cf__list-point {
        padding-left: 55px;
        background-size: 20px
    }

    .cf.uslugi .cf__list-point:not(:last-child) {
        margin-bottom: 30px
    }

    .cf.uslugi.with-points .cf__col-photo {
        flex: 0 1 44%
    }

    .cf.uslugi.with-points .cf__col-text {
        flex: 0 1 51%
    }

    .cb__card-title {
        font-size: 17px
    }

    .illustrate__row h3 {
        font-size: 23px
    }

    .illustrate__list {
        margin-top: 35px
    }

    .illustrate__list-item {
        margin-top: 20px;
        font-size: 18px
    }

    .illustrate__row {
        margin-top: 80px
    }

    .header__bg.--gd {
        width: 400px;
        top: 50px;
        margin-left: 180px
    }
}

@media all and (max-width: 900px){
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile .mfp-bottom-bar:empty, .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width: 780px) {
    #registraciya {
        padding: 40px 40px 70px
    }

    #registraciya .policy {
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    #registraciya .modal__logo-light {
        bottom: 10px
    }

    .pt-200, .pt-90 {
        padding-top: 80px
    }

    .pb-100 {
        padding-bottom: 80px
    }
}

@media screen and (max-width: 780px) {
    .footer__contacts-links a, .topbar__phone {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content
    }

    .cf__text, .dark-features.with-big-photo .dark-features__text, .footer__descriptor, .header__hint, .offer__cta-text, .offer__cta-title, .offer__subtitle, .offer__title {
        text-align: center
    }

    .substrate {
        width: 200px;
        height: 200px
    }

    .q-answer.--small-icons .q-answer__text, .q-answer.--text-center .q-answer__text, .q-final__btn, .quiz__question-text .small, .substrate__name {
        font-size: 13px
    }

    .substrate__position {
        font-size: 11px
    }

    .g-title, .g-title-big, .g-title-small {
        font-size: 20px
    }

    .case__footer-sub, .g-subtitle, .g-subtitle-big, .g-subtitle-hight, .q-final__bottom-title, .q-final__bullets-title, .quiz__question-text .big, .t-header__subtitle {
        font-size: 16px
    }

    .topbar__burger {
        display: flex
    }

    .dark-features.with-photo .dark-features__photo-block .dark-features__photo-item:nth-child(2), .footer__messengers h4, .holiday__manager, .holiday__substrate, .q-final__director, .q-final__substrate, .topbar__burger.active span:nth-child(2), .topbar__messengers {
        display: none
    }

    .topbar__burger span, .topbar__burger.active span {
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear
    }

    .topbar__burger.active span:first-child {
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear;
        -webkit-transform: translateY(4px) rotate(-45deg);
        transform: translateY(4px) rotate(-45deg)
    }

    .topbar__burger.active span:last-child {
        transition: transform .3s linear;
        transition: transform .3s linear, -webkit-transform .3s linear;
        -webkit-transform: translateY(-4px) rotate(45deg);
        transform: translateY(-4px) rotate(45deg)
    }

    .topbar__login {
        width: 50px;
        height: 50px;
        background-size: cover
    }

    .topbar__nav-row {
        margin: 0
    }

    .topbar__nav-col {
        padding: 40px 0;
        position: absolute;
        top: -200%;
        left: -200%;
        opacity: 0;
        flex-direction: column;
        width: 100%;
        background-color: #fff;
        border: 1px solid #00aeef;
        border-radius: 15px;
        transition: opacity .3s linear
    }

    .topbar__nav-col a {
        padding: 7px 0;
        color: #130b44
    }

    .topbar__nav-col.active {
        left: 0;
        top: 100%;
        opacity: 1
    }

    .topbar__contacts-links a {
        margin-right: 0
    }
    .topbar__nav-item.parent{
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 20px;
        &:after{
            justify-self: center;
        }
        .topbar__nav-item{
            width: fit-content;
        }
    }
    .topbar__nav-item-child-list{
        position: relative;
        grid-area: 2/1/2/3;
        top: auto;
        padding: 10px;
        gap: 5px;
    }

    .footer__nav-item, .topbar__nav-item {
        font-size: 11px;
        margin-left: 15px;
        margin-right: 15px
    }

    .topbar__row {
        flex-wrap: wrap;
        position: relative;
        align-items: flex-start
    }

    .topbar__descriptor {
        width: 100%;
        order: 3;
        padding: 20px 0 0;
        border: none;
        border-top: 1px solid #e7edf0;
        display: none
    }

    .topbar__contacts {
        display: block;
        width: calc(100% - 120px);
        padding: 0
    }

    .topbar__phone {
        margin-top: 12px;
        font-size: 18px;
        display: block;
        margin-left: auto;
        max-width: fit-content;
        margin-right: 0;
        padding: 0
    }

    .topbar__logo {
        width: 120px;
        padding: 0;
        margin: 0
    }

    .topbar__btn {
        margin-top: 20px;
        width: calc(100% + 120px);
        margin-left: -120px
    }

    .footer__link-page {
        flex: 0 0 50% !important
    }

    .footer__nav-col {
        margin-top: 25px;
        padding-top: 25px;
        position: relative
    }

    .footer__nav-col:not(:last-child):after {
        content: '';
        position: absolute;
        width: 80%;
        height: 1px;
        background-color: rgba(231, 237, 240, .36);
        bottom: 0;
        left: 0
    }

    .footer__nav-title {
        flex: 0 0 30%
    }

    .footer__nav-clients {
        flex: 0 1 70%
    }

    .footer__nav-row {
        margin-left: -15px;
        margin-right: -15px
    }

    .footer__contacts-links a, .footer__descriptor, .footer__logo, .header__hint {
        margin-left: auto;
        margin-right: auto
    }

    .footer {
        padding: 40px 0
    }

    .footer__top {
        display: block
    }

    .footer__logo {
        width: 200px;
        padding: 0;
        display: block
    }

    .footer__logo img, .step-item__col {
        width: 100%
    }

    .footer__descriptor {
        margin-top: 20px;
        width: 100%;
        border: none;
        padding: 0;
        max-width: 300px
    }

    .footer__contacts {
        display: block;
        padding: 0
    }

    .footer__contacts-links a {
        display: block;
        max-width: fit-content;
        margin-top: 30px;
        font-size: 20px
    }

    .footer__links a, .footer__policy, .footer__reserved {
        margin-left: 10px;
        margin-right: 10px
    }

    .footer__bottom {
        padding-top: 40px;
        flex-wrap: wrap
    }

    .footer__links {
        order: 1;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 30px;
        display: flex
    }

    .footer__messengers {
        display: block;
        margin-top: 30px
    }

    .footer__messengers .row {
        justify-content: center;
        width: 100%
    }

    .cf__col:first-child, .footer__reserved {
        order: 2
    }

    .footer__policy {
        order: 3
    }

    .small-circles__item {
        margin: 0 10px 40px;
        padding: 25px 10px 15px;
        width: 135px;
        height: 135px;
        display: flex;
        flex-direction: column
    }

    .small-circles__icon {
        height: 35px;
        margin-bottom: 20px
    }

    .small-circles.no-circle {
        padding: 80px 0
    }

    .steps-block__offer {
        max-width: 65%
    }

    .steps-block__btn:after {
        content: url(../svg/line-3.svg);
        position: absolute;
        right: -72px;
        -webkit-transform: rotate(-19deg);
        transform: rotate(-19deg)
    }

    .step-item {
        padding-left: 70px;
        flex-direction: column
    }

    .step-item__num {
        width: 60px;
        height: 60px;
        left: 5px;
        top: 18px
    }

    .step-item__photo {
        flex: 1 1 170px;
        width: 100%
    }

    .steps-block.without-circle {
        padding-top: 38px
    }

    .steps-block.without-circle .steps-block__title {
        width: 80%
    }

    .header__inner.--in-center .header__suboffer.wide, .header__inner.--in-center .header__suboffer.wide-more {
        width: 70%;
        max-width: 70%
    }

    .steps-block.without-circle .steps-block__subtitle {
        width: 70%
    }

    .steps-block.without-circle .step-item {
        width: 80%;
        margin: 0 auto;
        padding-left: 18px
    }

    .steps-block.without-circle .step-item:not(:last-child) {
        margin-bottom: 20px
    }

    .steps-block.without-circle .step-item__photo img {
        height: 180px
    }

    .quiz {
        margin: 90px 0 0
    }

    .quiz__start {
        padding: 80px 0 0
    }

    .quiz__subtitle {
        font-size: 16px;
        display: block;
        width: 100%
    }

    .header__cta, .q-final__row, .quiz__subtitle .text, .types__bullets, .wharranty__row {
        display: block
    }

    .quiz__body {
        padding: 40px 20px
    }

    .office__subtitle, .quiz__row {
        margin-top: 10px
    }

    .quiz__question-number {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 16px;
        padding-top: 0
    }

    .pallety__header, .quiz__question {
        position: relative
    }

    .quiz__question {
        display: block;
        padding-top: 40px
    }

    .quiz__answer.--small-icons, .quiz__answer.--text-center {
        width: 100%;
        margin-top: 10px;
        height: 50px
    }

    .quiz__range {
        margin-top: 20px
    }

    .q-range__hint {
        font-size: 10px
    }

    .q-range__hint.--third {
        white-space: nowrap;
        margin-left: -20px
    }

    .quiz__btn {
        width: calc(100% / 2 - 10px);
        margin-left: 5px;
        margin-right: 5px;
        font-size: 13px
    }

    .quiz__btns {
        margin-top: 30px;
        margin-left: -5px;
        margin-right: -5px
    }

    .quiz__answer.--circles {
        width: calc(100% / 2 - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 20px
    }

    .pallety__header:after, .pallety__header:before {
        width: 40%;
        height: 2px;
        background-color: #5fd3d1;
        bottom: -40px;
        position: absolute;
        content: ''
    }

    .cb__card-col, .cf__col, .q-final__col, .t-offer__col {
        width: initial
    }

    .q-final__title {
        font-size: 30px
    }

    .final__subtitle, .q-final__subtitle {
        font-size: 16px;
        margin-top: 10px
    }

    .private__subtitle, .q-final__cta {
        margin-top: 25px
    }

    .q-final__bullets {
        margin-top: 40px
    }

    .q-final__bullet .text b {
        font-size: 14px
    }

    .q-final__bullet .text span {
        font-size: 12px
    }

    .q-final__bullet {
        margin-top: 20px
    }

    .q-final__bottom {
        margin-top: 50px;
        padding: 50px 0 0;
        min-height: initial
    }

    .cb__card-img, .header__bullet, .q-final__bottom-form, .t-offer__messengers, .t-offer__phone, .types__img {
        margin-top: 20px
    }

    .q-final__bottom-cnt, .wharranty__cnt {
        width: initial;
        padding: 0
    }

    .header__title {
        font-size: 25px;
        max-width: 300px
    }

    .header__subtitle {
        font-size: 17px;
        margin-top: 20px
    }

    .header__temperature.--small {
        font-size: 15px;
        max-width: 380px;
        padding-left: 40px
    }

    .header__temperature.--small:before {
        width: 25px;
        margin-top: -30px
    }

    .header__temperature.--big {
        font-size: 20px;
        padding-left: 45px;
        padding-right: 20px;
        margin-left: -20px
    }

    .header__temperature.--big:before {
        width: 21px
    }

    .header__bullet {
        font-size: 13px
    }

    .header__bg {
        width: 498px;
        top: 50px;
        margin-left: -86px
    }

    .header__video {
        margin-top: 50px;
        width: 100%;
        margin-left: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        padding-left: 80px;
        border-top: 1px solid #e7edf0;
        border-bottom: 1px solid #e7edf0
    }

    .header__cards.magazini {
        margin-top: 60px !important
    }

    .header__card {
        flex-basis: calc(100% / 2 - 10px);
        margin-top: 20px;
        flex-grow: 1
    }

    .header__inner.--in-center .header__title {
        max-width: 85%
    }

    .header__inner.--in-center .header__suboffer.with-arrow_bottom:after {
        content: url(../svg/radius-arrow.svg);
        width: 50px;
        height: 67px;
        position: absolute;
        right: -58px;
        bottom: -44px;
        -webkit-transform: rotate(19deg);
        transform: rotate(19deg)
    }

    .header__suboffer-bright {
        max-width: 70%
    }

    .header.--correct-left .header__bg {
        top: auto;
        bottom: -34px
    }

    .header.--correct-left .header__col-left {
        flex: 0 0 90%
    }

    .advantages, .auto, .cb, .cf, .circles, .clients, .fulfillment, .offer, .t-offer, .types, .wharranty {
        margin: 80px 0
    }

    .services {
        margin: 90px 0;
        padding: 80px 0
    }

    .two-col__title-col {
        width: 80%;
        margin-bottom: 30px
    }

    .pallety__title, .two-col__subtitle-col {
        width: 90%
    }

    .types__subtitle, .wharranty__subtitle {
        margin-top: 15px
    }

    .types__area {
        margin-top: 50px;
        padding: 30px 20px 40px;
        display: block
    }

    .types__tabs {
        display: flex;
        margin-left: -5px;
        margin-right: -5px;
        flex-wrap: wrap;
        width: initial
    }

    .types__tab {
        width: calc(100% / 3 - 10px);
        margin-left: 5px;
        margin-right: 5px;
        font-size: 11px;
        padding-left: 35px;
        height: 50px
    }

    .types__tab .icon {
        max-width: 17px;
        max-height: 17px;
        left: 10px
    }

    .types__slides {
        margin-left: 0;
        margin-top: 30px
    }

    .cf.uslugi .cf__text-title, .private__about-title, .types__name {
        font-size: 18px
    }

    .types__bullet {
        width: initial;
        margin-top: 20px
    }

    .director__bullet span, .types__bullet .text {
        font-size: 12px
    }

    .pallety {
        padding: 70px 0
    }

    .case__footer, .cb__card, .pallety__inner {
        flex-wrap: wrap
    }

    .pallety__item {
        flex: 0 1 47%
    }

    .pallety__item.long {
        margin-top: 50px;
        flex: 0 1 65%
    }

    .cf.uslugi .cf__item, .cf.uslugi .cf__item.reverse, .dark-features.with-big-photo .dark-features__inner, .park__row, .park__row.reverse {
        flex-direction: column-reverse
    }

    .pallety__title:after {
        -webkit-transform: scaleX(1) rotate(25deg);
        transform: scaleX(1) rotate(25deg)
    }

    .pallety__offer {
        margin-top: 40px;
        width: 80%
    }

    .pallety__header:before {
        left: 0
    }

    .pallety__header:after {
        right: 0
    }

    .pallet-type__photo {
        height: 130px
    }

    .pallet-type__photo img {
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

    .documents__title {
        margin-bottom: 50px
    }

    .park__subtitle {
        margin-bottom: 45px
    }

    .park__photo {
        height: 350px;
        flex: 0 1 auto
    }

    .park__photo img {
        max-height: 100%
    }

    .reviews-yandex__header {
        flex-direction: column;
        align-items: center;
        padding-bottom: 35px
    }

    .yandex-rate {
        flex: 0 0 auto
    }

    .reviews-yandex__titles {
        margin-bottom: 25px
    }

    .reviews-yandex__title {
        margin: 0 auto 20px;
        width: 70%
    }

    .reviews-yandex__subtitle {
        margin: 0 auto;
        width: 80%
    }

    .review-yandex {
        min-height: 200px !important
    }

    .wharranty__img {
        width: initial;
        margin-top: 40px;
        padding: 0;
        margin-left: 0
    }

    .cf.uslugi .cf__list-item, .dark-features__inner, .wharranty__img img {
        width: 100%
    }

    .holiday {
        margin: 80px 0;
        padding-bottom: 80px;
        min-height: initial
    }

    .dark-features.with-big-photo .dark-features__inner.reverse .dark-features__col, .director.--correct, .private, .t-header {
        padding-bottom: 0
    }

    .case__footer-col {
        margin-bottom: 15px
    }

    .dark-features.with-big-photo .dark-features__inner.reverse {
        padding-top: 0;
        flex-direction: column-reverse
    }

    .dark-features.with-big-photo .dark-features__title-sub {
        max-width: 90%
    }

    .dark-features.with-big-photo .dark-features__item {
        width: 100%;
        align-items: center
    }

    .dark-features.with-big-photo .dark-features__icon {
        margin-right: 0;
        margin-bottom: 15px
    }

    .dark-features.with-big-photo .dark-features__header {
        margin-bottom: 20px;
        flex-direction: column;
        width: 400px
    }

    .dark-features.with-big-photo .dark-features__subtitle {
        width: 90%;
        text-align: center
    }

    .dark-features.with-big-photo .dark-features__photo {
        height: 350px;
        max-width: 70%;
        flex: 0 1 auto
    }

    .dark-features.with-big-photo .dark-features__photo img {
        max-width: 100%;
        height: 100%
    }

    .dark-features.with-photo .dark-features__photo-block {
        flex-wrap: wrap;
        -webkit-transform: translateY(34px);
        transform: translateY(34px)
    }

    .dark-features.with-photo .dark-features__photo-block .dark-features__photo-item {
        flex: 0 1 49%
    }

    .dark-features.with-photo .dark-features__photo-block.three-col {
        -webkit-transform: translateY(34px);
        transform: translateY(34px)
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item {
        flex: 0 1 49%;
        height: 200px
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item:nth-child(2), .t-offer__row, .temp-table.mobile {
        display: block
    }

    .about__separator, .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item:nth-child(3), .final__img, .final__substrate, .t-offer__img, .temp-table.desktop {
        display: none
    }

    .private {
        margin: 80px 0;
        padding-top: 80px;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }

    .private__bg {
        position: static;
        width: 100%;
        margin-left: 0;
        margin-top: 40px
    }

    .areas {
        margin: 80px 0;
        padding: 80px 0
    }

    .areas__tabs, .office__tabs {
        margin-top: 10px;
        margin-left: -5px;
        margin-right: -5px
    }

    .areas__tab, .office__tab {
        width: calc(100% / 2 - 10px);
        margin-left: 5px;
        margin-right: 5px;
        font-size: 12px
    }

    .about.main-screen .about__slide:first-child, .offer__cnt {
        margin-left: 0
    }

    .areas__slide {
        height: 0;
        padding-top: 100%
    }

    .areas.--correct {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .areas.--correct .areas__slide {
        padding-top: 0
    }

    .areas.--correct .areas__title, .cf__text h3, .final__cta-title {
        font-size: 20px
    }

    .areas.--correct .areas__footer {
        margin-top: 62px;
        flex-direction: column
    }

    .areas.--correct .areas__item {
        margin-bottom: 25px
    }

    .areas.--correct .areas__item-title {
        min-height: 40px;
        margin-bottom: 10px;
        padding-left: 55px;
        background: url(../svg/uslugi/cases-slider-icon.svg) left top/30px no-repeat
    }

    .our-team__item:not(:last-child), .temp__table-inner .temp-table:not(:last-child) {
        margin-bottom: 30px
    }

    .offer__cnt, .offer__cta {
        max-width: 100%
    }

    .offer__bg {
        width: 250px;
        position: static;
        margin: 35px 0 0
    }

    .offer__subtitle {
        margin: 18px auto 0
    }

    .offer__bg {
        margin-left: auto !important;
        margin-right: auto !important
    }

    .offer__cta-text {
        margin: 8px auto 0
    }

    .offer.bg-center .offer__bg {
        top: 0 important;
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    .our-team__item, .our-team__item.big {
        flex: 0 1 42%
    }

    .our-team__item.big .our-team__photo {
        height: 320px
    }

    .our-team__name {
        margin-bottom: 10px
    }

    .about {
        margin: 80px 0;
        padding-top: 80px
    }

    .about__features {
        flex-wrap: wrap;
        margin: 40px 0;
        padding: 30px 0;
        border: 1px solid rgba(255, 255, 255, .4);
        border-left: none;
        border-right: none
    }

    .office__item, .office__item:nth-child(2) {
        border-right: none
    }

    .about__feature {
        width: 50%;
        margin-top: 20px
    }

    .about:before {
        bottom: 160px
    }

    .about__gallery {
        margin-top: 20px;
        margin-left: -5px;
        margin-right: -5px
    }

    .about.main-screen .about__slide, .about__slide {
        width: calc(100% / 3 - 10px);
        margin-top: 10px
    }

    .about__slide {
        margin-left: 5px;
        margin-right: 5px
    }

    .about.main-screen .about__features {
        border: none
    }

    .about.main-screen .about__slide:last-child {
        margin-right: 0
    }

    .about.main-screen .about__video {
        position: absolute;
        width: 100px;
        height: 100px;
        top: -10px;
        right: 40px
    }

    .about.main-screen .about__video:before {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100px;
        height: 100px;
        background: url(../svg/play-btn.svg) center center/contain no-repeat
    }

    .about.main-screen .about__video:hover:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }

    .temp {
        padding-top: 50px
    }

    .temp__subtitle {
        margin-bottom: 35px
    }

    .temp__table-inner {
        flex-direction: column
    }

    .temp__table-inner .temp-table {
        max-width: 80%;
        width: 80%
    }

    .temp-table__col {
        padding: 10px
    }

    .temp-table.two-col {
        max-width: 80%
    }

    .temp-table.two-col .temp-table__header-col.small {
        padding: 30px 20px
    }

    .director {
        margin: 80px 0;
        padding: 80px 0 0
    }

    .director__img {
        position: static;
        margin-left: 0;
        width: 100%;
        max-width: 420px
    }

    .director__substrate, .t-header__substrate {
        top: auto;
        bottom: 90px;
        margin-left: 0
    }

    .director__quote {
        margin-top: 50px
    }

    .director__quote p {
        font-size: 14px;
        margin-top: 20px
    }

    .director.--correct .wrapper {
        display: flex;
        flex-direction: column
    }

    .director.--correct .director__right-col {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: flex-end
    }

    .director.--correct .director__cnt {
        max-width: 100%;
        width: 100%
    }

    .director.--correct .director__item {
        max-width: 83%
    }

    .director.--correct .director__photo {
        margin-top: -100px;
        margin-right: -50px;
        width: 70%;
        display: flex
    }

    .director.--correct .director__substrate {
        left: 21%;
        z-index: 5
    }

    .director.--correct.dark-gray .director__right-col {
        left: auto;
        right: 0;
        width: 100%
    }

    .director.--correct.dark-gray .director__substrate {
        left: 34%;
        z-index: 4
    }

    .director.-correct .director__substrate {
        left: 0;
        bottom: 50px
    }

    .clients__slider, .t-header__video {
        margin-top: 30px
    }

    .office {
        margin-top: 0;
        padding-top: 80px
    }

    .final__cta-text, .final__text {
        font-size: 15px
    }

    .office__info {
        flex-wrap: wrap;
        padding-left: 20px;
        padding-right: 20px
    }

    .office__item {
        width: 50%;
        border-top: 1px solid #e7edf0
    }

    .office__item:first-child, .office__item:nth-child(2) {
        border-top: none;
        padding-top: 10px
    }

    .cf.uslugi .cf__text-descr, .cf__text p, .office__item a, .office__item address, .office__item b, .office__item span {
        font-size: 14px
    }

    .final {
        padding-top: 40px
    }

    .final__text {
        margin-top: 23px
    }

    .t-header__title {
        font-size: 25px
    }

    .t-header__text {
        margin-top: 0
    }

    .t-header__img {
        position: static;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        display: block
    }

    .t-offer__phone {
        font-size: 35px
    }

    .cf.uslugi {
        padding-bottom: 53px
    }

    .cf.uslugi .cf__item {
        padding: 0 20px
    }

    .cf.uslugi .cf__item:not(:last-child) {
        margin-bottom: 60px
    }

    .cf.uslugi .cf__col-text {
        margin-top: 30px;
        max-width: 80%
    }

    .cf.uslugi .cf__col-photo {
        width: 50%
    }

    .cf.uslugi .cf__list-item.with-title {
        margin-top: 30px;
        width: 100%
    }

    .cf.uslugi.with-points .cf__col-text {
        margin-top: 35px
    }

    .cf__item {
        flex-direction: column
    }

    .cf__img {
        max-width: 300px
    }

    .cf__text h4 {
        font-size: 15px;
        margin-top: 10px
    }

    .cb__card-paragraph {
        font-size: 12px;
        margin-top: 15px
    }

    .illustrate {
        position: relative;
        margin: 80px 0
    }

    .illustrate__row {
        margin-top: 50px;
        display: block
    }

    .illustrate__img {
        position: absolute;
        bottom: 30px;
        left: 50%;
        width: 300px;
        margin-left: 100px
    }

    .illustrate__col {
        width: 350px;
        min-width: 350px
    }

    .illustrate__row h3 {
        font-size: 20px
    }

    .gd-header .header__hint {
        text-align: left
    }

    .gd-header .header__title {
        max-width: 400px
    }

    .header__bg.--gd {
        width: 320px;
        margin-left: 140px
    }
}

@media screen and (max-width: 520px) {
    .cases__slider-arrow.--next:before, .cases__slider-arrow.--prev::before {
        background-position: center center
    }

    .advantages__hint:before, .dark-features.with-photo .dark-features__photo-block .dark-features__photo-item:first-child, .header.--correct-left .header__main-photo.hide-xs, .header__suboffer:after, .pallety__header:after, .steps-block__btn:after {
        display: none
    }

    .about.main-screen .about__feature:not(:last-child), .dark-features__item:not(:last-child) {
        border-bottom: 1px solid #362e6d
    }

    .modal {
        max-width: 320px;
        padding: 40px 20px
    }

    .header.--correct-left .header__temperature, .header__suboffer-bright, .pallety__subtitle, .steps-block__offer {
        max-width: 90%
    }

    .header__suboffer-bright, .modal__title, .privacy h2 {
        font-size: 20px
    }

    .privacy {
        margin: 50px 0
    }

    .privacy p, .privacy ul {
        font-size: 14px
    }

    .footer__nav {
        margin-top: 20px
    }

    .dark-features__inner, .footer__nav-col, .header.--correct-left .header__wrapper {
        flex-direction: column
    }

    .footer__nav-title {
        flex: 0 0 auto
    }

    .cases__title, .small-circles__title, .steps-block.without-circle .steps-block__subtitle {
        width: 95%
    }

    .small-circles__subtitle {
        margin-bottom: 30px;
        width: 90%
    }

    .small-circles__item {
        margin: 0 10px 40px;
        padding: 25px 10px 5px;
        width: 125px;
        height: 125px;
        display: flex;
        flex-direction: column
    }

    .small-circles__icon {
        margin-bottom: 15px;
        height: 30px
    }

    .pallety__subtitle, .park__subtitle, .steps-block__item:not(:last-child) {
        margin-bottom: 35px
    }

    .small-circles__descr {
        font-size: 13px
    }

    .steps-block {
        padding-bottom: 74px
    }

    .dark-features__title, .fulfillment__item .img-wrap, .header__btn, .holiday__btn, .reviews-yandex__slider, .reviews-yandex__subtitle, .services .two-col__subtitle-col, .step-item__col, .steps-block.without-circle .steps-block__title, .steps-block__btn {
        width: 100%
    }

    .steps-block__inner {
        margin-top: 45px
    }

    .step-item {
        padding-left: 18px
    }

    .step-item__num {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        top: -30px
    }

    .step-item__photo {
        flex: 1 1 170px;
        width: 100%
    }

    .steps-block.without-circle {
        padding-top: 28px
    }

    .steps-block.without-circle .step-item {
        width: 100%;
        margin: 0 auto;
        padding-left: 18px
    }

    .steps-block.without-circle .step-item:not(:last-child) {
        margin-bottom: 20px
    }

    .steps-block.without-circle .step-item__photo img {
        height: 180px
    }

    .advantages__item, .fulfillment__row, .header__cards {
        display: block
    }

    .header__card {
        width: initial
    }

    .header__inner.--in-center .header__suboffer.wide, .header__inner.--in-center .header__suboffer.wide-more {
        max-width: 90%;
        width: 90%
    }

    .header__inner.--in-center .header__title {
        max-width: 95%
    }

    .header__cta .cta.--horizontal {
        display: block;
        margin-top: 0
    }

    .header__cta .cta.--horizontal .header__hint {
        text-align: center;
        margin-left: auto;
        margin-right: auto
    }

    .header.--correct-left .header__main-photo {
        margin-top: -50px;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .header.--correct-left .header__main-photo img {
        position: relative;
        top: auto;
        left: auto;
        margin-left: 0;
        bottom: auto
    }

    .header.--correct-left .header__bg {
        top: auto;
        bottom: -34px
    }

    .header.--correct-left .header__col-left {
        padding-bottom: 30px;
        flex: 0 0 100%
    }

    .services.--correct .services__card, .services.--correct .services__card.--long, .services.--correct .services__card.--long-md {
        padding: 15px;
        margin-left: 9px;
        margin-right: 9px;
        width: 100%
    }

    .fulfillment__title {
        text-align: left
    }

    .fulfillment__subtitle {
        text-align: left;
        margin-top: 20px
    }

    .fulfillment__item {
        width: initial;
        margin-left: 0;
        margin-right: 0
    }

    .services__card, .types__tab {
        width: calc(100% / 2 - 10px)
    }

    .services.--correct {
        padding: 50px 0
    }

    .dark-features.with-photo .dark-features__col, .dark-features__title-big, .services .two-col__title-col {
        width: 90%
    }

    .services__row {
        margin-left: -5px;
        margin-right: -5px;
        margin-top: 20px
    }

    .cf.uslugi .cf__list-item.with-title .cf__item-col, .services__card, .services__name {
        margin-top: 10px
    }

    .services__card {
        padding: 0;
        margin-left: 5px;
        margin-right: 5px
    }

    .services__name {
        font-size: 12px;
        padding: 0 15px 20px
    }

    .cf.uslugi .cf__item:not(:last-child), .pallety__header {
        margin-bottom: 40px
    }

    .pallety__header:before {
        width: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .pallety__content {
        padding-top: 40px
    }

    .pallety__item {
        margin-top: 40px;
        flex: 0 1 80%
    }

    .pallety__item:first-child {
        margin-top: 0
    }

    .pallety__item.long {
        margin-top: 30px;
        flex: 0 1 80%
    }

    .pallety__title {
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .pallety__title:after {
        bottom: -94px;
        right: 0
    }

    .pallety__offer {
        width: 90%;
        margin: 40px auto 0;
        text-align: center;
        flex-direction: column
    }

    .pallety__offer-photo {
        margin-right: 0;
        width: 100px;
        height: 100px;
        flex: 0 0 100px
    }

    .pallety__offer-text {
        margin-top: 25px
    }

    .advantages__cta, .director.--correct .director__list, .documents__item:not(:first-child) {
        margin-top: 30px
    }

    .our-team__name, .pallet-type__title {
        margin-bottom: 10px
    }

    .pallet-type__photo {
        margin-bottom: 25px;
        height: 130px
    }

    .light-card.--long .light-card__img, .light-card__img, .park__photo {
        height: 250px
    }

    .pallet-type__photo img {
        max-height: 130px;
        -o-object-fit: contain;
        object-fit: contain
    }

    .documents {
        padding-bottom: 50px
    }

    .documents__item {
        flex: 0 1 80%
    }

    .documents__item.long {
        margin-top: 30px;
        flex: 0 1 80%
    }

    .documents__text {
        width: 80%;
        margin: 0 auto
    }

    .park {
        padding: 80px 0
    }

    .park__photo {
        flex: 0 1 auto
    }

    .park__photo img {
        max-height: 100%
    }

    .park__name {
        margin-bottom: 25px;
        font-size: 25px
    }

    .park__list-item:not(:last-child) {
        margin-bottom: 15px
    }

    .park__btn {
        padding: 22px 15px
    }

    .vakancii__descr-inner {
        padding: 30px 20px
    }

    .vakancii__name {
        padding: 30px 50px 30px 20px
    }

    .vakancii__name:after {
        right: 15px
    }

    .light-cards__inner {
        display: grid;
        gap: 20px;
        grid-template-columns:repeat(1, 1fr)
    }

    .light-card {
        grid-column: span 2
    }

    .reviews-yandex {
        padding-bottom: 110px
    }

    .reviews-yandex__title {
        width: 85%
    }

    .reviews-yandex__slider-arrow.--next {
        top: auto;
        bottom: -70px;
        left: calc(50% + 25px);
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .reviews-yandex__slider-arrow.--prev {
        top: auto;
        bottom: -70px;
        left: calc(50% - 70px);
        background: url(../svg/uslugi/yandex-left.svg) center center no-repeat #e7ecf0;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .advantages__cnt {
        margin-top: 40px
    }

    .advantages__subtitle {
        font-size: 15px;
        max-width: 330px
    }

    .advantages__info {
        padding-left: 0
    }

    .advantages__feature {
        font-size: 12px;
        display: block;
        width: initial
    }

    .advantages__img {
        margin-top: 20px;
        width: 100%
    }

    .advantages__hint {
        margin-top: 15px
    }

    .holiday__title {
        max-width: 340px
    }

    .holiday__bullets {
        margin-top: 35px
    }

    .holiday__bullet {
        margin-top: 20px
    }

    .cases__subtitle {
        margin-bottom: 42px;
        width: 95%
    }

    .cases__slider-arrow {
        bottom: -25px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .cases__slider-arrow.--next {
        left: 70%;
        width: 50px;
        height: 50px
    }

    .cases__slider-arrow.--prev {
        left: 30%;
        width: 50px;
        height: 50px
    }

    .dark-features__subtitle {
        margin-bottom: 50px;
        width: 90%
    }

    .dark-features__item {
        padding: 20px 0;
        width: 70%;
        margin: 0 auto
    }

    .dark-features__item:first-child, .dark-features__item:nth-child(3) {
        border-right: none
    }

    .dark-features__item:nth-child(2) {
        padding-top: 20px
    }

    .dark-features.with-photo .dark-features__photo-block {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .dark-features.with-photo .dark-features__photo-block .dark-features__photo-item {
        flex: 0 1 100%
    }

    .dark-features.with-photo .dark-features__photo-block.three-col {
        -webkit-transform: translateY(40px);
        transform: translateY(40px)
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item {
        flex: 0 1 100%;
        height: 200px
    }

    .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item:first-child {
        display: block
    }

    .cf.uslugi .cf__list-item.with-title .cf__list-img, .dark-features.with-photo .dark-features__photo-block.three-col .dark-features__photo-item:nth-child(2), .director.--correct .director__right-col, .director.--correct.dark-gray .director__offer-subtitle::after, .header__bg.--gd, .illustrate__col.photo {
        display: none
    }

    .dark-features.with-big-photo .dark-features__photo {
        height: 200px
    }

    .dark-features.with-big-photo .dark-features__header {
        flex-direction: row;
        width: 100%
    }

    .dark-features.with-big-photo .dark-features__item {
        align-items: flex-start
    }

    .dark-features.with-big-photo .dark-features__subtitle, .illustrate__heading {
        text-align: left
    }

    .dark-features.with-big-photo .dark-features__text {
        width: 100%;
        text-align: left
    }

    .dark-features.with-big-photo .dark-features__icon {
        margin-right: 15px;
        margin-bottom: 0
    }

    .areas.--correct .areas__inner {
        height: 420px
    }

    .cf.uslugi .cf__col-text, .director.--correct .director__item, .offer .policy, .temp-table.two-col {
        max-width: 100%
    }

    .director.--correct, .our-team {
        padding-bottom: 80px
    }

    .our-team__item {
        flex: 0 1 60%;
        width: 60%
    }

    .our-team__item:not(:last-child) {
        margin-bottom: 25px
    }

    .our-team__item.big {
        flex: 0 1 60%;
        width: 60%
    }

    .our-team__item.big .our-team__photo {
        height: 320px
    }

    .about.main-screen .about__features {
        margin-bottom: 0;
        flex-direction: column
    }

    .about.main-screen .about__feature {
        width: 100%;
        padding: 15px 20px;
        border-right: none
    }

    .temp-table.two-col .temp-table__header-col.small {
        padding: 20px 10px
    }

    .temp-table.two-col .temp-table__col.small {
        padding: 10px
    }

    .temp__table-inner .temp-table {
        max-width: 100%;
        width: 100%
    }

    .temp__table-inner .temp-table:not(:last-child) {
        margin-bottom: 30px
    }

    .director.--correct .director__item-icon {
        margin-right: 15px
    }

    .director.--correct .director__photo {
        margin-top: 0;
        margin-right: -50px;
        width: 70%;
        display: flex
    }

    .director.--correct .director__substrate {
        left: 0;
        z-index: 5;
        width: 160px;
        height: 160px
    }

    .director.--correct .substrate__name {
        margin-top: 41px
    }

    .director.--correct.dark-gray .director__substrate {
        left: 0
    }

    .director.--correct.dark-gray .director__btn, .director.--correct.dark-gray .director__input {
        width: 100%;
        max-width: 100%
    }

    .director.-correct .director__substrate {
        bottom: 10px;
        width: 160px;
        height: 160px
    }

    .office__item {
        width: 100%;
        border-top: 1px solid #e7edf0;
        border-right: none !important
    }

    .office__item:nth-child(2) {
        border-top: 1px solid #e7edf0;
        padding-top: 25px
    }

    .cf.uslugi .cf__col-photo {
        width: 80%
    }

    .cf.uslugi .cf__list-img {
        margin-bottom: 7px
    }

    .cf.uslugi .cf__list-item {
        width: 100%;
        flex-direction: column;
        align-items: flex-start
    }

    .cf.uslugi .cf__list-item.with-title {
        margin-top: 20px;
        width: 100%;
        margin-bottom: 0
    }

    .cf.uslugi .cf__list-point {
        padding-left: 0;
        padding-top: 55px
    }

    .cf.uslugi .cf__list-point.yes {
        background: url(../svg/yes-circle.svg) center top no-repeat
    }

    .cf.uslugi .cf__list-point.not {
        background: url(../svg/no-circle.svg) center top no-repeat
    }

    .illustrate__col {
        width: initial;
        min-width: initial
    }

    .illustrate__img {
        position: static;
        margin-top: 50px;
        width: 100%;
        margin-bottom: -30px;
        margin-left: 0
    }

    .illustrate__link-btn {
        margin-top: 49px
    }
}


.article__page {
    padding: 0 15px 80px;
}

#table-of-contents {
    border: 2px solid #5fd3d1;
    border-radius: 12px;
    padding: 20px;
    max-width: 500px;
    width: 100%;
    margin: 20px 0 30px;
    @media (max-width: 568px) {
        max-width: 100%;
    }
}

#table-of-contents ul li a {
    color: #000;
    transition: color .3s;
}

#table-of-contents ul li a:hover {
    color: #5fd3d1;
    transition: color .3s;
}

.article__page p,
.article__page ul,
.article__page ol {
    margin: 20px 0;
    max-width: 100%;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: .02em;
}

.preview__text {
    margin-bottom: 25px !important;
    line-height: 150% !important;
}

.article__image {
    max-height: 600px;
    width: 100%;
    overflow: hidden;
    border-radius: 15px;
}

.article__image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.article__page ul {
    padding-left: 20px;
    line-height: 155%;
}

.article__page ul li,
.article__page ol li {
    margin-bottom: 10px;
}

.article__page ol {
    line-height: 155%;
}

.article__page h2 {
    font-size: 28px;
    line-height: 135%;
    font-weight: 700;
    margin: 50px 0 10px;
}

.blog-list {
    margin-top: 50px;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    @media (max-width: 1024px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 896px) {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 50px;
    }
}

.blog-card {
    max-width: 400px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: center;
}

.blog-image {
    overflow: hidden;
    max-height: 260px;
    margin-bottom: 20px;
    border-radius: 12px;
}

.blog-image img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.blog-card__title {
    font-size: 18px;
    font-weight: 500;
    color: #000;
    transition: color .3s;
}

.blog-card:hover .blog-card__title {
    color: #5FD3D1;
    transition: color .3s;
}

.text-block p {
    margin-bottom: 1em !important;
}

.ul {
    padding-left: 1.5em;
    li {
        list-style: circle;
    }
}

.wrapper.article__page {
    h3 {
        font-weight: 600;
        font-size: 20px;
    }
    img {
        max-width: 100%;
        width: 100%;
    }
    #article-content {
        ul {
            li {
                list-style-type: disc;
            }
        }
    }
    strong {
        font-weight: 900;
    }
}

.policy {
    width: 400px;
}

.policy-row {
    margin-top: 10px;
    font-size: 14px;
    line-height: 168.4%;
    font-weight: 500;
}

.privacy-consent {
    margin-top: 30px;
}