@import "bootstrap-grid.css"; @import "swiper-bundle.min.css"; @import "bootstrap.min.css"; @font-face {
    font-family: "Gotham Pro";
    src: url("../fonts/gothampro_light.ttf") format("truetype");
    font-weight: 300;
}

@font-face {
    font-family: "Gotham Pro";
    src: url("../fonts/gothampro.ttf") format("truetype");
    font-weight: 400;
}

@font-face {
    font-family: "Gotham Pro";
    src: url("../fonts/gothampro_medium.ttf") format("truetype");
    font-weight: 500;
}

@font-face {
    font-family: "Gotham Pro";
    src: url("../fonts/gothampro_bold.ttf") format("truetype");
    font-weight: 700;
}

@font-face {
    font-family: "Gotham Pro";
    src: url("../fonts/gothampro_black.ttf") format("truetype");
    font-weight: 900;
}

body {
    font-family: 'Gotham Pro';
    font-style: normal;
    font-size: 18px;
    font-display: swap;
    line-height: 150%;
    color: #3D4662;
    font-weight: 400;
    background-color: #fff;
    height: 100%;
    overflow-x: hidden;
}

* {
    padding: 0;
    margin: 0;
}

*, :after, :before {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

/*общие элементы*/
a {
    color: #528FF8;
    text-decoration: none;
    transition: all 0.2s;
}

a.blue {
    color: #528FF8;
    text-decoration: none;
    padding: 0 3px;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

a.blue:hover {
    color: rgba(82, 143, 248, 0.7);
}

button {
    cursor: pointer;
}

a.under, span.under {
    text-decoration: none;
    line-height: 150%;
    color: #528FF8;
    border-bottom: 1px solid #e4eaf5;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

a.under:hover, span.under:hover {
    color: rgba(82, 143, 248, 0.7);
}

/*ФОРМЫ*/
input, input[type~="tel"], input[type~="text"], input[type~="password"], input[type~="select"], textarea, button {
    font-family: 'Gotham Pro';
    font-style: normal;
}

/*Введите телефон в форме*/
.input-text-tel {
    font-size: 12px;
    color: #7582A9;
    position: absolute;
    margin: -53px 40px;
    z-index: 150;
}

input:hover~.input-text-tel, input:focus~.input-text-tel, input:active~.input-text-tel {
    display: none;
}

/*видимый плейсхолдер в формах*/
input:-ms-input-placeholder {
    color: #7582A9;
}

input::-moz-placeholder {
    color: #7582A9;
}

input:-moz-placeholder {
    color: #7582A9;
}

input::-webkit-input-placeholder {
    color: #7582A9;
}

::-moz-placeholder, :-moz-placeholder {
    opacity: 1;
}

/*ошибка в форме - не заполнили обязательное поле*/
.js-validate-error-label {
    display: inline-block;
    position: absolute;
    margin-top: 10%;
    padding: 2px 10px;
    font-size: 14px;
    color: rgb(61 70 98) !important;
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, rgb(255 202 138)), to(rgb(248 182 54 / 50%))), rgb(255 202 138);
    background: -o-linear-gradient(left, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    background: linear-gradient(90deg, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    border: 1px solid rgb(255 202 138);
}

.light-gray {
    background: #F2F4F7;
}

.color-dark {
    color: #3D4662;
}

.color-gray {
    color: #7582A9;
}

.container {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
}

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

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

.padtop100 {
    padding-top: 100px;
}

.padbot100 {
    padding-bottom: 100px;
}

.padtop70 {
    padding-top: 70px;
}

.padbot70 {
    padding-bottom: 70px;
}

.padbot120 {
    padding-bottom: 120px;
}

/*кнопки*/
.btn-dark {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 20px 20px 19px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    background: #3D4662;
    border-radius: 50px;
}

.btn-dark:hover {
    background: rgba(61, 70, 98, 0.7);
}

.btn-blue {
    font-size: 12px;
    display: inline-block;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #fff;
    background: #3376E9;
    border: 1px solid #528FF8;
    border-radius: 50px;
    max-width: 380px;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: all 0.2s;
}

.btn:first-child:hover, :not(.btn-check)+.btn:hover {
    background: #3376E9;
    border-color: #3376E9;
    color: #fff;
}

.btn-blue:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: -o-linear-gradient(right, #3376e900 0%, #ffffff21 88.7%), #fff0;
    background: -webkit-gradient(linear, right top, left top, from(#3376e900), color-stop(88.7%, #ffffff21)), #fff0;
    background: linear-gradient(270deg,#3376e900 0%,#ffffff21 88.7%),#fff0;
    transition: all 0.4s;
}

.btn-blue:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    transform: rotate(180deg);
    background: -o-linear-gradient(right, #3376e900 0%, #ffffff21 88.7%), #fff0;
    background: -webkit-gradient(linear, right top, left top, from(#3376e900), color-stop(88.7%, #ffffff21)), #fff0;
    background: linear-gradient(270deg,#3376e900 0%,#ffffff21 88.7%),#fff0;
    transition: all 0.4s;
}

.btn-blue:hover::before {
    opacity: 0;
}

.btn-blue:hover::after {
    opacity: 1;
}

.btn-sv-gray {
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: center;
    padding: 0 45px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #3D4662;
    background: #E6E8EF;
    border: 1px solid #E6E8EF;
    border-radius: 50px;
}

.btn-sv-gray:hover {
    background: -o-linear-gradient(left, #E6E8EF 0%, #F2F4F7 84.97%), #F2F4F7;
    background: -webkit-gradient(linear, left top, right top, from(#E6E8EF), color-stop(84.97%, #F2F4F7)), #F2F4F7;
    background: linear-gradient(90deg, #E6E8EF 0%, #F2F4F7 84.97%), #F2F4F7;
}

.btn-white {
    font-size: 10px;
    line-height: 14px;
    padding: 18px 25px;
    border: 1px solid #528ff8;
    border-radius: 50px;
    color: #3D4662;
    display: inline-block;
    font-weight: 500;
    transition: all 0.2s;
    text-transform: uppercase;
    font-weight: 600!important;
}

.btn-white:hover {
    background: #E6E8EF;
    border: 1px solid #E6E8EF;
}

.btn-arrows {
    background-image: url(../img/icons/arrow.svg);
    background-repeat: no-repeat;
    width: 30px;
    height: 8px;
    display: inline-block;
    margin-left: 10px;
}

.btn-yellow {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #3D4662;
    background: #f1b872;
    border: 1px solid #f1b872;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    height: 80px;
    padding: 0 50px;
    position: relative;
}

.btn-yellow:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    background: -o-linear-gradient(right, #3376e900 0%, #ffffff21 88.7%), #fff0;
    background: -webkit-gradient(linear, right top, left top, from(#3376e900), color-stop(88.7%, #ffffff21)), #fff0;
    background: linear-gradient(270deg,#3376e900 0%,#ffffff21 88.7%),#fff0;
    transition: all 0.4s;
}

.btn-yellow:after {
    opacity: 0;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    transform: rotate(180deg);
    background: -o-linear-gradient(right, #3376e900 0%, #ffffff21 88.7%), #fff0;
    background: -webkit-gradient(linear, right top, left top, from(#3376e900), color-stop(88.7%, #ffffff21)), #fff0;
    background: linear-gradient(270deg,#3376e900 0%,#ffffff21 88.7%),#fff0;
    transition: all 0.4s;
}

.btn-yellow:hover::before {
    opacity: 0;
}

.btn-yellow:hover::after {
    opacity: 1;
}

.btn-yellow .arrbtnshrt {
    fill: #3D4662;
    flex: 0 0 auto;
}

/*круглая белая кнопка с SVG иконкой внутри */
.white-round-btn {
    width: 100px;
    height: 100px;
    background: #fff;
    -webkit-box-shadow: 0px 30px 50px rgb(61 70 98 / 50%), 0px 10px 50px rgb(61 70 98 / 10%);
    box-shadow: 0px 30px 50px rgb(61 70 98 / 50%), 0px 10px 50px rgb(61 70 98 / 10%);
    border-radius: 200px;
    z-index: 50;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.white-round-btn-wrap {
    border-radius: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 1px solid rgba(61, 70, 98, 0.1);
    border-radius: 200px;
    z-index: 100;
    width: 70px;
    height: 70px;
    text-align: center;
}

.white-round-btn-wrap:hover {
    background: #ECEEF1;
}

/*белый лейбл для круглой белой иконки */
.wh-round-btn-label {
    position: absolute;
    background: #fff;
    height: 196px;
    width: 293px;
    height: 100px;
    z-index: 100;
}

.wh-round-btn-label p {
    position: absolute;
    padding: 26px 40px 21px 121px;
}

.wh-round-btn-label a {
    font-size: 14px;
    font-weight: 500;
}

.icon-dark-blue {
    display: block;
    border-radius: 50px;
    margin-right: 7px;
    background-color: #7582A9;
    position: relative;
    width: 40px;
    height: 40px;
}

.w-tlgr {
    position: absolute;
    background-image: url(../img/icons/w-tg.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.w-what {
    position: absolute;
    background-image: url(../img/icons/w-what.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.w-email {
    position: absolute;
    background-image: url(../img/icons/w-email.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.b-tlgr {
    position: absolute;
    background-image: url(../img/icons/icon-b-tg.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.icon-border--tg svg {
    stroke: #3D4662;
}

.icon-border--tg:hover svg {
    stroke: #fff;
}

.icon-border--wh svg, .icon-border--em svg {
    fill: #3D4662;
}

.icon-border--wh:hover svg, .icon-border--em:hover svg {
    fill: #fff;
}

.b-inst {
    position: absolute;
    background-image: url(../img/icons/icon-b-inst.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.b-what {
    position: absolute;
    background-image: url(../img/icons/icon-b-wh.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.b-email {
    position: absolute;
    background-image: url(../img/icons/icon-b-em.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.director-kontakty-bl .icon-border span.b-email, .director-kontakty-bl .icon-border span.b-what, .director-kontakty-bl .icon-border span.b-tlgr {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-border svg {
    transition: all 0.2s;
}

.icon-border:hover svg {
    filter: invert(1);
}

.icon-border span.b-email svg path {
    fill: #000;
}

.icon-border span.b-what svg path {
    fill: #000;
}

.icon-border span.b-tlgr svg path {
    stroke: #000;
}

.b-vk {
    position: absolute;
    background-image: url(../img/icons/icon-b-vk.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

.b-yt {
    position: absolute;
    background-image: url(../img/icons/icon-b-yt.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 40px;
    height: 40px;
}

/*SVG иконки c серой обводкой */
.icon-border {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    margin-right: 20px;
    flex: 0 0 auto;
    border: 1px solid #E6E8EF;
    position: relative;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    transition: all 0.2s;
}

.icon-border svg {
    transition: all 0.2s;
}

.icon-border:hover {
    background-color: #528ff8;
}

.icon-border span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.icon-border a {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.icon-border a svg {
    position: absolute;
    display: inline-block;
}

/*SVG иконки c синим фоном */
.icon-blue {
    display: block;
    border-radius: 50px;
    margin-right: 20px;
    background: #528FF8;
    flex: 0 0 auto;
    position: relative;
    width: 40px;
    height: 40px;
    text-align: center;
}

.icon-blue img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

/*SVG иконка c синей обводкой 50пх */
.icon-brdr-blue {
    display: block;
    border-radius: 100px;
    flex: 0 0 auto;
    margin-right: 20px;
    border: 2px solid #2684FC;
    position: relative;
    width: 50px;
    height: 50px;
    text-align: center;
}

.icon-brdr-blue img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

/*SVG иконки */
.icon-telegram {
    fill: #3D4662;
    color: #3D4662;
    padding: unset;
    margin: unset;
    display: inline-block;
}

a.icon-border:hover .icon-telegram {
    fill: #fff;
    color: #fff;
}

.arrbtnshrt {
    fill: #FFCA8A;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 21px;
    height: 8px;
    margin-left: 12px;
}

.arrowsbtn {
    fill: #3D4662;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 21px;
    height: 8px;
    margin-right: 12px;
}

.btn-white:hover .arrbtnshrt {
    fill: #3D4662;
}

.arrbtnbotm {
    display: none;
}

.btn-yellow--prev {
    background: #E6E8EF;
    border: 1px solid #E6E8EF;
}

.btn-yellow--prev:hover {
    background: linear-gradient(90deg, #E6E8EF 0%, #F2F4F7 84.97%), #F2F4F7;
    border: 1px solid #E6E8EF;
}

.arrbtnbot {
    fill: transparent;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 14px;
    height: 10px;
    margin-left: 11px;
}

.arrlo {
    fill: transparent;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 10px;
    height: 16px;
    stroke: #3D4662;
}

.arrro {
    fill: transparent;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 10px;
    height: 16px;
    stroke: #3D4662;
}

.str-link {
    fill: transparent;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 14px;
    height: 14px;
}

.str-link:hover {
    opacity: 0.7;
}

.otz-arrow-left.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.otz-arrow-right.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

/*ОБЩИЕ ЭЛЕМЕНТЫ*/
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5 {
    font-weight: 500;
}

.h1, h1 {
    font-size: 36px;
}

.h2, h2 {
    font-size: 24px;
    line-height: 1.5;
}

.h3, h3 {
    /* font-size: 18px; */
    font-size: 24px;
    line-height: 1.5;
}

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

ul li {
    list-style: none;
}

ul.no li, ul.yes li, ul.or-dot li {
    margin-left: 20px;
    position: relative;
    padding: 1% 0;
}

ul.no li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/no.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
    margin-left: -20px;
    margin-top: 7px;
}

ul.yes li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/yes.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
    margin-left: -20px;
    margin-top: 7px;
}

ul.or-dot li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/ellipse.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    top: 22%;
    margin: 1px -20px;
}

ul.no-brdr li::before {
    content: "";
    display: inline-block;
    background-image: url(../img/icons/no-brdr.svg);
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 10%;
    align-items: center;
}

section .h1, section h1 {
    line-height: 1.5;
}

section p span {
    font-weight: 500;
}

section p.blue-b {
    color: #528FF8;
    font-weight: 500;
    font-size: 14px;
}

section .h3.blue-b, section h3.blue-b {
    color: #528FF8;
    font-weight: 500;
    font-size: 18px;
}

section .h5.blue-b, section h5.blue-b {
    color: #528FF8;
    font-weight: 500;
    font-size: 14px;
}

section span.blue-b {
    color: #528FF8;
}

.white-block {
    background-color: #fff;
}

.blue-block {
    background: #F2F4F7;
}

.list-sb .white-block {
    padding: 70px 40px 60px 50px;
    height: 100%;
}

.posmotret {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-top: 30px;
}

.posmotret .under {
    font-weight: 500;
}

.posmotret .icon-brdr-blue img {
    padding-left: 4px;
}

/*второстепенные страницы*/
.main-s .h1, .main-s h1 {
    font-size: 48px;
    line-height: 1.35;
    font-weight: 400;
}

.main-s .h1 span, .main-s h1 span {
    font-weight: 700;
}

.main-s p {
    font-size: 18px;
    line-height: 1.55;
}

/*ОБЩИЕ ЭЛЕМЕНТЫ end*/
/*шапка*/
.header {
    width: 100%;
    position: relative;
    z-index: 10;
    border-bottom: 1px solid #E6E8EF;
    position: sticky;
    background-color: #ffffff;
    top: 0;
    z-index: 10;
}

.header .btn-dark {
    padding: 0;
    width: 210px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ps-mobile-header-wrapper {
}

.mobile-header {
    display: none;
    padding: 20px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 105;
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}

.top-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #E6E8EF;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5px;
    font-size: 12px;
    line-height: 150%;
    padding-bottom: 10px;
}

.logo-header {
    display: flex;
    align-items: center;
}

.mobile-header__wrapper {
    display: flex;
    align-items: center;
}

.logo-header p {
    margin-left: 10px;
    max-width: 199px;
    font-weight: 400;
    opacity: 0.5;
    padding-top: 5px;
    display: flex;
}

.header-soc, .header-r {
    padding-top: 5px;
}

.header-soc {
    margin-right: 10px;
    margin-left: 10px;
}

.header-soc p {
    margin-right: 20px;
    font-weight: 400;
}

.header-soc p span {
    font-weight: 500;
}

.header-rating {
    margin-left: 10px;
}

.ps-ratingbadge {
    font-size: 0;
    line-height: 1;
}
.ps-ratingbadge__main {}

.ps-mobileratingbadge {
    font-size: 0;
    line-height: 1;
    padding: 10px 15px 20px;
}
.ps-mobileratingbadge__main {}

ul.soc-icons {
    list-style: none;
    gap: 0 10px;
}

ul.soc-icons .icon-border {
    margin-right: 0 !important;
}

.cont-header {
    text-align: right;
    margin-right: 30px;
}

.cont-header__phone {
    line-height: 1;
    font-weight: 700;
    font-size: 20px;
}

.cont-header__phone:hover {
    color: #3376e9;
}

.tel-mobile {
    display: none;
}

.main-menu {
    padding: 3px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style-type: none;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-menu {
    line-height: 50px;
}

.main-menu li a {
    font-size: 14px;
    font-weight: 500;
    color: #3D4662;
    line-height: 18px;
}

.a-valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.main-menu li {
    position: relative;
    padding-bottom: 5px;
}

.mobile-menu-btn {
    flex: 0 0 auto;
    width: 25px;
    margin-left: 20px;
    background-color: transparent;
    border: 0;
    box-sizing: border-box;
    position: relative;
    height: 17px;
    z-index: 20;
}

.mobile-menu-btn span {
    height: 2px;
    background: #3D4662;
    width: 100%;
    display: block;
    position: absolute;
    transition: 0.3s;
}

.mobile-menu-btn span:nth-child(1) {
    top: 0;
}

.mobile-menu-btn span:nth-child(2) {
    top: 7px;
}

.mobile-menu-btn span:nth-child(3) {
    bottom: 0;
}

.main-menu li ul {
    display: none;
}

.arrow::after {
    content: " ";
    display: inline-block;
    margin-left: 7px;
    background-image: url(../img/icons/arrow-menu.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 6px;
}

.main-menu>li:hover .submenu {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    display: block;
}

.submenu {
    position: absolute;
    background: #F2F4F7;
    left: 0;
    top: 100%;
    z-index: 5;
    width: min-content;
    opacity: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}

.main-menu>li:last-child .submenu {
    left: auto;
    right: 0;
}

.submenu li:last-child a {
    border-bottom: none;
}

.submenu a {
    color: #3D4662;
    text-align: left;
    padding: 12px 15px;
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.main-menu li a {
    padding: 9px 27px 10px;
}

.main-menu li:hover a {
    background: #F2F4F7;
    border-radius: 30px;
}

.main-menu .menu-item-has-children>a:after {
    transition: all 0.2s;
    margin-bottom: 1px;
}

.main-menu .menu-item-has-children:hover a:after {
    transform: rotate(180deg);
}

.submenu li {
    padding-bottom: 0;
}

.submenu li a {
    padding: 15px 27px;
    display: block;
    border-radius: 0;
}

.submenu li a:hover {
    background-color: #ecf1f9;
    color: #2163D5;
}

.main-menu li ul li a:hover {
    border-radius: 0;
}

.main-menu li a span {
    font-size: 9px;
    line-height: 18px;
    font-weight: 700;
    margin-left: 15px;
    background: #FFBA00;
    border-radius: 20px;
    padding: 2px 10px
}

.main-home {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100px;
    padding-top: 65px;
    background-color: #FFFFFF;
}

.main-home__main {
    position: relative;
    z-index: 2;
}

.hidden-menus {
    list-style: none;
    padding: 115px 5px 5px;
    margin: 0;
    /*width: 310px;*/
    background-color: #e4eaf5;
    - -box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .hidden-menus {
        padding-top: 85px;
    }
}

.hidden-menu {
    padding: 2px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.hidden-menu li {
    padding: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.hidden-menu li a {
    color: #3D4662;
    display: block;
    text-decoration: none;
    padding: 5px 3px;
}

.hidden-menu li a span {
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    font-weight: 700;
    margin-left: 15px;
    background: #FFBA00;
    border-radius: 20px;
    padding: 3px 10px;
}

.main-home__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    width: 1440px;
    top: 46px;
    margin: 0 auto;
    text-align: right;
}

.main-content {
    max-width: 670px;
}

.main-content .h1, .main-content h1 {
    font-size: 48px;
    line-height: 1.35;
    font-weight: 400;
}

.main-content .h1 span, .main-content h1 span {
    font-weight: 700;
}

.main-content p {
    font-size: 24px;
    line-height: 155%;
    margin-top: 30px;
    font-weight: 400;
}

.main-content p a {
    font-weight: bold;
}

.btn-main {
    margin: 50px 0 20px;
}

.btn-main .btn-blue {
    max-width: 360px;
}

.main-info {
    max-width: 360px;
    line-height: 1.5;
    font-size: 12px;
}

.main-info strong {
    font-weight: 500;
}

.uslugi-home {
    padding-top: 100px;
}

.uslugi-home .h1, .uslugi-home h1 {
    max-width: 760px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 30px;
}

.subtitle__desc {
    max-width: 460px;
    font-weight: 400;
    color: #7582A9;
}

.uslugi-list {
    margin-top: 70px;
}

.usluga-home {
    background: #fff;
    border: 3px solid #fff;
    padding: 67px 37px 65px 47px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    height: 100%;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.usluga-home:hover {
    border: 3px solid #FFBA00;
}

.usluga-home>span {
    font-size: 12px;
    font-weight: 500;
    line-height: 155%;
    color: #528FF8;
}

.usluga-home .h2, .usluga-home h2 {
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 150% !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    color: #3D4662 !important;
}

.usluga-home p {
    font-size: 14px;
    line-height: 21px;
}

.usluga-home .btn-white {
    margin-top: 32px;
    color: #3D4662;
}

.consult-home {
    padding-bottom: 120px;
}

.consult-home-bk {
    padding: 95px 0 98px;
    background-color: #fff;
    position: relative;
}

.consult-home-bk__main {
    position: relative;
    z-index: 2;
}

.consult-home .h1, .consult-home h1 {
    padding: 0;
    max-width: 560px;
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
}

.consult-home p {
    max-width: 460px;
    font-weight: 400;
    padding-top: 31px;
}

.consult-calc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 71px;
    line-height: 150%;
    font-size: 14px;
    position: relative;
    z-index: 100;
}

.consult-calc>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 270px;
    margin-left: auto;
}

.consult-calc div span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    flex: 0 0 auto;
    width: 130px;
}

.consult-button {
    position: absolute;
    top: 176px;
    left: -117px;
    z-index: 25;
    width: 202px;
    height: 202px;
    background: url(../img/consult-button.jpg);
    border-radius: 230px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.5;
    background-size: cover;
    text-align: center;
    padding: 30px;
}

.consult-button strong {
    font-weight: 500;
}

.consult-button span {
    font-size: 14px;
}

.consult-fon {
    width: 423px;
    bottom: 0;
    position: absolute;
    right: -38px;
    z-index: 1;
}

.consult-fon img {
    display: block;
    z-index: 50;
    position: relative;
}

.keisy-home {
    padding-bottom: 100px;
    padding-top: 100px;
}

.keisy-home .h1, .keisy-home h1 {
    max-width: 760px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
}

.keisy-home .subtitle__desc , .keisy-amo-stroi .subtitle__desc {
    max-width: 560px;
    margin-bottom: 70px;
}

#tabs-keisy-mobile {
    display: none;
}

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

.tabs-keisy>ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    flex-wrap: wrap;
    gap: 0 5px;
    align-items: center;
    padding-bottom: 40px;
}

.tabs-keisy__item {
    flex: 1 0 0%;
}

.tabs-keisy__link {
    color: #3D4662;
    font-weight: 500;
    font-size: 14px;
    display: block;
    width: 100%;
    position: relative;
    padding: 10px 0;
    box-sizing: border-box;
    text-align: center;
}

.tabs-keisy__link sup {
    font-size: 14px;
    color: #528FF8;
    margin-top: -7px;
    margin-left: 5px;
    display: inline-block;
    position: relative;
    transition: all 0.2s;
    margin-right: -15px;
}

.tabs-keisy__link:hover, .tabs-keisy__link--active {
    background: #FFCA8A;
    color: #fff;
    border-radius: 30px;
}

.tabs-keisy__link:hover sup, .tabs-keisy__link--active sup {
    color: #fff;
}

/* .tabs-keisy__link--active sup {
    color: #fff;
} */
.tabs-keisy .yellow-cat>a span, .tabs-keisy>ul li:hover>a span {
    color: #3D4662;
}

.keis-kratko {
    padding: 27px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #E6E8EF;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.keis-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 82px;
}

.keis-title img {
    margin-right: 18px;
}

.keis-title .h4, .keis-title h4, .keis-rabota span {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

.str-link {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: #FFCA8A;
    border-radius: 50%;
    transition: 0.3s;
}

.details--active .str-link {
    transform: rotate(180deg);
    background-color: #E6E8EF;
}

.keis-bylo ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/no.svg);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
    margin-left: -20px;
    margin-top: 7px;
}

.keis-rabota a {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    padding: 0;
}

.plus-yellow {
    padding: 5px;
    background: #FFCA8A;
    border-radius: 50%;
    cursor: pointer;
}

.plus-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin: 0 3px;
}

.keis-content {
    padding: 41px 0 52px;
    border-bottom: 1px solid #E6E8EF;
    transition: 0.3s;
}

.videootzyv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.keis-content .h4:first-child, .keis-content h4:first-child {
    font-size: 18px;
    font-weight: 500;
    margin-top: 10px;
}

.keis-content span.color-gray {
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 40px;
}

.keis-sravn {
}

.keis-sravn ul {
    list-style-type: none;
}

.keis-sravn ul li {
    font-size: 14px;
    color: #7582A9;
    max-width: 230px;
    margin-bottom: 30px;
    padding-left: 20px;
}

.keis-sravn .h4, .keis-sravn h4 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 20px;
    border-bottom: 1px solid #F2F4F7;
    margin-bottom: 30px;
}

.keis-sravn .btn-white {
    display: none;
}

.btn-more {
    justify-content: center;
}

.keis-stalo ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/yes.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -20px;
    margin-top: 8px;
    overflow-x: hidden;
}

@-webkit-keyframes moving-vertically {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 2000px;
    }
}

@keyframes moving-vertically {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 2000px;
    }
}

.zapis-home {
    margin-bottom: 120px;
}

.zapis-home .js-validate-error-label {
    display: inline-block;
    position: relative;
    padding: 2px 10px;
    font-size: 12px;
    line-height: 18px;
    margin: -6px 20px 10px;
    color: rgb(61 70 98) !important;
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, rgb(255 202 138)), to(rgb(248 182 54 / 50%))), rgb(255 202 138);
    background: -o-linear-gradient(left, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    background: linear-gradient(90deg, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    border: 1px solid rgb(255 202 138);
}

/*Запись на главной*/
.zapis-bk {
    padding: 100px 0 100px 100px;
    position: relative;
    z-index: 2;
}

.zapis-home__main {
    background: #f2f4f7;
    background-image: url(../img/zapis-bk.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
}

.zapis-bk .h2, .zapis-bk h2 {
    font-size: 36px;
    font-weight: 500;
    max-width: 460px;
    margin-bottom: 30px;
    line-height: 150%;
}

.zapis-bk .subtitle__desc {
    max-width: 560px;
}

.zapis-bk form .input-text-tel {
    margin: 14px 23px;
}

.zapis-bk input:hover~.input-text-tel, .zapis-bk input:focus~.input-text-tel, .zapis-bk input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.zapis-bk form {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.form2 input {
    max-width: 380px;
    width: 100%;
    height: 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 50px;
    color: #7582A9;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 21px 30px;
    height: 60px;
    margin-bottom: 10px;
}

.form2 button {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, #FFCA8A), to(rgba(248, 182, 54, 0.5))), #FFCA8A;
    background: linear-gradient(90deg, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    border: 1px solid #FFCA8A;
    border-radius: 50px;
    color: #3D4662;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 18px;
    max-width: 380px;
    width: 100%;
    height: 80px;
    cursor: pointer;
}

.form2 button:hover {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, #F8B636 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, rgb(255 202 138)), to(rgb(248 182 54))), rgb(255 202 138);
    background: linear-gradient(90deg, rgb(255 202 138) 12.5%, rgb(248 182 54) 100%), rgb(255 202 138);
}

.zapis-bk input {
    max-width: 380px;
    width: 100%;
    height: 18px;
    box-sizing: border-box;
    background: #fff;
    border-radius: 50px;
    color: #7582A9;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 21px 30px;
    height: 60px;
    margin-bottom: 10px;
}

.zapis-bk button {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, #FFCA8A), to(rgba(248, 182, 54, 0.5))), #FFCA8A;
    background: linear-gradient(90deg, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    border: 1px solid #FFCA8A;
    border-radius: 50px;
    color: #3D4662;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 18px;
    max-width: 380px;
    width: 100%;
    height: 80px;
    cursor: pointer;
    margin-top: 10px;
}

.zapis-bk button:hover {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, #F8B636 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, rgb(255 202 138)), to(rgb(248 182 54))), rgb(255 202 138);
    background: linear-gradient(90deg, rgb(255 202 138) 12.5%, rgb(248 182 54) 100%), rgb(255 202 138);
}

.consult-zapis {
    position: absolute;
    z-index: 2;
    bottom: -8px;
    right: -109px;
}

.consult-zapis--ver-2 {
    right: -61px;
    bottom: 0;
}

.consult-zapis .consult-button {
    top: 111px;
    left: -34px;
    z-index: 1;
}

.consult-zapis--ver-2 .consult-button {
    top: 129px;
    left: 54px;
    z-index: 1;
}

.consult-zapis .consult-but-wrap {
    position: absolute;
    margin-top: 26px;
    margin-left: 26px;
    z-index: 30;
    border: 1px solid #E6E8EF;
    border-radius: 230px;
    width: 150px;
    height: 150px;
}

.consult-but-wrap>p span {
    font-size: 14px !important;
    color: #7582A9 !important;
    font-weight: 400;
    line-height: 21px;
    margin-top: 7px;
}

.consult-zapis .manager-mobile {
    display: none;
}

.consult-zapis picture {
    position: relative;
    z-index: 2;
}

.onas {
    padding: 100px 0 90px;
}

.onas .h2, .onas h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
}

.onas .subtitle__desc {
    margin-bottom: 70px;
}

.licenze-home {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lic-bk {
    background: #fff;
    border: 3px solid #fff;
    padding: 55px 30px 49px 39px;
    height: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.lic-bk:hover {
    border: 3px solid #FFBA00;
}

.lic-bk .otstup {
    padding-left: 9px;
}

.lic-bk .h3, .lic-bk h3 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    margin-top: 26px;
    color: #3D4662;
}

.lic-bk span {
    color: #528FF8;
    font-weight: 500;
    font-size: 12px;
    line-height: 150%;
    margin-top: 9px;
}

.lic-bk span.btn-white {
    font-size: 10px;
}

.lic-bk .h4, .lic-bk h4 {
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    color: #528FF8;
    margin-top: 28px;
}

.lic-bk ul {
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 45px;
}

.lic-bk ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    color: #7582A9;
    position: relative;
    padding: 5px 0 5px 20px;
}

.lic-bk ul li:before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/ellipse.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    left: 0;
}

.lic-bk .btn-white {
    color: #3D4662;
}

.sert-item {
    height: 230px;
    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;
    border: 2px solid transparent;
}

.sert-item .btn-sert {
    position: relative;
    z-index: 2;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 30px rgba(61, 70, 98, 0.1);
    box-shadow: 10px 10px 30px rgba(61, 70, 98, 0.1);
    border-radius: 90px;
    padding: 15px 36px;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.sert-item:hover {
    border-color: #FFBA00;
}

.sert-item:hover .btn-sert {
    text-decoration: none;
    box-shadow: none;
}

.sert-item__img {
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.sert-item__img img {
    max-width: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.onas-two {
    padding-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.o-nas-video-container {
    max-width: 500px;
    aspect-ratio: 16 / 9;
}

.o-nas-video .h3, .o-nas-video h3 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 1.5;
}

.o-nas-video span {
    font-size: 14px;
}

.onas-two .h1, .onas-two h1 {
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 40px;
    font-weight: 500;
    padding: 0;
}

.home-accordion {
    background-color: rgb(255 255 255);
    padding: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 50px;
}

.onas-tsifry summary {
    border-bottom: 1px solid #E6E8EF;
    padding-bottom: 23px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 23px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.onas-tsifry .h4, .onas-tsifry h4 {
    font-weight: 500;
    font-size: 18px;
}

.onas-tsifry .h4 span, .onas-tsifry h4 span {
    font-weight: 400;
    font-size: 18px;
}

.plus-content {
    cursor: pointer;
}

.str-open-link {
    cursor: pointer;
    width: 30px;
    height: 30px;
}

.o-nas-facty {
    display: block;
    transition: 0.3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 30px 0;
    color: #7582A9;
    line-height: 1.5;
}

.plus-content .b-bot {
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E8EF;
}

.o-nas-facty ul {
    line-height: 30px;
    padding: 10px 0 10px 30px;
}

.o-nas-facty ul li {
    list-style: disc;
}

.o-nas-facty .btn-gray {
    background: #E6E8EF;
    font-size: 12px;
    line-height: 14px;
    padding: 18px 30px 18px 30px;
    border: 1px solid #E6E8EF;
    border-radius: 50px;
    color: #3D4662;
    font-weight: 500;
    display: inline-block;
    transition: all 0.2s;
}

.o-nas-facty .btn-gray:hover {
    background: #528ff8;
    color: #fff;
}

.o-nas-facty p {
    margin-bottom: 30px;
}

.details:not(.details--active) .keis-content, .details:not(.details--active) .o-nas-facty {
    visibility: hidden;
    height: 0;
    padding: 0;
    opacity: 0;
}

@keyframes sweep {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 1000px;
    }
}

.karta-content {
    display: block;
    position: relative;
    background-image: url(../img/karta.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 1160px;
    height: 646px;
    ; }

/*слайдер отзывов*/
.slider-container {
    max-width: 265px;
    padding: 0;
    position: relative;
    margin: 0 auto;
}

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

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

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

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

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

.swiper-pagination-current:empty {
    border: 1px;
}

.swiper-pagination {
    position: static;
}

.otzyvy-home {
    position: absolute;
    top: 36px;
    right: 130px;
    width: 360px;
    height: 646px;
    z-index: 10;
    box-sizing: border-box;
}

.otzyv-bl {
    background-color: #fff;
    padding: 85px 44px 50px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.positions-card {
    display: flex;
    align-items: center;
    gap: 20px;
}

.otz-fio {
    font-weight: 500;
    font-size: 14px;
    display: block;
    line-height: 1.5;
}

.otz-dolzhn {
    font-size: 12px;
    color: #7582A9;
}

.otz-text {
    padding-top: 30px;
    font-size: 14px;
    color: #7582A9;
    line-height: 21px;
}

.otz-company {
    font-size: 14px;
    font-weight: 500;
    padding-top: 30px;
    margin-bottom: 50px;
}

.otz-page {
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.otz-arrow-left {
    width: 50px;
    height: 50px;
    border: 1px solid #D0D3DD;
    border-radius: 50%;
    margin-right: 70px;
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
    transition: all 0.2s;
}

.otz-arrow-right {
    transition: all 0.2s;
}

.otz-arrow-left:hover {
    background: #528ff8;
    border-color: #528ff8;
}

.otz-arrow-right:hover {
    background: #528ff8;
    border-color: #528ff8;
}

.otz-arrow-left:hover .arrlo {
    stroke: #fff;
}

.otz-arrow-right:hover .arrro {
    stroke: #fff;
}

.otz-arrow-left .arrlo {
    transition: all 0.2s;
}

.otz-arrow-right .arrro {
    transition: all 0.2s;
}

.otz-page-number {
    color: #7582A9;
    font-size: 14px;
}

.otz-arrow-right {
    width: 50px;
    height: 50px;
    border: 1px solid #D0D3DD;
    border-radius: 50%;
    margin-left: 70px;
    position: relative;
    cursor: pointer;
    flex: 0 0 auto;
}

.otz-arrow-left span {
    display: block;
    padding: 14px 18px;
}

.otz-arrow-right span {
    display: block;
    padding: 14px 21px;
}

.imggeo:after {
    content: "";
    background-image: url(../img/imggeo.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 1000;
    display: block;
}

.imggeosmall:after {
    content: "";
    background-image: url(../img/imggeosmall.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 500;
    display: block;
}

.imggeo:hover::after, .imggeosmall:hover::after {
    content: "";
    background-image: url(../img/imggeo2.svg);
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    position: absolute;
    z-index: 2000;
    display: block;
}

.imggeo:hover::after {
    margin-top: -5px;
    margin-left: -5px;
}

.imggeosmall:hover::after {
    margin-top: -15px;
    margin-left: -15px;
}

.karta-content .town1 {
    position: absolute;
    top: 463px;
    left: 135px;
}

.karta-content .msk {
    position: absolute;
    top: 373px;
    left: 260px;
}

.karta-content .town3 {
    position: absolute;
    top: 281px;
    left: 169px;
}

.karta-content .town4 {
    position: absolute;
    top: 498px;
    left: 110px;
}

.karta-content .town5 {
    position: absolute;
    top: 438px;
    left: 416px;
}

.karta-content .town6 {
    position: absolute;
    top: 398px;
    left: 410px;
}

.karta-content .town7 {
    position: absolute;
    top: 374px;
    left: 447px;
}

.karta-content .town8 {
    position: absolute;
    top: 393px;
    left: 344px;
}

.karta-content .town9 {
    position: absolute;
    top: 441px;
    left: 481px;
}

.karta-content .town10 {
    position: absolute;
    top: 408px;
    left: 472px;
}

.karta-content .town11 {
    position: absolute;
    top: 539px;
    left: 536px;
}

.karta-content .town12 {
    position: absolute;
    top: 574px;
    left: 1009px;
    z-index: 5000;
}

.karta-content .town13 {
    position: absolute;
    top: 393px;
    left: 336px;
}

.karta-content .town14 {
    position: absolute;
    top: 273px;
    left: 300px;
}

.karta-content .town15 {
    position: absolute;
    top: 503px;
    left: 78px;
}

.karta-content .town16 {
    position: absolute;
    top: 413px;
    left: 130px;
}

.karta-content .town17 {
    position: absolute;
    top: 406px;
    left: 160px;
}

.karta-content .town18 {
    position: absolute;
    top: 479px;
    left: 102px;
}

.karta-content .town19 {
    position: absolute;
    top: 367px;
    left: 260px;
}

.karta-content .town20 {
    position: absolute;
    top: 416px;
    left: 339px;
}

.karta-content .town21 {
    position: absolute;
    top: 604px;
    left: 140px;
}

.karta-content .town22 {
    position: absolute;
    top: 357px;
    left: 295px;
}

.karta-content .town23 {
    position: absolute;
    top: 405px;
    left: 394px;
}

.karta-content .town24 {
    position: absolute;
    top: 523px;
    left: 1024px;
    z-index: 5000;
}

.karta-content .town25 {
    position: absolute;
    top: 430px;
    left: 412px;
}

.karta-content .town26 {
    position: absolute;
    top: 445px;
    left: 270px;
}

.karta-content .town29 {
    position: absolute;
    top: 503px;
    left: 569px;
}

.karta-content .town30 {
    position: absolute;
    top: 352px;
    left: 243px;
}

.karta-content .town31 {
    position: absolute;
    top: 461px;
    left: 355px;
}

.karta-content .town32 {
    position: absolute;
    top: 451px;
    left: 343px;
}

.karta-content .town33 {
    position: absolute;
    top: 347px;
    left: 145px;
}

.karta-content .town34 {
    position: absolute;
    top: 424px;
    left: 243px;
}

.karta-content .town35 {
    position: absolute;
    top: 414px;
    left: 275px;
}

.karta-content .town36 {
    position: absolute;
    top: 411px;
    left: 218px;
}

.karta-content .town37 {
    position: absolute;
    top: 531px;
    left: 300px;
}

.karta-content .town38 {
    position: absolute;
    top: 382px;
    left: 156px;
}

.karta-content .town39 {
    position: absolute;
    top: 469px;
    left: 164px;
}

.karta-content .town40 {
    position: absolute;
    top: 399px;
    left: 551px;
}

.karta-content .town41 {
    position: absolute;
    top: 531px;
    left: 610px;
}

.karta-content .town42 {
    position: absolute;
    top: 362px;
    left: 420px;
}

.karta-content .town43 {
    position: absolute;
    top: 271px;
    left: 88px;
}

.karta-content .town44 {
    position: absolute;
    top: 388px;
    left: 396px;
}

.karta-content .town45 {
    position: absolute;
    top: 581px;
    left: 711px;
}

.karta-content .town46 {
    position: absolute;
    top: 396px;
    left: 442px;
}

.karta-content .town47 {
    position: absolute;
    top: 368px;
    left: 305px;
}

.karta-content .town48 {
    position: absolute;
    top: 450px;
    left: 190px;
}

.karta-content .town49 {
    position: absolute;
    top: 393px;
    left: 310px;
}

.karta-content .town50 {
    position: absolute;
    top: 374px;
    left: 144px;
}

.karta-content .town51 {
    position: absolute;
    top: 454px;
    left: 462px;
}

.karta-content .town52 {
    position: absolute;
    top: 440px;
    left: 457px;
}

.karta-content .town53 {
    position: absolute;
    top: 576px;
    left: 497px;
}

.blgeo {
    display: none;
    position: absolute;
    width: 153px;
    height: 55px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 30px rgba(61, 70, 98, 0.1);
    box-shadow: 0px 4px 30px rgba(61, 70, 98, 0.1);
    top: -80px;
    left: 22px;
    z-index: 1500;
    padding: 21px 34px;
    font-size: 14px;
    color: #7582A9;
}

.imggeo:hover .blgeo {
    display: block;
    z-index: 900;
}

.imggeosmall:hover .blgeo {
    display: block;
    z-index: 900;
    margin-left: -10px;
}

.blgeo a {
    text-decoration: none;
    font-weight: 500;
    color: #528FF8;
    border-bottom: 1px solid #e4eaf5;
}

.towns-mobile {
    display: none;
}

.stat-projects-item {
    border-bottom: 1px solid #D0D3DD;
    padding-bottom: 25px;
    height: 100%;
    box-sizing: border-box;
    position: relative;
}

.stat-projects-item span:first-child {
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.stat-projects-itemspan:last-child {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.logo-projects {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    padding-top: 54px;
    padding-bottom: 60px;
}

.logo-projects>div {
    width: 180px;
    height: 100px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
    box-sizing: border-box;
}

.logo-projects>div img {
    height: 100%;
    width: 100%;
}

.rukovod-home {
    background-image: url(../img/director.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    background-size: cover;
}

.rukovod-home .h2, .rukovod-home h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 135%;
}

.rukovod-home .h6, .rukovod-home h6 {
    font-weight: 500;
    font-size: 18px;
    line-height: 155%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.rukovod-home p {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.55;
    max-width: 560px;
}

.rukovod-home p:not(:last-child) {
    margin-bottom: 30px;
}

.ruk-opis {
    margin-bottom: 70px;
}

.rukovod-home .btn-blue {
    max-width: 320px;
}

.contact-director {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5;
    font-size: 14px;
}

.contact-director .under {
    border-bottom: 0;
}

.contact-director .icon-dark-blue {
    background-color: #7582A9;
}

.contact-director .icon-dark-blue:hover {
    background-color: #528FF8;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.contact-director>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 270px;
}

.contact-director div span {
    font-size: 14px;
    line-height: 150%;
    font-weight: 400;
    width: 130px;
    flex: 0 0 auto;
}

.contact-director div span a {
    color: #528FF8;
}

.o-kompanii-main {
    background-image: url(../img/o-kompanii-bg.jpg);
    background-repeat: no-repeat;
    background-position: top 18px right 127px;
    padding-top: 40px;
    max-width: 1440px;
    margin: 0 auto;
}

.o-kompanii-main .breadcrumbs {
    margin-top: 0;
}

.director-stroke {
    position: absolute;
    right: -74px;
    height: 710px;
    bottom: 0;
    width: 631px;
}

.director-stroke::before {
    position: absolute;
    top: 220px;
    content: "";
    background-image: url(../img/icons/pincher-crm.svg);
    width: 196px;
    height: 196px;
    z-index: 25;
    left: 76px;
}

.director-img::before {
    background-image: none;
}

.director-stroke .white-round-btn {
    top: 271px;
    left: 125px;
    position: absolute;
    z-index: 100;
}

.director-stroke .white-round-btn-wrap {
    z-index: 150;
    transition: all 0.2s;
}

.director-stroke .white-round-btn-wrap svg path {
    transition: all 0.2s;
}

.director-stroke .white-round-btn-wrap:hover svg path {
    stroke: #3376e9;
    fill: #3376e9;
}

.rukovoditel-img {
    position: relative;
    z-index: 50;
}

.rukovoditel-img-mobile {
    display: none;
}

.blog-home {
    padding-top: 88px;
    padding-bottom: 100px;
}

.blog-home .h2, .blog-home h2 {
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
    max-width: 660px;
}

.blog-home .subtitle__desc {
    max-width: 700px;
    margin-top: 45px;
}

.blogpost {
    border: 3px solid #fff;
    display: block;
    position: relative;
    padding: 30px;
    background: #fff;
}

.blogpost:hover {
    border-color: rgb(255 186 0);
}

.blogposts {
    margin-bottom: 70px;
    margin-top: 70px;
}

.blogposts article {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.blogposts article .btn-white {
    margin-top: 10px;
}

.blogpost__img {
    position: relative;
    display: inline-block;
}

.blog-cats {
    position: absolute;
    top: 15px;
    left: 20px;
    background-color: #fff;
    border-radius: 20px;
    padding: 2px 9px;
}

.blog-cats span {
    font-weight: 500;
    color: #3D4662;
    font-size: 10px;
    line-height: 18px;
    padding: 2px 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.blogpost article .blog__title {
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 30px;
    color: #3D4662;
    display: block;
    transition: all 0.2s;
}

.blogpost article .blog__title:hover {
    color: #528ff8;
}

.blogpost img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}

.baza-znanii-home {
    background: #F2F4F7;
    padding: 88px 90px 82px;
}

.baza-znanii-home .h3, .baza-znanii-home h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 150%;
}

.baza-znanii-home .btn-blue {
    width: 320px;
}

.bl-dark-bg {
    background: #3D4662;
    color: #FFFFFF !important;
    position: relative;
    overflow: hidden;
}

.bl-dark {
    background-repeat: no-repeat;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 0 80px;
    z-index: 1;
    position: relative;
}

.bl-dark__main {
    position: relative;
    z-index: 3;
}

.bl-dark__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    width: 1440px;
    top: -100px;
    z-index: 2;
    margin: 0 auto;
    text-align: right;
}

.bl-dark__img img {
    position: static;
    margin-top: 3px;
    margin-right: -52px;
}

.bl-dark-bg .h2, .bl-dark-bg h2 {
    color: #fff;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    max-width: 660px;
}

.bl-dark-bg p {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    max-width: 600px;
}

.bl-dark-bg p a {
    font-weight: 500;
}

.podrob {
    color: #fff;
    display: flex;
    gap: 60px;
}

.podrob ul {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    gap: 0 60px;
}

.podrob li {
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    list-style: none;
}

.podrob li span {
    font-weight: 500;
}

.form-ekskurs {
    position: relative;
}

.form-ekskurs__mb {
    margin-bottom: 100px;
}

.form-ekskurs form {
    display: flex;
    gap: 15px;
}

.form-ekskurs form .input-text-tel span {
    color: #fff;
    font-size: 12px;
}

.form-ekskurs input:hover~.input-text-tel, .form-ekskurs input:focus~.input-text-tel, .form-ekskurs input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.form-ekskurs input {
    max-width: 360px;
    width: 100%;
    height: 80px;
    background: transparent;
    border-radius: 50px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    border: 1px solid #7582A9;
    padding: 0 29px;
    box-sizing: border-box;
}

.form-ekskurs button {
    padding: 31px 20px;
    max-width: 360px;
    width: 100%;
}

.preim {
    position: relative;
    z-index: 3;
}

.preim-ekskurs {
    color: #fff;
    border-bottom: 1px solid rgba(117, 130, 169, 0.3);
    padding-bottom: 30px;
    height: 100%;
    box-sizing: border-box;
}

.preim-ekskurs .h3, .preim-ekskurs h3 {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

.preim-ekskurs .icon-border {
    border: 1px solid rgba(117, 130, 169, 0.3);
    margin-bottom: 20px;
}

footer {
    background: #F2F4F7;
    font-size: 14px;
    color: #7582A9;
}

.footer-razd {
    padding-top: 50px;
    border-bottom: 1px solid #E6E8EF;
    padding-bottom: 50px;
}

.footer-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-one .btn-dark {
    max-width: 300px;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    line-height: 18px;
    padding: 33px 46px 32px;
}

.footer-one p span {
    font-weight: 500;
}

.footer-one p a {
    font-weight: 500;
    font-size: 24px;
    line-height: 45px;
    color: #3D4662;
}

.footer-one p a:hover {
    color: #3376e9;
}

.footer-two {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-two .menu {
    max-width: 90%;
}

.footer-two .h4, .footer-two h4 {
    font-size: 18px;
    line-height: 45px;
    color: #3D4662;
    font-weight: 500;
    padding-bottom: 9px;
}

.footer-two .h4 .footer-eko, .footer-two h4 .footer-eko {
    font-size: 10px;
    line-height: 18px;
    background: #FFCA8A;
    border-radius: 20px;
    padding: 5px 9px;
    margin-left: 10px;
    font-weight: 500;
}

.footer-two ul {
    list-style-type: none;
}

.footer-two ul li {
    line-height: 35px;
}

.footer-two ul li a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #528FF8;
    border-bottom: 1px solid #e4eaf5;
}

.footer-two ul li a:hover {
    color: rgba(82, 143, 248, 0.7);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    border-color: #528FF8;
}

.footer-two .bot-soc li a {
    border-bottom: 0;
    border: 1px solid #3d4662;
}

.footer-contacts, .footer-soc {
    color: #3D4662;
    font-size: 14px;
}

.footer-contacts p span, .footer-soc p span {
    font-weight: 500;
}

ul.bot-soc {
    margin-top: 10px;
}

.bot-soc .prim {
    width: 133px;
    padding: 15% 0;
}

.bot-soc li .icon-border {
    margin: 0 2px;
}

.bot-soc li:last-child {
    border: none;
    font-size: 10px;
    line-height: 15px !important;
    color: #3D4662;
    margin-left: 20px;
}

.bot-soc li:last-child span {
    font-weight: 500;
}

.footer-soc {
    margin-top: 50px;
}

.footer-logo img {
    margin-right: 20px;
}

.footer-three {
    color: #7582A9;
    font-size: 12px;
    padding: 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 150%;
}

.footer-logo p {
    padding-top: 22px;
}

.footer-three p a {
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    color: #528FF8;
    border-bottom: 1px solid #e4eaf5;
    margin-bottom: 18px;
}

/*мобильное меню*/
.mobile-menu {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    position: fixed;
    left: 0;
    z-index: 10;
    display: none;
    background-color: #e4eaf5;
    max-width: 320px;
    height: 100%;
    font-size: 14px;
    transition: 0.3s;
    transform: translateX(-120%);
    overflow: auto;
    box-shadow: 10px 10px 50px #3d4662;
}

/*Второстепенные страницы*/
/*хлебные крошки*/
.breadcrumbs {
    margin-top: 40px;
}

.breadcrumbs ul {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumbs ul li a {
    font-size: 12px;
    line-height: 11px;
    color: #7582A9;
}

.breadcrumbs ul li::after {
    content: "/";
    display: inline-block;
    font-size: 12px;
    line-height: 11px;
    color: #7582A9;
    padding: 0 6px 0 3px;
}

.breadcrumbs ul li:last-child:after {
    content: none;
}

/*Услуги*/
.uslugi-s {
    margin-top: 40px;
}

.uslugi-s .h1, .uslugi-s h1 {
    max-width: 660px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    padding: 0;
}

.uslugi-s p {
    max-width: 530px;
    font-weight: 400;
    padding-top: 30px;
}

.uslugi-s .uslugi-list .usluga {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    margin-bottom: 0;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.uslugi-list .usluga {
    background: #fff;
    border: 3px solid #E6E8EF;
    padding: 67px 37px 65px 47px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 40px;
}

.uslugi-list .usluga:hover {
    border: 3px solid #FFBA00;
}

.usluga>span {
    font-size: 12px;
    font-weight: 500;
    line-height: 155%;
    color: #528FF8;
}

.usluga .h2, .usluga h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
    margin-top: 15px;
    color: #3D4662;
}

.usluga p {
    font-size: 14px;
    line-height: 21px;
}

.usluga span.btn-white {
    margin-top: 36px;
    color: #3D4662;
}

.consult-expert {
    padding: 91px 0 108px 0;
    background-image: url(../img/zapis-bk.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
}

.consult-uslugi {
    margin: 60px 0 100px;
}

.consult-expert .h1, .consult-expert h1 {
    max-width: 560px;
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
    padding: 0;
}

.consult-expert p {
    max-width: 460px;
    font-weight: 400;
    padding-top: 31px;
}

.consult-uslugi .icon-border {
    border: 1px solid #D0D3DD;
}

/*Аудит*/
/*Второстепеная страница первый экран с картинкой */
.audit-content {
    max-width: 700px;
}

.audit-content .h1, .audit-content h1 {
    font-size: 48px;
    line-height: 1.35;
    font-weight: 400;
}

.audit-content .h1 span, .audit-content h1 span {
    font-weight: 700;
}

.audit-content p {
    font-size: 18px;
    margin-top: 35px;
    font-weight: 400;
}

.audit-info {
    max-width: 540px;
    margin-bottom: 70px;
}

.podrob-white {
    color: #3D4662;
    max-width: 530px;
    margin-top: 20px;
    padding: 0;
    font-size: 14px;
}

.podrob-white ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    list-style: none;
    gap: 30px;
}

.podrob-white ul li {
    display: flex;
    align-items: center;
    gap: 20px;
}

.podrob-white strong {
    font-weight: 500;
}

.podrob-white .strike {
    font-weight: 400;
    text-decoration: line-through;
}

.podrob-white .icon-border {
    margin-right: 0;
}

.podrob-white .icon-border img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.btn-audit {
    display: flex;
    gap: 15px;
    margin-bottom: 40px;
}

.btn-audit .btn-blue {
    max-width: 310px;
}

.result-audit .h1, .result-audit h1 {
    max-width: 751px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 103px;
}

.result-audit {
    padding: 100px 0;
}

.result-audit-table .white-block span {
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 30px rgb(61 70 98 / 10%);
    box-shadow: 10px 10px 30px rgb(61 70 98 / 10%);
    border-radius: 90px;
    padding: 13px 36px 11px;
}

.white-block span a {
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    line-height: 150%;
    color: #528FF8;
    border-bottom: 1px solid #e4eaf5;
}

.result-audit-table .h2, .result-audit-table h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
    margin-bottom: 25px;
    padding-top: 50px;
}

.result-audit-table ul {
    font-size: 18px;
    line-height: 1.5;
    list-style-type: none;
}

.result-audit-table ul li {
    color: #7582A9;
    margin-bottom: 10px;
    padding-left: 22px;
}

.result-audit-table ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/yes.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -22px;
    margin-top: 8px;
}

.result-audit-img .white-block {
    position: relative;
    width: 460px;
    height: 330px;
    background: #fff;
}

.audit-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 160px;
    height: 50px;
    font-weight: 500;
    font-size: 14px;
    position: relative;
    z-index: 3;
    background-color: #FFFFFF;
    box-shadow: 10px 10px 30px rgba(61, 70, 98, 0.1);
    border-radius: 90px;
    position: absolute;
}

.audit-btn:hover {
    box-shadow: none;
}

.audit-btn--1 {
    left: 181px;
    bottom: 89px;
}

.audit-btn--2 {
    top: 56px;
    left: -41px;
}

.audit-btn--3 {
    top: 52px;
    right: -41px;
}

.result-audit-img img {
    position: relative;
    max-width: none;
}

.result-audit-img--1 img {
    top: 31px;
    left: 18px;
}

.result-audit-img--2 img {
    top: 31px;
    left: -47px;
}

.result-audit-img--3 img {
    top: -53px;
    left: 2px;
}

.result-audit-table:nth-child(1) .white-block {
    margin: 39px 0 0;
}

.result-audit-table:nth-child(1) img {
    display: block;
    position: absolute;
    margin: -39px 0 0 -45px;
    z-index: 50;
}

.result-audit-table:nth-child(1) span {
    display: block;
    position: absolute;
    margin: 190px 181px;
    z-index: 100;
}

.result-audit-table:nth-child(2) {
    height: 470px;
    margin-bottom: 17px;
}

.result-audit-table:nth-child(2) .white-block {
    margin: 54px 0 0;
}

.result-audit-table:nth-child(2) img {
    display: block;
    position: absolute;
    margin: -54px 0 0 -183px;
    z-index: 50;
}

.result-audit-table:nth-child(2) span {
    display: block;
    position: absolute;
    margin: 56px 0 0 -40px;
    z-index: 100;
}

.result-audit-table:nth-child(3) {
    height: 478px;
    margin-bottom: 96px;
}

.result-audit-table:nth-child(3) .white-block {
    margin: 115px 0 0;
}

.result-audit-table:nth-child(3) img {
    display: block;
    position: absolute;
    margin: -115px 0 0 -116px;
    z-index: 50;
}

.result-audit-table:nth-child(3) span {
    display: block;
    position: absolute;
    margin: 45px 40px 0 340px;
    z-index: 100;
}

.result-audit-table:nth-child(3) .h2, .result-audit-table:nth-child(3) h2 {
    margin-left: 144px;
    max-width: 458px;
}

.result-audit-table:nth-child(3) ul {
    margin-left: 144px;
}

.audit-shagi .h5, .audit-shagi h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.57;
    color: #528FF8;
}

.audit-shagi .h1, .audit-shagi h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    padding-top: 20px;
    max-width: 760px;
}

.audit-shagi-s {
    margin-top: 66px;
}

.audit-shagi-s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.shagi-audit-table {
    display: grid;
    grid-template-columns: 600px auto;
    gap: 61px;
    min-height: 460px;
    margin-bottom: 90px;
    align-items: center;
}

.shagi-audit-table .blue-block {
    position: relative;
    max-width: 500px;
    height: 450px;
    background: #F2F4F7;
}

.shagi-audit-table .h3 , .shagi-audit-table h3 , .step-item-number {
    font-weight: 500;
    font-size: 14px;
    line-height: 13px;
    color: #528FF8;
}

.step-item-number {
    display: block;
    margin-bottom: 20px;
}

.shagi-audit-table .h2, .shagi-audit-table h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
}

.shagi-audit-table p {
    font-size: 18px;
    line-height: 1.5;
    color: #7582A9;
}

.shagi-audit-table .shagi-srok {
    color: #3D4662;
    font-weight: 500;
    font-size: 18px;
    line-height: 1;
    padding-top: 57px;
}

.shagi-srok span {
    color: #528FF8;
}

.shagi-audit-img .white-round-btn {
    margin-top: -275px;
    margin-left: 500px;
}

.shagi-audit-img img {
    max-width: none;
}

.shagi-audit-table:nth-child(2n+1) .blue-block {
    margin-right: 100px;
}

.shagi-audit-table:nth-child(2n) .shagi-audit-img {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.shagi-audit-table:nth-child(2n) .white-round-btn {
    margin-left: -50px;
}

.audit-shagi {
    padding: 100px 0 110px;
}

.audit-shagi .btn-blue {
    max-width: 360px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.audit-komu {
    padding-top: 100px;
    padding-bottom: 80px;
}

.audit-komu .h5, .audit-komu h5 {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #528FF8;
}

.audit-komu .h1, .audit-komu h1 {
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    padding-top: 20px;
    max-width: 760px;
    margin-bottom: 70px;
}

.audit-komu-table p {
    font-weight: 500;
}

.audit-komu-img {
}

.audit-komu-img .icon-blue {
    margin-bottom: 20px;
}

.audit-komu-main {
    padding-bottom: 30px;
    margin-bottom: 100px;
    border-bottom: 1px solid #D0D3DD;
}

.audit-komu-img p {
    font-size: 18px;
    font-weight: 500;
}

.audit-komu-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D3DD;
}

.audit-komu-x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 38px 29px;
    box-sizing: border-box;
    height: 130px;
    background: #fff;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.audit-komu-x p {
    width: 231px;
    font-weight: 500;
}

.bl-dark-uslugi {
    background-image: url(../img/bg-dark-uslugi.png);
    background-position: top -125px right -112px;
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 0 auto;
    padding: 100px 0 90px;
}

.bl-dark-uslugi .h2, .bl-dark-uslugi h2 {
    margin-bottom: 32px;
}

.old-price {
    color: #EC6F6F;
    text-decoration: line-through;
    font-weight: 400;
}

.bl-dark-uslugi .form-ekskurs {
    margin-bottom: 0;
}

.bl-dark-uslugi .audit-bl-img {
    position: absolute;
    margin-top: -522px;
    margin-left: 925px;
}

.bl-dark-uslugi .white-round-btn {
    margin-top: 128px;
}

.h2.white-title, h2.white-title {
    color: #fff;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    max-width: 660px;
}

.bl-dark-uslugi p {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    max-width: 460px;
    margin-bottom: 40px;
}

.podrob-dark {
    color: #fff;
    max-width: 543px;
    padding: 0;
    font-size: 14px;
    margin-bottom: 40px;
}

.podrob-dark ul, .podrob ul {
    display: flex;
    gap: 30px;
}

.podrob-dark ul li, .podrob ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    list-style: none;
    gap: 10px;
}

.podrob-dark span, .podrob span {
    margin-right: 0;
}

.podrob-dark .strike {
    font-weight: 400;
    text-decoration: line-through;
    color: #EC6F6F;
}

.politic {
    max-width: 350px;
    padding: 20px 0 0;
    color: #7582A9;
    font-size: 12px;
    line-height: 18px;
}

.politic a {
    color: #7582A9;
    text-decoration: underline;
}

/*vnedrenie*/
.main-amo {
    padding-top: 40px;
    position: relative;
}

.main-amo__main {
    position: relative;
    z-index: 2;
}

.main-amo__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    width: 1440px;
    top: 46px;
    margin: 0 auto;
    text-align: right;
}

.main-amo .breadcrumbs {
    margin-top: 0;
}

.vn-amo-main-content {
    max-width: 750px;
}

.vn-amo-main-content .h1, .vn-amo-main-content h1, .vn-btrx-main-content .h1, .vn-btrx-main-content h1 {
    font-size: 48px;
    line-height: 1.35;
    font-weight: 400;
    padding-top: 40px;
    max-width: 540px;
}

.vn-btrx-main-content .h1, .vn-btrx-main-content h1 {
    max-width: 820px;
}

.vn-btrx-main-contetn .h1, .vn-btrx-main-contetn h1 {
    max-width: 825px;
}

.vn-amo-main-content .h1 span, .vn-amo-main-content h1 span, .vn-btrx-main-content .h1 span, .vn-btrx-main-content h1 span {
    font-weight: 700;
}

.btns-border ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    max-width: 610px;
    margin: 34px 0 26px;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-brdr {
    font-size: 16px;
    line-height: 24px;
    padding: 6px 18px;
}

.btn-brdr:nth-child(2n+1) {
    border: 2px solid #FFCA8A;
    border-radius: 20px;
}

.btn-brdr:nth-child(2n) {
    border: 2px solid #528FF8;
    border-radius: 20px;
}

.btn-brdr a {
    color: #3D4662;
}

.vn-amo-info p {
    font-size: 18px;
    line-height: 1.5;
    max-width: 530px;
}

.form-white {
    margin-bottom: 24px;
    position: relative;
}

.form-white form {
    display: flex;
    gap: 15px;
}

.form-white input {
    max-width: 360px;
    width: 100%;
    height: 82px;
    background: transparent;
    border-radius: 50px;
    color: #7582A9;
    font-weight: 400;
    font-size: 14px;
    box-sizing: border-box;
    border: 1px solid #7582A9;
    padding: 0 29px;
    position: relative;
}

.form-white .btn-blue {
    max-width: 360px;
}

.form-white input:hover~.input-text-tel, .form-white input:focus~.input-text-tel, .form-white input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.dop-text {
    color: #7582A9;
    font-size: 12px;
    line-height: 18px;
    margin-top: 24px;
}

.dop-text span {
    font-weight: 500;
}

.crm-calc {
    padding: 100px 0;
}

.crm-calc .subtitle__desc {
    max-width: 660px;
}

.crm-calc .subtitle__desc span {
    font-weight: 500;
}

.crm-calc-table {
    margin-top: 75px;
}

.crm-step {
    width: calc(100% - 400px);
    box-sizing: border-box;
    padding: 35px 80px 51px 100px;
}

.crm-consult {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 280px;
    padding: 70px 40px 61px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.calc-bar {
    border-bottom: 2px solid #E6E8EF;
    margin-bottom: 30px;
    position: relative;
    margin-right: 20px;
}

.bar-active {
    border-bottom: 2px solid #528FF8;
    position: absolute;
}

.calc-bar .shag-kolvo {
    font-size: 10px;
    line-height: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 7px;
    color: #7582A9;
}

.content__small {
    font-size: 16px;
}

.crm-step .h4, .crm-step h4 {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 0;
}

.crm-step .h4:not(:last-child), .crm-step h4:not(:last-child) {
    margin-bottom: 10px;
}

.pincher-calc {
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.pincher-calc img, .pincher-calc div span {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.pincher-calc .icon-gray {
    display: block;
    border-radius: 50px;
    margin-right: 20px;
    background: #E6E8EF;
    position: relative;
    width: 60px;
    height: 60px;
    text-align: center;
}

.pincher-calc p {
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    padding-top: 20px;
}

.calc-btn .btn-yellow {
    height: 50px;
    text-transform: none;
    letter-spacing: normal;
    padding: 0 35px;
    box-sizing: border-box;
}

.crm-consult p {
    text-align: center;
    font-size: 14px;
    line-height: 21px;
}

.crm-consult p span {
    display: block;
    text-align: center;
    font-weight: 500;
}

.crm-consult-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-image: url(../img/crm-btns-bg.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
}

.crm-consult-btn .btn-white {
    margin: 55px 0 10px;
    background: #fff;
    padding: 22px 25px;
}

.crm-calc-result {
    margin: 55px 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    list-style: none;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.crm-calc-result li {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    display: flex;
}

.crm-calc-result li:first-child {
    width: 24%;
}

.crm-calc-result li p {
    font-size: 14px;
    line-height: 24px;
}

.crm-podobrat {
    padding: 100px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.crm-podobrat .h1, .crm-podobrat h1 {
    padding: 0;
}

.crm-podobrat>div {
    max-width: 545px;
}

.crm-podobrat .btn-yellow {
    padding: 31px 78px;
}

.result-crm-nastroiki {
    padding: 100px 0;
    overflow: hidden;
}

.result-crm-nastroiki .subtitle__desc {
    max-width: 560px;
}

.result-crm-nastroiki .h1, .result-crm-nastroiki h1 {
    max-width: 800px;
}

.crm-step-s {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 100px;
}

.shagi-crm-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 460px;
    margin-bottom: 100px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shagi-crm-table:nth-child(4) {
    margin-bottom: 10px;
}

.shagi-crm-img .blue-block {
    position: relative;
    width: 500px;
    height: 450px;
}

.shagi-crm-img .white-round-btn {
    margin-top: -275px;
    margin-left: -50px;
}

.shagi-crm-table .h2, .shagi-crm-table h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 37px;
    max-width: 380px;
}

.shagi-crm-table:nth-child(2) img.shagi-crm-img-il {
    margin: 40px 20px;
}

.crm-ekskurs {
    overflow: hidden;
    padding: 100px 0 80px;
}

.crm-ekskur-bl {
    position: relative;
    padding: 100px 0 100px 100px;
}

.crm-ekskur-bl .h1, .crm-ekskur-bl h1 {
    max-width: 607px;
    padding: 0;
}

.crm-ekskur-bl p.color-gray {
    max-width: 560px;
    margin-top: 30px;
}

.crm-ekskur-bl form {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 360px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.crm-ekskur-bl form .input-text-tel {
    margin: 17px 30px;
}

.crm-ekskur-bl form input:hover~.input-text-tel, .crm-ekskur-bl form input:focus~.input-text-tel, .crm-ekskur-bl form input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.crm-ekskur-bl input {
    max-width: 360px;
    width: 100%;
    height: 60px;
    background: #fff;
    border-radius: 50px;
    color: #7582A9;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #D2D9EF;
    padding: 21px 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.crm-ekskur-bl button {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, #FFCA8A), to(rgba(248, 182, 54, 0.5))), #FFCA8A;
    background: linear-gradient(90deg, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    border: 1px solid #FFCA8A;
    border-radius: 50px;
    color: #3D4662;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    max-width: 360px;
    width: 100%;
    height: 80px;
    box-sizing: border-box;
    cursor: pointer;
}

.crm-ekskurs .wh-round-btn-label {
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 10px 10px 30px rgba(61, 70, 98, 0.1);
    box-shadow: 10px 10px 30px rgba(61, 70, 98, 0.1);
    border-radius: 90px;
    margin-top: -233px;
    margin-left: 502px;
    width: 293px;
    display: flex;
    align-items: center;
    height: 100px;
    z-index: 100;
}

.crm-ekskurs .wh-round-btn-label p {
    position: absolute;
    padding: 26px 40px 21px 121px;
}

.crm-ekskurs .wh-round-btn-label a {
    font-size: 14px;
    font-weight: 500;
}

.crm-ekskurs .crm-ekskur-img {
    position: absolute;
    margin-top: -412px;
    margin-left: 529px;
}

.crm-rezult-vn .h1, .crm-rezult-vn h1 {
    font-weight: 500;
    padding-top: 20px;
    max-width: 856px;
}

.crm-rezult-vn-table {
    margin-top: 73px;
    padding-bottom: 50px;
}

.crm-rezult-vn-img {
}

.crm-rezult-vn-table p {
    padding-top: 20px;
    color: #7582A9;
    font-size: 18px;
}

.crm-rezult-vn-table .h2, .crm-rezult-vn-table h2 {
    font-weight: 500;
    margin: 40px 0 0;
    padding-top: 25px;
    border-top: 1px solid #D0D3DD;
    font-size: 18px;
    line-height: 28px;
}

.keis-zapis {
    margin-bottom: 124px;
}

.keis-zapis-bk {
    padding: 100px 0 100px 100px;
    background: #f2f4f7;
    background-image: url(../img/keis-zapis-amo-bk.jpg);
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
}

.keis-zapis .h2, .keis-zapis h2 {
    font-size: 36px;
    font-weight: 500;
    max-width: 460px;
    margin-bottom: 30px;
    line-height: 150%;
}

.keis-zapis p {
    max-width: 560px;
}

.keis-zapis form {
    padding-top: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.keis-zapis form .input-text-tel {
    margin: 17px 30px;
}

.keis-zapis form input:hover~.input-text-tel, .keis-zapis form input:focus~.input-text-tel, .keis-zapis form input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.keis-zapis input {
    width: 320px;
    height: 18px;
    background: #fff;
    border-radius: 50px;
    color: #7582A9;
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #fff;
    padding: 21px 30px;
    margin-bottom: 10px;
}

.keis-zapis button {
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, #FFCA8A), to(rgba(248, 182, 54, 0.5))), #FFCA8A;
    background: linear-gradient(90deg, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    border: 1px solid #FFCA8A;
    border-radius: 50px;
    color: #3D4662;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 18px;
    padding: 31px 42px;
    cursor: pointer;
}

.keis-zapis-shtamp-amo {
    position: absolute;
    top: -54px;
    right: -75px;
    z-index: 50;
}

.keis-zapis-shtamp-amo .consult-button {
    margin: 0;
    top: 126px;
    left: 59px;
    background-color: #fff;
}

.keis-zapis-shtamp-amo p {
    margin-top: 19px;
}

.keis-zapis-amo {
    display: block;
    position: relative;
    z-index: 50;
}

.keis-zapis-amo-mobile {
    display: none;
}

.etapy-raboty {
    padding: 50px 0 0;
}

.etapy-raboty .h1, .etapy-raboty h1 {
    max-width: 720px;
    margin-bottom: 74px;
}

.etapy-raboty .h1:nth-child(2), .etapy-raboty h1:nth-child(2) {
    padding: 0;
}

.etapy-raboty-s__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.5;
}

.step-job-list {
    column-count: 2;
}

.step-job-item {
    font-size: 14px;
    color: #7582A9;
}

.step-job-item {
    margin-bottom: 14px;
}

.step-job-item::before {
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    background: #FFCA8A;
    border-radius: 50%;
    margin-right: 10px;
}

.etapy-raboty-s ul li:before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/ellipse.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    top: 10%;
    margin: 1px -20px;
}

.razdelitel {
    margin: 50px 0 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.razdelitel div:nth-child(1), .razdelitel div:nth-child(3) {
    width: 460px;
}

.razdelitel .hr-line {
    margin: 15px 0;
    padding: 0;
    height: 0;
    border: none;
    width: 100%;
    border-top: 1px solid #D0D3DD;
}

.razdelitel div span {
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    margin: 0 60px;
}

.etapy-raboty-prot {
    background-color: #FFFFFF;
    box-sizing: border-box;
    padding-top: 74px;
    height: 500px;
}

.step-img {
    margin-top: 50px;
}

.etapy-raboty-prot .h2, .etapy-raboty-prot h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 50px;
}

.etapy-raboty-prot .h2 span, .etapy-raboty-prot h2 span {
    color: #528FF8;
}

.etapy-raboty-prot ul {
    list-style: none;
    margin-bottom: 35px;
}

.etapy-raboty-prot ul li {
    font-size: 14px;
    color: #7582A9;
    max-width: 435px;
    margin-bottom: 15px;
    padding-left: 25px;
}

.etapy-raboty-prot ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/yes.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -25px;
    margin-top: 8px;
}

.vn-sotrud {
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D3DD;
}

.posle-vnedrenia .h1, .posle-vnedrenia h1 {
    margin-bottom: 70px;
    line-height: 1.66;
}

.vn-sotrud p {
    margin-top: 20px;
    font-weight: 500;
}

.podderzhka-crm {
    position: relative;
}

.podderzhka-crm .container {
    position: relative;
    z-index: 3;
}

.podderzhka-crm .h1, .podderzhka-crm h1 {
    max-width: 670px;
    padding: 0;
    margin-bottom: 100px;
}

.podderzhka-crm-slider ul {
    list-style: none;
    margin: 50px 0 0;
}

.podderzhka-crm-slider ul li {
    position: absolute;
}

.podderzhka-crm-slider .slide50 {
    margin: 78px -230px;
}

.podderzhka-crm-slider .slide80 {
    margin: 77px 40px;
    z-index: 40;
}

.podderzhka-crm-slider .slide100 {
    z-index: 50;
}

.podderzhka-crm-slider .slide-active {
    position: absolute;
    margin: 77px 319px;
    z-index: 100;
}

.podderzhka-crm-slider .crm-sl-active {
    position: absolute;
    z-index: 50;
    margin: -50px -120px;
}

.crm-slider-l {
    position: absolute;
    margin: 285px 266px;
    z-index: 150;
}

.crm-slider-l a.icon-blue {
    background: #3D4662;
    width: 70px;
    height: 70px;
}

.crm-slider-l a.icon-blue:hover {
    background: #528FF8;
}

.crm-slider-r a.icon-blue {
    background: #3D4662;
    width: 70px;
    height: 70px;
}

.crm-slider-r a.icon-blue:hover {
    background: #528FF8;
}

.crm-slider-r {
    position: absolute;
    margin: 285px 540px;
    z-index: 150;
}

.podderzhka-crm-content {
    z-index: 200;
    margin-left: -41px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.podderzhka-crm-content .podderzhka-crm-spis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
}

.podderzhka-crm-content .podderzhka-crm-spis:not(:last-child) {
    margin-bottom: 41px;
}

.podderzhka-crm-content p {
    display: block;
    max-width: 360px;
}

.podderzhka-crm-content p span {
    font-weight: 500;
    color: #528FF8;
}

.bl-dark-amocrm {
    background-image: url(../img/bg-dark-amocrm.png);
    background-position: top -32px right -252px;
    background-repeat: no-repeat;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 0 105px;
}

.bl-dark-amocrm .white-round-btn {
    position: absolute;
    left: -21px;
    top: 40px;
}

/*vnedrenie bitrix*/
.main-btrx {
    background-image: url(../img/s-bitrix.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    padding-top: 40px;
    margin: 0 auto;
}

.main-btrx .breadcrumbs {
    margin-top: 0;
}

.keis-zapis-bitr-bk {
    padding: 100px 0 100px 100px;
    background: #f2f4f7;
    background-image: url(../img/keis-zapis-bitr-bk.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}

.keis-zapis-shtamp-bitr {
    position: absolute;
    margin-top: -618px;
    margin-left: 501px;
    z-index: 50;
}

.keis-zapis-bitr-bk form .input-text-tel {
    margin: 21px 30px;
}

.keis-zapis-bitr-bk form input:hover~.input-text-tel, .keis-zapis-bitr-bk form input:focus~.input-text-tel, .keis-zapis-bitr-bk form input:active~.input-text-tel {
    display: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
    transition: all 0.3s cubic-bezier(0.4, 0, 1, 1) 0s;
}

.keis-zapis-shtamp-bitr .consult-button {
    position: absolute;
    margin-top: 116px;
    margin-left: 68px;
    z-index: 25;
    width: 202px;
    height: 202px;
    background-color: #fff;
    border-radius: 230px;
}

.keis-zapis-amo {
    display: block;
    position: relative;
    z-index: 50;
}

.keis-zapis-shtamp-bitr .consult-but-wrap {
    position: absolute;
    margin-top: 24px;
    margin-left: 24px;
    z-index: 30;
    border: 1px solid #E6E8EF;
    border-radius: 230px;
    width: 150px;
    height: 150px;
}

.keis-zapis-shtamp-bitr p {
    margin-top: 19px;
}

.shagi-btrx-img .blue-block {
    position: relative;
    width: 500px;
    height: 450px;
}

.shagi-btrx-img .white-round-btn {
    margin-top: -275px;
    margin-left: -50px;
}

.bl-h-300 .blue-block {
    height: 300px;
}

.bl-h-300 img {
    margin-top: -39px;
}

.keisy-bitrix {
    padding-bottom: 30px;
}

.keisy-bitrix .h1, .keisy-bitrix h1 {
    max-width: 761px;
}

.keisy-bitrix p.color-gray {
    max-width: 697px;
    padding: 30px 0 80px;
}

.dop-vozm-btrx {
    padding-top: 100px;
}

.dop-vozm-btrx-s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 44px 0 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.dop-vozm-btrx-s .light-gray {
    padding: 44px 42px 55px;
    background-color: #FFFFFF;
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

.dop-vozm-btrx-s .h3, .dop-vozm-btrx-s h3 {
    font-size: 24px;
    line-height: 36px;
}

.dop-vozm-btrx-s ul {
    margin-top: 33px;
    margin-bottom: 50px;
}

.dop-vozm-btrx-s ul li {
    font-size: 14px;
    line-height: 21px;
    color: #7582A9;
    margin-bottom: 30px;
}

ul.dop-btrx-portal li {
    padding-left: 30px;
}

ul.dop-btrx-portal li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/yes.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -30px;
    margin-top: 4px;
}

ul.dop-btrx-zadachi, ul.dop-btrx-portal {
    list-style: none;
}

.dop-vozm-btrx-s .dop-btrx-img {
    position: absolute;
    right: -20px;
    top: -20px;
}

.bl-dark-btrx {
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 1440px;
    padding: 100px 0 105px;
}

.bl-dark-btrx .white-round-btn {
    position: absolute;
    top: 53px;
    left: 4px;
}

/*Контроль качества*/
.kontrol-content .h1, .kontrol-content h1 {
    max-width: 770px;
}

.kontrol-content p {
    max-width: 480px;
}

.kontrol-content .btn {
    padding: 33px 45px 32px;
}

.kontrol-boli {
    padding: 100px 0 110px;
}

.kontrol-boli p {
    padding-top: 30px;
    color: #7582A9;
}

.kontrol-boli .white-block {
    box-sizing: border-box;
    min-height: 410px;
}

.kontrol-boli .h3, .kontrol-boli h3 {
    margin: 30px 0 25px;
}

.kontrol-boli ul {
    max-width: 288px;
}

.kontrol-boli li {
    font-size: 14px;
    color: #7582A9;
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.kontrol-boli-row {
    margin-top: 66px;
}

.kontrol-resh .h1, .kontrol-resh h1 {
    padding-top: 22px;
    max-width: 815px;
    margin-bottom: 107px;
}

.kontrol-resh {
    padding: 100px 0;
}

.kontrol-resh-s .h2, .kontrol-resh-s h2 {
    line-height: 1.5;
    max-width: 400px;
}

.kontrol-resh-s .list-sb .h2, .kontrol-resh-s .list-sb h2 {
    max-width: 360px;
    margin-top: 50px;
    line-height: 37px;
}

.kontrol-resh-s p {
    font-size: 18px;
    color: #7582A9;
    line-height: 1.5;
}

.result-kontrol {
    padding: 100px 0;
}

.result-kontrol-s {
    padding: 100px 0 100px;
}

.result-kontrol-s .list-sb div:nth-child(2) {
    padding-left: 25px;
}

.result-kontrol-s .h3, .result-kontrol-s h3 {
    padding: 36px 0 30px;
}

.result-kontrol-s .h2, .result-kontrol-s h2 {
    line-height: 36px;
}

.result-kontrol-s p {
    padding-top: 30px;
    color: #7582A9;
}

.result-kontrol-s .white-block {
    position: relative;
    width: 550px;
    height: 300px;
    padding: 0;
}

.result-kontrol-img {
    margin-right: 80px;
}

.result-klientov {
    padding-top: 100px;
}

.result-klientov-table {
    padding: 70px 0 10px;
    margin-bottom: 40px;
}

.one-result-klient .b-bot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #E6E8EF;
}

.one-result-klient .b-bot p {
    padding-top: 10px;
    font-weight: 500;
    color: #3D4662;
    padding-left: 25px;
}

.one-result-klient__video {
    aspect-ratio: 16 / 9;
}

.one-result-klient .list-sb {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 20px;
}

.one-result-klient .list-sb p {
    font-size: 14px;
    max-width: 260px;
    color: rgb(117 130 169);
    line-height: 21px;
}

.one-result-klient .list-sb p:nth-child(1) {
    width: 260px;
}

.one-result-klient .list-sb p span {
    font-size: 18px;
    color: #528FF8;
    font-weight: 500;
    line-height: 38px;
}

.kontrol-komu {
    padding: 100px 0;
}

.kontrol-komu-table {
    margin: 76px 0 0;
}

.kontrol-komu-img {
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D3DD;
}

.kontrol-komu-img p {
    padding-top: 20px;
}

.kontrol-komu-table p {
    font-weight: 500;
    color: #3D4662;
}

.bl-dark-kontrol {
    background-image: url(../img/bg-dark-kontrol.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0 auto;
    padding: 100px 0 0;
    max-width: 1920px;
}

.bl-dark-kontrol .white-round-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bl-dark-kontrol .podrob-dark {
    padding-top: 50px;
}

.bl-dark-kontrol .h2.white-title, .bl-dark-kontrol h2.white-title {
    max-width: 880px;
    color: #fff;
}

.h2.white-title span, h2.white-title span {
    color: #528FF8;
}

.bl-dark-kontrol .preim-ekskurs .h3, .bl-dark-kontrol .preim-ekskurs h3 {
    font-size: 14px;
}

.stroi-content {
    padding-top: 40px;
}

.stroi-content .h1, .stroi-content h1 {
    padding-top: 0;
}

.stroi-content p {
    max-width: 701px;
    padding-top: 30px;
}

.stroi-problem {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 73px 0 0;
}

.blue-round-btn-wrap {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #528FF8;
    border-radius: 50%;
    margin-bottom: 33px;
}

.stroi-problem .white-block {
    height: 100%;
    padding: 60px;
    box-sizing: border-box;
    min-height: 340px;
}

.stroi-problem .h2, .stroi-problem h2 {
    font-size: 24px !important;
    font-weight: 500;
    margin-bottom: 26px;
}

.stroi-problem p {
    font-size: 18px;
}

.check-item {
    display: flex;
    gap: 0 15px;
}

.check-item .icon-blue {
    margin-right: 0;
}

.check-strong {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.66;
}

.check-item strong {
    font-size: 14px;
    line-height: 1.71;
}

.stroi-grad-r {
    background-color: #3D4662;
    position: relative;
}

.stroi-grad-r::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: -100%;
    background-color: #3D4662;
    top: 0;
}

.stroi-grad-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
}

.stroi-grad-content .form-white form {
    flex-direction: column;
}

.stroi-grad-r-cont {
    position: relative;
    color: #fff;
    margin-bottom: 100px;
}

.stroi-grad-r-cont p {
    color: #fff;
}

.stroi-grad-l {
    position: sticky;
    top: 20px;
}

.stroi-grad-l .h1, .stroi-grad-l h1 {
    padding: 0;
    font-size: 32px;
    line-height: 1.5;
}

.stroi-grad-l p {
    padding-top: 30px;
}

.stroi-grad-l .form-white input {
    border: 1px solid rgb(117 130 169 / 30%);
}

.stroi-grad-l .btn-blue {
    margin-top: 15px;
}

.stroi-grad-l, .stroi-grad-r {
    max-width: 580px;
    width: 100%;
    padding-top: 100px;
}

.stroi-grad-r .h2, .stroi-grad-r h2 {
    max-width: 380px;
}

.stroi-grad-r p {
    margin-top: 30px;
    max-width: 460px;
}

.stroi-grad-r-cont .white-round-btn {
    position: absolute;
    margin-left: -50px;
}

.stroi-grad-r-cont div:nth-child(2) {
    margin-left: 80px;
}

.kontrol-keisy .accordion {
    border-top: 1px solid rgb(230 232 239);
}

.keisy-amo-stroi {
    padding: 100px 0;
}

.keisy-amo-stroi .h1, .keisy-amo-stroi h1 {
    font-size: 36px;
    line-height: 1.5;
    max-width: 760px;
}

.keisy-amo-stroi p.podzagolovok {
    max-width: 760px;
}

.bl-dark-stroi {
    /* background-image: url(../img/bg-dark-stroi.png);
    background-position: top -201px right -281px;
    background-repeat: no-repeat;
    margin: 0 auto;; */
    padding: 100px 0 85px;
    position: relative;
}

.bl-dark-stroi .bl-dark__img img {
    margin-top: -205px;
    margin-right: -281px;
}

.bl-dark-stroi--ver-2 .bl-dark__img img {
    margin-top: -33px;
    margin-right: -253px;
}

.bl-dark-stroi--ver-3 .bl-dark__img img {
    margin-top: -63px;
    margin-right: -299px;
}

.bl-dark-stroi--ver-4 .bl-dark__img img {
    margin-top: -71px;
    margin-right: -29px;
}

.bl-dark-stroi--ver-5 .bl-dark__img img {
    margin-top: -71px;
    margin-right: -29px;
}

.bl-dark-stroi .white-round-btn {
    position: absolute;
    left: -21px;
    top: 105px;
}

.bl-dark-stroi--ver-2 .white-round-btn {
    position: absolute;
    left: -121px;
    top: 38px;
}

.bl-dark-stroi--ver-3 .white-round-btn {
    position: absolute;
    left: -95px;
    top: 53px;
}

.bl-dark-stroi--ver-4 .bl-dark__img img {
    margin-top: -35px;
    margin-right: -235px;
}

.bl-dark-stroi--ver-4 .white-round-btn {
    position: absolute;
    left: -218px;
    top: 106px;
}

.bl-dark-stroi .h2.white-title, .bl-dark-stroi h2.white-title {
    max-width: none;
}

/* o kompanii */
.o-kompanii-content {
    position: relative;
}

.o-kompanii-content .h1, .o-kompanii-content h1 {
    max-width: 775px;
    padding-top: 0;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.35;
}

.o-kompanii-content .h1 span, .o-kompanii-content h1 span {
    font-weight: 700;
}

.o-kompanii-content p {
    max-width: 635px;
    padding-top: 35px;
}

.o-kompanii-cifry__item {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 20px;
    border-bottom: 1px solid rgb(208 211 221);
}

.o-kompanii-cifry__item .h2, .o-kompanii-cifry__item h2 {
    font-weight: 500;
    font-size: 28px;
    line-height: 42px;
}

.o-kompanii-cifry__item p {
    max-width: 222px;
    font-size: 14px;
    line-height: 21px;
    padding-top: 12px;
}

.o-kompanii-content .director-stroke {
    top: 101px;
    right: 358px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 196px;
    z-index: 15;
}

.o-kompanii-content .director-stroke::before {
    left: 0;
    top: 0;
}

.o-kompanii-rel {
    position: relative;
    z-index: 10;
}

.o-kompanii-content .wh-round-btn-label {
    background: transparent;
    width: 100px;
    height: 100px;
    z-index: 100;
}

.o-kompanii-content .wh-round-btn-label .white-round-btn {
    position: static;
}

.o-kompanii-content .wh-round-btn-label p {
    margin-left: 70px;
    width: 145px;
    line-height: 22px;
    padding-top: 48px;
}

.o-kompanii-metody {
    padding: 23px 0 100px;
}

.o-kompanii-metody .h1, .o-kompanii-metody h1 {
    padding-top: 30px;
}

.o-kompanii-metody .btn-blue {
    margin-top: 50px;
    max-width: 360px;
}

.o-kompanii-metody-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.o-kompanii-metody-table p.color-gray {
    max-width: 560px;
}

.o-kompanii-metody-table .cont-right {
    margin-left: 108px;
}

.center-button {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.btn-round-yellow {
    position: absolute;
    right: 59px;
    top: 265px;
    background: #ffca8a;
    border-radius: 200px;
    z-index: 100;
    width: 202px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 202px;
    text-align: center;
}

.btn-round-yellow span {
    font-weight: 500;
    font-size: 36px;
}

.btn-round-yellow p {
    padding-top: 10px;
    font-size: 18px;
}

.o-kompanii-metody-table .podrob-wh {
    font-size: 14px;
    font-weight: 500;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 50px;
    line-height: 21px;
}

.o-kompanii-metody-table .white-round-btn {
    -webkit-box-shadow: 0px 20px 30px rgb(61 70 98 / 10%);
    box-shadow: 0px 20px 30px rgb(61 70 98 / 10%);
}

.img-elem {
    position: relative;
}

.btn-nps {
    background-color: rgb(255 255 255);
    -webkit-box-shadow: 10px 10px 30px rgb(61 70 98 / 10%);
    box-shadow: 10px 10px 30px rgb(61 70 98 / 10%);
    border-radius: 90px;
    font-size: 14px;
    color: rgb(117 130 169);
    padding: 18px 30px;
    line-height: 1;
    display: block;
    margin-bottom: 9px;
}

.text-nps {
    font-size: 12px;
    line-height: 18px;
    color: #7582A9;
    display: block;
    text-align: center;
}

.o-kompanii-metodics .h1, .o-kompanii-metodics h1 {
    padding-top: 30px;
}

.vnedrenie-sravnenie {
    padding: 100px 0;
}

.vnedrenie-sravnenie .h1, .vnedrenie-sravnenie h1 {
    padding-top: 30px;
}

.komp-sravn-lable-row {
    padding-bottom: 19px;
    border-bottom: 2px solid #528FF8;
    margin-bottom: 40px;
    margin-top: 63px;
    align-items: center;
    font-weight: 500;
}

.komp-sravn-lable-row .pinchercrm {
    color: #528FF8;
}

.w-100 {
    width: 100% !important;
}

.komp-sravn-table__row {
}

.usluga-yes {
    width: 30px;
    height: 30px;
    background: url("../img/icons/usluga-yes.svg");
}

.usluga-dr-yes {
    width: 30px;
    height: 30px;
    background: url("../img/icons/usluga-dr-yes.svg");
}

.usluga-dr-no {
    width: 30px;
    height: 30px;
    background: url("../img/icons/usluga-dr-no.svg");
}

.komp-sravn-table__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 100px;
}

.komp-sravn-t-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: -10px;
    padding: 0;
}

.komp-sravn-t-row .nazv-usluga span {
    color: #7582A9;
    line-height: 1.5;
}

.nazv-usluga {
    color: #7582A9;
}

.report-example {
    margin-left: 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration-line: underline;
    color: #528FF8;
}

.pinchercrm-r {
    border-right: 1px solid #E6E8EF;
}

.komp-sravn-t-row .pinchercrm-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 100px;
}

.pinchercrm-r a.under {
    margin-left: 20px;
    font-weight: 500;
    font-size: 14px;
}

.komp-sravn-t-row .drugie-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 100px;
}

.komp-sravn-t-row .drugie-r span {
    margin-right: 10px;
}

.kompany-top10 .h1, .kompany-top10 h1 {
    margin-bottom: 70px;
}

.top10amocrm .white-block, .top10bitrix .white-block {
    width: 560px;
    height: 300px;
    position: relative;
}

.top10amocrm .white-block span, .top10bitrix .white-block span {
    position: relative;
    z-index: 50;
    padding-top: 28px;
    display: block;
    padding-left: 28px;
}

.top10amocrm p, .top10bitrix p {
    display: block;
    position: relative;
    font-weight: 500;
    margin-top: 100px;
    font-size: 24px;
    line-height: 36px;
}

.tabs-komanda>ul li:hover {
    padding: 10px;
    background: #FFCA8A;
    border-radius: 30px;
}

.tabs-komanda>ul li:hover>a span {
    color: #3D4662;
}

.kompany-komanda {
    padding: 100px 0;
}

.kompany-komanda .h2, .kompany-komanda h2 {
    max-width: 640px;
    font-size: 36px;
    line-height: 1.5;
}

.filter-list {
    column-count: 3;
}

.filter-com {
    margin-bottom: 10px;
}

.komanda-photo {
    position: relative;
}

.komanda-two-foto {
    display: none;
}

.komanda-photo .plus span {
    display: block;
    border-radius: 50px;
    background: #fff;
    position: relative;
    width: 30px;
    height: 30px;
    text-align: center;
    cursor: pointer;
}

.komanda-photo .plus span svg {
    fill: #3D4662;
    padding: unset;
    margin: unset;
    display: inline-block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
}

.komanda-photo .plus span:hover svg {
    fill: #fff;
    -webkit-transition: fill 0.4s linear;
    -o-transition: fill 0.4s linear;
    transition: fill 0.4s linear;
}

.komanda-photo .plus span:hover {
    background: rgb(82 143 248);
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.komanda-photo__item {
    position: relative;
    border: 3px solid transparent;
    margin-bottom: 10px;
    height: 370px;
}

.komanda-photo__item img {
    width: 100%;
    height: 100%;
}

.komanda-one * {
    box-sizing: border-box;
}

.komanda-photo__item:hover {
    border: 3px solid #528FF8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.komanda-photo__item:hover .komanda-one-foto {
    display: none;
}

.komanda-photo__item:hover .komanda-two-foto {
    display: block;
}

.komanda-one .plus {
    position: absolute;
    margin-top: -65px;
    margin-left: 200px;
}

.komanda-one .sp-one {
    display: none;
    padding: 30px;
    border-radius: 10px;
    width: 256px;
    height: 219px;
    position: absolute;
    margin-top: -386px;
    margin-left: 95px;
    z-index: 100;
}

.komanda-one .plus:hover~.sp-one, .komanda-one .sp-one:hover {
    display: block;
}

.komanda-one .sp-one .h5, .komanda-one .sp-one h5 {
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 20px;
}

.komanda-one .sp-one ul {
    list-style: none;
}

.komanda-one .sp-one ul li {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: rgb(117 130 169);
    margin-left: 20px;
    position: relative;
    padding-bottom: 20px;
}

.komanda-one .sp-one ul li:before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/ellipse.svg);
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    top: 10%;
    margin: 1px -20px;
}

.komanda-one .sp-one ul li span {
    font-size: 14px;
    font-weight: 500;
    color: rgb(82 143 248);
    margin-top: -7px;
    margin-left: 5px;
    position: absolute;
}

.komanda-one .h4, .komanda-one h4 {
    color: #7582A9;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 17px;
}

.komanda-one .h5, .komanda-one h5 {
    font-weight: 500;
    line-height: 27px;
}

.rabota-u-nas {
    padding-bottom: 128px;
}

.rabota-u-nas-bl {
    padding: 70px 0 100px 100px;
    background-image: url(../img/rabota-u-nas-bl.jpg);
    background-repeat: no-repeat;
    background-position: center right;
}

.rabota-u-nas-bl .h1, .rabota-u-nas-bl h1 {
    max-width: 560px;
    font-weight: 500;
    font-size: 36px;
    line-height: 150%;
    padding: 0;
}

.rabota-u-nas-bl p {
    max-width: 560px;
    font-weight: 400;
    padding-top: 31px;
}

.rabota-btn {
    margin-top: 68px;
}

.main-individ {
    padding-bottom: 70px;
    background-image: url(../img/individ-bg.jpg);
    background-repeat: no-repeat;
    background-position: center right 93px;
}

.main-individ .h1, .main-individ h1 {
    max-width: 600px;
    font-weight: 400;
    font-size: 48px;
    line-height: 65px;
    padding-top: 40px;
}

.main-individ .h1 span, .main-individ h1 span {
    font-weight: 700;
}

.main-individ p {
    max-width: 530px;
}

.btn-main-individ {
    padding-top: 70px;
}

.kogda-individ {
    padding: 100px 0;
}

.kogda-individ .h1, .kogda-individ h1 {
    margin-bottom: 100px;
}

.kogda-individ .i-kogda-bl p {
    padding-top: 20px;
}

.i-kogda-bl {
    height: 100%;
    box-sizing: border-box;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(117, 130, 169, 0.3);
}

.individ-process {
    padding-bottom: 64px;
}

.individ-process .h1, .individ-process h1 {
    padding-bottom: 70px;
}

.individ-process .list-sb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.individ-process .white-block {
    height: 100%;
    box-sizing: border-box;
    padding: 70px 40px 70px 50px;
}

.individ-process .white-block .h5, .individ-process .white-block h5 {
    margin-top: 30px;
    font-size: 12px;
}

.individ-process .white-block .h3, .individ-process .white-block h3 {
    margin-top: 20px;
}

.individ-process .white-block p {
    margin-top: 30px;
    font-size: 14px;
    line-height: 21px;
}

.primery-realizatsii {
    padding-bottom: 120px;
    padding-top: 100px;
}

.primery-realizatsii .h1, .primery-realizatsii h1 {
    margin-bottom: 60px;
}

.primery-realizatsii .list-sb {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.primery-realizatsii .h5, .primery-realizatsii h5 {
    font-size: 12px;
}

.primery-realizatsii .h2, .primery-realizatsii h2 {
    line-height: 37px;
}

.primery-realizatsii p {
    line-height: 1.5;
    padding-bottom: 20px;
}

.kompany-primery .blue-block {
    width: 500px;
    height: 450px;
    position: relative;
}

.kompany-primery .block-r .white-round-btn {
    position: absolute;
    margin-top: -290px;
    margin-left: 500px;
}

.kompany-primery .block-l .white-round-btn {
    position: absolute;
    margin-top: -290px;
    margin-left: -50px;
}

.gotovye-vidzhety {
    padding: 100px 0;
}

.gotovye-vidzhety .vidzhety-slider {
    margin: 0 0 0;
}

.gotovye-vidzhety .swiper-slide {
    padding-top: 50px;
}

.vidzhety-slider .swiper-slider {
    max-height: 625px;
}

.vidzhety-slider .white-block {
    padding: 85px 0 70px;
    box-sizing: border-box;
    min-height: 450px;
}

.kontakty-office .section__title {
    margin-bottom: 0!important;
}

#tab-2 {
    display: none;
}

.tabs-nav {
    font-size: 36px;
    font-weight: 400;
    line-height: 1.5;
    display: flex;
    align-items: center;
}

.tabs-nav a {
    color: #3d4662;
    margin-right: 60px;
    padding-bottom: 15px;
    border-bottom: 3px solid transparent;
}

.tabs-nav a.active {
    border-bottom: 3px solid #ffba00;
}

.vidzhety-slider .swiper-button-next, .vidzhety-slider .swiper-button-prev {
    background-color: #3D4662;
    top: 321px;
}

.vidzhety-slider .swiper-button-next {
    right: -15px;
}

.vidzhety-slider .swiper-button-prev {
    left: -15px;
}

.vidzhety-slider .arrro {
    stroke: #fff;
}

.vidzhety-slider li {
    list-style: none;
    display: block;
    position: relative;
}

.vidzhety-slider .h5, .vidzhety-slider h5 {
    padding-bottom: 20px;
}

.vidzhety-slider .h2, .vidzhety-slider h2 {
    margin-bottom: 35px;
    max-width: 500px;
}

.vidzhety-slider p {
    max-width: 500px;
}

.vidzhety-slider-img {
    margin-top: -135px;
}

.vidzhety-slider-l {
    position: absolute;
    margin: -325px -34px;
    z-index: 150;
}

.vidzhety-slider-r {
    position: absolute;
    margin: -325px 1124px;
    z-index: 150;
}

.vidzhety-slider-arrows a.icon-blue {
    background: rgb(61 70 98);
    width: 70px;
    height: 70px;
}

.vidzhety-slider-arrows a.icon-blue:hover {
    background: #528FF8;
}

.vidzhety-slider-l img {
    margin-left: -3px;
}

.vidzhety-slider-r img {
    margin-left: 3px;
}

.individ-stoimost .h1, .individ-stoimost h1, .individ-stoimost .h3, .individ-stoimost h3, .individ-stoimost span {
    color: #fff;
}

.individ-stoimost .list-sb {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.stoim-bl {
    padding: 70px 50px;
    background: rgba(117, 130, 169, 0.2);
    box-sizing: border-box;
}

.stoim-bl .h5, .stoim-bl h5 {
    padding-bottom: 20px;
}

.stoim-bl .h3, .stoim-bl h3 {
    padding-bottom: 30px;
    font-size: 24px;
}

.stoim-bl .h3 span, .stoim-bl h3 span {
    color: #FFCA8A;
}

.stoim-bl .stoim-border {
    padding: 30px 0;
    border-top: 1px solid rgba(117, 130, 169, 0.3);
    border-bottom: 1px solid rgba(117, 130, 169, 0.3);
}

.stoim-border span {
    font-weight: 500;
}

.stoim-bl .btn-tansp-white {
    padding-top: 40px;
}

.stoim-bl .btn-tansp-white a {
    font-size: 12px;
    line-height: 14px;
    padding: 18px 30px 18px 30px;
    border: 1px solid rgb(230 232 239);
    border-radius: 50px;
    color: #fff;
    font-weight: 500;
}

.stoim-bl .btn-tansp-white svg {
    fill: #FFCA8A;
}

.stoim-bl .btn-tansp-white a:hover {
    color: #3D4662;
    background: #fff;
}

.stoim-bl .btn-tansp-white a:hover svg {
    fill: #3D4662;
}

/*Лицензия амо*/
.lic-amo-main {
    padding-top: 42px;
}

.lic-amo-main .h1, .lic-amo-main h1 {
    max-width: 660px;
    font-weight: 400;
    font-size: 48px;
    line-height: 1.35;
    padding: 0;
    margin-bottom: 30px;
}

.lic-amo-main .h1 span, .lic-amo-main h1 span {
    font-weight: 700;
}

.lic-amo-main p.color-gray {
    font-size: 24px;
    line-height: 37px;
}

.lic-amo-ekran {
    padding-top: 100px;
}

.lic-perekl {
    padding-top: 100px;
    /* padding-bottom: 34px; */
    border-bottom: 1px solid #D0D3DD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lic-perekl a {
    font-size: 18px;
    width: 50%;
    font-weight: 500;
    color: #7582A9;
    opacity: 0.5;
}

.lic-perekl a.active-licensy {
    padding-bottom: 34px;
    border-bottom: 4px solid #528FF8;
    margin-bottom: 0;
    color: #528FF8;
    opacity: 1;
}

.lic-perekl a:nth-child(2) a {
    margin-left: 40px;
}

.lic-perekl a.passive {
    color: #7582A9;
    opacity: 0.5;
}

.lic-amo-head {
    margin-bottom: 75px;
}

.lic-amo-head .h1, .lic-amo-head h1 {
    font-size: 39px;
    line-height: 1.35;
    max-width: 850px;
}

.lic-shag:not(:last-child) {
    margin-bottom: 50px;
}

.lic-shag-head {
    padding-bottom: 30px;
    border-bottom: 1px solid #D0D3DD;
    margin-bottom: 60px;
}

.lic-shag-head .h2, .lic-shag-head h2 {
    font-size: 36px;
    line-height: 30px;
    margin-top: 20px;
}

.lic-shag-head .h2.s30, .lic-shag-head h2.s30 {
    font-size: 30px;
}

.lic-shag-period {
    border-bottom: 1px solid #D0D3DD;
    padding-bottom: 48px;
}

.radio-lic-shag {
    display: block;
    margin: 0 0 10px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
}

.radio-lic-shag input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.radio-lic-shag span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 101px;
}

.lic-shag-period_naz__strong {
    font-size: 24px;
    display: block;
}

.lic-shag-period_naz__strong:not(:last-child) {
    margin-bottom: 13px;
}

.lic-shag-period_sum {
    color: #7582A9;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.radio-lic-shag span:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 30px;
    top: 0;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: url(../img/icons/checkbox-lic.svg) 0 0 no-repeat;
}

/* Checked */
.radio-lic-shag input[type=radio]:checked+span:before {
    background-image: url(../img/icons/checkbox-lic-che.svg);
}

/* Hover */
.radio-lic-shag span:hover:before {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}

/* Active */
.radio-lic-shag span:active:before {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
}

.lic-shag-kol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.lic-shag-kol > div {
    border-bottom: 1px solid #D0D3DD;
    display: inline-block;
    font-size: 24px;
    font-weight: 700;
    padding: 0 30px;
    padding: 0 30px 20px;
}

.lic-shag-kol div.blue-formula {
    width: 21px;
    color: #528FF8;
}

.lic-shag-kol div.lic-shag-kol_result {
    width: 361px;
}

.lic-shag-kol input {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-sum]:-ms-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-sum]::-moz-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-sum]::-webkit-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-plz]:-ms-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-plz]::-moz-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-plz]::-webkit-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-result]:-ms-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-result]::-moz-placeholder {
    color: #3D4662;
}

.lic-shag-kol input[type=lic-shag-result]::-webkit-input-placeholder {
    color: #3D4662;
}

.lic-shag-kol input:focus, .lic-shag-kol input:hover, .lic-shag-kol input:active {
    border: 0 !important;
}

.lic-shag-kol input[name=lic-shag-sum] {
    width: 50px;
}

.lic-shag-kol input[name=lic-shag-plz] {
    width: 70px;
}

.lic-shag-kol input[name=lic-shag-plz]::-webkit-outer-spin-button, .lic-shag-kol input[name=lic-shag-plz]::-webkit-inner-spin-button {
    display: none;
}

.lic-shag-kol input[name=lic-shag-result] {
    width: 67px;
}

.lic-shag-kol .blue-formula {
    border-bottom: 0;
    padding: 0 10px;
}

.lic-shag-kol_result {
    border-bottom: 3px solid #528FF8 !important;
}

.lic-shag-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    padding-top: 27px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lic-shag-stoim {
    display: block;
}

.lic-shag-stoim:hover .btn-white {
    background: #E6E8EF;
    border: 1px solid #E6E8EF;
}

.stoim-lic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(255 255 255);
    border: 3px solid rgb(0 0 0 / 0%);
    padding: 62px 45px 44px 45px;
    box-sizing: border-box;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    height: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.stoim-lic:hover {
    border: 3px solid rgb(255 186 0);
}

.stoim-lic .mes {
    font-size: 18px;
    line-height: 17px;
    color: rgb(61 70 98);
    font-weight: 500;
}

.stoim-lic .mes-dop {
    font-size: 14px;
    line-height: 14px;
    color: #528FF8;
    padding: 8px 12px;
    background: #F2F4F7;
    border-radius: 30px;
    margin-left: 20px;
}

.stoim-lic ul {
    margin: 20px 0 38px;
}

.stoim-lic ul li {
    font-size: 14px;
    line-height: 21px;
    color: rgb(117 130 169);
    margin-bottom: 10px;
    padding-left: 20px;
}

.stoim-lic ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/galka-yel.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -20px;
    margin-top: 5px;
}

.stoim-lic .tsena-sale {
    font-size: 18px;
    line-height: 17px;
    color: #3D4662;
}

.stoim-lic .tsena {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #7582A9;
    font-size: 14px;
    line-height: 13px;
    margin-left: 20px;
}

.stoim-lic .economy {
    font-size: 14px;
    font-weight: 500;
    line-height: 155%;
    color: rgb(82 143 248);
}

.stoim-lic .btn-white {
    margin-top: 50px;
}

/*флекс выравнивание по вертикали - класс val-cent*/
.val-cent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lic-amo-bonus ul {
    padding: 57px 0 100px;
}

.lic-amo-bonus ul li {
    font-size: 18px;
    line-height: 1.5;
    color: #7582A9;
    margin-bottom: 30px;
    padding-left: 100px;
    position: relative;
}

.lic-amo-bonus ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/gal-blue40.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    left: 0;
    margin-top: 5px;
}

.lic-amo-bonus ul li a {
    font-weight: 500;
}

.bl-dark-lic-amo {
    padding: 100px 0 105px;
}

.form-dark-lic-amo {
    padding-top: 50px;
    margin-bottom: 80px;
    position: relative;
}

.form-dark-lic-amo form {
    display: flex;
    gap: 34px;
}

.form-dark-lic-amo input {
    max-width: 360px;
    width: 100%;
    height: 18px;
    background: rgb(0 0 0 / 0%);
    border-radius: 50px;
    color: rgb(255 255 255 / 70%);
    font-weight: 400;
    font-size: 12px;
    border: 1px solid #7582a9;
    padding: 0 29px;
    height: 80px;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.form-dark-lic-amo .input-text-tel {
    position: absolute;
    margin: -66px 40px;
}

.form-dark-lic-amo form .input-text-tel span {
    color: rgb(255 255 255);
    font-size: 14px;
}

/*Лиц битрикс24*/
.lic-bitr-main {
    padding-top: 50px;
    background-image: url(../img/lic-bitr-main.png);
    background-position: right -20px top -18px;
    background-repeat: no-repeat;
    max-width: 1400px;
    margin: 0 auto 100px;
}

.lic-bitr-main .h1, .lic-bitr-main h1 {
    max-width: 660px;
    font-weight: 400;
    font-size: 48px;
    line-height: 54px;
    padding: 0;
}

.lic-bitr-main .h1 span, .lic-bitr-main h1 span {
    font-weight: 700;
}

.lic-bitr-main p.color-gray {
    font-size: 24px;
    line-height: 37px;
    padding-top: 30px;
}

.lic-bitr-head .h1, .lic-bitr-head h1 {
    font-size: 39px;
    line-height: 53px;
}

.lic-bitr-shag-period {
    border-bottom: 1px solid #D0D3DD;
    padding-bottom: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.radio-bitr-lic-shag {
    display: block;
    margin: 0 0 10px 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 33%;
}

.radio-bitr-lic-shag input[type=radio] {
    position: absolute;
    z-index: -1;
    opacity: 0;
    display: block;
    width: 0;
    height: 0;
}

.radio-bitr-lic-shag span {
    display: inline-block;
    position: relative;
    padding: 0 0 0 70px;
    line-height: 30px;
}

.bitr-lic-shag-period_naz {
    font-size: 24px;
    font-weight: 500;
}

.radio-bitr-lic-shag span:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    background: url(../img/icons/checkbox-lic.svg) 0 0 no-repeat;
}

/* Checked */
.radio-bitr-lic-shag input[type=radio]:checked+span:before {
    background-image: url(../img/icons/checkbox-lic-che.svg);
}

/* Hover */
.radio-bitr-lic-shag span:hover:before {
    -webkit-filter: brightness(110%);
    filter: brightness(110%);
}

/* Active */
.radio-bitr-lic-shag span:active:before {
    -webkit-filter: brightness(80%);
    filter: brightness(80%);
}

.lic-bitr-shag {
    margin-top: 50px;
}

.lic-bitr-shag-head {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(208 211 221);
    margin-bottom: 60px;
}

.lic-bitr-shag-head .h2, .lic-bitr-shag-head h2 {
    font-size: 36px;
    line-height: 30px;
    margin-top: 20px;
}

.lic-bitr-shag-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.lic-bitr-shag-stoim {
    display: block;
    height: 100%;
}

.lic-bitr-shag-stoim:hover .btn-white {
    background: #E6E8EF;
    border: 1px solid #E6E8EF;
}

.lic-bitr-shag-stoim .tsena-info {
    font-size: 14px;
    line-height: 21px;
    color: #3D4662;
}

.lic-bitr-shag-stoim .economy {
    margin-top: 30px;
}

.stoim-bitr-lic {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: rgb(255 255 255);
    border: 3px solid rgb(0 0 0 / 0%);
    padding: 70px 45px 50px 45px;
    box-sizing: border-box;
    height: 100%;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.stoim-bitr-lic:hover {
    border: 3px solid rgb(255 186 0);
}

.stoim-bitr-lic .mes {
    font-size: 18px;
    line-height: 17px;
    color: #3d4662;
    font-weight: 500;
}

.stoim-bitr-lic .mes-dop {
    font-size: 14px;
    line-height: 14px;
    color: #528FF8;
    padding: 8px 12px;
    background: #F2F4F7;
    border-radius: 30px;
    margin-left: 20px;
}

.stoim-bitr-lic ul {
    margin: 20px 0 38px;
}

.stoim-bitr-lic ul li {
    font-size: 14px;
    line-height: 21px;
    color: #7582a9;
    margin-bottom: 10px;
    padding-left: 20px;
}

.stoim-bitr-lic ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/galka-yel.svg);
    background-repeat: no-repeat;
    width: 14px;
    height: 11px;
    margin-left: -20px;
    margin-top: 5px;
}

.stoim-bitr-lic .tsena-sale {
    font-size: 18px;
    line-height: 17px;
    color: #3D4662;
    font-weight: 600;
}

.stoim-bitr-lic .tsena {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
    color: #7582A9;
    font-size: 14px;
    line-height: 13px;
    margin-left: 20px;
}

.stoim-bitr-lic .economy {
    font-size: 14px;
    font-weight: 500;
    line-height: 155%;
    color: rgb(82 143 248);
}

.bitr-blue-preim {
    color: rgb(82 143 248) !important;
    font-weight: 500;
}

.stoim-bitr-lic .btn-white {
    margin-top: 50px;
}

/*флекс выравнивание по вертикали - класс val-cent*/
.val-cent {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.lic-bitr-ekran {
    padding-top: 100px;
}

.lic-bitr-bonus ul {
    padding: 57px 0 100px;
}

.lic-bitr-bonus ul li {
    font-size: 18px;
    line-height: 1.5;
    color: #7582A9;
    margin-bottom: 30px;
    padding-left: 64px;
}

.lic-bitr-bonus ul li::before {
    content: "";
    position: absolute;
    background-image: url(../img/icons/gal-blue40.svg);
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    margin-left: -60px;
    margin-top: 5px;
}

.lic-bitr-bonus ul li a {
    font-weight: 500;
}

.bl-dark-lic-bitr {
    background-image: url(../img/bg-dark-lic-bitr.png);
    background-position: right -127px;
    background-repeat: no-repeat;
    max-width: 1440px;
    margin: 0 auto;
    padding: 100px 0 105px;
}

.form-dark-lic-bitr {
    padding-top: 50px;
    margin-bottom: 80px;
    position: relative;
}

.lic-bitrix-ekran {
    padding-top: 100px;
}

.form-dark-lic-bitr input {
    max-width: 300px;
    width: 100%;
    height: 80px;
    background: rgb(0 0 0 / 0%);
    border-radius: 50px;
    color: rgb(255 255 255 / 70%);
    font-weight: 400;
    font-size: 12px;
    border: 1px solid rgb(117 130 169);
    padding: 0 29px;
    margin-bottom: 10px;
    box-sizing: border-box;
    margin-right: 34px;
}

.form-dark-lic-bitr .input-text-tel {
    position: absolute;
    margin: -66px 40px;
}

.form-dark-lic-bitr form .input-text-tel span {
    color: rgb(255 255 255);
    font-size: 14px;
}

/*Контакты*/
.kontakty-main {
    background-image: url(../img/kontakty-main.jpg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 75px;
    overflow: hidden;
}

.kontakty-main-content .h1, .kontakty-main-content h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 1.35;
}

.kontakty-main-content .h1 span, .kontakty-main-content h1 span {
    font-weight: 500;
}

.kontakty-content ul li {
}

.kontakty-content ul li p {
    font-size: 14px;
    line-height: 30px;
    color: #7582A9;
}

.kontakty-content ul li a {
    font-size: 24px;
    line-height: 45px;
    color: #3D4662;
    font-weight: 500;
    transition: all 0.2s;
}

.kontakty-content ul li a:hover {
    color: #528ff8;
}

.kontakty-zvon {
    display: flex;
    align-items: flex-end;
    gap: 60px;
}

.kontakty-zvon:not(:last-child) {
    margin-bottom: 40px;
}

.kontakty-zvon__icon {
    background-repeat: no-repeat;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 40px;
    background-color: #528FF8;
}

.kontakty-zvon__desc {
    font-size: 14px;
    font-weight: 400;
    color: #7582A9;
    margin-bottom: 5px;
    line-height: 1.3;
}

.director-kontakty-stroke {
    position: absolute;
    right: -40px;
    bottom: -85px;
}

.director-kontakty-stroke__circle {
    background-image: url(../img/icons/pincher-crm.svg);
    width: 196px;
    height: 196px;
    position: absolute;
    top: 179px;
    left: -18px;
    z-index: 3;
}

.director-kontakty-stroke img {
    z-index: 4;
    position: relative;
}

.kontakty-main-flex {
    display: flex;
    gap: 60px;
}

.director-kontakty-stroke .white-round-btn {
    position: absolute;
    top: 227px;
    left: 31px;
    z-index: 5;
}

.director-kontakty-bl {
    background: rgb(255 255 255);
    -webkit-box-shadow: 0px 20px 30px rgb(61 70 98 / 10%);
    box-shadow: 0px 20px 30px rgb(61 70 98 / 10%);
    border-radius: 10px;
    padding: 40px;
    max-width: 460px;
    width: 100%;
    box-sizing: border-box;
    height: 236px;
}

.director-kontakty-bl p {
    font-size: 14px;
    line-height: 21px;
    color: #7582A9;
}

.director-kontakty-bl .napis {
    font-size: 18px;
    line-height: 1.5;
    color: #3D4662;
    font-weight: 500;
    margin-bottom: 24px;
}

.director-kontakty-bl p a {
    color: #528FF8;
}

.director-kontakty-bl .soc-icons {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.director-kontakty-bl .soc-icons .icon-border {
    margin-right: 0;
    box-sizing: border-box;
    border: 1px solid #528FF8;
}

.director-kontakty-bl p, .director-kontakty-bl ul {
    z-index: 500;
}

.kontakty-office {
    padding-top: 100px;
    margin-bottom: 68px;
}

.kontakty-office .h1, .kontakty-office h1 {
    font-weight: 400;
}

.kontakty-office .h1 span, .kontakty-office h1 span {
    font-weight: 700;
}

.kontakty-office p.color-gray {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 30px;
}

.kontakty-adres-office {
    padding-top: 50px;
}

.kontakty-adres-office ul li::before {
    content: "";
    position: absolute;
    background-repeat: no-repeat;
    background-image: url(../img/icons/kontakty-geo.svg);
    width: 40px;
    height: 40px;
    margin-left: -80px;
    margin-top: 22px;
}

.kontakty-adres-office ul li {
    font-size: 14px;
    line-height: 30px;
    color: #7582A9;
    padding-left: 80px;
}

.kontakty-adres-office ul li span {
    font-size: 24px;
    line-height: 1.875;
    color: #3D4662;
    font-weight: 500;
}

.kontakty-adres-office .btn-blue {
    max-width: 320px;
}

.kontakty-slider {
    margin-bottom: 46px;
}

.kontakty-slider ul li {
    position: relative;
    width: 1160px;
}

.kontakty-slider ul li img {
    border: none;
}

.kontakty-slider .arrows {
    position: absolute;
    margin-top: -254px;
    z-index: 50;
}

.kont-slider-l {
    position: absolute;
    margin-left: -30px;
    z-index: 150;
}

.kont-slider-r {
    position: absolute;
    margin-left: 1130px;
    z-index: 150;
}

.kontakty-slider .arrows a.icon-blue {
    background: rgb(61 70 98);
    width: 70px;
    height: 70px;
}

.kontakty-slider .arrows a.icon-blue:hover {
    background: #528FF8;
}

.kontakty-slider .arrows .kont-slider-l img {
    left: 46%;
}

.kontakty-slider .arrows .kont-slider-r img {
    left: 54%;
}

.urid .urid-yes-info {
    margin-right: 60px;
    margin-top: 20px;
}

.rekvizity-content .color-gray {
    font-size: 14px;
    line-height: 30px;
    font-weight: 400;
}

.rekvizity-content span, .rekvizity-content p {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
}

.rekvizity-content p {
    padding-bottom: 20px;
}

.rekvizity-content .color-blue {
    display: inline-block;
    padding-bottom: 10px;
    color: #528FF8;
}

.kontakty-tel-mail a {
    font-size: 24px;
    line-height: 45px;
    color: #3d4662;
    font-weight: 500;
}

.kontakty-tel-mail a:hover {
    text-decoration: none;
    color: #528ff8;
    /*border-bottom: 1px solid #528ff8;*/
}

.kontakty-social p {
    font-weight: 400;
}

.kontakty-social .soc-icons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    gap: 7px;
}

.sitemap-item.page_item code {
    font-family: 'Gotham Pro';
}

.sitemap-item.page_item code a:hover {
    opacity: 0.7;
}

.sitemap-item.page_item code a {
    font-weight: 500;
}

.sitemap-item.page_item code .children li a {
    font-weight: 400;
}

.lic-shag-sel.lic-shag-minus, .lic-shag-sel.lic-shag-plus {
    position: absolute;
    left: 50px;
    width: 25px;
    height: 15px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lic-shag-sel.lic-shag-minus button, .lic-shag-sel.lic-shag-plus button {
    width: 25px;
    height: 15px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 0;
}

.lic-shag-minus {
    top: 17px;
}

.lic-shag-plus {
    top: -3px;
}

.lic-shag-flex {
    position: relative;
    justify-content: center;
}

.kontakty-rekvizity .soc-icons li a svg path {
    stroke: #000;
    transition: all 0.2s;
}

.kontakty-social .soc-icons .icon-border {
    margin-right: 0;
    border: 1px solid #528ff8;
}

.bl-dark-kontakty .white-title span {
    color: rgb(82 143 248);
    text-decoration: none;
}

.bl-dark-kontakty {
    background-image: url(../img/bg-dark-kontakty.png);
    background-position: top -39px right;
    background-repeat: no-repeat;
    max-width: 1920px;
    margin: 0 auto;
    padding: 100px 0 150px;
}

.bl-dark-kontakty .white-round-btn {
    position: absolute;
    left: -120px;
    top: 105px;
}

.kontakty-rekvizity {
    padding-bottom: 100px;
}

.form-vstrecha {
    padding-top: 50px;
}

.form-vstrecha form {
    display: flex;
    position: relative;
}

.form-vstrecha input {
    max-width: 360px;
    width: 100%;
    height: 80px;
    background: rgb(0 0 0 / 0%);
    border-radius: 50px;
    color: rgb(255 255 255 / 70%);
    font-weight: 400;
    font-size: 12px;
    box-sizing: border-box;
    border: 1px solid #7582a9;
    padding: 0 29px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.form-vstrecha form .input-text-tel {
    position: absolute;
    margin: -66px 40px;
}

.form-vstrecha .btn-yellow {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    max-width: 360px;
    width: 100%;
    box-sizing: border-box;
    height: 80px;
    color: rgb(61 70 98);
    background: -o-linear-gradient(left, #FFCA8A 12.5%, rgba(248, 182, 54, 0.5) 100%), #FFCA8A;
    background: -webkit-gradient(linear, left top, right top, color-stop(12.5%, rgb(255 202 138)), to(rgb(248 182 54 / 50%))), rgb(255 202 138);
    background: -o-linear-gradient(left, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    background: linear-gradient(90deg, rgb(255 202 138) 12.5%, rgb(248 182 54 / 50%) 100%), rgb(255 202 138);
    border: 1px solid rgb(255 202 138);
    border-radius: 50px;
}

.section__title {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 500;
}

.section__title:not(:last-child) {
    margin-bottom: 40px;
}

.section__title span {
    font-weight: 400;
}

.section__desc {
    font-size: 24px;
    line-height: 1.55;
    color: #7582A9;
}

.main-title:not(:last-child) {
    margin-bottom: 70px;
}

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

.base__img {
    height: 350px;
    background: #3D4662;
    position: relative;
}

.base__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.base__tag {
    position: absolute;
    left: 30px;
    top: 30px;
}

.tag-list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tag-item {
    font-size: 10px;
    font-weight: 500;
    color: #3D4662;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    height: 22px;
    background-color: #fff;
    line-height: 1;
    border-radius: 20px;
    overflow: hidden;
}

.tag-item img {
    max-width: 80% !important;
    width: auto !important;
    height: auto !important;
}

.base__content p {
    margin: 20px 0;
    font-size: 16px;
    line-height: 1.5;
}

.base__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
}

.base__btn {
    min-width: 200px;
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 20px;
    height: 50px;
}

.base__btn .arrbtnshrt {
    margin-left: auto;
}

.section-base {
    padding-bottom: 100px;
}

.section-text p {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.55;
    color: #7582a9;
}

.section-text .h4, .section-text h4 {
    font-weight: 500;
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 20px;
}

.section-blog-posts {
    background: #F2F4F7;
    padding: 100px 0 90px;
}

.blogpost--new {
    width: 100%;
    box-sizing: border-box;
}

.blogpost--new .btn-white {
    display: inline-block;
}

.separator , hr {
    height: 1px;
    background-color: #E6E8EF;
    border: 0;
}

.paginator {
    display: flex;
    justify-content: space-between;
}

.paginator__prev, .paginator__next {
    width: 70px;
    height: 70px;
    background: #3D4662;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='16' viewBox='0 0 10 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L1.92893 8.07107L9 15.1421' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.paginator__prev.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.paginator__prev:hover, .paginator__next:hover {
    background-color: #528FF8;
}

.paginator__next {
    transform: rotate(180deg);
}

.paginator__numbers {
    display: flex;
    gap: 40px;
    padding-top: 10px;
}

.paginator__item {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    color: #3D4662;
}

.paginator__item:hover, .paginator__item--active {
    color: #528FF8;
}

.section-tg-fq {
    background: #3D4662;
    padding: 100px 0;
    color: #fff;
}

.card-fq {
    padding: 24px 40px;
    background: rgba(117, 130, 169, 0.2);
    color: #FFFFFF;
}

.card-fq .btn-white {
    color: #FFFFFF;
}

.card-fq .btn-white:hover {
    color: #3D4662;
    background-color: #FFFFFF;
}

.card-fq__subtitle {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.55;
    color: #528FF8;
    display: inline-block;
    margin-bottom: 26px;
}

.card-fq__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 30px;
}

.blog-posts {
    padding-bottom: 100px;
}

.blog-posts p {
    font-size: 18px;
    font-weight: 400;
    color: #7582A9;
    line-height: 1.5;
}

.blog-posts p:not(:last-child) {
    margin-bottom: 70px;
}

.blog-posts .separator , .blog-posts hr {
    margin-top: 70px;
    margin-bottom: 70px;
}

.blog-posts .h2, .blog-posts h2 {
    font-size: 36px;
    line-height: 1.5;
    font-weight: 500;
}

.blog-posts__img {
    margin-bottom: 50px;
}

.blog-posts .h2:not(:last-child), .blog-posts h2:not(:last-child) {
    margin-bottom: 50px;
}

.manager-card {
    position: sticky;
    top: 20px;
    background: #F2F4F7;
    padding: 40px 45px;
}

.manager-card--white {
    background-color: #FFFFFF;
}

.manager {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 40px;
}

.manager__pic {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
}

img {
    max-width: 100%;
}

.manager__name {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 10px;
}

.manager__position {
    font-size: 14px;
    color: #7582A9;
    line-height: 1.5;
}

.manager-help {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.55;
    margin-bottom: 20px;
    display: inline-block;
    color: #528FF8;
}

.manager__btn {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.manager-card__title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #3D4662;
    margin-bottom: 20px;
}

.manager-card__desc {
    font-size: 14px;
    line-height: 1.5;
    color: #7582A9;
    margin-bottom: 30px;
}

.company-card {
    padding-bottom: 64px;
}

.company-card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 169px;
    background: #FFFFFF;
    border: 2px solid #E6E8EF;
    border-radius: 10px;
}

.section__sub-title {
    font-size: 48px;
    line-height: 1.35;
    font-weight: 500;
}

.section__sub-title span {
    font-weight: 400;
}

.company-card__info {
    font-size: 14px;
    line-height: 1.55;
}

.company-card__desc {
    color: #7582A9;
}

.definition-list {
    color: #7582A9;
    font-size: 14px;
    column-count: 2;
}

.definition-item {
    display: flex;
    align-items: flex-start;
    gap: 35px;
    font-size: 14px;
    margin-bottom: 11px;
    line-height: 1.55;
}

.definition-item__key {
    max-width: 110px;
    font-weight: 500;
    min-width: 65px;
}

.company-nav__link {
    font-size: 14px;
    font-weight: 500;
    color: #3D4662;
}

.company-nav__link:hover {
    color: #528FF8;
}

.company-nav {
    display: flex;
}

.company-nav__item {
    flex: 1 0 0%;
}

.company-porfolio-item {
    background-color: #F2F4F7;
    padding: 100px 0 125px;
}

.card {
    background: #FFFFFF;
    padding: 70px 60px;
    line-height: 1.5;
}

.card p {
    color: #7582A9;
}

.card--top {
    color: #3D4662;
    margin-bottom: 100px;
    padding: 60px
}

.statictic-company {
    display: flex;
    justify-content: space-between;
    padding-top: 30px;
    margin-bottom: 70px;
}

.statictic-company-item {
    max-width: 180px;
    color: #7582A9;
    font-size: 18px;
    line-height: 1.5;
}

.statictic-company-item strong {
    display: block;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    color: #3D4662;
}

.card-video {
    height: 350px;
    margin-bottom: 70px;
    border: 1px solid #3D4662;
}

.card-video iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.content__section-subtitle {
    font-size: 24px;
    font-weight: 500;
}

.list-docs {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.docs-item {
    overflow: hidden;
    height: 263px;
    flex: 1 0 0%;
    background: #E8EBF0;
    border: 4px solid #FFFFFF;
    box-shadow: 0px 20px 30px rgba(61, 70, 98, 0.1);
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
    width: 190px;
    flex: 0 0 auto;
    overflow: hidden;
    position: relative;
}

.docs-item::before {
    content: '';
    width: 44px;
    height: 44px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22' cy='22' r='21' fill='%23528FF8' stroke='white' stroke-width='2'/%3E%3Cg clip-path='url(%23clip0_3112_440)'%3E%3Cpath d='M26.6893 25.5895L30.0205 28.9199L28.9199 30.0205L25.5895 26.6893C24.3503 27.6827 22.8089 28.223 21.2207 28.2207C17.3567 28.2207 14.2207 25.0847 14.2207 21.2207C14.2207 17.3567 17.3567 14.2207 21.2207 14.2207C25.0847 14.2207 28.2207 17.3567 28.2207 21.2207C28.223 22.8089 27.6827 24.3503 26.6893 25.5895ZM25.129 25.0124C26.1161 23.9973 26.6674 22.6366 26.6651 21.2207C26.6651 18.2123 24.2284 15.7763 21.2207 15.7763C18.2123 15.7763 15.7763 18.2123 15.7763 21.2207C15.7763 24.2284 18.2123 26.6651 21.2207 26.6651C22.6366 26.6674 23.9973 26.1161 25.0124 25.129L25.129 25.0124ZM20.4429 20.4429V18.1096H21.9985V20.4429H24.3318V21.9985H21.9985V24.3318H20.4429V21.9985H18.1096V20.4429H20.4429Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3112_440'%3E%3Crect width='18.6667' height='18.6667' fill='white' transform='translate(12.666 12.666)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: 0.3s;
}

.docs-item:hover::before {
    transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.docs-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card--form {
    padding-left: 100px;
}

.content__muted {
    color: #7582A9;
}

.card-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
    margin-right: 40px;
}

.card-form__btn {
    grid-column: 1 / 3;
}

.input__control {
    background: #FFFFFF;
    border: 1px solid #D2D9EF;
    border-radius: 50px;
    padding: 0 30px;
    color: #7582A9;
    height: 60px;
    width: 100%;
    color: #7582A9;
    font-size: 12px;
    display: block;
    box-sizing: border-box;
}

.input__control:focus {
    outline: 0;
}

.input__control::placeholder {
    color: #7582A9;
}

.swiper-slide.card {
    padding: 0;
}

.card-case {
    background: #FFFFFF;
    border: 3px solid #E6E8EF;
    display: block;
}

.card-case:hover {
    border-color: #FFCA8A;
}

.card-case__img {
    height: 300px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    background: linear-gradient(180deg, rgba(61, 70, 98, 0) 23.67%, rgba(61, 70, 98, 0.8) 100%), #3D4662;
}

.card-case__tag {
    position: absolute;
    top: 40px;
    left: 50px;
    z-index: 4;
}

.card-case__tag .tag-item {
    height: 30px;
    min-width: 103px;
    box-sizing: border-box;
}

.card-case__img::after {
    content: '';
    position: absolute;
    z-index: 3;
    background: linear-gradient(180deg, rgba(61, 70, 98, 0) 23.67%, rgba(61, 70, 98, 0.8) 100%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.card-case__body {
    height: 202px;
    padding: 30px 50px;
    box-sizing: border-box;
}

.card-case__result {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
    max-width: 250px;
    margin-bottom: 30px;
    color: #3D4662;
}

.card-case__title {
    color: #FFFFFF;
    position: absolute;
    bottom: 40px;
    left: 50px;
    font-weight: 500;
    max-width: 270px;
    z-index: 4;
}

.swiper-button-next, .swiper-button-prev {
    width: 70px;
    height: 70px;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 137px;
}

.swiper-button-prev {
    left: -35px;
}

.swiper-button-next {
    right: -35px;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background: #528FF8;
}

.swiper-button-next:hover svg, .swiper-button-prev:hover svg {
    stroke: #FFFFFF;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-main {
    position: relative;
}

.filter-item {
    color: #3D4662;
    font-weight: 500;
    font-size: 14px;
    display: inline-block;
    position: relative;
    padding: 10px 30px;
    box-sizing: border-box;
    text-align: center;
}

.filter-item--active, .filter-item:hover {
    background: #FFCA8A;
    border-radius: 30px;
}

.filter-item--active span, .filter-item:hover span {
    color: #3D4662;
}

.filter-item span {
    font-size: 14px;
    color: #528FF8;
    top: -7px;
    left: 5px;
    display: inline-block;
    position: relative;
}

.filter-all {
    background: #E6E8EF;
    height: 50px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #3D4662;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 36px;
    border-radius: 50px;
}

.filter-list {
    margin-bottom: 100px;
}

.card-case-list {
    margin-bottom: 100px;
}

.soc-icons--gray .icon-border {
    background-color: #7582A9;
    margin-right: 0;
}

.soc-icons--gray .icon-border:not(.icon-border--tg) svg {
    fill: #FFFFFF;
}

.soc-icons--gray .icon-border.icon-border--tg svg {
    stroke: #FFFFFF;
}

.soc-icons--gray .icon-border:hover {
    background-color: #528FF8;
}

.position-relative {
    position: relative !important;
}

.row-director {
    padding-bottom: 120px;
}

input:focus {
    outline: none;
}

.accordion-container {
    display: none;
}

.accordion-container--active {
    display: block;
}

.map {
    max-width: 1440px;
    margin: 0 auto;
    padding-top: 30px;
}

.map-main {
    position: relative;
}

.position-static {
    position: static !important;
}

.map-item {
    width: 100%;
    aspect-ratio: 16/9;
    background-image: url(../img/map.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

.map__title {
    max-width: 660px;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: -50px;
    position: relative;
    z-index: 5;
}

.item-geo {
    position: absolute;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32214 2.75353C9.7535 3.18482 10.0958 3.69686 10.3292 4.26042C10.5627 4.82397 10.6828 5.42801 10.6828 6.03802C10.6828 6.64802 10.5627 7.25205 10.3292 7.81561C10.0958 8.37917 9.7535 8.89122 9.32214 9.32249L6.03765 12.6051L2.75317 9.32156C2.32185 8.89029 1.9797 8.37818 1.74628 7.81464C1.51284 7.25108 1.39269 6.64707 1.39269 6.03709C1.39269 5.4271 1.51284 4.82309 1.74628 4.25954C1.9797 3.69598 2.32185 3.18393 2.75317 2.7526C3.1845 2.32127 3.69656 1.97913 4.2601 1.7457C4.82366 1.51227 5.42767 1.39213 6.03765 1.39213C6.64764 1.39213 7.25165 1.51227 7.8152 1.7457C8.37878 1.97913 8.89077 2.32127 9.32214 2.7526V2.75353ZM10.3067 10.3071C11.1512 9.46275 11.7262 8.38693 11.9593 7.21573C12.1923 6.04453 12.0727 4.83052 11.6158 3.72726C11.1588 2.62399 10.3849 1.68101 9.39208 1.01756C8.39912 0.354115 7.23181 0 6.03765 0C4.8435 0 3.67616 0.354115 2.68326 1.01756C1.69037 1.68101 0.916506 2.62399 0.45954 3.72726C0.00258214 4.83052 -0.116954 6.04453 0.116053 7.21573C0.34906 8.38693 0.924142 9.46275 1.76857 10.3071L5.05212 13.5916C5.18151 13.7211 5.33515 13.8238 5.50426 13.8938C5.67336 13.964 5.85461 14 6.03765 14C6.22071 14 6.40196 13.964 6.57106 13.8938C6.74016 13.8238 6.89379 13.7211 7.02318 13.5916L10.3067 10.3071ZM6.03765 7.89576C6.53036 7.89576 7.00288 7.70002 7.35128 7.35163C7.69967 7.00324 7.89539 6.53072 7.89539 6.03802C7.89539 5.54531 7.69967 5.07279 7.35128 4.72439C7.00288 4.376 6.53036 4.18028 6.03765 4.18028C5.54495 4.18028 5.07243 4.376 4.72404 4.72439C4.37565 5.07279 4.17991 5.54531 4.17991 6.03802C4.17991 6.53072 4.37565 7.00324 4.72404 7.35163C5.07243 7.70002 5.54495 7.89576 6.03765 7.89576Z' fill='%233D4662'/%3E%3C/svg%3E%0A");
    background-color: #FFCA8A;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-position: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 14px;
    border: 2px solid #E4E8EE;
    box-sizing: border-box;
    transition: 0.3s;
    z-index: 5;
}

.item-geo--2 {
    background-color: #528FF8;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.32214 2.75353C9.7535 3.18482 10.0958 3.69686 10.3292 4.26042C10.5627 4.82397 10.6828 5.42801 10.6828 6.03802C10.6828 6.64802 10.5627 7.25205 10.3292 7.81561C10.0958 8.37917 9.7535 8.89122 9.32214 9.32249L6.03765 12.6051L2.75317 9.32156C2.32185 8.89029 1.9797 8.37818 1.74628 7.81464C1.51284 7.25108 1.39269 6.64707 1.39269 6.03709C1.39269 5.4271 1.51284 4.82309 1.74628 4.25954C1.9797 3.69598 2.32185 3.18393 2.75317 2.7526C3.1845 2.32127 3.69656 1.97913 4.2601 1.7457C4.82366 1.51227 5.42767 1.39213 6.03765 1.39213C6.64764 1.39213 7.25165 1.51227 7.8152 1.7457C8.37878 1.97913 8.89077 2.32127 9.32214 2.7526V2.75353ZM10.3067 10.3071C11.1512 9.46275 11.7262 8.38693 11.9593 7.21573C12.1923 6.04453 12.0727 4.83052 11.6158 3.72726C11.1588 2.62399 10.3849 1.68101 9.39208 1.01756C8.39912 0.354115 7.23181 0 6.03765 0C4.8435 0 3.67616 0.354115 2.68326 1.01756C1.69037 1.68101 0.916506 2.62399 0.45954 3.72726C0.00258214 4.83052 -0.116954 6.04453 0.116053 7.21573C0.34906 8.38693 0.924142 9.46275 1.76857 10.3071L5.05212 13.5916C5.18151 13.7211 5.33515 13.8238 5.50426 13.8938C5.67336 13.964 5.85461 14 6.03765 14C6.22071 14 6.40196 13.964 6.57106 13.8938C6.74016 13.8238 6.89379 13.7211 7.02318 13.5916L10.3067 10.3071ZM6.03765 7.89576C6.53036 7.89576 7.00288 7.70002 7.35128 7.35163C7.69967 7.00324 7.89539 6.53072 7.89539 6.03802C7.89539 5.54531 7.69967 5.07279 7.35128 4.72439C7.00288 4.376 6.53036 4.18028 6.03765 4.18028C5.54495 4.18028 5.07243 4.376 4.72404 4.72439C4.37565 5.07279 4.17991 5.54531 4.17991 6.03802C4.17991 6.53072 4.37565 7.00324 4.72404 7.35163C5.07243 7.70002 5.54495 7.89576 6.03765 7.89576Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}

.item-geo--3 {
    width: 10px;
    height: 10px;
    background-image: none;
    background-color: #528FF8;
    border: none;
}

.item-geo:hover {
    transform: scale(1.2);
}

.item-geo:hover .blgeo {
    display: block;
}

.item-geo--spain {
    left: 4.55%;
    top: 26.7%;
}

.item-geo--fr {
    left: 12.75%;
    top: 30.4%;
}

.item-geo--ital {
    left: 14.3%;
    top: 46.2%;
}

.item-geo--pol {
    left: 21.9%;
    top: 35.5%;
}

.item-geo--bel {
    left: 26.8%;
    top: 41.5%;
}

.item-geo--ukr {
    left: 24.8%;
    top: 49.5%;
}

.item-geo--kz {
    left: 47.5%;
    top: 70.5%;
}

.item-geo--kgz {
    left: 48%;
    top: 87.0%;
}

.item-geo--msk {
    left: 33%;
    top: 46%;
}

.item-geo--spb {
    left: 31.8%;
    top: 36%;
}

.item-geo--rostov {
    left: 29.4%;
    top: 58.1%;
}

.item-geo--krasnodar {
    left: 27.8%;
    top: 62.6%;
}

.item-geo--nn {
    left: 44.6%;
    top: 49.7%;
}

.item-geo--kzn {
    left: 49.2%;
    top: 50.2%;
}

.item-geo--perm {
    left: 51.7%;
    top: 47.4%;
}

.item-geo--smr {
    left: 49.6%;
    top: 55.4%;
}

.item-geo--ekb {
    left: 53.5%;
    top: 51.5%;
}

.item-geo--chlb {
    left: 54%;
    top: 55.6%;
}

.item-geo--nvsb {
    left: 58%;
    top: 67.6%;
}

.item-geo--vdst {
    left: 92%;
    top: 71.6%;
}

.item-geo--smolensk {
    left: 30.3%;
    top: 44.8%;
}

.item-geo--bryanks {
    left: 30.2%;
    top: 48.1%;
}

.item-geo--orel {
    left: 31.1%;
    top: 48.7%;
}

.item-geo--voronezh {
    left: 31.3%;
    top: 51.6%;
}

.item-geo--belgorod {
    left: 29.4%;
    top: 52.5%;
}

.item-geo--eisk {
    left: 27.2%;
    top: 60.6%;
}

.item-geo--anapa {
    left: 25.6%;
    top: 63.6%;
}

.item-geo--dag {
    left: 29.8%;
    top: 75.9%
}

.item-geo--ncher {
    left: 31.5%;
    top: 59.4%;
}

.item-geo--volg {
    left: 33.3%;
    top: 57.0%;
}

.item-geo--penza {
    left: 35.3%;
    top: 52.2%;
}

.item-geo--tver {
    left: 37%;
    top: 44.9%;
}

.item-geo--arh {
    left: 41.4%;
    top: 34.9%;
}

.item-geo--dubna {
    left: 38.4%;
    top: 46.9%;
}

.item-geo--ryazyan {
    left: 37.4%;
    top: 53.9%;
}

.item-geo--tula {
    left: 39.4%;
    top: 56.9%;
}

.item-geo--podolsk {
    left: 39.4%;
    top: 52.9%;
}

.item-geo--yaroslavl {
    left: 41%;
    top: 45.3%;
}

.item-geo--ivanovo {
    left: 41.7%;
    top: 46.6%;
}

.item-geo--vladimir {
    left: 42.1%;
    top: 49.6%;
}

.item-geo--balahna {
    left: 44.2%;
    top: 49.8%;
}

.item-geo--dzrnsk {
    left: 44.5%;
    top: 52.7%;
}

.item-geo--saratov {
    left: 44.7%;
    top: 57%;
}

.item-geo--saransk {
    left: 45.5%;
    top: 58.2%;
}

.item-geo--kirov {
    left: 50%;
    top: 46%;
}

.item-geo--io-ola {
    left: 48.4%;
    top: 49.3%;
}

.item-geo--chebox {
    left: 48.2%;
    top: 51.3%;
}

.item-geo--ylyan {
    left: 49.5%;
    top: 54.4%;
}

.item-geo--izhevsk {
    left: 51.6%;
    top: 50.2%;
}

.item-geo--ufa {
    left: 52.6%;
    top: 55.6%;
}

.item-geo--belebey {
    left: 52.9%;
    top: 57.4%;
}

.item-geo--nzvsk {
    left: 59.1%;
    top: 50.6%;
}

.item-geo--alt {
    left: 55.4%;
    top: 73.2%;
}

.item-geo--oren {
    left: 41.4%;
    top: 65.2%;
}

.item-geo--tomsk {
    left: 60.4%;
    top: 63.4%;
}

.item-geo--krnsk {
    left: 63.2%;
    top: 66.9%;
}

.item-geo--irkst {
    left: 70.9%;
    top: 73.9%;
}

.item-geo--khabarovsk {
    left: 92.9%;
    top: 65.8%;
}

.stroi-content__main {
    margin-bottom: 70px;
}

.list-logo {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-left: auto;
    justify-content: end;
    margin-top: 17px;
    max-width: 350px;
}

.logo-item {
    background: #FFFFFF;
    box-shadow: 0px 20px 30px rgba(61, 70, 98, 0.1);
    border-radius: 10px;
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-item {
    padding-bottom: 32px;
    position: relative;
    cursor: pointer;
}

.step-item::before {
    height: 4px;
    background-color: #528FF8;
    content: '';
    position: absolute;
    bottom: -1px;
    transition: 0.3s;
    overflow: hidden;
    width: 0;
}

.step-item--active::before {
    width: 100%;
}

.step-item__number {
    color: #528FF8;
    font-size: 14px;
    font-weight: 500;
    line-height: 2.14;
}

.step-item strong {
    font-size: 18px;
    font-weight: 500;
}

.step-row {
    border-bottom: 1px solid #D0D3DD;
    margin-bottom: 68px;
}

.content__big {
    font-size: 18px;
}

.posle-vnedrenia-row {
    margin-bottom: 78px;
}

.posle-vnedrenia {
    padding-top: 100px;
}

.main-slider {
    width: 501px;
    height: 637px;
    position: relative;
    box-sizing: border-box;
    padding: 25px 2px;
}

.main-slider::after {
    position: absolute;
    width: 501px;
    content: '';
    height: 637px;
    left: 0;
    z-index: -2;
    top: 0;
    background: url(../img/bg-slider-crm.png) no-repeat center;
}

.main-slider::before {
    position: absolute;
    width: 505px;
    content: '';
    height: 481px;
    left: -369px;
    z-index: -2;
    top: 31px;
    background: url(../img/phones.png) no-repeat center;
}

.main-slider .swiper {
    max-width: 237px;
    height: 481px;
    border-radius: 30px;
}

.main-slider .swiper img {
    background: linear-gradient(0deg, rgba(61, 70, 98, 0.5), rgba(61, 70, 98, 0.5)), url(image.png);
    background-blend-mode: lighten, normal;
    border-radius: 30px;
}

.main-slider-wrapper {
    max-width: 340px;
    margin-left: auto;
    position: relative;
}

.main-slider .swiper-button-prev {
    left: 0;
    top: 220px;
}

.main-slider .swiper-button-next {
    right: 0;
    top: 220px;
}

.main-s {
    padding-bottom: 100px;
    margin: 0 auto;
    max-width: 1920px;
}

.main-s--nobg {
    background-image: none;
}

.audit-row-1 {
    margin-bottom: 122px;
}

.audit-row-2 {
    margin-bottom: 211px;
}

.spend-step-padding {
    padding-left: 60px;
}

.entry-online .podrob {
    max-width: 564px;
}

.entry-online .white-round-btn {
    margin-top: 129px;
}

.kontrol-resh--bg-1 {
    position: relative;
}

.kontrol-resh--bg-1 .resh-kontrol-il {
    margin-right: -40px;
    width: 508px;
    max-width: none;
}

.kontrol-resh--bg-1 .white-round-btn {
    position: absolute;
    top: 174px;
    left: -50px;
}

.kontrol-resh-row {
    margin-bottom: 100px;
}

.kontrol-resh--bg-2 {
    position: relative;
    text-align: center;
}

.kontrol-resh--bg-2 .white-round-btn {
    position: absolute;
    top: 174px;
    right: -50px;
}

.kontrol-resh-s-2 {
    margin-left: -40px;
}

.kontrol-resh-s p:not(:last-child) {
    margin-bottom: 20px;
}

.blue-block--white {
    background-color: #FFFFFF;
}

.one-result-klient__video {
    background: #3D4662;
    margin-bottom: 30px;
}

.content__muted {
    color: #7582A9;
}

.will-you-get {
    padding: 100px 0;
}

.quality-content {
    padding-top: 40px;
    max-width: 760px;
    padding-bottom: 124px;
}

.kontrol-content {
    max-width: 760px;
}

.white-round-btn--kontrol {
    position: absolute;
    right: 267px;
    top: 218px;
}

.white-round-btn--kontrol::before {
    content: '';
    width: 196.07px;
    height: 196.05px;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    background: url(../img/icons/pincher-crm.svg);
}

.sale-develop {
    padding: 100px 0;
}

.o-kompanii-metody-img {
    height: 100%;
    position: relative;
}

.o-kompanii-metody-img::before {
    content: '';
    width: 460px;
    height: 400px;
    position: absolute;
    right: 0;
    top: 7px;
    background-color: #F2F4F7;
}

.o-kompanii-metody-img .blue-block {
    width: 460px;
    margin-left: auto;
    position: relative;
}

.o-kompanii-learnin-img, .o-kompanii-metodology__img {
    max-width: 460px;
    margin: 0 auto;
}

.o-kompanii-learnin-img .white-round-btn-wrap:hover {
    background: #fff
}

.o-kompanii-metody-img img {
    position: absolute;
    max-width: none;
    left: 40px;
    top: 43px;
}

.o-kompanii-learning {
    padding-top: 100px;
    padding-bottom: 50px;
}

.o-kompanii-learning__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.5;
}

.o-kompanii-learning__list-item {
    display: flex;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500;
    color: #3D4662;
}

.white-round-btn-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -50px;
}

.o-kompanii-metodology {
    padding-top: 100px;
    padding-bottom: 100px;
}

.details-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -33px;
}

.o-kompanii-metodology-2 {
    padding-bottom: 100px;
}

.kompany-top10 {
    padding-top: 100px;
}

.top10-item__main {
    background-color: #FFFFFF;
    position: relative;
    padding-top: 50px;
    height: 300px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.top10-item__tablet {
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50px;
    transition: all 0.3s;
}

.top10-item:hover .top10-item__tablet {
    top: 35px;
}

.top10-item__logo {
    position: absolute;
    top: 53px;
    left: 58px;
}

.top10-item__title {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    display: block;
    color: #3D4662;
    text-align: center;
}

.tabs-keisy .tabs-keisy-list {
    border-bottom: 0;
    margin-bottom: 30px;
}

.amo-stroy {
    padding: 100px 0;
}

.projects-countries {
    position: absolute;
    top: 58px;
    right: -5px;
    max-width: 272px;
    z-index: 10;
    box-sizing: border-box;
    border: 1px solid transparent;
    transition: 0.3s;
    width: 100%;
}

.projects-countries__header {
    font-size: 12px;
    cursor: pointer;
    position: relative;
    font-weight: 500;
    padding: 10px;
    border-bottom: 2px solid #528FF8;
}

.projects-countries__header::after {
    content: '';
    position: absolute;
    width: 9px;
    height: 6px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4.35115 4.15521L7.70229 1' stroke='%237582A9' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
}

.projects-countries-list {
    padding: 20px 10px;
    display: none;
}

.projects-countries__item {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.projects-countries__item:not(:last-child) {
    margin-bottom: 20px;
}

.projects-countries--active {
    border: 1px solid #E6E8EF;
    background-color: #FFFFFF;
}

.projects-countries--active .projects-countries-list {
    display: block;
}

.map-item-mobile {
    width: calc(100% - 50px);
    aspect-ratio: 16/9;
    background-image: url(../img/map-mobile.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 25px 40px;
    position: relative;
    box-sizing: border-box;
}

.step-main {
    display: none;
}

.step-main--active {
    display: block;
}

.main-page__content {
    position: relative;
    z-index: 2;
}

.main-page__img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
    width: 1440px;
    top: 46px;
    margin: 0 auto;
    text-align: right;
}

.main-page {
    position: relative;
}

.main-page__audit .main-page__img img {
    margin-top: -43px;
}

.entry-online .bl-dark__img img {
    margin-top: -121px;
    margin-right: -348px;
}

.entry-online-2 .bl-dark__img img {
    margin-top: 4px;
    margin-right: -50px;
}

.entry-online-2 .white-round-btn {
    top: 79px;
}

.main-page__individ .main-page__img img {
    margin-top: -88px;
}

.main-amo__bitrix .main-amo__img img {
    margin-top: 85px;
}

.step-kviz {
    display: none;
    height: 100%;
    box-sizing: border-box;
}

.step-kviz * {
    box-sizing: border-box;
}

.step-kviz--active {
    display: block;
}

.checkbox {
    display: flex;
    align-items: center;
    gap: 40px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
}

.checkbox__control {
    width: 20px;
    height: 20px;
    flex: 0 0 auto;
    border: 1px solid rgba(117, 130, 169, 0.3);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.checkbox__control::before {
    content: '';
    width: 14px;
    height: 14px;
    background-color: #FFCA8A;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.28571 2L4.09521 6L2 4' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 3px;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}

.checkbox input {
    display: none;
}

.checkbox__main strong {
    font-weight: 500;
    display: block;
}

.checkbox__main strong:not(:last-child) {
    margin-bottom: 5px;
}

.checkbox__main span {
    color: #7582A9;
}

.checkbox input:checked+.checkbox__control::before {
    opacity: 1;
    visibility: visible;
}

.step-kviz-main {
    display: flex;
    height: 100%;
    flex-direction: column;
}

.step-kviz-main__body {
    flex: 1 0 auto;
    padding-bottom: 30px;
}

.step-kviz-main__footer {
    flex: 0 0 auto;
}

.step-kviz-main__header {
    flex: 0 0 auto;
}

.input-list .checkbox:not(:last-child), .input-list .radio:not(:last-child) {
    margin-bottom: 30px;
}

.step-kviz-main__footer .calc-btn {
    max-width: 600px;
}

.radio {
    display: flex;
    align-items: center;
    gap: 40px;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    flex: 0 0 auto;
}

.radio__control {
    width: 20px;
    height: 20px;
    border: 1px solid rgba(117, 130, 169, 0.3);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}

.radio__control::before {
    content: '';
    width: 10px;
    height: 10px;
    background-color: #FFCA8A;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}

.radio input:checked+.radio__control::before {
    opacity: 1;
    visibility: visible;
}

.radio input {
    display: none;
}

.radio__main strong {
    font-weight: 500;
    display: block;
}

.radio__main strong:not(:last-child) {
    margin-bottom: 5px;
}

.radio__main span {
    color: #7582A9;
}

.input--kviz {
    display: inline-block;
    max-width: 280px;
    width: 100%;
}

.pincher-radio input {
    display: none;
}

.pincher-calc figure {
    height: 159px;
    border: 1px solid #E6E8EF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    display: block;
    text-align: center;
    cursor: pointer;
}

.pincher-radio:hover figure {
    border: 3px solid #FFBA00;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pincher-radio input:checked+.pincher-radio__main figure {
    border: 3px solid #FFBA00;
}

.kviz-form {
    height: 100%;
}

.form__cont {
    font-size: 14px;
    font-weight: 500;
}

.kviz-form-inputs {
    max-width: 380px;
}

.kviz-form-inputs .button {
    padding: 0;
    width: 100%;
}

.step-kviz-main__body-th {
    display: flex;
    align-items: center;
    justify-content: center;
}

.kviz-thanks {
    text-align: center;
}

.kviz-thanks__title {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 500;
}

.kviz-thanks__desc {
    font-size: 18px;
    line-height: 1.5;
    color: #7582A9;
    margin-bottom: 50px;
}

.kontakty-slider .swiper-button-next, .kontakty-slider .swiper-button-prev {
    background-color: #3D4662;
    top: 214px;
}

.kontakty-slider .swiper-slide img {
    max-height: 450px;
    width: 100%;
}

.kontakty-slider .swiper-button-next:hover, .kontakty-slider .swiper-button-prev:hover {
    background: #528FF8;
}

.crm-consult--forms {
    display: none;
    flex-direction: column;
}

.crm-consult--forms--active {
    display: flex;
}

.crm-consult--noforms {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.crm-consult--forms figure {
    text-align: center;
}

.adbd {
    padding: 0;
    margin-bottom: 40px;
}

.adbd__item {
    position: relative;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='15' cy='15' r='15' fill='%23FFCA8A'/%3E%3Cpath d='M9 14.7522L13.0539 18.8061L21 11' stroke='%233D4662' stroke-width='2'/%3E%3C/svg%3E%0A");
    background-position: left center;
    background-repeat: no-repeat;
    color: #528FF8;
    padding: 5px 0 5px 50px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.5;
}

.adbd__item:not(:last-child) {
    margin-bottom: 22px;
}

.lic-amo-main-content {
    max-width: 675px;
}

.lic-amo-main-content__desc {
    max-width: 520px;
    color: #3D4662;
    line-height: 1.55;
}

.lic-amo-main-content__desc p {
    font-size: 24px;
}

.main-page__licensia-amocrm {
    padding-bottom: 90px;
}

.main-page__licensia-amocrm .main-page__img img {
    margin-right: 60px;
    margin-top: -43px;
}

.bl-dark__vnedrenie-amocrm-content {
    max-width: 560px;
}

.bvam_desc {
    max-width: 460px;
}

.main-page__about {
    padding-top: 40px;
}

.main-page__about .main-page__img img {
    margin-top: -26px;
}

.main-page__individ {
    padding-bottom: 100px;
}

.bl-dark-bg--amo-stroi .bl-dark__main {
    margin-bottom: 130px;
}

.mnt_bonus {
    font-size: 14px;
    color: #7582A9;
    display: block;
    margin-bottom: 10px;
}

.modal-title {
    font-size: 26px;
    text-align: center;
    font-weight: 500;
}

.modal-header {
    display: block;
}

.close {
    position: absolute;
    right: -30px;
    border: 0;
    top: -40px;
    font-size: 30px;
    width: 30px;
    background-color: transparent;
    height: 30px;
    border-radius: 10px;
    font-weight: 300;
    line-height: 0;
}

.close::after {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transform: rotate(45deg);
    left: 5px;
}

.close::before {
    content: '';
    width: 20px;
    height: 2px;
    background-color: #fff;
    position: absolute;
    transform: rotate(-45deg);
    left: 5px;
}

.modal-dialog {
    margin-top: 150px;
}

.modal-content {
    border-radius: 10px;
}

.modal-body {
    padding: 20px 20px 30px;
}

.modal-body .form2 input {
    border: 1px solid;
    height: 80px;
    margin-bottom: 20px;
}

.modal-header {
    padding-bottom: 0;
}

.lic-shag-flex {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 0 -20px;
}

.lic-shag-sel button {
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #fff;
}

@media screen and (max-width: 767px) {
    .light-gray {
        overflow-x: hidden;
    }

    .consult-fon picture {
        margin-right: 0!important;
    }

    html, body {
        overflow-x: hidden;
    }

    .modal-content .modal-header {
        padding: 57px 26px 0;
    }

    .modal-content .modal-body {
        padding: 0 26px 60px;
    }
}

blockquote {
    margin-bottom: 25px;
}

.blog-posts__content>p>img {
    height: auto!important;
}

.conult-avatar {
    border-radius: 50%;
}