.mfp-bg,
.mfp-iframe-scaler,
body.js-lock,
html.js-lock {
    overflow: hidden
}

.mfp-bg,
.mfp-wrap {
    position: fixed;
    left: 0;
    top: 0
}

.mfp-container,
img.mfp-img {
    -webkit-box-sizing: border-box
}

.mfp-bg,
.mfp-container,
.mfp-wrap {
    height: 100%;
    width: 100%
}

.mfp-close,
a {
    text-decoration: none
}

.btn-link__text:after,
.faq__icon:after,
.faq__icon:before,
.header__nav-link:after,
.item-approve__item:before,
.link:after,
.mfp-arrow:after,
.mfp-arrow:before,
.mfp-container:before,
.mfp-figure:after {
    content: ''
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url(../fonts/MontserratAlternates-SemiBold.woff2) format("woff2"), url(../fonts/MontserratAlternates-SemiBold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay-Bold.woff2) format("woff2"), url(../fonts/SFProDisplay-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat Alternates';
    src: url(../fonts/MontserratAlternates-Bold.woff2) format("woff2"), url(../fonts/MontserratAlternates-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay-Medium.woff2) format("woff2"), url(../fonts/SFProDisplay-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay-Semibold.woff2) format("woff2"), url(../fonts/SFProDisplay-Semibold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay-Regular.woff2) format("woff2"), url(../fonts/SFProDisplay-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'SF Pro Display';
    src: url(../fonts/SFProDisplay-RegularItalic.woff2) format("woff2"), url(../fonts/SFProDisplay-RegularItalic.woff) format("woff");
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

.mfp-bg {
    z-index: 1042
}

.mfp-wrap {
    z-index: 1043;
    outline: 0 !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.mfp-container:before {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    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: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-arrow,
.mfp-close,
.mfp-counter,
.mfp-preloader {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.footer__copyright_mobile,
.mfp-s-error .mfp-content,
.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-preloader {
    color: #CCC;
    top: 50%;
    width: auto;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #CCC
}

.mfp-close,
.mfp-preloader a:hover {
    color: #FFF
}

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;
    -webkit-box-shadow: none;
    box-shadow: none;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    right: 0;
    top: 0;
    opacity: .65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:focus,
.mfp-close:hover {
    opacity: 1
}

.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%
}

.css-text-left,
.mfp-title {
    text-align: left
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: -55px 0 0;
    top: 50%;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:focus,
.mfp-arrow:hover {
    opacity: 1
}

.mfp-arrow:after,
.mfp-arrow:before {
    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;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    background: #000
}

.mfp-figure:after,
img.mfp-img {
    width: auto;
    height: auto;
    display: block
}

img.mfp-img {
    max-width: 100%;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    right: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    box-shadow: 0 0 8px rgba(0, 0, 0, .6);
    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
}

.btn,
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.mfp-title {
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

@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 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;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .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
    }
}

*,
.select__list {
    -webkit-box-sizing: border-box
}

.icon,
.row {
    width: 100%
}

body,
body * {
    line-height: 140%
}

.btn-link__icon-route,
.field,
.container,
body {
    position: relative
}

@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
    }
}

* {
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box
}

.container {
    padding: 0 30rem;
    max-width: 1300rem;
    margin: auto
}

html {
    font-size: 1px
}

@media only screen and (min-width:1921px) {
    html {
        font-size: .07692vw
    }
}

@media only screen and (max-width:1300px) {
    html {
        font-size: .07692vw
    }
}

@media only screen and (max-width:820px) {
    .container {
        padding: 0 16px
    }

    html {
        font-size: .65px
    }
}

@media only screen and (max-width:580px) {
    html {
        font-size: .21333vw
    }
}

@media only screen and (max-width:440px) {
    html {
        font-size: .26667vw
    }
}

body {
    font-family: 'SF Pro Display', sans-serif;
    font-size: 17rem;
    background: #fff;
    color: #2A3246
}

@media only screen and (max-width:580px) {
    body {
        font-size: 16rem;
        line-height: 140%
    }
}

.css-scrollbar,
.mfp-container {
    overflow-y: auto
}

input,
textarea {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    color: inherit;
    font-family: inherit
}

.content h1,
.content h2,
.content h3,
.h1,
.h2,
.h3 {
    font-family: 'SF Pro Display';
    line-height: 140%
}

main {
    display: block
}

a {
    color: inherit;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

.inline {
    font-size: 0
}

.inline>* {
    display: inline-block;
    vertical-align: middle
}

.row>*,
img,
svg {
    vertical-align: top
}

.clear:after,
.mfp-content:after {
    content: "";
    display: block;
    clear: both
}

.clear__left {
    float: left
}

.clear__right {
    float: right
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.btn-border,
.flex_inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox
}

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

.flex_inline {
    display: inline-flex
}

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

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

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

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

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

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

.approve__desc,
.approve__title,
.certificates__pdf,
.clients,
.css-text-center,
.direction__item,
.form__thank,
.item-slider__column:nth-child(2),
.main-form__title,
.mobile__box,
.services__head,
.steps {
    text-align: center
}

.css-text-right {
    text-align: right
}

.row {
    display: table
}

.row_fixed {
    table-layout: fixed
}

.row>* {
    display: table-cell
}

.fit-by-content {
    white-space: nowrap;
    width: 1%
}

img,
svg {
    max-width: 100%
}

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

.css-scrollbar::-webkit-scrollbar {
    width: 3px
}

.css-scrollbar::-webkit-scrollbar-track {
    background: 0 0
}

.css-scrollbar::-webkit-scrollbar-thumb {
    background: -webkit-gradient(linear, left bottom, left top, from(#B09B68), to(#B09B68)), ##2156b0;
    background: linear-gradient(0deg, #B09B68, #B09B68), ##2156b0;
    border-radius: 4px
}

.color-gray {
    color: #7D8088
}

.btn-border,
.color-red {
    color: #3978e4
}

.b,
.content b,
.content strong,
.strong {
    font-weight: 700
}

.content h1,
.h1 {
    font-weight: 700;
    font-size: 56rem
}

@media only screen and (max-width:580px) {

    .content h1,
    .h1 {
        font-size: 24rem
    }
}

.content h2,
.h2 {
    font-weight: 700;
    font-size: 40rem
}

@media only screen and (max-width:580px) {

    .content h2,
    .h2 {
        font-size: 24rem
    }
}

.content h3,
.h3 {
    font-weight: 600;
    font-size: 28rem
}

.calculator__result-title,
.contacts__adress,
.content h4,
.content h5,
.faq__item-title,
.h4,
.h5,
.main__text,
.services__item-bottom,
.why-us__item {
    font-family: 'Montserrat Alternates'
}

@media only screen and (max-width:580px) {

    .content h3,
    .h3 {
        font-size: 18rem
    }
}

.content h4,
.h4 {
    font-weight: 700;
    font-size: 24rem;
    line-height: 140%
}

.contacts__adress,
.content h5,
.faq__item-title,
.h5,
.main__text,
.section-contacts__item-title,
.services__item-title,
.services__number,
.steps__item-title {
    font-weight: 600;
    line-height: 120%
}

@media only screen and (max-width:580px) {

    .content h4,
    .h4 {
        font-size: 20rem
    }
}

.content h5,
.h5 {
    font-size: 18rem
}

.p20 {
    font-size: 20rem
}

@media only screen and (max-width:580px) {
    .p20 {
        font-size: 16rem
    }
}

.btn-border {
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16rem;
    font-weight: 600;
    height: 40rem;
    border-radius: 64rem;
    border: 1px solid #3978e4;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    padding: 0 24rem
}

.btn-border_black {
    padding: 0 32rem;
    border-color: #2A3246;
    color: #2A3246
}

.btn-border:hover {
    background: #3978e4;
    border-color: #3978e4;
    color: #fff
}

.btn-border:hover .btn-border__location {
    fill: #fff
}

.btn-border__location {
    width: 20rem;
    height: 20rem;
    fill: #2A3246;
    margin-right: 10rem;
    -webkit-transition: ease .2s;
    transition: ease .2s
}

.btn-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13rem;
    font-weight: 500;
    color: #3978e4;
    -webkit-transition: ease .2s;
    transition: ease .2s
}

.btn,
.btn-link__text:after {
    -webkit-transition: ease .2s
}

.btn-link__text {
    display: block;
    line-height: 115%
}

.btn-link__text:after {
    display: block;
    height: 1px;
    background: #3978e4;
    transition: ease .2s
}

.btn,
.btn-down {
    display: -webkit-inline-box;
    -webkit-box-align: center
}

.btn-link__icon-route {
    width: 21rem;
    height: 21rem;
    fill: none;
    stroke: #3978e4;
    stroke-width: 1.5;
    margin-right: 8rem;
    top: -2rem
}

.btn-link:hover {
    color: #316fd8
}

.btn-link:hover .btn-link__text:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.btn-link:hover .btn-link__icon-route {
    stroke: #316fd8
}

@media only screen and (max-width:580px) {
    .btn-link {
        font-size: 12rem
    }

    .btn-link__icon-route {
        width: 20rem;
        height: 20rem
    }
}

.btn {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    background: #3978e4;
    height: 60rem;
    border-radius: 12rem;
    font-size: 16rem;
    font-weight: 700;
    color: #fff;
    padding: 2rem 20rem 0;
    transition: ease .2s
}

.link:after,
.play {
    -webkit-transition: ease .2s
}

.btn:hover {
    background: #316fd8
}

@media only screen and (max-width:580px) {
    .btn {
        height: 48rem;
        font-size: 16rem
    }
}

.link {
    display: inline-block;
    font-size: 13rem;
    font-weight: 500;
    color: #3978e4;
    line-height: 1.2
}

.link:after {
    display: block;
    height: 1px;
    background: #3978e4;
    transition: ease .2s
}

.link:hover:after {
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.btn-down {
    width: 64rem;
    height: 64rem;
    background: #fff;
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    border-radius: 100%;
    cursor: default;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #3978e4
}

.clients__slider-bg,
.contacts__form-bg,
.form,
.video__preview {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.btn-down svg {
    width: 40rem;
    height: 40rem
}

@media only screen and (max-width:580px) {
    .btn-down {
        width: 40rem;
        height: 40rem
    }

    .btn-down svg {
        width: 25rem;
        height: 25rem
    }
}

.messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.messengers__btn {
    width: 30rem;
    height: 30rem
}

.messengers__btn:not(:last-child) {
    margin-right: 15rem
}

.messengers__btn_red {
    fill: #3978e4
}

.messengers__btn_blue {
    fill: #08C
}

.messengers__btn_big {
    width: 32rem;
    height: 32rem
}

.messengers__btn_big:not(:last-child) {
    margin-right: 8rem
}

.messengers__btn_small {
    width: 24rem;
    height: 24rem
}

.messengers__btn_small:not(:last-child) {
    margin-right: 12rem
}

@media only screen and (max-width:580px) {
    .messengers__btn {
        width: 24rem;
        height: 24rem
    }
}

.play {
    width: 80rem;
    height: 80rem;
    border: 5rem solid #fff;
    border-radius: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    fill: #fff;
    padding-left: 7rem;
    transition: ease .2s
}

.play svg {
    width: 30rem;
    height: 340rem
}

@media only screen and (max-width:580px) {
    .play {
        width: 64rem;
        height: 64rem;
        border-width: 4rem
    }

    .play svg {
        width: 24rem;
        height: 32rem
    }
}

.field__input,
.select__head {
    height: 60rem;
    -webkit-transition: ease .2s;
    border: 1px solid #E6E9EF
}

.field {
    display: block
}

.field__input {
    display: block;
    width: 100%;
    border-radius: 12rem;
    font-size: 18rem;
    line-height: 140%;
    padding: 0 24rem;
    transition: ease .2s
}

.field__input::-webkit-input-placeholder {
    color: #7D8088
}

.field__input::-moz-placeholder {
    color: #7D8088
}

.field__input:-ms-input-placeholder {
    color: #7D8088
}

.field__input::-ms-input-placeholder {
    color: #7D8088
}

.field__input::placeholder {
    color: #7D8088
}

.field__input:focus {
    border-color: #7D8088
}

.field.error .field__input,
.field__input.error {
    border-color: #3978e4;
    color: #3978e4
}

.field__input.error::-webkit-input-placeholder {
    color: #3978e4
}

.field__input.error::-moz-placeholder {
    color: #3978e4
}

.field__input.error:-ms-input-placeholder {
    color: #3978e4
}

.field__input.error::-ms-input-placeholder {
    color: #3978e4
}

.field__input.error::placeholder {
    color: #3978e4
}

.field.error .field__input::-webkit-input-placeholder {
    color: #3978e4
}

.field.error .field__input::-moz-placeholder {
    color: #3978e4
}

.field.error .field__input:-ms-input-placeholder {
    color: #3978e4
}

.field.error .field__input::-ms-input-placeholder {
    color: #3978e4
}

.field.error .field__input::placeholder {
    color: #3978e4
}

.form {
    border-radius: 16rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    background: #F8F8F8
}

@media only screen and (max-width:580px) {
    .field__input {
        height: 48rem;
        padding: 0 16rem;
        font-size: 16rem
    }

    .form__title {
        text-align: center
    }
}

.form__desc {
    margin-top: 10rem;
    padding-bottom: 8rem
}

@media only screen and (max-width:580px) {
    .form__desc {
        text-align: center;
        margin-top: 8rem;
        padding-bottom: 0
    }
}

.form__field:not(:first-child) {
    margin-top: 24rem
}

@media only screen and (max-width:580px) {
    .form__field:not(:first-child) {
        margin-top: 16rem
    }
}

.form__fields {
    margin-top: 32rem
}

.form__bottom {
    margin-top: 24rem;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media only screen and (max-width:580px) {
    .form__fields {
        margin-top: 24rem
    }

    .form__bottom {
        margin-top: 16rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.form__btn {
    width: 228rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20rem
}

.form__polity {
    font-size: 12rem
}

@media only screen and (max-width:580px) {
    .form__btn {
        margin-left: 0;
        width: 100%
    }

    .form__polity {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 16rem;
        font-size: 10rem;
        width: 100%;
        max-width: 235rem
    }
}

.form__thank {
    padding-bottom: 20rem
}

.form__thank-btn {
    margin-left: 0;
    margin-top: 48rem
}

.form__thank-desc {
    margin-top: 20rem
}

.form__car {
    position: absolute;
    left: 0;
    bottom: -125rem;
    width: 342rem;
    pointer-events: none
}

.select,
.select__head {
    position: relative
}

@media only screen and (max-width:580px) {
    .form__thank {
        padding-bottom: 0
    }

    .form__thank-desc {
        margin-top: 8rem
    }

    .form__thank-btn {
        margin-top: 24rem
    }

    .form__car {
        left: auto;
        bottom: -44rem;
        right: 21rem;
        width: 143rem
    }
}

.select.is-active {
    z-index: 100
}

.select.is-active .select__list {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.select.is-active .select__arrow {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.select__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10rem 18rem 10rem 24rem;
    border-radius: 12rem;
    cursor: pointer;
    transition: ease .2s
}

.swiper-navigation,
.swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox
}

.select__head:hover {
    border-color: #2A3246
}

@media only screen and (max-width:580px) {
    .select__head {
        height: 48rem;
        padding: 12rem 12rem 10rem 16rem
    }
}

.select__label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select__arrow {
    width: 24rem;
    height: 24rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20rem;
    -webkit-transition: ease .2s;
    transition: ease .2s
}

.select__list {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 9rem;
    margin-top: 4rem;
    background: #fff;
    border: 1px solid #E6E9EF;
    box-sizing: border-box;
    -webkit-box-shadow: 0 4px 8px -2px rgba(42, 50, 70, .08);
    box-shadow: 0 4px 8px -2px rgba(42, 50, 70, .08);
    border-radius: 12rem;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-10rem);
    transform: translateY(-10rem)
}

.item-approve,
.select__item.is-active,
.select__item:hover {
    background: #F8F8F8
}

.footer__link,
.header__nav-link,
.select__item {
    -webkit-transition: ease .2s
}

.select__item {
    cursor: pointer;
    transition: ease .2s;
    min-height: 54rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 15rem;
    border-radius: 10rem
}

.item-approve {
    position: relative;
    -webkit-box-shadow: inset 0 4px 0 #3978e4;
    box-shadow: inset 0 4px 0 #3978e4;
    border-radius: 12rem;
    padding: 69rem 46rem 40rem 48rem
}

@media only screen and (max-width:820px) {
    .messengers__btn:not(:last-child) {
        margin-right: 12rem
    }

    .item-approve {
        padding-left: 30rem;
        padding-right: 20rem
    }
}

@media only screen and (max-width:580px) {
    .select__item {
        min-height: 48rem
    }

    .item-approve {
        padding: 77rem 12rem 32rem 40rem
    }
}

.item-approve__img {
    position: absolute;
    left: 38rem;
    top: -62rem;
    width: 129rem
}

.item-approve__list {
    margin-top: 24rem;
    list-style: none
}

.item-approve__item {
    font-size: 20rem;
    position: relative;
    padding-left: 29rem
}

.item-approve__item:not(:first-child) {
    margin-top: 24rem
}

.item-approve__item:before {
    display: block;
    position: absolute;
    left: 2rem;
    top: 9rem;
    width: 10rem;
    height: 10rem;
    background: #3978e4;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width:580px) {
    .item-approve__item {
        font-size: 16rem;
        padding-left: 25rem
    }

    .item-approve__item:not(:first-child) {
        margin-top: 16rem
    }

    .item-approve__item:before {
        width: 8rem;
        height: 8rem;
        top: 7rem
    }
}

.item-slider__scale {
    height: 4px;
    background: #E6E9EF;
    position: relative
}

.item-slider .ui-slider-range {
    height: 4px;
    background: #3978e4
}

.item-slider .ui-slider-handle {
    position: absolute;
    top: 50%;
    margin: -12rem 0 0 -12rem;
    width: 24rem;
    height: 24rem;
    border: 4px solid #3978e4;
    background: #fff;
    border-radius: 100%;
    cursor: pointer
}

.contacts__box,
.contacts__form {
    position: relative
}

.item-slider__counter {
    margin-top: 16rem;
    font-size: 30rem
}

@media only screen and (max-width:580px) {
    .item-slider__counter {
        margin-top: 4px;
        font-size: 24rem
    }
}

.item-slider__scale {
    margin-top: 18rem;
    margin-left: 10rem;
    margin-right: 10rem
}

.item-slider__bottom {
    font-size: 14rem;
    margin-top: 18rem
}

.item-slider__column {
    width: 30%
}

.item-slider__column:nth-child(2) {
    padding-right: 30rem
}

.item-slider__column:last-child {
    text-align: right
}

@media only screen and (max-width:580px) {
    .item-slider__scale {
        margin-left: 8rem;
        margin-right: 8rem
    }

    .item-slider__bottom {
        margin-top: 16rem;
        font-size: 12rem
    }

    .item-slider__column:nth-child(2) {
        padding-right: 14rem
    }
}

.contacts {
    padding: 157rem 0 125rem;
    background: -webkit-gradient(linear, left top, left bottom, from(snow), color-stop(86.56%, #F5E7E7));
    background: linear-gradient(180deg, snow 0, #F5E7E7 86.56%)
}

.contacts.animate .contacts__box {
    opacity: 0;
    -webkit-transition: ease-out .7s;
    transition: ease-out .7s;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem)
}

.contacts.animate .contacts__form-bg {
    -webkit-transform: scaleX(.8);
    transform: scaleX(.8);
    -webkit-transition: ease-out .5s;
    transition: ease-out .5s;
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.contacts.animate.show .contacts__box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.contacts.animate.show .contacts__form-bg {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.contacts__desc {
    margin-top: 18rem
}

@media only screen and (max-width:580px) {
    .contacts {
        padding: 26rem 0 0
    }

    .contacts__desc {
        margin-top: 8px
    }
}

.contacts__list {
    margin-top: 60rem
}

@media only screen and (max-width:580px) {
    .contacts__list {
        margin-top: 32px
    }
}

.contacts__item:not(:first-child) {
    margin-top: 35rem
}

.contacts__item-bottom {
    margin-top: 22rem
}

.contacts__column_left {
    width: 415rem
}

.contacts__column_right {
    width: 710rem
}

@media only screen and (max-width:820px) {
    .contacts__column_right {
        width: 52%
    }

    .contacts__column_left {
        width: 46%
    }
}

.contacts__adress {
    font-size: 20rem
}

@media only screen and (max-width:580px) {
    .contacts__item:not(:first-child) {
        margin-top: 32px
    }

    .contacts__column {
        width: 100%
    }

    .contacts__adress {
        font-size: 18rem
    }
}

.contacts__time {
    margin-top: 24rem
}

@media only screen and (max-width:580px) {
    .contacts__time {
        margin-top: 24px
    }
}

.contacts__phone {
    margin-top: 16rem
}

.contacts__messengers {
    margin-left: 28rem
}

.contacts__link:not(:first-child) {
    margin-left: 24rem
}

@media only screen and (max-width:580px) {
    .contacts__phone {
        margin-top: 8px
    }

    .contacts__link:not(:first-child) {
        margin-left: 16rem
    }

    .contacts__box {
        margin: 40px -16px -16px;
        padding: 0 16px
    }
}

.contacts__form {
    max-width: 625rem;
    margin: 0 auto;
    border-radius: 50rem;
    padding: 60rem 64rem
}

.contacts__form-bg,
.header,
.mobile,
.mobile__bg {
    position: absolute;
    left: 0
}

.contacts__form-bg {
    top: 64rem;
    width: 100%;
    height: calc(100% - 64rem - 52rem);
    border-radius: 40rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:820px) {
    .contacts__form {
        padding-left: 40rem;
        padding-right: 40rem
    }
}

@media only screen and (max-width:580px) {
    .contacts__form {
        max-width: none;
        border-radius: 16rem;
        padding: 32px 16px
    }

    .contacts__form-bg {
        border-radius: 0;
        top: 16px;
        height: calc(100% - 32px)
    }
}

.footer {
    padding-top: 80rem;
    padding-bottom: 60rem
}

.footer__column {
    max-width: 305rem;
    min-width: 180rem
}

@media only screen and (max-width:680px) {
    .footer__column {
        max-width: 27%;
        min-width: 150rem
    }
}

@media only screen and (max-width:580px) {
    .footer {
        padding: 40rem 0
    }

    .footer__column {
        max-width: inherit;
        width: 100%
    }

    .footer__column:nth-child(2),
    .footer__column:nth-child(3) {
        margin-top: 24px;
        width: 50%
    }
}

.footer__logo {
    width: 213rem;
    display: block
}

.footer__desc {
    font-size: 18rem;
    margin-top: 38rem
}

@media only screen and (max-width:680px) {
    .footer__desc br {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .footer__logo {
        width: 162rem
    }

    .footer__desc {
        margin-top: 24px;
        font-size: 16rem
    }
}

.footer__text {
    font-size: 14rem;
    margin-top: 32rem
}

@media only screen and (max-width:580px) {
    .footer__text {
        margin-top: 8px;
        font-size: 12rem
    }
}

.footer__copyright {
    font-size: 16rem;
    margin-top: 40rem
}

@media only screen and (max-width:580px) {
    .footer__copyright {
        font-size: 12rem;
        margin-top: 24px
    }

    .footer__copyright_mobile {
        display: block
    }

    .footer__copyright_desktop {
        display: none
    }
}

.footer__nav {
    margin-top: 24rem;
    list-style: none
}

@media only screen and (max-width:580px) {
    .footer__nav {
        margin-top: 16px
    }
}

.footer__item:not(:first-child) {
    margin-top: 16rem
}

@media only screen and (max-width:580px) {
    .footer__item {
        font-size: 14rem
    }

    .footer__item:not(:first-child) {
        margin-top: 8rem
    }
}

.footer__link {
    color: #7D8088;
    transition: ease .2s
}

.footer__email a,
.footer__link:hover,
.header__nav-link:hover,
.mobile__email,
.services__number {
    color: #3978e4
}

.footer__contact {
    margin-top: 24rem
}

.footer__contact-item:not(:first-child) {
    margin-top: 14rem
}

.footer__phone {
    font-weight: 500;
    font-size: 18rem
}

.footer__section:not(:first-child) {
    margin-top: 39rem
}

@media only screen and (max-width:580px) {
    .footer__section {
        margin-top: 32px
    }

    .footer__section:not(:first-child) {
        margin-top: 39px
    }
}

.footer__email {
    margin-top: 16rem
}

.footer__polity {
    margin-top: 26rem;
    font-size: 13rem;
    font-weight: 500;
    text-decoration: underline
}

.footer__messengers {
    margin-top: 16rem
}

.header {
    z-index: 100;
    top: 0;
    width: 100%;
    padding: 30rem 0
}

@media only screen and (max-width:580px) {
    .header {
        position: sticky;
        background: snow;
        padding: 20px 0;
        border-bottom: 1px solid #3978e4
    }
}

.header__logo {
    display: block;
    width: 200rem;
    position: relative;
    z-index: 2
}

.header__nav {
    list-style: none;
    margin-left: 40rem
}

.header__nav-item:not(:first-child) {
    margin-left: 40rem
}

.header__nav-item {
    position: relative
}

.header__nav-link {
    display: block;
    font-weight: 500;
    transition: ease .2s;
    font-size: 18rem
}

.header__nav-link:after {
    display: block;
    height: 1px;
    background: #3978e4;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.header__nav-link:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.header__sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 220rem;
    padding: 12rem 0;
    margin: 0;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(57, 120, 228, .12);
    border-radius: 10rem;
    box-shadow: 0 10rem 30rem rgba(0, 0, 0, .08);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(8rem);
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
    z-index: 12
}

.header__sub-menu:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -14rem;
    height: 14rem
}

.header__nav-item:hover>.header__sub-menu,
.header__nav-item:focus-within>.header__sub-menu,
.header__nav-item.menu-item-has-children:hover>.header__sub-menu,
.header__nav-item.menu-item-has-children:focus-within>.header__sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0)
}

.header__sub-item {
    margin: 0
}

.header__sub-link {
    display: block;
    padding: 10rem 16rem;
    font-size: 16rem;
    line-height: 1.3;
    color: #101010;
    transition: background-color .2s ease, color .2s ease
}

.header__sub-link:hover {
    color: #3978e4;
    background: rgba(57, 120, 228, .06)
}

.header__contact-item:not(:last-child) {
    margin-right: 32rem
}

@media only screen and (max-width:820px) {
    .header__logo {
        width: 230rem
    }

    .header__nav {
        margin-left: 30rem
    }

    .header__nav-item:not(:first-child) {
        margin-left: 25rem
    }

    .header__contact-item:not(:last-child) {
        margin-right: 25rem
    }
}

@media only screen and (max-width:580px) {
    .header__logo {
        width: 162rem
    }

    .header__contact,
    .header__nav {
        display: none
    }

    .header__sub-menu {
        display: none
    }
}

.header__phone {
    display: block;
    font-size: 18rem;
    font-weight: 500;
    font-weight: bold;
    color: #3978e4;
}

.header__adress {
    font-size: 16rem;
    margin-top: 4rem
}

.header__messengers {
    margin-left: 37rem
}

@media only screen and (max-width:820px) {
    .header__messengers {
        margin-left: 30rem
    }

    .header__btn {
        display: none
    }
}

.header__btn,
.header__burger {
    margin-left: 24rem
}

.header__burger {
    display: none;
    width: 30rem;
    height: 16rem;
    -webkit-transition: ease .3s;
    transition: ease .3s;
    position: relative;
    z-index: 2
}

.header__burger-line {
    height: 2px;
    background: #2A3246;
    -webkit-transition: ease .3s;
    transition: ease .3s
}

.direction__rect,
.mobile {
    -webkit-transition: ease .3s
}

.header__burger-line:not(:first-child) {
    margin-top: 6rem
}

.header__burger-line:not(:first-child):nth-child(2) {
    margin-left: 6rem
}

.header__burger.is-active {
    padding-left: 6rem;
    padding-top: 8rem
}

.header__burger.is-active .header__burger-line {
    width: 22rem
}

.header__burger.is-active .header__burger-line:nth-child(2) {
    display: none
}

.header__burger.is-active .header__burger-line:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.header__burger.is-active .header__burger-line:last-child {
    margin-top: -2px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media only screen and (max-width:580px) {
    .header__burger {
        display: block
    }
}

.mobile {
    top: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    opacity: 0;
    transition: ease .3s
}

.mobile.is-active {
    visibility: visible;
    opacity: 1
}

.mobile.is-active .mobile__box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.mobile__bg {
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(42, 50, 70, .1)
}

.map,
.mobile__box,
.modals {
    position: relative
}

.mobile__box {
    background: #F8F8F8;
    border-radius: 0 0 16px 16px;
    padding: 79px 0 30px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: ease .4s;
    transition: ease .4s;
    -webkit-transform: translateY(-25rem);
    transform: translateY(-25rem);
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.mobile__contact {
    margin-top: 36px
}

.map,
.mobile__contact-item:not(:first-child) {
    margin-top: 24rem
}

.mobile__phone {
    display: block;
    font-size: 18rem;
    font-weight: 500
}

.mobile__adress {
    font-size: 16rem;
    margin-top: 4rem
}

.mobile__email {
    font-size: 17rem
}

.mobile-contact {
    display: none;
    background: #3978e4;
    color: #fff;
    padding: 9rem 0 13rem
}

.mfp-bg,
.mfp-image-holder {
    background: rgba(42, 50, 70, .1)
}

@media only screen and (max-width:580px) {
    .mobile-contact {
        display: block
    }
}

.mobile-contact__column_left {
    text-align: right
}

.mobile-contact__phone {
    font-size: 14rem;
    font-weight: 500
}

.mobile-contact__adress {
    font-size: 10rem
}

.mfp-container {
    padding: 16px;
    overflow-x: hidden
}

.about__bg,
.calculator,
.certificates,
.certificates__pdf-preview,
.clients,
.clients__avatar,
.clients__slider-container,
.css-modal-animate,
.gallery,
.gallery__item,
.gallery__preview,
.loan,
.loan__bg-wrap,
.main,
.main__registry-icon,
.reviews,
.section-contacts,
.video__html,
.video__preview {
    overflow: hidden
}

.mfp-bg {
    -webkit-transition: ease .5s;
    transition: ease .5s;
    opacity: 0
}

.mfp-bg.mfp-ready {
    opacity: 1
}

.mfp-bg.mfp-removing {
    opacity: 0
}

.mfp-counter {
    display: none
}

.modals {
    margin: auto;
    width: 100%;
    max-width: 593rem
}

.modals__form {
    padding: 48rem
}

.modals__close {
    width: 24rem;
    height: 24rem;
    position: absolute;
    right: 16rem;
    top: 16rem;
    cursor: pointer;
    fill: #3978e4
}

.css-modal-animate .mfp-bg,
.css-modal-animate .modals__arrow {
    opacity: 0
}

.css-modal-animate .mfp-figure,
.css-modal-animate .modals {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.approve__item.animateme,
.video.animate {
    -webkit-transition-timing-function: ease-in-out
}

.css-modal-animate .mfp-figure_right,
.css-modal-animate .modals_right {
    -webkit-transform: translate(25rem, 0);
    transform: translate(25rem, 0)
}

.css-modal-animate .mfp-figure_center,
.css-modal-animate .modals_center {
    -webkit-transform: translate(0, 25rem);
    transform: translate(0, 25rem)
}

.css-modal-animate.mfp-ready .modals__arrow {
    opacity: 1
}

.css-modal-animate.mfp-ready .mfp-figure,
.css-modal-animate.mfp-ready .modals {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.css-modal-animate.mfp-removing .mfp-figure,
.css-modal-animate.mfp-removing .modals,
.css-modal-animate.mfp-removing .modals__arrow {
    opacity: 0
}

.css-modal-animate.mfp-removing .mfp-figure_right,
.css-modal-animate.mfp-removing .modals_right {
    -webkit-transform: translate(25rem, 0);
    transform: translate(25rem, 0)
}

.css-modal-animate.mfp-removing .mfp-figure_center,
.css-modal-animate.mfp-removing .modals_center {
    -webkit-transform: translate(0, 25rem);
    transform: translate(0, 25rem)
}

@media only screen and (max-width:820px) {

    .css-modal-animate .mfp-figure,
    .css-modal-animate .modals {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }
}

.map {
    height: 560rem
}

.map iframe {
    width: 100%;
    height: 560rem
}

.map .map-circle-placemark__content {
    display: none !important
}

.map .ymaps-2-1-79-copyright__link,
.map .ymaps-2-1-79-gototech,
.map .ymaps-2-1-79-scaleline,
.map .ymaps-2-1-79-searchbox {
    display: none
}

@media only screen and (max-width:580px) {
    .modals__form {
        padding: 32rem 16rem
    }

    .map {
        margin-top: 0;
        height: 320rem
    }

    .map iframe {
        height: 217rem
    }

    .map .ymaps-2-1-79-map {
        -ms-touch-action: auto !important;
        touch-action: auto !important;
        z-index: inherit
    }

    .map .ymaps-2-1-79-controls__control {
        position: relative !important;
        z-index: 500
    }

    .map .ymaps-2-1-79-inner-panes:after {
        content: '';
        display: block;
        position: absolute;
        z-index: 499;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%
    }
}

.video,
.video__preview {
    position: relative
}

.video.is-active .video__html {
    z-index: 5
}

.video.animate {
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.video.animate.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.video_about {
    margin-top: -150rem
}

.video__preview {
    padding-top: 45.16129%;
    cursor: pointer;
    border-radius: 12rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

@media only screen and (max-width:580px) {
    .video_about {
        margin-top: -50rem
    }

    .video__preview {
        padding-top: 69.97085%
    }
}

.video__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -40rem 0 0 -40rem
}

.video__html,
.video__html iframe,
.video__html video {
    left: 0;
    border-radius: 12rem;
    position: absolute;
    width: 100%;
    height: 100%
}

@media only screen and (max-width:580px) {
    .video__play {
        margin: -32rem 0 0 -32rem
    }
}

.video__html,
.video__html iframe,
.video__html video {
    top: 0
}

.video__btn-down {
    position: absolute;
    left: 50%;
    bottom: -32rem;
    margin-left: -32rem;
    z-index: 6
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-height: 100%;
    position: relative
}

.swiper-navigation {
    display: flex;
    position: absolute
}

.swiper-button-next,
.swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 50;
    width: 64rem;
    height: 64rem;
    cursor: pointer;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    fill: #2A3246
}

.about__form,
.clients__slide {
    display: -webkit-box;
    display: -ms-flexbox
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    fill: #3978e4
}

@media only screen and (max-width:580px) {
    .video__btn-down {
        bottom: -20rem;
        margin-left: -20rem
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: 40rem;
        height: 40rem
    }
}

.swiper-progress {
    height: 4px;
    background: #E6E9EF;
    margin-top: 38rem
}

.swiper-progress-load {
    background: #3978e4;
    -webkit-transition: ease .2s;
    transition: ease .2s;
    height: 4px;
    width: 0
}

.about {
    padding-top: 197rem;
    background: -webkit-gradient(linear, left top, left bottom, from(snow), color-stop(86.56%, #F5E7E7));
    background: linear-gradient(180deg, snow 0, #F5E7E7 86.56%)
}

@media only screen and (max-width:580px) {
    .swiper-progress {
        margin-top: 30px
    }

    .about {
        padding: 26rem 0 90rem
    }
}

.about.animate .about__box-wrap,
.about.animate .about__img {
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.about.animate .about__img {
    -webkit-transform: scale(.85);
    transform: scale(.85)
}

.about.animate .about__box-wrap {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.about.animate.show .about__box-wrap,
.about.animate.show .about__img {
    opacity: 1
}

.about.animate.show .about__img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.about__wrap {
    padding-bottom: 252rem
}

.about__box-wrap {
    width: 602rem
}

@media only screen and (max-width:820px) {
    .about.animate .about__box-wrap {
        -webkit-transition-delay: 0;
        transition-delay: 0
    }

    .about__box-wrap {
        width: auto
    }
}

.about__content {
    margin-top: 45rem
}

.about__content p {
    font-size: 18rem
}

.about__content p:not(:first-child) {
    margin-top: 25rem
}

@media only screen and (max-width:580px) {
    .about__wrap {
        padding-bottom: 0
    }

    .about__content {
        margin-top: 24px
    }

    .about__content p {
        font-size: 14rem
    }

    .about__content p:not(:first-child) {
        margin-top: 20px
    }
}

.about__form {
    margin-top: 45rem;
    display: flex
}

.about__field {
    width: 100%;
    margin-right: 24rem
}

.about__btn {
    min-width: 228rem
}

@media only screen and (max-width:580px) {
    .about__form {
        margin-top: 32px;
        display: block
    }

    .about__field {
        margin-right: 0
    }

    .about__btn {
        width: 100%;
        margin-top: 16px
    }
}

.about__polity {
    font-size: 12rem;
    max-width: 496rem;
    margin-top: 24rem
}

@media only screen and (max-width:580px) {
    .about__polity {
        margin-top: 16px;
        font-size: 10rem
    }
}

.about__scene {
    width: 1009rem;
    height: 744rem;
    position: absolute;
    left: -619rem;
    bottom: 0;
    pointer-events: none
}

@media only screen and (max-width:1300px) {
    .about__scene {
        left: -550rem
    }
}

.about__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #3978e4;
    border-radius: 0 217rem 0 0
}

.about__img {
    width: 1027rem;
    position: absolute;
    right: -296rem;
    top: -52rem
}

.approve {
    margin-top: 150rem;
    margin-bottom: 120rem;
}

@media only screen and (max-width:580px) {
    .approve {
        margin-top: 60rem;
        margin-bottom: 60rem;
    }

    .approve__title {
        max-width: 290rem;
        margin: 0 auto
    }
}

.approve__desc,
.calculator__desc {
    margin-top: 20rem
}

.approve__list {
    margin-left: -35rem
}

@media only screen and (max-width:820px) {
    .about__scene {
        display: none
    }

    .approve__list {
        margin-left: -20rem
    }
}

@media only screen and (max-width:580px) {
    .approve__desc {
        margin-top: 8rem
    }

    .approve__list {
        margin-left: 0;
        padding-top: 10rem
    }
}

.approve__item {
    margin-top: 140rem;
    margin-left: 35rem;
    width: calc(33.33% - 35rem)
}

.approve__item.animateme {
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    transition-timing-function: ease-in-out
}

.approve__item.show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.approve__item:nth-child(2) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.approve__item:nth-child(3) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

@media only screen and (max-width:820px) {
    .approve__item {
        width: calc(33.33% - 20rem);
        margin-left: 20rem
    }
}

@media only screen and (max-width:580px) {
    .approve__item {
        margin-left: 0;
        width: 100%;
        margin-top: 80rem
    }

    .approve__item:nth-child(2),
    .approve__item:nth-child(3) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }
}

.calculator {
    margin-top: 150rem;
    padding-bottom: 200rem
}

.calculator.animateme .calculator__amount,
.calculator.animateme .calculator__date,
.calculator.animateme .calculator__select {
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.calculator.animateme .calculator__date {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.calculator.animateme .calculator__select {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.calculator.animateme .calculator__car {
    -webkit-transition: ease-in-out 1s;
    transition: ease-in-out 1s;
    opacity: 0;
    -webkit-transform: translateY(50rem);
    transform: translateY(50rem);
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.calculator.animateme .calculator__result-item {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transform: translateX(25rem);
    transform: translateX(25rem)
}

.calculator.animateme .calculator__result-item:nth-child(1) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.calculator.animateme .calculator__result-item:nth-child(2) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.calculator.animateme .calculator__result-item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.calculator.animateme .calculator__result-bottom {
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.calculator.animateme.show .calculator__amount,
.calculator.animateme.show .calculator__car,
.calculator.animateme.show .calculator__date,
.calculator.animateme.show .calculator__select {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.calculator.animateme.show .calculator__result-item {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.calculator.animateme.show .calculator__result-bottom {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.calculator__column_left {
    width: 618rem
}

.calculator__column_right {
    width: 495rem
}

@media only screen and (max-width:820px) {
    .calculator__column_left {
        width: 52%
    }

    .calculator__column_right {
        width: 44%
    }
}

@media only screen and (max-width:580px) {
    .calculator {
        margin-top: 60rem;
        padding-bottom: 0
    }

    .calculator__title {
        text-align: center
    }

    .calculator__desc {
        text-align: center;
        margin-top: 8rem;
        max-width: 284rem;
        margin-left: auto;
        margin-right: auto
    }

    .calculator__column {
        width: 100%
    }
}

.calculator__amount {
    margin-top: 80rem
}

@media only screen and (max-width:580px) {
    .calculator__amount {
        margin-top: 32rem
    }
}

.calculator__date {
    margin-top: 32rem
}

.calculator__select {
    margin-top: 52rem
}

@media only screen and (max-width:580px) {
    .calculator__select {
        margin-top: 32rem
    }
}

.calculator__result {
    position: relative;
    background: #F8F8F8;
    border-radius: 12rem;
    padding: 60rem
}

.calculator__result-wrap {
    max-width: 260rem;
    position: relative;
    z-index: 2
}

.calculator__result-item:not(:first-child) {
    margin-top: 32rem
}

.calculator__result-title {
    font-size: 16rem;
    font-weight: 600
}

.calculator__result-text {
    margin-top: 8rem;
    font-size: 30rem
}

.calculator__result-bottom {
    margin-top: 32rem;
    padding-top: 32rem;
    border-top: 2px solid #E6E9EF
}

.calculator__result-btn {
    width: 100%;
    margin-top: 32rem
}

.calculator__result-polity {
    margin-top: 24rem;
    font-size: 12rem
}

.calculator__car {
    position: absolute;
    right: -125rem;
    top: 40rem;
    width: 250rem;
    pointer-events: none
}

@media only screen and (max-width:1300px) {
    .calculator__car {
        right: -90rem
    }
}

@media only screen and (max-width:820px) {
    .calculator__result {
        padding-left: 40rem;
        padding-right: 40rem
    }

    .calculator__result-wrap {
        max-width: inherit
    }

    .calculator__car {
        width: 170rem;
        right: 25rem;
        top: 10rem
    }
}

@media only screen and (max-width:680px) {
    .calculator__car {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .calculator__result {
        margin-top: 32rem;
        padding: 24px 16px
    }

    .calculator__result-title {
        font-size: 14rem
    }

    .calculator__result-text {
        font-size: 24rem;
        margin-top: 4rem
    }

    .calculator__result-item:not(:first-child) {
        margin-top: 16rem
    }

    .calculator__result-bottom {
        margin-top: 24px;
        padding-top: 16px
    }

    .calculator__result-btn {
        margin-top: 0
    }

    .calculator__result-polity {
        font-size: 10rem;
        margin-top: 16px;
        max-width: 295rem
    }

    .calculator__car {
        width: 106rem;
        right: 20px;
        top: 12px;
        display: block
    }
	.calculator__car img {
    object-fit: contain;
    height: fit-content;
}
	
}

.certificates {
    padding: 85rem 0;
    background: #F8F8F8;
    position: relative
}

.certificates.animateme .certificates__item {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem)
}

.certificates.animateme .certificates__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.certificates.animateme .certificates__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@media only screen and (max-width:820px) {

    .certificates.animateme .certificates__item:nth-child(even),
    .certificates.animateme .certificates__item:nth-child(odd) {
        -webkit-transform: translateY(0) translateX(25rem);
        transform: translateY(0) translateX(25rem)
    }
}

.certificates.animateme .certificates__circle {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateX(100rem);
    transform: translateX(100rem);
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.certificates.animateme.show .certificates__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.certificates.animateme.show .certificates__circle {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width:580px) {
    .certificates {
        padding: 32px 0 60px
    }
}

.certificates__column {
    position: relative
}

.certificates__column_left {
    max-width: 496rem
}

.certificates__column_right {
    max-width: 50%;
    padding-right: 17rem;
    padding-bottom: 7rem
}

@media only screen and (max-width:820px) {
    .certificates__column_left {
        max-width: 50%;
        padding-right: 20rem
    }

    .certificates__column_right {
        padding-right: 0
    }
}

@media only screen and (max-width:680px) {
    .certificates__column {
        width: 100%;
        max-width: inherit
    }

    .certificates__column_right {
        padding-bottom: 0
    }
}

.certificates__desc {
    margin-top: 40rem
}

@media only screen and (max-width:580px) {
    .certificates__desc {
        margin-top: 24px;
        font-size: 14rem;
        max-width: 260rem
    }

    .certificates__btn {
        display: none
    }
}

.certificates__btn {
    min-width: 276rem;
    margin-top: 40rem
}

.certificates__list {
    margin-left: -68rem
}

@media only screen and (max-width:820px) {
    .certificates__list {
        margin-left: -30rem
    }
}

@media only screen and (max-width:580px) {
    .certificates__list {
        margin-left: -8px
    }
}

.certificates__item {
    margin-left: 68rem;
    width: 145rem;
    margin-top: 40rem
}

@media only screen and (max-width:820px) {
    .certificates__item {
        margin-left: 30rem
    }
}

@media only screen and (max-width:580px) {
    .certificates__item {
        margin-left: 8px;
        width: calc(33.33% - 8px);
        margin-top: 32px
    }
}

.certificates__pdf {
    display: block
}

.certificates__pdf-preview {
    display: block;
    position: relative;
    padding-top: 140%
}

.certificates__pdf-text {
    display: block;
    margin-top: 16rem;
    font-size: 13rem;
    color: #7D8088;
    font-weight: 500
}

.certificates__circle {
    width: 530rem;
    height: 530rem;
    position: absolute;
    top: -10rem;
    right: -350rem
}

@media only screen and (max-width:1700px) {
    .certificates__circle {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .certificates__pdf-preview {
        padding-top: 140.36697%
    }

    .certificates__pdf-text {
        margin-top: 8px
    }

    .certificates__circle {
        display: block;
        width: 220rem;
        height: 220rem;
        right: -147rem;
        top: 48rem;
        margin-top: 32px
    }
}

.certificates__car {
    position: absolute;
    left: -56rem;
    top: 142rem;
    width: 390rem
}

.clients {
    background: #F8F8F8
}

.clients.animateme .clients__avatar {
    opacity: 0
}

.clients.animateme.show .clients__avatar {
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.clients.animateme.show .clients__avatar:nth-child(2) {
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.clients.animateme.show .clients__avatar:nth-child(3) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.clients.animateme.show .clients__avatar:nth-child(4) {
    -webkit-animation-delay: .75s;
    animation-delay: .75s;
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.clients.animateme.show .clients__avatar:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.clients.animateme.show .clients__avatar:nth-child(6) {
    -webkit-animation-delay: 1.25s;
    animation-delay: 1.25s;
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.clients__wrap {
    padding-top: 80rem;
    padding-bottom: 128rem
}

.clients__desc {
    margin-top: 20rem
}

@media only screen and (max-width:580px) {
    .certificates__car {
        width: 162rem;
        top: 58rem;
        left: -18rem
    }

    .clients__wrap {
        padding-top: 32rem;
        padding-bottom: 198rem
    }

    .clients__desc {
        margin-top: 8rem;
        max-width: 280rem;
        margin-left: auto;
        margin-right: auto
    }
}

.clients__slider {
    margin: 60rem auto 0;
    max-width: 1026rem;
    position: relative
}

.clients__slider-bg {
    position: absolute;
    left: 22rem;
    bottom: -40rem;
    width: calc(100% - 44rem);
    height: 100%;
    border-radius: 12rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.clients__slider-container,
.main-form__box {
    -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1)
}

.clients__slider-container {
    padding: 60rem 0;
    background: #fff;
    border-radius: 12rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    position: relative
}

@media only screen and (max-width:580px) {
    .clients__slider {
        margin-top: 22px;
        max-width: 326rem
    }

    .clients__slider-container {
        padding: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: visible
    }

    .clients__slider-bg {
        background-position: right -30px top 50px !important;
        bottom: -24px;
        width: calc(100% - 32px);
        left: 16px
    }
}

.clients__slide {
    padding: 0 55rem;
    display: flex
}

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

.clients__swiper-nav {
    position: absolute;
    left: 55rem;
    bottom: 60rem;
    width: calc(100% - 110rem);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.clients__swiper-nav .swiper-button-next,
.clients__swiper-nav .swiper-button-prev {
    z-index: 50;
    position: relative
}

.clients__content {
    font-size: 18rem;
    color: #7D8088;
    font-style: italic;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media only screen and (max-width:580px) {
    .clients__slide {
        padding: 0 8px
    }

    .clients__item {
        padding: 32px 24px 24px;
        background: #FFF;
        -webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
        box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
        border-radius: 12px
    }

    .clients__swiper-nav {
        display: none
    }

    .clients__content {
        font-size: 14rem
    }
}

.clients__info {
    padding: 0 70rem;
    margin-top: 40rem
}

@media only screen and (max-width:580px) {
    .clients__info {
        padding: 0;
        margin-top: 35px
    }

    .clients__name {
        font-size: 18rem
    }
}

.clients__position {
    margin-top: 8rem;
    font-size: 18rem
}

.clients__avatars {
    position: relative
}

@media only screen and (max-width:580px) {
    .clients__position {
        margin-top: 4px;
        font-size: 14rem
    }

    .clients__avatars {
        position: static
    }
}

.clients__avatar {
    position: absolute;
    border-radius: 100%;
    -webkit-box-shadow: 0 30px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 30px 30px rgba(0, 0, 0, .1)
}

.clients__avatar:nth-child(1) {
    width: 80rem;
    height: 80rem;
    top: 31rem;
    left: -86rem
}

.clients__avatar:nth-child(2) {
    width: 120rem;
    height: 120rem;
    top: 217rem;
    left: -247rem
}

.clients__avatar:nth-child(3) {
    width: 40rem;
    height: 40rem;
    top: 317rem;
    left: 0
}

.clients__avatar:nth-child(4) {
    width: 64rem;
    height: 64rem;
    top: 47rem;
    right: -53rem
}

.clients__avatar:nth-child(5) {
    width: 48rem;
    height: 48rem;
    top: 173rem;
    right: -171rem
}

.clients__avatar:nth-child(6) {
    width: 94rem;
    height: 94rem;
    top: 308rem;
    right: -115rem
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: scale(.6);
        transform: scale(.6)
    }

    75% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.section-contacts {
    padding: 120rem 0 67rem;
    position: relative
}

.section-contacts__desc {
    margin-top: 13rem
}

@media only screen and (max-width:580px) {
    .clients__avatar:nth-child(1) {
        width: 80rem;
        height: 80rem;
        bottom: 40rem;
        left: 114rem;
        top: auto
    }

    .clients__avatar:nth-child(2) {
        width: 54rem;
        height: 54rem;
        top: auto;
        left: -27rem;
        bottom: 33rem
    }

    .clients__avatar:nth-child(3) {
        width: 32rem;
        height: 32rem;
        top: auto;
        bottom: 103rem;
        left: 48rem
    }

    .clients__avatar:nth-child(4) {
        width: 80rem;
        height: 80rem;
        top: auto;
        bottom: 58rem;
        right: -48rem
    }

    .clients__avatar:nth-child(5) {
        width: 32rem;
        height: 32rem;
        top: auto;
        bottom: 43rem;
        right: 54rem
    }

    .clients__avatar:nth-child(6) {
        width: 54rem;
        height: 54rem;
        top: auto;
        bottom: 93rem;
        right: 95rem
    }

    .section-contacts {
        padding: 50rem 0 40rem
    }

    .section-contacts__desc {
        margin-top: 8rem;
        max-width: 318rem
    }
}

.section-contacts__bg {
    height: 384rem;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(rgba(248, 248, 248, 0)));
    background: linear-gradient(180deg, #F8F8F8 0, rgba(248, 248, 248, 0) 100%);
    -webkit-transform: matrix(1, 0, 0, -1, 0, 0);
    transform: matrix(1, 0, 0, -1, 0, 0)
}

.section-contacts__list {
    position: relative;
    z-index: 2
}

.section-contacts__item {
    width: 531rem
}

.section-contacts__item-title {
    max-width: 390rem
}

.section-contacts__item-bottom {
    margin-top: 32rem
}

@media only screen and (max-width:820px) {
    .section-contacts__item {
        width: 50%
    }

    .section-contacts__img {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .section-contacts__list {
        padding-top: 0
    }

    .section-contacts__item {
        margin-top: 40rem;
        width: 100%
    }

    .section-contacts__item-title {
        font-size: 18rem
    }

    .section-contacts__item-bottom {
        margin-top: 24px
    }
}

.section-contacts__time {
    margin-top: 40rem
}

@media only screen and (max-width:580px) {
    .section-contacts__time {
        margin-top: 24px
    }
}

.section-contacts__phone {
    margin-top: 24rem
}

@media only screen and (max-width:580px) {
    .section-contacts__phone {
        margin-top: 16px
    }
}

.section-contacts__messengers {
    margin-left: 28rem
}

.section-contacts__img {
    width: 398rem;
    position: absolute;
    right: -100rem;
    bottom: -67rem;
    pointer-events: none
}

.direction__img,
.direction__img-wrap {
    position: relative
}

@media only screen and (max-width:1300px) {
    .section-contacts__img {
        right: -30rem;
        width: 370rem
    }
}

.direction {
    margin-top: 160rem
}

.direction.animateme .direction__item {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem)
}

.direction.animateme .direction__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.direction.animateme .direction__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.direction.animateme .direction__item:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media only screen and (max-width:820px) {

    .direction.animateme .direction__item:nth-child(even),
    .direction.animateme .direction__item:nth-child(odd) {
        -webkit-transform: translateY(0) translateX(25rem);
        transform: translateY(0) translateX(25rem)
    }
}

.direction.animateme.show .direction__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width:580px) {
    .direction {
        margin-top: 60rem;
        overflow: hidden
    }

    .direction__title {
        font-size: 23rem
    }
}

.direction__head {
    max-width: 605rem
}

.direction__desc {
    margin-top: 20rem
}

.direction__desc_mobile {
    display: none
}

.direction__list {
    padding-top: 20rem;
    margin-left: -19rem;
    margin-right: -19rem
}

@media only screen and (max-width:580px) {
    .direction__desc {
        margin-top: 8rem;
        max-width: 280rem
    }

    .direction__desc_mobile {
        display: block
    }

    .direction__desc_desktop,
    .direction__list {
        display: none
    }
}

.direction__item {
    width: 25%;
    margin-top: 50rem
}

.direction__item:hover .direction__rect {
    opacity: 1;
    margin-top: 0
}

.direction__item-bottom {
    margin-top: 20rem
}

.direction__item-title {
    font-weight: 600
}

.direction__item-text {
    margin-top: 8rem
}

@media only screen and (max-width:820px) {
    .direction__item {
        width: 50%
    }
}

.direction__img {
    max-width: 317rem;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width:580px) {
    .direction__item {
        width: 100%;
        margin-top: 0
    }

    .direction__item-bottom {
        margin-top: 8rem
    }

    .direction__item-title {
        font-size: 18rem
    }

    .direction__item-text {
        margin-top: 4rem;
        font-size: 14rem
    }

    .direction__img {
        max-width: 205rem
    }
}

.direction__rect {
    position: absolute;
    top: 6%;
    width: 46%;
    height: 46%;
    left: 26.6%;
    background: #3978e4;
    border-radius: 39rem;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin-top: 15rem;
    transition: ease .3s;
    opacity: 0;
    -webkit-box-shadow: 0 30rem 60rem rgba(0, 0, 0, .1);
    box-shadow: 0 30rem 60rem rgba(0, 0, 0, .1)
}

.faq__head,
.faq__icon {
    -webkit-transition: ease .2s
}

.direction__slider {
    display: none;
    position: relative
}

@media only screen and (max-width:580px) {
    .direction__slider {
        display: block;
        margin-top: 23rem
    }
}

.faq__head,
.main__item {
    display: -webkit-box;
    display: -ms-flexbox
}

.direction__swiper-nav {
    top: 82rem;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.faq {
    padding: 80rem 0;
    background: #F8F8F8
}

@media only screen and (max-width:580px) {
    .faq {
        padding: 32px 0 16px
    }
}

.faq__desc {
    margin-top: 20rem
}

@media only screen and (max-width:580px) {
    .faq__desc {
        margin-top: 12px
    }
}

.faq__list {
    margin-top: 48rem
}

.faq__item:not(:last-child) {
    border-bottom: 2px solid #E6E9EF
}

.faq__item-title {
    font-size: 20rem
}

.faq__item.is-active .faq__icon,
.faq__item.is-active .faq__icon:after,
.faq__item.is-active .faq__icon:before {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.faq__item.is-active .faq__head {
    padding-left: 23rem
}

@media only screen and (max-width:580px) {
    .faq__list {
        margin-top: 18px
    }

    .faq__item-title {
        font-size: 15rem
    }

    .faq__item.is-active .faq__head {
        padding-left: 8px
    }
}

.faq__head {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40rem 23rem 40rem 0;
    min-height: 104rem;
    cursor: pointer;
    transition: ease .2s
}

@media only screen and (max-width:580px) {
    .faq__head {
        min-height: inherit;
        padding: 24px 0
    }
}

.faq__body {
    margin-top: -20rem;
    max-width: 1040rem;
    margin-left: 23rem;
    display: none;
    padding-bottom: 50rem
}

@media only screen and (max-width:580px) {
    .faq__body {
        margin-left: 8px;
        margin-top: -7px;
        padding-bottom: 24px;
        font-size: 14rem
    }
}

.faq__icon {
    width: 28rem;
    height: 28rem;
    background: #3978e4;
    border-radius: 5px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20rem;
    position: relative;
    transition: ease .2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq__icon:after,
.faq__icon:before {
    display: block;
    width: 16rem;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -1px 0 0 -8rem;
    -webkit-transition: ease .2s;
    transition: ease .2s
}

.faq__icon:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.faq__icon:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gallery {
    padding: 35rem 0 80rem
}

@media only screen and (max-width:580px) {
    .faq__icon {
        width: 17px;
        height: 17px;
        border-radius: 3px
    }

    .faq__icon:after,
    .faq__icon:before {
        width: 10px;
        height: 1px;
        left: 3px;
        top: 50%;
        margin: -1px 0 0
    }

    .gallery {
        padding: 86rem 0 60rem
    }
}

.gallery.animateme .gallery__item {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem)
}

.gallery.animateme .gallery__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.gallery.animateme .gallery__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

@media only screen and (max-width:820px) {

    .gallery.animateme .gallery__item:nth-child(even),
    .gallery.animateme .gallery__item:nth-child(odd) {
        -webkit-transform: translateY(0) translateX(25rem);
        transform: translateY(0) translateX(25rem)
    }
}

.gallery.animateme.show .gallery__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.gallery__list {
    margin-left: -35rem
}

@media only screen and (max-width:580px) {
    .gallery__list {
        margin-left: 0
    }
}

.gallery__item {
    background: #F8F8F8;
    border-radius: 12rem;
    width: calc(33.33% - 35rem);
    margin-left: 35rem;
    margin-top: 35rem
}

.gallery__preview {
    position: relative;
    padding-top: 44.35897%
}

.gallery__text {
    padding: 20rem 24rem
}

@media only screen and (max-width:580px) {
    .gallery__item {
        margin-left: 0;
        width: 100%;
        margin-top: 0
    }

    .gallery__item:not(:first-child) {
        margin-top: 16px
    }

    .gallery__text {
        padding: 16px;
        font-size: 14rem
    }
}

.loan {
    margin-top: 50rem
}

.loan.animateme .loan__bg-left,
.loan.animateme .loan__bg-right,
.loan.animateme .loan__car,
.loan.animateme .loan__form {
    -webkit-transform: translateX(-25%);
    transform: translateX(-25%);
    opacity: 0;
    -webkit-transition-duration: .7s;
    transition-duration: .7s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.loan.animateme .loan__form {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.loan.animateme .loan__bg-right {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.loan.animateme .loan__car {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.loan.animateme.show .loan__bg-left,
.loan.animateme.show .loan__bg-right,
.loan.animateme.show .loan__car,
.loan.animateme.show .loan__form {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.loan .form {
    padding: 60rem 60rem 60rem 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 50rem;
    position: relative;
    z-index: 2
}

.loan .form__wrap {
    margin-left: 15rem;
    max-width: 497rem
}

@media only screen and (max-width:820px) {
    .loan .form {
        padding-left: 47%
    }

    .loan .form__wrap {
        max-width: inherit;
        margin-left: 0
    }
}

@media only screen and (max-width:680px) {
    .loan .form {
        padding-left: 60rem
    }

    .loan__bg-left,
    .loan__bg-right {
        display: none
    }
}

@media only screen and (max-width:580px) {
    .loan {
        margin-top: 52rem
    }

    .loan.animateme .loan__bg-left,
    .loan.animateme .loan__bg-right,
    .loan.animateme .loan__car,
    .loan.animateme .loan__form {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .loan .form {
        padding: 147rem 16px 32px;
        border-radius: 32rem
    }
}

.loan__box {
    position: relative;
    padding: 19rem 0
}

.loan__bg-left,
.loan__bg-right,
.loan__bg-wrap,
.loan__car,
.main__scene {
    position: absolute
}

.loan__bg-left {
    z-index: 3;
    top: 0;
    left: -428rem;
    width: 818rem;
    height: 520rem
}

.loan__bg-wrap {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.loan__bg-wrap_left {
    border-radius: 100rem
}

.loan__bg-wrap_right {
    border-radius: 40rem;
    background: #3978e4
}

.loan__bg-wrap img:nth-child(2) {
    display: none
}

.loan__bg-right {
    top: 50rem;
    right: -215rem;
    width: 886rem;
    height: 410rem
}

@media only screen and (max-width:820px) {
    .loan__bg-left {
        left: -500rem
    }
}

@media only screen and (max-width:580px) {
    .loan__box {
        padding: 65rem 0 32px
    }

    .loan__bg-left {
        display: block;
        width: 100%;
        height: 188rem;
        left: 0;
        top: 0
    }

    .loan__bg-wrap_left {
        border-radius: 40rem
    }

    .loan__bg-wrap_right {
        border-radius: 25rem;
        background: 0 0
    }

    .loan__bg-wrap img:nth-child(1) {
        display: none
    }

    .loan__bg-wrap img:nth-child(2) {
        display: block
    }

    .loan__bg-right {
        display: block;
        width: calc(100% - 32px);
        height: 170rem;
        left: 16px;
        top: auto;
        bottom: 0
    }
}

.loan__car {
    left: 17rem;
    top: 89rem;
    width: 960rem
}

.main {
    padding: 186rem 0 0;
    background: -webkit-gradient(linear, left top, left bottom, from(snow), to(#F5E7E7));
    background: linear-gradient(180deg, snow 0, #F5E7E7 100%)
}

.main.animate .main__item,
.main.animate .main__registry,
.main.animate .main__title {
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.main.animate .main__registry {
    opacity: 0;
    -webkit-transform: translateY(-25rem);
    transform: translateY(-25rem)
}

.main.animate .main__car {
    -webkit-transform: translateX(25%);
    transform: translateX(25%);
    opacity: 0;
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out
}

.main.animate.show .main__item,
.main.animate.show .main__registry,
.main.animate.show .main__title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main.animate.show .main__car {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.main__wrap {
    padding-bottom: 166rem
}

@media only screen and (max-width:580px) {
    .loan__car {
        left: -14rem;
        top: 29rem;
        width: 370rem
    }

    .main {
        padding-top: 26rem
    }

    .main__wrap {
        padding-bottom: 0
    }
}

.main__content {
    max-width: 600rem;
    position: relative;
    z-index: 2
}

.main__list {
    padding-top: 27rem
}

.main__title {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.main__item {
    width: 50%;
    margin-top: 33rem;
    display: flex
}

.main__item:first-child {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.main__item:nth-child(2) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.main__item:nth-child(3) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.main__item:nth-child(4) {
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s
}

.main__icon {
    width: 30rem;
    margin-right: 11rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.main__text {
    font-size: 20rem;
    max-width: 190rem
}

@media only screen and (max-width:580px) {
    .main__list {
        padding-top: 5rem
    }

    .main__item {
        margin-top: 27rem
    }

    .main__icon {
        width: 24rem;
        margin-right: 8rem
    }

    .main__text {
        font-size: 14rem
    }
}

.main__registry {
    margin-top: 60rem;
    padding: 16rem 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 496rem;
    border: 1px solid #316fd8;
    border-radius: 200rem;
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s
}

.main__scene-bg_mobile,
.services__item:nth-child(even) .services__bg {
    display: none
}

.main__registry-icon {
    width: 40rem;
    border-radius: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 16rem
}

.main__registry-icon img {
    mix-blend-mode: overlay
}

.main__registry-text {
    font-size: 14rem
}

@media only screen and (max-width:580px) {
    .main__registry {
        margin-top: 32rem;
        max-width: 278rem;
        padding: 7rem 9rem
    }

    .main__registry-icon {
        width: 24rem;
        margin-right: 12rem
    }

    .main__registry-text {
        font-size: 8rem
    }
}

.main__scene {
    bottom: 0;
    left: 50%;
    margin-left: 10rem;
    width: 950rem;
    pointer-events: none
}

@media only screen and (max-width:580px) {
    .main__scene {
        position: relative;
        left: auto;
        bottom: auto;
        width: 450rem;
        margin-top: 99rem;
        margin-left: 27rem
    }

    .main__scene-bg_mobile {
        display: block
    }

    .main__scene-bg_desktop {
        display: none
    }
}

.main__car {
    position: absolute;
    bottom: 114rem;
    left: 118rem;
    width: 924rem
}

.main-form {
    position: relative;
    z-index: 5;
    margin-top: -104rem
}

.main-form.animate .main-form__box {
    opacity: 0;
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-delay: 1.6s;
    transition-delay: 1.6s
}

.main-form.animate.show .main-form__box {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.main-form__box {
    padding: 35rem 40rem 45rem;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .1);
    background: #fff;
    border-radius: 16rem
}

@media only screen and (max-width:580px) {
    .main__car {
        left: 48rem;
        bottom: 85rem;
        width: 307rem
    }

    .main-form {
        margin-top: -75rem
    }

    .main-form__box {
        padding: 32rem 16rem
    }

    .main-form__row {
        padding-top: 8rem
    }
}

.main-form__row {
    margin: 0 -12rem
}

.main-form__column {
    padding: 0 12rem;
    margin-top: 30rem
}

.main-form__column:first-child {
    width: 40.5%
}

.main-form__column:nth-child(2) {
    width: 30.5%
}

.main-form__column:last-child {
    width: 29%
}

@media only screen and (max-width:580px) {
    .main-form__column {
        margin-top: 16rem;
        width: 100% !important
    }
}

.main-form__btn {
    width: 100%
}

.reviews {
    margin-top: 140rem
}

.reviews.animateme .reviews__slider {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem)
}

.reviews.animateme.show .reviews__slider {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width:580px) {
    .reviews {
        margin-top: 60rem
    }

    .reviews__title {
        text-align: center
    }
}

.reviews__desc {
    margin-top: 20rem
}

@media only screen and (max-width:580px) {
    .reviews__desc {
        text-align: center;
        margin-top: 8rem
    }
}

.reviews__slider {
    position: relative;
    margin-top: 60rem
}

.reviews__slider-bg {
    position: absolute;
    right: 100%;
    top: 0;
    height: 100%;
    background: #fff;
    width: 1000px;
    z-index: 10;
    margin-right: 2px
}

.reviews__slide,
.services__img {
    -webkit-transition: ease .3s;
    width: 390rem
}

.reviews__swiper-nav {
    position: absolute;
    right: 0;
    top: 0
}

@media only screen and (max-width:580px) {
    .reviews__slider {
        margin-top: 35rem
    }

    .reviews__swiper-nav {
        display: none
    }
}

.reviews__slide {
    transition: ease .3s;
    min-height: 508rem;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: 35rem
}

.reviews__video-preview,
.services__bg {
    -webkit-transition: ease .2s;
    overflow: hidden
}

.reviews__slide.swiper-slide-active {
    width: 603rem
}

@media only screen and (max-width:580px) {
    .reviews__slide {
        width: 335rem;
        margin-right: 8rem;
        min-height: inherit
    }

    .reviews__slide.swiper-slide-active {
        width: 335rem
    }
}

.reviews__item {
    width: 100%
}

.reviews__video {
    position: relative
}

.reviews__video-preview {
    position: relative;
    padding-top: 72.82051%;
    transition: ease .2s;
    border-radius: 12rem;
    cursor: pointer
}

.reviews__video-html,
.reviews__video-html iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12rem
}

.reviews__video.is-active .reviews__video-html {
    z-index: 3
}

.reviews__text {
    margin-top: 20rem;
    min-height: 48rem
}

@media only screen and (max-width:580px) {
    .reviews__video-preview {
        padding-top: 72.83582%
    }

    .reviews__text {
        margin-top: 13rem;
        min-height: inherit
    }
}

.reviews__play {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    margin: -40rem 0 0 -40rem
}

.services__box,
.services__item {
    position: relative
}

.swiper-slide .reviews__play {
    border-color: transparent
}

.swiper-slide-active .reviews__play {
    border-color: #fff
}

.swiper-slide-active .reviews__video-preview {
    padding-top: 72.96849%
}

@media only screen and (max-width:580px) {
    .reviews__play {
        margin: -32rem 0 0 -32rem
    }

    .swiper-slide-active .reviews__video-preview {
        padding-top: 72.83582%
    }
}

.services {
    margin-top: 200rem;
    margin-bottom: 100rem;
}
@media only screen and (max-width:580px) {
    .services {
        margin-top: 60rem
    }
}

.services__desc {
    margin-top: 20rem
}

.services__list {
    margin-top: 109rem
}

@media only screen and (max-width:580px) {
.services__list {
    margin-top: 64rem;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
}

.services__item:not(:first-child) {
    margin-top: 29rem
}

.services__item:nth-child(odd) .services__box {
    background: #F8F8F8
}

.services__item-text {
    margin-top: 16rem
}

.services__item-bottom {
    margin-top: 32rem;
    font-weight: 600;
    font-size: 16rem
}

.services__item:hover .services__img {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1)
}

.services__item:hover .services__bg {
    margin-left: 0
}

.services__box {
    padding: 32rem 53rem;
    border-radius: 40rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width:820px) {
    .services__box {
        padding: 32rem
    }
}

.services__number {
    min-width: 43rem
}

@media only screen and (max-width:580px) {
    .services__item:not(:first-child) {
        margin-top: 56rem
    }

    .services__item:nth-child(even) .services__box {
        background: #F8F8F8
    }

    .services__item-title {
        font-size: 16rem;
        max-width: 258rem
    }

    .services__item-text {
        font-size: 14rem
    }

    .services__item-bottom {
        margin-top: 16rem;
        font-size: 14rem
    }

    .services__box {
        padding: 89rem 16px 24px;
        border-radius: 12px
    }

    .services__number {
        font-size: 16rem;
        min-width: 28rem
    }
}

.services__content {
    max-width: 613rem
}

.services__img {
    position: absolute;
    right: 40rem;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(.85);
    transform: translateY(-50%) scale(.85);
    transition: ease .3s;
    opacity: 0
}

@media only screen and (max-width:820px) {
    .services__content {
        max-width: 62%
    }

    .services__img {
        right: 20rem;
        width: 30%;
        opacity: 1;
        -webkit-transform: translateY(-50%) scale(1);
        transform: translateY(-50%) scale(1)
    }
}

@media only screen and (max-width:580px) {
    .services__content {
        max-width: inherit
    }

    .services__img {
        -webkit-transform: none !important;
        transform: none !important;
        right: auto;
        left: 16px;
        top: -40rem;
        width: 179rem
    }
}

.services__bg {
    width: 886rem;
    height: 168rem;
    position: absolute;
    background: #3978e4;
    border-radius: 40rem;
    left: -64rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 70rem;
    transition: ease .2s
}

@media only screen and (max-width:1300px) {
    .services__bg {
        display: none
    }
}

.services__arrow {
    position: absolute;
    right: 16px;
    top: 16rem;
    display: none;
    width: 40rem;
    height: 41rem
}

.steps {
    margin-top: -80rem
}

@media only screen and (max-width:580px) {
    .services__arrow {
        display: block
    }

    .steps {
        margin-top: 60rem
    }
}

.steps.animateme .steps__item {
    opacity: 0;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.steps.animateme .steps__item:nth-child(odd) {
    -webkit-transform: translateY(25rem);
    transform: translateY(25rem)
}

.steps.animateme .steps__item:nth-child(even) {
    -webkit-transform: translateY(-25rem);
    transform: translateY(-25rem)
}

.steps.animateme .steps__item:nth-child(2) {
    -webkit-transition-delay: .25s;
    transition-delay: .25s
}

.steps.animateme .steps__item:nth-child(3) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.steps.animateme .steps__item:nth-child(4) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

@media only screen and (max-width:820px) {

    .steps.animateme .steps__item:nth-child(even),
    .steps.animateme .steps__item:nth-child(odd) {
        -webkit-transform: translateY(0) translateX(25rem);
        transform: translateY(0) translateX(25rem)
    }
}

.steps.animateme.show .steps__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.steps__desc {
    margin-top: 20rem
}

@media only screen and (max-width:580px) {
    .steps__desc {
        margin-top: 8rem
    }
}

.steps__road {
    margin-top: 54rem;
    position: relative;
    overflow: hidden;
    min-height: 461rem
}

@media only screen and (max-width:580px) {
    .steps__road {
        margin-top: 19px
    }
}

.steps__img {
    position: absolute
}

.steps__img_mobile {
    display: none
}

.steps__img_desktop {
    left: 50%;
    top: 0;
    margin-left: -960rem;
    width: 1920rem
}

@media only screen and (max-width:820px) {
    .steps__road {
        min-height: 448px;
        overflow: visible
    }

    .steps__img_desktop {
        display: none
    }

    .steps__img_mobile {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 90px
    }

    .steps__list {
        padding-left: 102px;
        padding-top: 30px
    }
}

.steps__list {
    position: relative
}

.steps__item {
    position: absolute;
    width: 285rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.steps__item:nth-child(1) {
    top: 125rem;
    left: 0
}

.steps__item:nth-child(2) {
    top: 291rem;
    left: 25.72581%
}

.steps__item:nth-child(3) {
    top: 92rem;
    right: 25.64516%
}

.steps__item:nth-child(4) {
    top: 212rem;
    right: -.40323%
}

.steps__item-circle {
    width: 68rem;
    height: 68rem;
    background: #fff;
    border: 8rem solid #3978e4;
    border-radius: 100%;
    margin-top: 32rem;
    margin-left: auto;
    margin-right: auto
}

.steps__item-wrap {
    width: 100%
}

.steps__item-text {
    margin-top: 8rem
}

.steps__item:nth-child(even) .steps__item-wrap {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.steps__item:nth-child(even) .steps__item-circle {
    margin-top: 0;
    margin-bottom: 32rem
}

.why-us {
    padding: 127rem 0 179rem;
    overflow: hidden
}

.why-us .animateme .why-us__item {
    opacity: 0;
    -webkit-transition-duration: .8s;
    transition-duration: .8s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transform: translateY(40rem);
    transform: translateY(40rem)
}

.why-us .animateme .why-us__item:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.why-us .animateme .why-us__item:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.why-us .animateme .why-us__item:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

@media only screen and (max-width:820px) {
    .steps__item {
        position: static;
        text-align: left;
        width: auto;
        max-width: 200px
    }

    .steps__item:not(:first-child) {
        margin-top: 32px
    }

    .steps__item-circle {
        display: none
    }

    .steps__item-title {
        font-size: 20px
    }

    .steps__item-text {
        font-size: 16px;
        margin-top: 4px
    }

    .why-us .animateme .why-us__item:nth-child(even),
    .why-us .animateme .why-us__item:nth-child(odd) {
        -webkit-transform: translateY(0) translateX(25rem);
        transform: translateY(0) translateX(25rem)
    }
}

.why-us .animateme.show .why-us__item {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.why-us__column {
    width: 50%;
    max-width: 602rem
}

@media only screen and (max-width:820px) {
    .why-us__column {
        width: 100%;
        max-width: inherit
    }

    .why-us__column:not(:first-child) {
        margin-top: 24px
    }
}

.why-us__desc {
    font-size: 13rem;
    letter-spacing: .04em;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 16rem
}

@media only screen and (max-width:580px) {
    .why-us {
        padding: 52rem 0 60rem
    }

    .why-us__desc {
        font-size: 12rem;
        margin-bottom: 12px
    }

    .why-us__title {
        font-size: 20rem;
        max-width: 286rem
    }
}

.why-us__content p {
    font-size: 18rem
}

.why-us__content p:not(:first-child) {
    margin-top: 25rem
}

@media only screen and (max-width:580px) {
    .why-us__content p {
        font-size: 14rem
    }

    .why-us__content p:not(:first-child) {
        margin-top: 20px
    }
}

.why-us__list {
    padding-top: 80rem
}

.why-us__item {
    margin-top: 40rem;
    max-width: 25%;
    font-weight: 600
}

.why-us__item-number {
    font-size: 80rem;
    line-height: 140%;
    min-width: 210rem
}

.why-us__item-text {
    font-size: 20rem;
    line-height: 120%
}

@media only screen and (max-width:820px) {
    .why-us__list {
        padding-top: 15px
    }

    .why-us__item-number {
        font-size: 60rem
    }

    .why-us__item-text {
        font-size: 16rem;
        margin-top: 5px
    }
}

@media only screen and (max-width:580px) {
    .why-us__item {
        margin-top: 32px;
        width: 50%;
        max-width: inherit;
        padding-left: 12rem;
        border-left: 1px solid #3978e4
    }

    .why-us__item-number {
        font-size: 40rem;
        line-height: 100%
    }

    .why-us__item-text {
        font-size: 12rem
    }
}

.wn .messengers__btn_whatsapp,
.ws .messengers__btn_whatsapp {
    background: url(../img/whatsappBig.svg) no-repeat;
    background-size: 100% 100%
}

.wn .contacts__form-bg,
.ws .contacts__form-bg {
    background: url(../img/contacts__form-bg.svg) top no-repeat #3978e4
}

.wn .certificates__circle,
.ws .certificates__circle {
    background: url(../img/certificates__circle.svg) no-repeat;
    background-size: 100% 100%
}

.wn .clients__slider-bg,
.ws .clients__slider-bg {
    background: url(../img/clients__slider-bg.svg) bottom no-repeat #3978e4
}

.wn .services__arrow,
.ws .services__arrow {
    background: url(../img/services__arrow.svg) no-repeat;
    background-size: 100% 100%
}
.formsec__wrap.container {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/formbg.png) no-repeat;
    background-size: 100% 100%;
}
section.form__sec {
    margin-top: 120rem;
}
.form__captcha {
    margin-top: 20px;
}
.tp-seo-section {
    padding: 40px 0 55px;
    background: #fff;
}

.tp-container {
    max-width: 1240px;
    width: calc(100% - 32px);
    margin: 0 auto;
}

.tp-seo-box {
    background: #f7f7f7;
    border-radius: 28px;
    padding: 32px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.tp-seo-content {
    color: #333;
    font-size: 16px;
    line-height: 1.65;
    max-height: 145px;
    overflow: hidden;
    position: relative;
    transition: max-height 0.35s ease;
}

.tp-seo-content::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70px;
    background: linear-gradient(
        to bottom,
        rgba(247, 247, 247, 0),
        #f7f7f7
    );
    pointer-events: none;
    transition: opacity 0.25s ease;
}

.tp-seo-box.is-open .tp-seo-content {
    max-height: 3000px;
}

.tp-seo-box.is-open .tp-seo-content::after {
    opacity: 0;
}

.tp-seo-content p {
    margin: 0 0 16px;
}

.tp-seo-content p:last-child {
    margin-bottom: 0;
}

.tp-seo-content h2,
.tp-seo-content h3,
.tp-seo-content h4 {
    color: #151515;
    margin: 26px 0 14px;
    line-height: 1.25;
}

.tp-seo-content ul,
.tp-seo-content ol {
    margin: 0 0 18px 20px;
    padding: 0;
}

.tp-seo-content li {
    margin-bottom: 8px;
}

.tp-seo-more {
    margin-top: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 28px;
    border: none;
    border-radius: 999px;
    background: #ff7a00;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.25s ease, transform 0.25s ease;
}

.tp-seo-more:hover {
    opacity: 0.9;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .tp-seo-section {
        padding: 28px 0 40px;
    }

    .tp-container {
        width: calc(100% - 20px);
    }

    .tp-seo-box {
        border-radius: 20px;
        padding: 22px 20px;
    }

    .tp-seo-content {
        max-height: 155px;
        font-size: 15px;
    }

    .tp-seo-more {
        width: 100%;
        margin-top: 18px;
    }
}