* {
 margin: 0;
 padding: 0;
 line-height: 1;
 color: #15141a;
 border: 0;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 0;
 resize: none;
 outline: 0;
 text-decoration: none;
 list-style: none;
 /* -webkit-appearance:none; */
 /* -webkit-text-size-adjust:100%; */
}

::-ms-clear,
::-ms-reveal {
 display: none
}

.header .bottom nav ul li:hover >

ul,
h1,
h2,
h3,
h4,
h5,
h6,
.title-h2,
.title-h3 {
 display: block
}

h4,
h5,
h6 {
 color: inherit;
 font-weight: inherit
}

body,
html {
 font-family: Roboto;
 font-size: 15px;
 font-weight: 400
}

a,
button {
 cursor: pointer;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

a,
button,
h4,
span {
 line-height: inherit;
 font-size: inherit
}

a,
button,
p,
span {
 display: inline-block;
 background: 0 0;
 color: inherit
}

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

.container {
 position: relative;
 margin: 0 auto;
 padding: 0 40px;
 width: 100%;
 max-width: 1540px
}

::-webkit-scrollbar {
 width: 8px
}

::-webkit-scrollbar-track {
 border-radius: 4px;
 background: rgba(0, 0, 0, 0.1)
}

::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:hover {
 border-radius: 4px;
 background: #4b26cf
}

.fancybox-slide--html {
 padding: 20px
}

.fancybox-bg,
.modal {
 background: #fff
}

.fancybox-is-open .fancybox-bg {
 opacity: 0.9
}

.modal {
 /* width: 100%; */
 /* max-width: 1200px; */
 /* display: none; */
 /* padding: 130px; */
 /* -webkit-box-shadow: 0 6px 20px rgba(200, 209, 222, 0.5); */
 /* box-shadow: 0 6px 20px rgba(200, 209, 222, 0.5); */
 /* border-radius: 6px; */
}

.fancybox-button--close,
.fancybox-slide--html .fancybox-close-small {
 top: 30px;
 right: 30px;
 padding: 0;
 height: 50px;
 width: 50px;
 background: 0 0
}

.fancybox-button--close::after,
.fancybox-slide--html .fancybox-close-small::after {
 -webkit-transform: rotate(45deg) translateY(-50%);
 -ms-transform: rotate(45deg) translateY(-50%);
 transform: rotate(45deg) translateY(-50%);
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 height: 1px;
 background: #000
}

.fancybox-button--close::before,
.fancybox-slide--html .fancybox-close-small::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 height: 1px;
 background: #000;
 -webkit-transform: rotate(-45deg) translateY(-50%);
 -ms-transform: rotate(-45deg) translateY(-50%);
 transform: rotate(-45deg) translateY(-50%)
}

.fancybox-button--close svg,
.fancybox-slide--html .fancybox-close-small svg {
 display: none
}

.btn1 {
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 padding: 15px 0;
 width: 160px;
 position: relative;
 color: #15141a;
 text-align: center;
 z-index: 1
}

.btn1:hover {
 color: #fff;
 border-color: transparent
}

.btn1::after {
 width: 100%;
 height: 100%;
 opacity: 0;
 z-index: -1;
 background: -o-linear-gradient(23.57deg, #3e16cb 2.92%, #9c5aec 60.13%);
 background: linear-gradient(66.43deg, #3e16cb 2.92%, #9c5aec 60.13%);
 border-radius: 4px;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.btn1::after,
.btn1::before,
.checkbox::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0
}

.btn1::before,
.btn2::before {
 border-radius: 4px;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.btn1::before {
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border: 1px solid rgba(0, 0, 0, 0.3)
}

.btn1:hover::before {
 opacity: 0
}

.btn1:hover::after,
.checkbox.active::after,
.uslugi .swiper-slide .btn2:hover::after {
 opacity: 1
}

.btn1,
.btn2,
input,
textarea {
 line-height: 1.2;
 font-size: 15px;
 border-radius: 4px;
}

input,
textarea {
 padding: 10px 20px;
 line-height: 1.87;
 letter-spacing: 0.005em;
 font-family: Roboto
}

.btn2 {
 position: relative;
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 text-align: center;
 background: #9354e9;
 padding: 15px 0;
 width: 160px;
 color: #fff;
 z-index: 1
}

.btn2::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 z-index: -1;
 background: -o-linear-gradient(3.93deg, #3e16cb 1.92%, #9c5aec 100.62%);
 background: linear-gradient(86.07deg, #3e16cb 1.92%, #9c5aec 100.62%)
}

.btn2:hover::before {
 opacity: 0
}

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

.logo img {
 height: 50px;
 width: auto
}

.logo span {
 font-size: 11px;
 font-weight: 400;
 color: #3e16cb;
 margin-left: 14px
}

.banner p,
.h1,
.h2,
.h3,
h1,
h2,
h3,
.title-h2,
.title-h3 {
 font-family: Museo Sans Cyrl;
 color: #15141a
}

.h1,
h1 {
 font-weight: 700;
 font-size: 38px;
 line-height: 1.2;
 letter-spacing: 0.015em
}

.h2,
.title-h2 {
 font-size: 34px;
 line-height: 1.38
}

.h2,
.h3,
h2,
h3,
.title-h2,
.title-h3 {
 font-weight: 600
}

.h3,
h3,
.title-h3,
.title-h3-n {
 font-size: 22px;
 line-height: 1.17
}

.title-h3-n {
 width: 100%;
 font-weight: bold
}

h2,
.title-h2 {
 font-size: 34px;
 line-height: 1.38
}

.checkbox {
 /* position: relative;
 font-size: 14px;
 line-height: 1.57;
 letter-spacing: 0.005em;
 max-width: 270px;
 padding-left: 76px;
 padding-top: 5px;
 cursor: pointer */
}

.checkbox span {
 /* color: #3e16cb;
 display: inline */
}

.checkbox::before {
 /* width: 50px;
 height: 50px;
 border: 1px solid #e8eaf1;
 border-radius: 6px */
}

.checkbox::after {
 /* content: "";
 position: absolute;
 left: 18px;
 top: 18px;
 width: 16px;
 height: 16px;
 background: url(../img/icon.svg) no-repeat 50% 50% / contain;
 opacity: 0 */
}

::-webkit-input-placeholder {
 color: #c4c4c4
}

::-moz-placeholder {
 color: #c4c4c4
}

:-ms-input-placeholder {
 color: #c4c4c4
}

::-ms-input-placeholder {
 color: #c4c4c4
}

::placeholder {
 color: #c4c4c4
}

.modal input,
.modal textarea {
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em;
 padding: 20px 40px;
 border: 1px solid #e8eaf1;
 border-radius: 6px
}

.modal input {
 width: calc((100% - 30px) / 2);
 margin-bottom: 30px
}

.modal input:nth-child(2n-1) {
 margin-right: 30px
}

.modal textarea {
 width: 100%;
 height: 220px
}

.modal .h1 {
 margin-bottom: 20px
}

.modal .p {
 font-size: 17px;
 line-height: 1.65;
 letter-spacing: 0.005em;
 color: #15141a;
 max-width: 460px;
 margin-bottom: 67px
}

.modal .bottom {
 margin-top: 78px
}

.modal .bottom .btn2 {
 width: 305px;
 margin-left: auto
}

.about .right .info .vacancie-form .bottom .flex .checkbox+.btn2,
.modal .checkbox+.btn2 {
 pointer-events: none;
 opacity: 0.5
}

.about .right .info .vacancie-form .bottom .flex .checkbox.active+.btn2,
.modal .checkbox.active+.btn2 {
 pointer-events: all;
 opacity: 1
}

.swiper-slide {
 height: auto
}

.swiper-pagination-bullet {
 margin: 0 !important;
 position: relative;
 width: 22px;
 height: 22px;
 background: 0 0;
 border: 1px solid transparent;
 opacity: 0.5
}

.swiper-button-next::after,
.swiper-button-prev::after,
.swiper-pagination-bullet::before {
 position: absolute;
 content: "";
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%)
}

.swiper-pagination-bullet::before {
 width: 6px;
 height: 6px;
 background: #522fd0;
 border-radius: 50%
}

.swiper-pagination-bullet-active {
 border: 1px solid #522fd0;
 opacity: 1
}

.swiper-button-next,
.swiper-button-prev {
 margin-top: 0;
 width: 52px;
 height: 52px;
 border: 2px solid #e8eaf1;
 border-radius: 20px
}

.swiper-button-next::after,
.swiper-button-prev::after {
 width: 10px;
 height: 10px;
 background: url("/img/Rectangle 122.svg") no-repeat 50% 50% / contain
}

.swiper-button-next::after {
 background: url("/img/Rectangle 122 (1).svg") no-repeat 50% 50% / contain
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
 border-color: #4b26cf
}

.swiper-button-disabled,
.text i {
 opacity: 0.5
}

.header {
 /* position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 background: #fff;
 z-index: 100 */
}

.header .bottom,
.header .top {
 border-bottom: 1px solid #e8eaf1
}

.header .top {
 padding: 8px 0
}

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

.header .top nav {
 margin-left: 57px
}

.header .top nav ul li:not(:last-child) {
 margin-right: 40px
}

.header .top nav ul li a {
 font-family: Museo Sans Cyrl;
 font-size: 14px;
 font-weight: 300;
 color: #15141a
}

.header .bottom nav ul li a:hover,
.header .top nav ul li a:hover,
.uslugi .top h2 span,
.top .title-h2 span {
 color: #3e16cb
}

.header .top nav ul li .more {
 position: relative;
 padding-right: 15px
}

.header .top nav ul li .more::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 8px;
 height: 8px;
 background: url("../img/Rectangle 100.svg") no-repeat 50% 50% / contain;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.header .top nav ul li .more.active::after,
.hidden-menu .top nav ul li .more.active::after {
 -webkit-transform: translateY(-50%) rotate(-180deg);
 -ms-transform: translateY(-50%) rotate(-180deg);
 transform: translateY(-50%) rotate(-180deg)
}

.header .top nav ul li .more+.hidden {
 display: none;
 margin-left: -20px;
 padding: 20px;
 background: #fff;
 position: absolute;
 z-index: 2
}

.header .top nav ul li .more+.hidden li {
 margin-right: 0
}

.header .top nav ul li .more+.hidden li:not(:last-child),
.podrobnee .swiper-slide ol li:not(:last-child) {
 margin-bottom: 20px
}

.header .top .socials {
 margin-left: auto;
 margin-right: 67px
}

.header .top .socials ul li:not(:last-child) {
 margin-right: 14px
}

.header .top .socials ul li a {
 position: relative;
 width: 12px;
 height: 12px
}

.header .top .socials ul li a span {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.header .top .socials ul li a span:first-child {
 z-index: 1
}

.header .top .socials ul li a:hover span:first-child,
.hidden-menu .socials ul li a:hover span:first-child {
 opacity: 0
}

.header .top .buttons ul li:not(:last-child) {
 margin-right: 5px
}

.header .top .btn1,
.header .top .btn2 {
 width: 150px;
 font-size: 13px;
 font-weight: 500
}

.header .bottom nav ul li {
 padding: 0 40px
}

.header .bottom nav ul li:first-child {
 padding-left: 0
}

.header .bottom nav ul li:last-child {
 margin-left: auto
}

.header .bottom nav ul li .tel {
 font-weight: 900
}

.header .bottom nav ul li a,
.header .bottom nav ul li span {
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 letter-spacing: 0.015em;
 color: #15141a
}

.header .bottom nav ul li a {
 font-size: 15px
}

.header .bottom nav ul li span {
 cursor: default;
 padding: 23px 0;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.header .bottom nav ul li:hover >

span {
 color: #3e16cb
}

.header .bottom nav ul li .sales:hover,
.header .bottom nav ul li:hover >

.sales {
 color: #cd38c4
}

.header .bottom nav ul li .sales {
 position: relative;
 padding-right: 16px;
 color: #cd38c4
}

.header .bottom nav ul li .sales::after {
 content: "";
 position: absolute;
 top: 23px;
 right: 0;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 15px;
 height: 15px;
 background: url("../img/image 6.png") no-repeat 50% 50% / contain
}

.header .bottom nav ul li >

ul {
 display: none;
 left: 0;
 width: 100vw;
 position: fixed;
 top: 132px;
 background: #fff;
 z-index: 100;
 border-bottom: 1px solid #e8eaf1
}

.header .bottom nav ul li >

ul .container {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 -ms-flex-direction: column;
 flex-direction: column;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 height: 220px
}

.header .bottom nav ul li >

ul li {
 margin-top: 23px;
 padding: 0
}

.header .bottom nav ul li >

ul li a {
 padding: 0;
 font-size: 14px;
 font-weight: 300;
 line-height: 1.21;
 letter-spacing: 0
}

.header .bottom nav ul li >

ul li:last-child {
 margin-left: 0
}

.header .bottom nav ul li a.search-a {
 position: relative;
 padding-right: 20px
}

.header .bottom nav ul li a.search-a::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 height: 14px;
 width: 14px;
 background: url("/img/search4.svg") no-repeat 50% 50% / contain
}

.main {
 position: relative;
 min-height: 50vh;
}

section {
 /* padding: 60px 0 */
}

section.no-pt {
 padding-top: 0
}

.banner {
 padding: 0;
 height: auto;
 -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.3);
 box-shadow: 0 6px 8px rgba(200, 209, 222, 0.3);
 margin-top: 100px;
 padding-bottom: 85px
}

.banner .swiper-container,
.banner .swiper-slide {
 width: 100%;
 height: 100%
}

.banner .swiper-slide {
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 70% 50%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

.banner .swiper-slide,
.banner .swiper-slide .flex {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}

.banner .swiper-slide .container {
 height: 100%
}

.banner .swiper-slide .flex {
 height: 100%;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}

.banner .swiper-slide .left,
.contacts ul {
 width: 50%;
 margin-bottom: 30px
}

.banner .swiper-slide .right {
 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;
 height: 100%;
 text-align: center;
 width: 50%;
 max-width: 587px
}

.banner .swiper-slide .right img {
 height: auto;
 width: auto
}

.banner h1 {
 max-width: 500px;
 margin-bottom: 16px;
 font-weight: 500;
 font-size: 46px;
 line-height: 140%;
 letter-spacing: -0.02em;
 color: #15141A
}

.banner p {
 max-width: 500px;
 font-weight: 400;
 font-size: 16px;
 line-height: 140%;
 letter-spacing: -0.01em;
 color: #15141A
}

.banner .buttons {
 margin-top: 70px
}

.banner p {
 margin-top: 5px
}

.banner .buttons {
 margin-bottom: 41px;
 margin-top: 30px
}

.banner .swiper-slide .img {
 display: none
}

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

.banner .buttons ul.flex {
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: start
}

.banner .buttons .a {
 font-family: Museo Sans Cyrl;
 font-size: 15px;
 font-weight: 400;
 line-height: 1.2;
 margin-left: 39px;
 padding-bottom: 6px;
 color: #15141a;
 border-bottom: 1px solid #15141a;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.banner .buttons .a:hover {
 color: #3e16cb;
 border-color: #3e16cb
}

.banner .swiper-pagination {
 bottom: 35px
}

.pre {
 padding-top: 50px;
 background: #fafafc
}

.pre .card {
 padding: 50px;
 -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
 box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
 border-radius: 6px;
 border: 1px solid #fff;
 width: calc((100% - 20px * 3) / 4);
 margin-right: 20px
}

.call tr:nth-child(2n + 2),
.pre .card:nth-child(4n + 4) {
 margin-right: 0
}

.pre .card .img {
 width: 85px;
 height: 65px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 0 50%;
 margin-bottom: 60px
}

.pre .card h3,
.pre .card .title-h3 {
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 font-size: 19px;
 line-height: 1.37;
 color: #15141a;
 margin-bottom: 18px
}

.pre .card p,
.uslugi .swiper-slide ol li {
 font-size: 15px;
 line-height: 1.6;
 letter-spacing: 0.005em;
 color: #726f80
}

.uslugi .swiper-slide ol li {
 position: relative;
 line-height: 1.2;
 color: #fff;
 padding: 15px 40px 15px 20px;
 border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.uslugi {
 background: #fafafc
}

.uslugi .top {
 margin-bottom: 90px
}

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

.comfort .top h2,
.comfort .top .title-h2,
.uslugi .top h2,
.uslugi .top .title-h2 {
 margin-left: 50px;
 max-width: 785px
}

.uslugi .top p {
 font-size: 15px;
 line-height: 1.87;
 color: #726f80;
 max-width: 517px;
 margin-left: auto
}

.uslugi .top p a {
 line-height: 1;
 color: #3e16cb;
 border-bottom: 1px solid transparent
}

.uslugi .top p a:hover {
 border-bottom: 1px solid #3e16cb
}

.uslugi .swiper-pagination {
 display: none
}

.uslugi .swiper-slide {
 padding: 40px 20px 30px;
 background: -o-linear-gradient(72.37deg, #3e16cb 0, #9c5aec 100%);
 background: linear-gradient(17.63deg, #3e16cb 0, #9c5aec 100%);
 border-radius: 6px
}

.uslugi .swiper-slide .img {
 width: 70px;
 height: 70px;
 margin-bottom: 50px;
 margin-left: 20px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 0 50%
}

.uslugi .swiper-slide h3,
.uslugi .swiper-slide .title-h3 {
 color: #fff;
 margin-left: 20px;
 margin-bottom: 15px
}

.uslugi .swiper-slide ol {
 min-height: 196px;
 max-height: 196px;
 counter-reset: number1;
 list-style-type: none;
 margin-bottom: 47px
}

.uslugi .swiper-slide .btn1 span,
.uslugi .swiper-slide ol li::after {
 right: 20px;
 font-size: 9px;
 letter-spacing: 0.05em;
 position: absolute;
 top: 50%;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%)
}

.uslugi .swiper-slide ol li::after {
 counter-increment: number1;
 content: "0" counter(number1);
 color: #fff;
 opacity: 0.5
}

.call table,
.uslugi .swiper-slide .btn1,
.uslugi .swiper-slide .btn2,
.video a[data-fancybox] {
 width: 100%
}

.uslugi .swiper-slide .btn1 {
 color: #fff;
 margin-bottom: 6px
}

.uslugi .swiper-slide .btn1::before {
 border-color: rgba(255, 255, 255, 0.2)
}

.uslugi .swiper-slide .btn1 span {
 font-family: Roboto;
 font-weight: 400
}

.uslugi .swiper-slide .btn2 {
 position: relative;
 color: #15141a;
 background: #fff;
 -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3)
}

.uslugi .swiper-slide .btn2::before {
 background: #fff
}

.uslugi .swiper-slide .btn2:hover {
 background: #9354e9;
 color: #fff
}

.call h2,
.call .title-h2 {
 margin-left: 50px;
 margin-bottom: 60px
}

.call table tbody,
.call tr {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.call table tbody {
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

.call tr {
 font-family: Museo Sans Cyrl;
 font-size: 15px;
 line-height: 1.2;
 font-weight: 400;
 position: relative;
 width: calc((100% - 60px) / 2);
 margin-right: 60px;
 padding-left: 50px;
 padding-top: 25px;
 padding-bottom: 25px;
 border-bottom: 1px solid #e8eaf1
}

.call tr td:nth-child(1) {
 padding-right: 50px;
 max-width: calc(100% - 200px)
}

.call tr td:nth-child(2) {
 font-weight: 700;
 line-height: 1.2;
 color: #4b26cf;
 margin-left: auto;
 width: 200px
}

.call .btn1 {
 text-align: center;
 width: 100%;
 margin-right: 50px
}

.call .btn1::before,
.primer .swiper-slide .right .btn1::before {
 border-color: #e8eaf1
}

.call p,
.comfort .swiper-slide p {
 letter-spacing: 0.005em;
 color: #15141a
}

.call .btn1,
.call p {
 margin-left: 50px;
 margin-top: 55px
}

.call p {
 max-width: 1090px;
 font-size: 17px;
 line-height: 1.64
}

.comfort,
.video {
 padding-bottom: 100px
}

.video {
 border-radius: 6px;
 position: relative
}

.video a[data-fancybox]::after {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: 120px;
 height: 120px;
 background: url("../img/Ellipse 58.svg") no-repeat 50% 50% / contain
}

.video a[data-fancybox]::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-40%, -50%);
 -ms-transform: translate(-40%, -50%);
 transform: translate(-40%, -50%);
 width: 30px;
 height: 30px;
 background: url("../img/Polygon 2.svg") no-repeat 50% 50% / contain
}

.video img {
 width: 100%;
 height: auto
}

.comfort {
 padding-top: 80px
}

.comfort .top {
 margin-bottom: 40px
}

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

.comfort .top h2 span,
.comfort .top .title-h2 span {
 display: inline;
 color: #3e16cb
}

.comfort .swiper-pagination {
 display: none
}

.comfort .swiper-slide {
 padding: 20px;
 background: #d7d5fc;
 border-radius: 6px
}

.comfort .swiper-slide .img {
 width: 100%;
 height: 250px;
 margin-bottom: 20px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%
}

.comfort .swiper-slide h3,
.comfort .swiper-slide .title,
.comfort .swiper-slide .title-h3 {
 color: #3e16cb;
 margin-bottom: 15px
}

.comfort .swiper-slide p {
 font-size: 15px;
 line-height: 1.6;
 max-width: 256px;
 margin-bottom: 20px
}

.comfort .swiper-slide .btn1,
.footer .top .right input {
 width: 100%
}

.comfort,
.primer,
.slider {
 /* background: #fafafc */
}

.slider {
 padding-bottom: 50px
}

.slider .swiper-container {
 border-radius: 6px;
 width: 100%;
 min-height: 430px;
 padding-bottom: 50px
}

.slider .swiper-slide {
 border-radius: 6px;
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 100% 50%;
 padding: 40px 50px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
 -ms-flex-align: end
}

.slider .swiper-slide h2,
.slider .swiper-slide .title-h2 {
 font-size: 36px;
 font-weight: 700;
 line-height: 1.16;
 letter-spacing: 0;
 margin-bottom: 20px;
 max-width: 420px
}

.center .top p,
.primer .swiper-slide .right h3,
.primer .swiper-slide .right .title-h3,
.slider .swiper-slide p {
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em
}

.slider .swiper-slide p {
 max-width: 400px;
 margin-bottom: 40px
}

.slider .swiper-pagination {
 bottom: 0
}

.slider .swiper-button-next {
 top: 40%;
 right: -30px
}

.slider .swiper-button-prev {
 top: 40%;
 left: -30px
}

.primer {
 padding-bottom: 100px
}

.primer h2,
.primer .title-h2 {
 margin-left: 50px;
 margin-bottom: 30px
}

.primer .swiper-container {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px
}

.primer .swiper-slide,
.primer .swiper-slide .left {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.primer .swiper-slide {
 background: #fff;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 6px 10px rgba(200, 209, 222, 0.5);
 box-shadow: 0 6px 10px rgba(200, 209, 222, 0.5);
 border-radius: 6px
}

.primer .swiper-slide .left {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 30px;
 border-right: 1px solid rgba(232, 234, 241, 0.5)
}

.primer .swiper-slide img {
 width: 176px;
 height: 96px;
 -o-object-fit: contain;
 object-fit: contain
}

.primer .swiper-slide .right {
 padding: 90px 70px 30px 40px
}

.primer .swiper-slide .right h3,
.primer .swiper-slide .right .title-h3 {
 display: block;
 color: #3e16cb;
 margin-bottom: 25px
}

.primer .swiper-slide .right p {
 display: block;
 font-size: 15px;
 line-height: 1.73;
 letter-spacing: 0.005em;
 color: #726f80;
 height: 200px;
 overflow: hidden
}

.primer .swiper-slide .right .btn1 {
 margin-top: 75px
}

.primer .swiper-button-next {
 top: 50%;
 right: -30px
}

.primer .swiper-button-prev {
 top: 50%;
 left: -30px
}

.primer .swiper-pagination {
 display: none
}

.center .top {
 margin-left: 50px
}

.center .top h2,
.center .top .title-h2 {
 margin-bottom: 60px
}

.center .top p {
 color: #726f80;
 margin-bottom: 40px
}

.center .card {
 width: calc((100% - 20px * 2) / 3);
 margin-right: 20px;
 border: 1px solid #e8eaf1;
 border-radius: 6px;
 padding: 37px 20px
}

.center .card:nth-child(3n + 3) {
 margin-right: 0
}

.center .bottom p {
 letter-spacing: 0.005em;
 font-size: 15px;
 line-height: 1.73;
 color: #726f80
}

.center .card ul li,
.consult p {
 font-size: 17px;
 letter-spacing: 0.005em
}

.consult .form-label_checkbox {
 width: auto;
 max-width: 450px
}

.center .card ul li {
 font-weight: 500;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-family: Museo Sans Cyrl;
 line-height: 2.11
}

.consult p {
 font-weight: 400;
 line-height: 1.64;
 max-width: 550px;
 margin-bottom: 40px
}

.center .card ul li .img {
 width: 20px;
 height: 20px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 0 50%;
 margin-top: 8px;
 margin-right: 10px
}

.center .bottom {
 margin-top: 30px;
 max-width: 1280px
}

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

.consult.bg-none {
 background: none
}

.consult.bg-none .in {
 min-height: 347px;
 margin-left: 0
}

.consult .container {
 background: url("../img/baku_2021_2.jpg") no-repeat 100% 50% / cover;
 background-repeat: no-repeat;
 padding-top: 80px;
 padding-bottom: 60px;
 background-size: auto
}

.center .bottom {
 margin-left: 50px
}

.consult h2,
.consult .title-h2 {
 margin-bottom: 20px;
 font-size: 36px;
 font-weight: 700;
 line-height: 1.16;
 letter-spacing: 0;
 max-width: 340px
}

.consult input {
 width: 200px;
 margin-right: 5px
}

.consult input:not(:first-child) {
 width: 250px
}

.podrobnee h2,
.podrobnee .title-h2 {
 margin-left: 50px
}

.podrobnee h2 span,
.podrobnee .title-h2 span {
 color: #3e16cb;
 margin-bottom: 40px
}

.otzyv .swiper-slide .right .otz-text .hidden,
.otzyv .swiper-slide .right p .hidden,
.podrobnee .swiper-pagination {
 display: none
}

.podrobnee .swiper-container {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px
}

.podrobnee .swiper-slide {
 border: 1px solid rgba(232, 234, 241, 0.5);
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 -webkit-box-shadow: 0 6px 10px rgba(196, 196, 196, 0.15);
 box-shadow: 0 6px 10px rgba(196, 196, 196, 0.15);
 border-radius: 6px;
 padding: 100px 20px 75px 50px
}

.podrobnee .swiper-slide h3,
.podrobnee .swiper-slide .title-h3 {
 font-size: 20px;
 font-weight: 600;
 line-height: 1.3;
 letter-spacing: 0;
 max-width: 256px;
 margin-bottom: 56px;
 min-height: 104px;
 max-height: 104px
}

.footer nav ul li ul li a,
.podrobnee .bottom p {
 font-size: 15px;
 letter-spacing: 0.005em;
 line-height: 2;
 color: #fefeff
}

.podrobnee .bottom p {
 color: #726f80;
 margin-left: 50px;
 margin-top: 37px;
 line-height: 1.73
}

.podrobnee .swiper-slide ol li,
.request p {
 font-size: 15px;
 line-height: 1.6;
 letter-spacing: 0.005em;
 color: #726f80
}

.request p {
 font-family: Roboto;
 font-style: normal;
 font-weight: 400;
 font-size: 17px;
 line-height: 1.65;
 color: #fff;
 max-width: 430px
}

.podrobnee .swiper-wrapper {
 counter-reset: number2;
 list-style-type: none
}

.podrobnee .swiper-slide,
.podrobnee .swiper-slide ol li {
 position: relative
}

.podrobnee .swiper-slide ol li::after,
.podrobnee .swiper-slide::after {
 position: absolute;
 font-family: Roboto;
 font-weight: 400;
 font-size: 9px;
 letter-spacing: 0.05em;
 counter-increment: number3;
 content: "0" counter(number3);
 left: -30px;
 top: 8px;
 color: rgba(114, 114, 114, 0.5)
}

.podrobnee .swiper-slide::after {
 counter-increment: number2;
 content: "0" counter(number2);
 left: 50px;
 top: 50px;
 color: rgba(62, 22, 203, 0.5)
}

.podrobnee .swiper-wrapper ol {
 counter-reset: number3;
 list-style-type: none
}

.request {
 padding: 20px 0;
 background: -o-linear-gradient(1.39deg, #3e16cb 8.87%, #9c5aec 48.62%);
 background: linear-gradient(88.61deg, #3e16cb 8.87%, #9c5aec 48.62%)
}

.request .in {
 margin-left: 50px
}

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

.footer .logo span,
.interes .swiper-slide h3,
.request h2,
.request .title-h2,
.interes .swiper-slide .title-h3 {
 color: #fff
}

.request .line {
 height: 150px;
 width: 1px;
 margin-left: 50px;
 margin-right: 50px;
 background: rgba(255, 255, 255, 0.1)
}

.request .btn1 {
 width: 320px;
 color: #5237DF;
 background: #fff
}

.request .btn1::before {
 border-color: #fff
}

.request .btn1:hover {
 background: #fff;
 color: #5237DF
}

.request .btn1:hover::after {
 opacity: 0
}

.request .wrap {
 display: flex;
 flex-direction: column;
 gap: 40px
}

.otzyv,
.partners {
 background: #fafafc
}

.otzyv {
 padding-bottom: 100px
}

.otzyv h2,
.otzyv .title-h2 {
 margin-left: 50px;
 margin-bottom: 40px
}

.otzyv .swiper-container {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px
}

.otzyv .swiper-slide,
.otzyv .swiper-slide .left {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.otzyv .swiper-slide {
 background: #fff;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 6px 10px rgba(200, 209, 222, 0.5);
 box-shadow: 0 6px 10px rgba(200, 209, 222, 0.5);
 border-radius: 6px
}

.otzyv .swiper-slide .left {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 padding: 30px;
 border-right: 1px solid rgba(232, 234, 241, 0.5)
}

.otzyv .swiper-slide img,
.partners .swiper-slide img {
 width: 80px;
 height: 96px;
 -o-object-fit: contain;
 object-fit: contain
}

.partners .swiper-slide img {
 height: 100%;
 width: 100%;
 -o-object-position: center center;
 object-position: center center
}

.otzyv .swiper-slide .right {
 padding: 60px 30px 60px 50px
}

.otzyv .swiper-slide .right h3,
.otzyv .swiper-slide .right .title-h3 {
 font-family: Roboto;
 font-size: 17px;
 font-weight: 700;
 line-height: 1.64;
 letter-spacing: 0;
 display: block;
 margin-bottom: 25px
}

.otzyv .swiper-slide .right h3 span,
.otzyv .swiper-slide .right .title-h3 span {
 display: block;
 font-size: 15px;
 font-weight: 400;
 line-height: 1.86;
 color: #727272
}

.otzyv .swiper-slide .right .otz-text,
.otzyv .swiper-slide .right p {
 display: block;
 font-family: Museo Sans Cyrl;
 font-style: normal;
 font-weight: 300;
 font-size: 18px;
 line-height: 1.78;
 color: #15141a
}

.otzyv .swiper-slide .right .otz-text button,
.otzyv .swiper-slide .right p button {
 margin-left: 5px;
 color: #3e16cb
}

.otzyv .swiper-slide .right .hidden p,
.otzyv .swiper-slide .right .otz-text .hidden.active,
.otzyv .swiper-slide .right p .hidden.active {
 display: inline
}

.otzyv .swiper-button-next {
 top: 50%;
 right: -30px
}

.otzyv .swiper-button-prev {
 top: 50%;
 left: -30px
}

.otzyv .swiper-pagination {
 display: none
}

.partners {
 padding: 50px 0
}

.partners .swiper-container {
 mix-blend-mode: multiply;
 padding-bottom: 60px
}

.partners .swiper-slide {
 height: 100px
}

.partners .swiper-pagination {
 bottom: 0
}

.say,
.say h2,
.title-say {
 text-align: center
}

.say {
 background: #fafafc;
 padding-bottom: 200px
}

.say h2,
.title-say {
 font-family: Museo Sans Cyrl;
 font-size: 42px;
 font-weight: 600;
 line-height: 1.05;
 letter-spacing: -0.03em;
 margin-bottom: 45px
}

.btn-blck:before {
 background: #000
}

.btn-blck {
 padding: 10px 5px;
 width: 200px;
 font-weight: normal;
 font-size: 16px;
 line-height: 22px
}

.say .btn2 {
 width: 194px;
 font-weight: 600
}

.hidden-menu .bottom nav ul li span:hover,
.hidden-menu .top nav ul li a:hover,
.hidden-menu nav ul li a:hover,
.say h2 span,
.title-say span,
.text h2 span,
.text .title-h2 span,
.text h3 span,
.text .title-h3 span,
.text p span {
 color: #3e16cb
}

.footer {
 padding-top: 100px;
 padding-bottom: 75px;
 background: -o-linear-gradient(23.57deg, #3e16cb 2.92%, #9c5aec 60.13%);
 background: linear-gradient(66.43deg, #3e16cb 2.92%, #9c5aec 60.13%)
}

.footer .top {
 margin-bottom: 96px
}

.footer .top .right {
 margin-left: auto;
 width: 25%
}

.footer nav ul li .h3 {
 color: #fff;
 margin-bottom: 35px
}

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

.footer .bottom .socials,
.footer nav >
ul >

li {
 width: 25%
}

.footer .bottom .socials ul li:not(:last-child) {
 margin-right: 40px
}

.footer .bottom .socials ul li a {
 width: 25px;
 height: 25px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%
}

.footer .bottom .right {
 margin-left: auto
}

.footer .bottom .right span {
 display: block;
 font-size: 15px;
 line-height: 2;
 letter-spacing: 0.005em;
 color: #fff;
 margin-bottom: 10px
}

.footer .bottom .right a {
 font-family: Museo Sans Cyrl;
 font-size: 43px;
 font-weight: 400;
 letter-spacing: 0;
 color: #fff
}

.footer .bottom2 {
 margin-top: 70px
}

.footer .bottom2 .flex {
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center;
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}

.footer .bottom2 .copyright {
 width: 25%;
 font-size: 15px;
 color: #fefeff;
 line-height: 1.73;
 opacity: 0.5
}

.footer .bottom2 ul {
 width: 50%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

.footer .bottom2 ul li:not(:last-child) {
 margin-right: 25px
}

.footer .bottom2 .developer,
.footer .bottom2 ul li a {
 font-size: 13px;
 color: #fefeff
}

.footer .bottom2 .developer {
 text-align: right;
 width: 25%
}

.footer .bottom2 .developer a {
 margin-left: 5px;
 font-weight: 900;
 font-size: 16px;
 color: #fefeff
}

.header .top .tel {
 position: relative;
 width: 20px;
 height: 20px;
 margin-right: 30px;
 background: url("../img/icon (1).svg") no-repeat 50% 50% / contain
}

.header .top .tel::after {
 content: "";
 top: 0;
 right: 0;
 position: absolute;
 width: 8px;
 height: 8px;
 background: url("../img/icon (2).svg") no-repeat 50% 50% / contain
}

.header .top .burger {
 position: relative;
 width: 30px;
 height: 30px
}

.header .top .burger span {
 top: 50%;
 left: 50%;
 position: absolute;
 width: 100%;
 height: 2px;
 background: #000;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.header .top .burger span:first-child {
 margin-top: -8px
}

.header .top .burger span:last-child {
 margin-top: 8px
}

.header .top .burger.active span:nth-child(2) {
 -webkit-transform: translate(-50%, -50%) scale(0);
 -ms-transform: translate(-50%, -50%) scale(0);
 transform: translate(-50%, -50%) scale(0)
}

.header .top .burger.active span:first-child {
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 -ms-transform: translate(-50%, -50%) rotate(45deg);
 transform: translate(-50%, -50%) rotate(45deg);
 margin-top: 0
}

.header .top .burger.active span:last-child {
 -webkit-transform: translate(-50%, -50%) rotate(-45deg);
 -ms-transform: translate(-50%, -50%) rotate(-45deg);
 transform: translate(-50%, -50%) rotate(-45deg);
 margin-top: 0
}

.hidden-menu {
 z-index: 1000;
 display: none;
 position: fixed;
 background: #fff;
 top: 70px;
 width: 100%;
 padding: 30px 0;
 max-height: calc(100vh - 70px);
 overflow-y: auto
}

.ask .card-detail h2,
.ask .card-detail .title-h2,
.hidden-menu .top {
 margin-bottom: 40px
}

.hidden-menu .bottom nav ul li:not(:last-child),
.hidden-menu .top nav ul li .more+.hidden li:not(:last-child),
.hidden-menu .top nav ul li:not(:last-child) {
 margin-bottom: 20px
}

.hidden-menu .bottom nav ul li >

ul li a,
.hidden-menu .top nav ul li a {
 font-family: Museo Sans Cyrl;
 font-size: 14px;
 font-weight: 300
}

.hidden-menu .bottom nav ul li span,
.hidden-menu .top nav ul li .more {
 position: relative;
 padding-right: 15px
}

.hidden-menu .bottom nav ul li span::before,
.hidden-menu .top nav ul li .more::after {
 content: "";
 position: absolute;
 top: 50%;
 right: 0;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 width: 8px;
 height: 8px;
 background: url("../img/Rectangle 100.svg") no-repeat 50% 50% / contain;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.hidden-menu .top nav ul li .more+.hidden {
 display: none;
 margin-left: 30px;
 padding-top: 20px
}

.faq ul li .hidden,
.header .top .mob,
.hidden-menu .bottom nav ul li >

ul,
.hidden-menu .hidden {
 display: none
}

.hidden-menu .bottom nav ul >

li {
 width: calc(100% - 30px)
}

.hidden-menu .bottom nav ul li span {
 font-family: Museo Sans Cyrl;
 color: #15141a;
 cursor: default;
 font-weight: 600;
 letter-spacing: 0.015em;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.hidden-menu .bottom nav ul li span.sales::before {
 right: -15px
}

.hidden-menu .bottom nav ul li span.active::before {
 -webkit-transform: translateY(-50%) rotate(-180deg);
 -ms-transform: translateY(-50%) rotate(-180deg);
 transform: translateY(-50%) rotate(-180deg)
}

.hidden-menu .bottom nav ul li >

ul li {
 margin-left: 30px;
 margin-top: 20px
}

.hidden-menu .bottom nav ul li .sales {
 position: relative;
 padding-right: 18px;
 color: #cd38c4
}

.hidden-menu .bottom nav ul li .sales:hover {
 color: #cd38c4
}

.hidden-menu .bottom nav ul li .sales::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 width: 15px;
 height: 15px;
 background: url("../img/image 6.png") no-repeat 50% 50% / contain
}

.hidden-menu .bottom nav ul li .tel {
 font-family: Museo Sans Cyrl;
 font-weight: 900
}

.hidden-menu .bottom nav ul li a.search-a {
 font-family: Museo Sans Cyrl;
 font-weight: 900;
 position: relative;
 padding-right: 20px
}

.hidden-menu .bottom nav ul li a.search-a::after {
 content: "";
 position: absolute;
 top: 0;
 right: 0;
 height: 14px;
 width: 14px;
 background: url("/img/search4.svg") no-repeat 50% 50% / contain
}

.hidden-menu .socials {
 margin-top: 40px
}

.hidden-menu .socials ul li:not(:last-child) {
 margin-right: 14px
}

.hidden-menu .socials ul li a {
 position: relative;
 width: 12px;
 height: 12px
}

.hidden-menu .socials ul li a span {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 0;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 50% 50%;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.hidden-menu .socials ul li a span:first-child {
 z-index: 1
}

.call+.text {
 padding-top: 0
}

.text .card,
.text p {
 max-width: 1300px;
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em;
 margin-top: 0
}

.text a:not(.btn2) {
 color: #3e16cb
}

.text h2,
.text .title-h2,
.text h3,
.text .title-h3 {
 max-width: 1300px;
 margin-bottom: 30px;
 font-size: 24px
}

.text blockquote {
 padding-left: 20px;
 border-left: 5px solid rgba(0, 0, 0, 0.1)
}

.text ol:not(:last-child),
.text p:not(:last-child),
.text ul:not(:last-child) {
 margin-bottom: 20px
}

.text .flex {
 margin-bottom: 20px
}

.text .left {
 -ms-flex-item-align: end;
 align-self: flex-end;
 width: 60%;
 padding-right: 50px;
 text-align: justify
}

.text .left.center,
.text .right {
 -ms-flex-item-align: center;
 -ms-grid-row-align: center;
 align-self: center
}

.text .left.at {
 -ms-flex-item-align: start;
 align-self: flex-start
}

.text .left p {
 display: block;
 max-width: 670px
}

.text p img {
 float: left;
 width: 100%;
 max-width: 540px;
 height: auto;
 margin-right: 50px;
 margin-bottom: 20px
}

.text .right {
 width: 40%
}

.text .right .video {
 padding-bottom: 0;
 margin-left: auto;
 width: 100%;
 max-width: 540px
}

.text ol {
 counter-reset: number4;
 list-style-type: none
}

.text ol li {
 padding-left: 30px;
 position: relative
}

.text ol li,
.text ol li::after,
.text ul li {}

.text ol li::after {
 counter-increment: number4;
 content: counter(number4) ".";
 position: absolute;
 left: 0;
 top: 0;
 font-family: Roboto;
 font-weight: 400;
 color: #3e16cb
}

.text ul li,
.item ul li,
blockquote ul li {
 padding-left: 20px;
 position: relative
}

.text ul li::after,
.item ul li::after,
blockquote ul li::after {
 content: "";
 width: 6px;
 height: 6px;
 background: #3e16cb;
 border-radius: 50%;
 position: absolute;
 left: 0;

}

.item ul li::after{
 top: 5px;
}
.item blockquote ul li::after{
 top: 8px;
}
.call-price-wilstream .items .item ul li:after,
.our-approach-wilstream .text ul li:after{
	display: none
}
.faq .title-h2,
.interes h2,
.interes .title-h2 {
 margin-bottom: 20px;
 margin-left: 50px
}

.faq h2 {}

.interes h2,
.interes .title-h2 {
 margin-bottom: 50px
}

.faq ul li {
 position: relative;
 border-bottom: 1px solid rgba(196, 196, 196, 0.3)
}

.faq ul li,
.faq ul li h3,
.faq ul li .title-h3,
.faq ul li p {
 font-family: Museo Sans Cyrl;
 font-size: 15px;
 line-height: 1.6;
 font-weight: 400
}

.faq ul li h3,
.faq ul li .title-h3 {
 cursor: pointer;
 width: 100%;
 padding: 30px 80px 30px 50px
}

.faq ul li h3:hover,
.faq ul li .title-h3:hover,
.faq ul li.active h3,
.faq ul li.active .title-h3 {
 color: #4b26cf
}

.clients .tabs ul li a h2,
.clients .tabs ul li a .title-h2,
.contacts ul li a,
.faq ul li h3,
.faq ul li .title-h3,
.faq ul li::after {
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.faq ul li h3::after {
 content: "+";
 position: absolute;
 color: #4b26cf;
 font-weight: 600;
 right: 50px;
 top: 30px
}

.faq ul li.active h3::after {
 -webkit-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 transform: rotate(45deg)
}

.faq ul li p {
 max-width: 1080px;
 padding: 0 0 30px 50px
}

.interes {
 background: #fafafc
}

.interes .swiper-container {
 padding-left: 10px;
 padding-right: 10px;
 padding-bottom: 20px
}

.about .right .info .faq.cost ul li ul li::after,
.interes .swiper-pagination {
 display: none
}

.interes .swiper-slide {
 border-radius: 6px;
 -webkit-box-shadow: 0 4px 10px rgba(200, 209, 222, 0.5);
 box-shadow: 0 4px 10px rgba(200, 209, 222, 0.5)
}

.interes .swiper-slide .top {
 border-radius: 6px 6px 0 0;
 background: -o-linear-gradient(67.51deg, #3e16cb -0.98%, #9c5aec 135.64%);
 background: linear-gradient(22.49deg, #3e16cb -0.98%, #9c5aec 135.64%);
 padding: 40px 30px 30px
}

.interes .swiper-slide .img {
 width: 70px;
 height: 70px;
 margin-bottom: 30px;
 background-repeat: no-repeat;
 background-size: contain;
 background-position: 0 50%
}

.interes .swiper-slide .top h3,
.interes .swiper-slide .top .title-h3 {
 min-height: 3em
}

.interes .swiper-slide .bottom {
 padding: 30px 20px;
 display: flex;
 flex-direction: column;
 flex-grow: 1
}

.interes .swiper-slide .bottom p {
 font-size: 15px;
 line-height: 1.86;
 letter-spacing: 0.005em;
 margin-bottom: 30px;
 height: 100%
}

.interes .swiper-slide .bottom .h3 {
 color: #3e16cb;
 margin-bottom: 45px
}

.about .right .info .docs table,
.interes .swiper-slide .btn1,
.interes .swiper-slide .btn2 {
 width: 100%
}

.interes .swiper-slide .btn1 {
 margin-bottom: 6px
}

.clients .tabs,
.clients h1 {
 margin-left: 50px
}

.clients .clients-text {
 margin-left: 52px
}

.clients h1 {
 margin-bottom: 70px
}

.clients-text {
 margin-bottom: 43px;
 font-size: 18px
}

.clients .tabs {
 margin-bottom: 42px
}

.about .right .info .vacancie-form h2,
.about .right .info .vacancie-form .title-h2,
.search-page form,
.text h1 {
 margin-bottom: 60px
}

.clients .tabs ul li a h2,
.clients .tabs ul li a .title-h2 {
 color: #c1c1c3;
 font-size: 28px
}

.about .right .info .tabs li a:hover,
.clients .tabs ul li a:hover h2,
.clients .tabs ul li a:hover .title-h2 {
 color: #15141a
}

.clients .tabs ul li a.active h2,
.clients .tabs ul li a.active .title-h2 {
 color: #3e16cb
}

.clients .tabs ul li:not(:last-child) {
 margin-right: 45px
}

.clients .pre {
 padding-top: 0;
 background: 0 0
}

.clients .pre .card {
 background: #fafafc;
 margin-bottom: 20px
}

.clients .pre img {
 width: 150px;
 height: 110px;
 -o-object-fit: contain;
 object-fit: contain;
 -o-object-position: left bottom;
 object-position: left bottom;
 margin-bottom: 70px
}

.clients .pre h3,
.clients .pre .title-h3 {
 min-height: 2em;
 max-height: 6em;
 margin-bottom: 0
}

.clients .otzyv,
.clients .primer {
 padding-bottom: 0;
 background: 0 0
}

.clients .otzyv .swiper-slide,
.clients .primer .swiper-slide {
 width: calc((100% - 20px) / 2);
 margin-right: 20px;
 margin-bottom: 20px
}

.clients .interes .swiper-wrapper,
.clients .otzyv .swiper-wrapper,
.clients .primer .swiper-wrapper {
 /* -ms-flex-wrap: wrap;
 flex-wrap: wrap */
}

.clients .interes .swiper-slide:nth-child(4n + 4),
.clients .otzyv .swiper-slide:nth-child(2n + 2),
.clients .primer .swiper-slide:nth-child(2n + 2) {
 margin-right: 0
}

.no-bg {
 background: 0 0
}

.text .return {
 margin-top: 50px;
 position: relative;
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 font-size: 15px;
 margin-bottom: 40px;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.about .sticky nav ul li a.active,
.about .sticky nav ul li a:hover,
.contacts ul li a:hover,
.text .return:hover {
 color: #3e16cb
}

.text .return::after {
 content: "";
 position: absolute;
 top: 50%;
 left: -50px;
 width: 40px;
 height: 1px;
 background: #000;
 margin-top: -1px
}

.clients .interes {
 padding-bottom: 0;
 background: 0 0
}

.clients .interes .swiper-slide {
 width: calc((100% - 20px * 3) / 4);
 margin-right: 20px;
 margin-bottom: 20px
}

.clients .interes .swiper-container,
.clients .otzyv .swiper-container,
.clients .primer .swiper-container {
 padding-bottom: 0
}

.about h1 {
 margin-left: 50px;
 margin-bottom: 40px
}

.about .sticky {
 position: sticky;
 top: 150px;
 background: #fff;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 border-radius: 6px;
 padding: 40px 50px;
 height: -webkit-fit-content;
 height: -moz-fit-content;
 height: fit-content
}

.about .sticky nav ul li:not(:last-child),
.contacts ul li:not(:last-child) {
 margin-bottom: 30px
}

.about .sticky nav ul li a {
 font-family: Museo Sans Cyrl;
 font-weight: 600;
 font-size: 15px
}

.about .right {
 margin-left: auto;
 width: calc(100% - 450px)
}

.about .right .info .faq.cost ul li ul,
.about .right .info .ul,
.about .right .info h2,
.about .right .info .title-h2,
.about .right .info h3,
.about .right .info .title-h3 {
 margin-bottom: 30px
}

.about .right .info h2 a,
.about .right .info .title-h2 a,
.about .right .info h3 a,
.about .right .info .title-h3 a {
 color: #3e16cb;
 display: inline
}

.about .right .info p {
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em;
 margin-bottom: 30px
}

.about .right .info ol {
 counter-reset: number5;
 list-style-type: none;
 margin-bottom: 30px
}

.about .right .info ol li {
 padding-left: 40px;
 font-size: 17px;
 line-height: 2.47;
 letter-spacing: 0.005em;
 position: relative
}

.about .right .info ol li::after {
 counter-increment: number5;
 content: counter(number5);
 position: absolute;
 left: 0;
 top: 10px;
 font-family: Roboto;
 font-weight: 400;
 font-size: 9px;
 letter-spacing: 0.05em;
 color: #3e16cb
}

.about .right .info ol li:nth-child(1):after,
.about .right .info ol li:nth-child(2):after,
.about .right .info ol li:nth-child(3):after,
.about .right .info ol li:nth-child(4):after,
.about .right .info ol li:nth-child(5):after,
.about .right .info ol li:nth-child(6):after,
.about .right .info ol li:nth-child(7):after,
.about .right .info ol li:nth-child(8):after,
.about .right .info ol li:nth-child(9):after {
 content: "0" counter(number5)
}

.contacts {
 margin-top: 80px
}

.contacts ul li {
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em
}

.contacts ul li span {
 display: block;
 color: #c4c4c4
}

.contacts ul li:first-child {
 position: relative;
 padding-left: 60px
}

.contacts ul li:first-child::after {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 width: 45px;
 height: 45px;
 background: url("../img/Ellipse 59.svg") no-repeat 50% 50% / contain
}

.contacts ul li:nth-child(2) {
 position: relative;
 padding-left: 60px
}

.contacts ul li:nth-child(2)::after {
 content: "";
 position: absolute;
 left: 15px;
 top: 4px;
 width: 20px;
 height: 20px;
 background: url("../img/icon (4).svg") no-repeat 50% 50% / contain
}

.contacts #map {
 margin-top: 90px;
 height: 454px
}

.about-open {
 display: none;
 margin-top: 18px;
 position: relative;
 width: 30px;
 height: 30px;
 background: #3e16cb;
 border-radius: 8px;
 margin-left: 30px
}

.about-open span,
.about-open::after {
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%)
}

.about-open span {
 top: 5px;
 font-family: Roboto;
 font-size: 11px;
 font-weight: 400;
 line-height: 13px;
 letter-spacing: 0.015em;
 color: #fff
}

.about-open::after {
 bottom: 10px;
 width: 20px;
 height: 1px;
 background: #fff
}

.about-open span,
.about-open::after,
.about-open::before,
.ask .top li a::after,
.ask .top li a::before {
 position: absolute;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.about-open::after,
.about-open::before,
.ask .top li a::after,
.ask .top li a::before {
 content: ""
}

.about-open::before {
 bottom: 7px;
 left: 50%;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 width: 20px;
 height: 1px;
 background: #fff
}

.about-open.active span {
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0)
}

.about-open.active::after,
.about-open.active::before {
 top: 50%;
 bottom: auto;
 left: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(45deg);
 -ms-transform: translate(-50%, -50%) rotate(45deg);
 transform: translate(-50%, -50%) rotate(45deg)
}

.about-open.active::before {
 -webkit-transform: translate(-50%, -50%) rotate(-45deg);
 -ms-transform: translate(-50%, -50%) rotate(-45deg);
 transform: translate(-50%, -50%) rotate(-45deg)
}

.ask .top {
 margin-bottom: 50px
}

.ask .top li a {
 position: relative;
 border-radius: 6px;
 font-family: Museo Sans Cyrl;
 font-size: 13px;
 line-height: 2.15;
 letter-spacing: 0.005em;
 padding: 0 10px;
 width: auto
}

.ask .top li a.active {
 color: #fff;
 border-color: transparent
}

.ask .top li a::after,
.ask .top li a::before {
 top: 0;
 left: 0;
 border-radius: 4px
}

.ask .top li a::after {
 width: 100%;
 height: 100%;
 opacity: 0;
 z-index: -1;
 background: -o-linear-gradient(23.57deg, #3e16cb 2.92%, #9c5aec 60.13%);
 background: linear-gradient(66.43deg, #3e16cb 2.92%, #9c5aec 60.13%)
}

.ask .top li a::before {
 width: calc(100% - 2px);
 height: calc(100% - 2px);
 border: 1px solid rgba(196, 196, 196, 0.6)
}

.ask .top li a.active::before {
 opacity: 0
}

.ask .top li a.active::after {
 opacity: 1
}

.ask .top li a:hover::before {
 border-color: #000
}

.ask .top li {
 margin-bottom: 10px;
 margin-right: 10px
}

.ask .cards,
.ask .top {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap
}

.ask .card {
 position: relative;
 width: calc((100% - 80px) / 2);
 margin-right: 80px;
 padding: 55px 30px 70px 40px;
 margin-bottom: 60px;
 background: #fafafc;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
 box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
 border-radius: 6px
}

.about .right .info .faq ul li .hidden .card:nth-child(4n + 4),
.about .right .info .vacancie-form input:nth-child(2n + 2),
.ask .card:nth-child(2n + 2) {
 margin-right: 0
}

.ask .card.active {
 background: #fff;
 border: 1px solid #c4c4c4
}

.ask .card .h4 {
 font-family: Museo Sans Cyrl;
 font-size: 19px;
 font-weight: 600;
 line-height: 1.47;
 letter-spacing: 0
}

.ask .card-detail {
 display: none;
 width: 100%;
 padding: 80px;
 background: #fff;
 -webkit-box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 border-radius: 6px;
 margin-bottom: 70px
}

.ask .card-detail p {
 font-size: 15px;
 line-height: 1.87;
 color: #726f80;
 margin-bottom: 30px
}

.ask .card-detail .btn2 {
 width: 220px;
 font-size: 13px;
 font-weight: 300
}

.ask .bottom,
.ask .bottom ul,
.news .bottom ul,
.articles .bottom ul,
.video .bottom ul {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.ask .bottom .flex {
 width: auto;
 margin-left: auto;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}

.ask .bottom ul,
.news .bottom ul,
.articles .bottom ul,
.video .bottom ul {
 margin: 0 20px
}

.ask .bottom ul li,
.news .bottom ul li,
.articles .bottom ul li,
.video .bottom ul li {
 font-family: Museo Sans Cyrl;
 font-size: 15px;
 font-weight: 400;
 letter-spacing: 0
}

.about .right .info .docs .card:hover p,
.about .right .info .tabs li a.active,
.about .right .info .vacancie-form a:hover,
.ask .bottom ul li a.active,
.ask .bottom ul li a:hover,
.news .bottom ul li a.active,
.news .bottom ul li a:hover,
.articles .bottom ul li a.active,
.articles .bottom ul li a:hover,
.video .bottom ul li a.active,
.video .bottom ul li a:hover,
.news .card:hover h3,
.news .card:hover .title-h3,
.news-detail .call table tr a:hover h3,
.news-detail .call table tr a:hover .title-h3,
.news-tabs li a.active {
 color: #3e16cb
}

.ask .bottom ul li:not(:last-child),
.news .bottom ul li:not(:last-child),
.articles .bottom ul li:not(:last-child),
.video .bottom ul li:not(:last-child) {
 margin-right: 30px
}

.ask .bottom .swiper-button-next,
.ask .bottom .swiper-button-prev {
 position: relative;
 display: block;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0
}

.about .right .info .faq ul li h3,
.about .right .info .faq ul li .title-h3 {
 padding-left: 0;
 padding-top: 40px;
 padding-bottom: 40px;
 font-size: 24px;
 line-height: 1.17;
 font-weight: 600;
 margin-bottom: 0
}

.about .right .info .faq ul li::after {
 right: 0;
 top: 45px
}

.about .right .info .faq ul li .hidden {
 padding-bottom: 70px
}

.about .right .info .faq ul li .hidden .card {
 width: calc((100% - 30px * 3) / 4);
 margin-right: 30px
}

.about .right .info .faq ul li .hidden .card img {
 width: 100%;
 height: 230px;
 -o-object-fit: cover;
 object-fit: cover;
 border-radius: 6px;
 margin-bottom: 20px
}

.about .right .info .faq ul li .hidden .card p {
 padding-left: 0;
 padding-bottom: 0;
 font-size: 17px;
 line-height: 1.47;
 letter-spacing: 0.005em;
 margin-bottom: 0
}

.about .right .info .faq.cost ul li p {
 display: block;
 padding-bottom: 0;
 padding-left: 0;
 font-family: Roboto;
 font-weight: 500;
 font-size: 17px;
 line-height: 1.65;
 letter-spacing: 0.005em
}

.about .right .info .faq.cost ul li ul li,
.about .right .info .ul li {
 position: relative;
 padding-left: 25px;
 font-family: Roboto;
 font-weight: 400;
 font-size: 17px;
 line-height: 1.65;
 letter-spacing: 0.005em;
 border-bottom: none
}

.about .right .info .faq.cost ul li ul li::before,
.about .right .info .ul li::before {
 content: "";
 position: absolute;
 top: 14px;
 left: 0;
 width: 4px;
 height: 4px;
 background: #4b26cf;
 border-radius: 50%
}

.about .right .info .faq.cost ul li .h3 {
 color: #4b26cf
}

.about .right .info .tabs {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-bottom: 30px;
 margin-top: 50px
}

.about .right .info .tabs li:not(:last-child) {
 margin-right: 60px
}

.about .right .info .tabs li a {
 color: #c4c4c4
}

.about .right .info .vacancie-form {
 margin-top: 50px
}

.about .right .info .vacancie-form form {
 margin-top: 120px
}

.about .right .info .vacancie-form .flex {
 -webkit-box-pack: justify;
 -ms-flex-pack: justify;
 justify-content: space-between
}

.about .right .info .vacancie-form input {
 margin-bottom: 70px;
 padding-left: 0
}

.nice-select,
.nice-select.open .list li {
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em;
 color: #15141a
}

.about .right .info .vacancie-form input,
.nice-select {
 border-bottom: 1px solid #e8eaf1;
 width: calc((100% - 50px) / 2)
}

.nice-select {
 padding: 15px 30px 15px 0
}

.nice-select.open .list {
 -webkit-box-shadow: none;
 box-shadow: none;
 width: 100%
}

.nice-select.open .list li {
 padding: 15px 0
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
 background: #fff
}

.about .right .info .vacancie-form .nice-select {
 margin-bottom: 70px
}

.about .right .info .vacancie-form .bottom .flex {
 width: calc((100% - 50px) / 2);
 -webkit-box-pack: left;
 -ms-flex-pack: left;
 justify-content: left
}

.about .right .info .vacancie-form .bottom .flex .checkbox {
 margin-right: auto
}

.about .right .info .docs .card {
 width: 370px;
 background: #fff;
 border: 1px solid #fff;
 -webkit-box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 box-shadow: 0 6px 10px rgba(200, 209, 222, 0.3);
 border-radius: 6px;
 margin-right: 90px;
 margin-bottom: 90px;
 padding: 60px 50px
}

.about .right .info .docs .card .img {
 width: 30px;
 height: 40px;
 background-position: 0 0;
 background-repeat: no-repeat;
 background-size: contain
}

.about .right .info .docs .card span {
 -ms-flex-item-align: end;
 align-self: flex-end;
 margin-left: 13px;
 font-size: 17px;
 font-weight: 400;
 line-height: 28px;
 letter-spacing: 0.005em;
 color: #c4c4c4
}

.about .right .info .docs .card p {
 margin-top: 70px;
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 0.005em;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.about .right .info .docs table td {
 position: relative;
 padding: 20px 0;
 font-size: 15px;
 line-height: 1.64;
 letter-spacing: 0.005em
}

.about .right .info .docs table td:nth-child(1) {
 background: #fff
}

.about .right .info .docs table td:nth-child(2) {
 padding-left: 20px;
 background: #fff
}

.about .right .info .docs table td:nth-child(1)::after {
 content: "";
 position: absolute;
 top: 50%;
 margin-left: 20px;
 margin-top: -1px;
 width: 100%;
 height: 1px;
 background: #e8eaf1
}

.about .right .info .call {
 margin-top: 50px;
 margin-bottom: 80px
}

.about .right .info .call table tr {
 margin-right: 0;
 width: 100%
}

.news .card {
 width: calc((100% - 30px * 2) / 3);
 margin-right: 30px;
 margin-bottom: 70px;
 border-radius: 6px
}

.news .card img {
 border-radius: 6px;
 width: 100%;
 height: 320px;
 margin-bottom: 20px;
 -o-object-fit: cover;
 object-fit: cover
}

.news .card:nth-child(3n + 3) {
 margin-right: 0
}

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

.news .card h3,
.news .card .title-h3 {
 max-width: 80%;
 margin-right: auto;
 padding-right: 30px;
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out
}

.news .card p {
 max-width: 20%;
 line-height: 1.8;
 color: #726f80;
 font-size: 15px
}

.news .bottom,
.articles .bottom,
.video .bottom {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex
}

.news .bottom .flex,
.articles .bottom .flex,
.video .bottom .flex {
 width: auto;
 margin-right: auto;
 margin-left: auto;
 -webkit-box-align: center;
 -ms-flex-align: center;
 align-items: center
}

.news .bottom .swiper-button-next,
.news .bottom .swiper-button-prev,
.articles .bottom .swiper-button-next,
.articles .bottom .swiper-button-prev,
.video .bottom .swiper-button-next,
.video .bottom .swiper-button-prev {
 position: relative;
 display: block;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0
}

.text.news-detail p img {
 max-width: 100%;
 float: none;
 display: block
}

.news-detail .card {
 width: calc((100% - 80px) / 2);
 margin-right: 80px
}

.news-detail .card img,
.text.news-detail p img {
 width: 100%;
 height: auto;
 margin: 50px 0
}

.news-detail .card:nth-child(2n + 2) {
 margin-right: 0
}

.news-detail .socials {
 margin-top: 30px
}

.anketa-form input[type="radio"],
.news-detail .socials li::after {
 display: none
}

.news-detail .call {
 margin-top: 200px
}

.news-detail .call h2,
.news-detail .call .title-h2 {
 margin-left: 0
}

.news-detail .call table tr {
 padding: 40px 0;
 margin-right: 0;
 width: 100%
}

.news-detail .call table tr h3,
.news-detail .call table tr .title-h3 {
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 margin-bottom: 0
}

.news-detail .call table tr td:nth-child(2) {
 font-family: Roboto;
 font-weight: 400;
 letter-spacing: 0.005em;
 font-size: 15px;
 width: 100px;
 min-width: 100px;
 line-height: 1.8;
 color: #726f80
}

.ya-share2__list.ya-share2__list_direction_horizontal >

.ya-share2__item {
 margin: 0 40px 0 0 !important
}

.ya-share2__list.ya-share2__list_direction_horizontal >

.ya-share2__item:last-child {
 margin-right: 0 !important
}

.ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
 height: 25px !important;
 width: 25px !important
}

.ya-share2__container_shape_round .ya-share2__badge {
 border-radius: 0 !important
}

.ya-share2__container_color-scheme_whiteblack .ya-share2__item_service_twitter .ya-share2__icon {
 background: url(../img/twitter3.svg) no-repeat 50% 50% / contain !important
}

.ya-share2__container_color-scheme_whiteblack .ya-share2__item_service_facebook .ya-share2__icon {
 background: url(../img/fb3.svg) no-repeat 50% 50% / contain !important
}

.ya-share2__container_color-scheme_whiteblack .ya-share2__item_service_vkontakte .ya-share2__icon {
 background: url(../img/vk3.svg) no-repeat 50% 50% / contain !important
}

.ya-share2__item.ya-share2__item_more >
.ya-share2__link:focus,
.ya-share2__item.ya-share2__item_more >

.ya-share2__link:hover,
.ya-share2__item:not(.ya-share2__item_more):focus,
.ya-share2__item:not(.ya-share2__item_more):hover {
 opacity: 1 !important
}

.up {
 z-index: 100;
 opacity: 0;
 pointer-events: none;
 position: fixed;
 right: 135px;
 bottom: 44px;
 width: 52px;
 height: 52px;
 border: 2px solid rgba(0, 0, 0, 0.3);
 border-radius: 20px
}

.up::after {
 content: "";
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%) rotate(90deg);
 -ms-transform: translate(-50%, -50%) rotate(90deg);
 transform: translate(-50%, -50%) rotate(90deg);
 width: 12px;
 height: 12px;
 background: url("img/Rectangle.svg") no-repeat 50% 50% / contain
}

.up:hover {
 border-color: #4b26cf
}

.anketa-form .radios label:not(:last-child) {
 margin-right: 15px
}

.anketa-form input,
.anketa-form textarea {
 padding-left: 0;
 width: 100%;
 border-bottom: 1px solid #e8eaf1
}

.anketa-form textarea {
 height: 80px
}

.anketa-form input[type="radio"]+label {
 cursor: pointer;
 position: relative;
 font-size: 17px;
 line-height: 1.64;
 letter-spacing: 0.005em;
 padding-top: 30px;
 width: 20px;
 text-align: center
}

.anketa-form input[type="radio"]+label::before {
 content: "";
 top: 0;
 left: 0;
 width: 20px;
 height: 20px;
 border: 1px solid #e8eaf1;
 position: absolute;
 border-radius: 50%
}

.anketa-form input[type="radio"]+label::after {
 content: "";
 position: absolute;
 top: 6px;
 left: 6px;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #fff
}

.anketa-form input[type="radio"]:checked+label::after {
 background: #3e16cb
}

.anketa-form .flex {
 width: calc((100% - 50px) / 2);
 margin-bottom: 70px
}

.anketa-form .radios {
 margin-bottom: 30px
}

.anketa-form .flex p {
 margin-top: 30px;
 width: 100%;
 margin-bottom: 0 !important;
 display: block
}

.anketa-form .checkbox {
 margin-right: auto;
 margin-bottom: 20px;
 max-width: none;
 padding-left: 65px
}

.footer .bottom {
 margin-top: 50px
}

.footer .bottom .right {
 width: 25%
}

.news-tabs {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 margin-left: 50px;
 margin-bottom: 70px
}

.news-tabs li:not(:last-child) {
 margin-right: 70px
}

.news-tabs li a {
 font-family: Museo Sans Cyrl;
 font-size: 34px;
 font-style: normal;
 font-weight: 600;
 color: #c4c4c4
}

.news-detail .call {
 position: sticky;
 top: 150px
}

.search-page form input {
 width: 100%;
 border: 1px solid #e8eaf1
}

.search-page form .flex {
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap
}

.search-page form .btn2 {
 margin-left: 5px;
 min-width: 160px
}

.search-page .card {
 max-width: 100%;
 border-bottom: 1px solid #e8eaf1;
 margin-top: 40px;
 padding-bottom: 40px
}

.search-page .card:last-child {
 border-bottom: none
}

.search-page .card p {
 display: block
}

.search-page .card a {
 margin-bottom: 10px
}

.press-slogan__title {
 font-weight: 600;
 font-size: 26px;
 line-height: 120%;
 color: #000000
}

.press-slogan__text {
 font-weight: 400;
 font-size: 16px;
 line-height: 140%;
 color: #4E4E4E;
 width: 660px;
 margin-left: auto
}

.press-slogan__title {
 font-weight: 600;
 font-size: 26px;
 line-height: 120%;
 color: #000000
}

.press-slogan__text {
 font-weight: 400;
 font-size: 16px;
 line-height: 140%;
 color: #4E4E4E;
 width: 660px;
 margin-left: auto
}

.btn-publish {
 display: block;
 margin-top: 39px;
 margin-bottom: 59px
}

.card-large {
 width: 760px;
 height: 420px;
 border-radius: 10px;
 background-size: cover;
 padding: 40px;
 color: #FFF;
 margin-right: 39px;
 display: flex;
 flex-direction: column;
 position: relative;
 overflow: hidden;
 margin-bottom: 40px
}

.no-mr {
 margin-right: 0 !important
}

.card-large__active-from {
 font-size: 14px;
 line-height: 120%;
 opacity: 0.6;
 position: relative;
 z-index: 120
}

.card-large__title {
 font-weight: 600;
 font-size: 26px;
 line-height: 120%;
 width: 450px;
 margin-top: 13px;
 color: inherit;
 z-index: 120
}

.card-large__link {
 margin-top: auto;
 z-index: 120
}

.card-large:before {
 content: '';
 display: block;
 position: absolute;
 z-index: 10;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background: linear-gradient(276.53deg, rgba(82, 55, 223, 0.04) 25.12%, #5237DF 75.96%)
}

.d-block {
 display: block
}

.news-card__contents {
 border-left: 1px solid #5237df;
 border-right: 1px solid #5237df;
 border-bottom: 1px solid #5237df;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
 padding: 22px;
 display: flex;
 flex-direction: column;
 height: 217px
}

.news-card img {
 margin-bottom: 0 !important;
 border-radius: 10px !important;
 border-bottom-left-radius: 0 !important;
 border-bottom-right-radius: 0 !important
}

.news-card__share {
 margin-top: auto;
 align-items: center !important
}

.news-card__share-btns {
 justify-content: space-between;
 width: 100px
}

.news-card__share-text {
 font-size: 14px;
 line-height: 120%;
 color: #5237DF
}

.news-card__date {
 font-size: 14px;
 line-height: 120%;
 color: #1C1B21;
 opacity: 0.6;
 margin-bottom: 12px
}

h3.news-card__title {
 font-weight: 600;
 font-size: 18px;
 line-height: 120%;
 color: #1C1B21;
 width: 100%;
 margin-right: 0 !important;
 max-width: none !important;
 padding-right: 0 !important
}

@media (max-width: 1100px) {
 .card-large {
  width: 100%;
  height: 43vw;
  margin-right: 0;
  padding: 15px
 }

 .card-large__title {
  width: 51%;
  font-size: 3.5vw
 }

 .card-large__link {
  font-size: 12px
 }

 h3.news-card__title {
  font-size: 18px !important
 }
}

.subscribe {
 background-image: url("/assets/media/subscribe.png");
 background-position: top right;
 background-repeat: no-repeat;
 background-size: contain;
 background-color: #5237DF;
 padding-top: 50px;
 padding-bottom: 60px
}

.subscribe__legend {
 color: #FFF;
 width: 420px
}

.subscribe .press-slogan__title {
 color: inherit
}

.subscribe .press-slogan__text {
 color: inherit;
 width: auto;
 margin-top: 21px;
 margin-bottom: 10px
}

form.subscribe__form {
 display: block;
 width: 660px;
 max-width: 100%
}

.subscribe .flex {
 justify-content: space-between
}

input.subscribe__email-input {
 display: block;
 width: 360px;
 background: transparent;
 border: 1px solid #FFF;
 border-radius: 10px;
 padding: 5px 10px;
 max-width: 100%;
 color: #FFF
}

button.btn.btn-alt {
 color: #222;
 background: #FFF;
 padding: 12px;
 border-radius: 7px;
 margin-top: 20px;
 text-align: center;
 display: block;
 min-width: 200px
}

button.btn.btn-alt:hover {
 background: #000;
 color: #FFF
}

@media (max-width: 1620px) {

 .otzyv .swiper-button-next,
 .otzyv .swiper-button-prev,
 .primer .swiper-button-next,
 .primer .swiper-button-prev,
 .slider .swiper-button-next,
 .slider .swiper-button-prev {
  display: none
 }

 .otzyv .swiper-container,
 .primer .swiper-container {
  padding-bottom: 50px
 }

 .otzyv .swiper-pagination,
 .primer .swiper-pagination {
  bottom: 0;
  display: block
 }

 .footer .bottom .right {
  width: auto
 }
}

@media (max-width: 1440px) {
 .text .return {
  padding-left: 50px
 }

 .text .return::after {
  left: 0
 }

 .about h1,
 .call .btn1,
 .call h2,
 .call .title-h2,
 .call p,
 .center .bottom,
 .center .top,
 .clients .tabs,
 .clients .clients-text,
 .clients h1,
 .comfort .top h2,
 .comfort .top .title-h2,
 .consult .in,
 .faq .title-h2,
 .interes h2,
 .interes .title-h2,
 .news-tabs,
 .otzyv h2,
 .otzyv .title-h2,
 .podrobnee .bottom p,
 .podrobnee h2,
 .podrobnee .title-h2,
 .primer h2,
 .primer .title-h2,
 .request .in,
 .text .in,
 .uslugi .top h2,
 .uslugi .top .title-h2 {
  margin-left: 0
 }

 .header .top .socials {
  margin-right: auto
 }

 .header .top nav {
  margin-left: auto
 }

 .call .btn1 {
  margin-right: 0
 }

 .call tr,
 .faq ul li h3,
 .faq ul li .title-h3,
 .faq ul li p {
  padding-left: 0
 }

 .faq ul li::after {
  right: 0
 }

 .faq ul li h3,
 .faq ul li .title-h3 {
  padding-right: 50px
 }

 .about .right {
  width: calc(100% - 400px)
 }

 .about .right .info .docs .card {
  width: calc((100% - 60px) / 2);
  margin-right: 60px;
  margin-bottom: 60px;
  padding: 60px 50px
 }

 .about .right .info .docs .card:nth-child(2n + 2) {
  margin-right: 0
 }
}

@media (max-width: 1400px) {
 .modal {
  padding: 100px
 }

 .uslugi .top h2,
 .uslugi .top .title-h2 {
  margin-bottom: 25px
 }

 .uslugi .top p {
  max-width: 100%;
  width: 100%;
  margin-left: 0
 }

 .header .top nav ul li:not(:last-child) {
  margin-right: 35px
 }

 .header .bottom nav ul li {
  padding: 0 35px
 }

 .primer .swiper-slide .right .btn1 {
  margin-top: 50px
 }

 .request .btn1 {
  margin-top: 30px;
  margin-left: 0
 }

 .about .right .info .vacancie-form .bottom .flex,
 .anketa-form .flex {
  width: 100%
 }
}

@media (max-width: 1300px) {
 .clients .tabs ul li:not(:last-child) {
  margin-right: 70px
 }

 .banner .swiper-container {
  padding-bottom: 50px
 }

 .header .top nav ul li:not(:last-child) {
  margin-right: 25px
 }

 .header .bottom nav ul li {
  padding: 0 30px
 }

 .footer .bottom2 .copyright,
 .footer .bottom2 .developer,
 .footer .bottom2 ul {
  width: auto
 }

 .about .right .info .faq ul li .hidden {
  padding-bottom: 40px
 }

 .about .right .info .faq ul li .hidden .card {
  width: calc((100% - 30px * 2) / 3);
  margin-bottom: 30px
 }

 .about .right .info .faq ul li .hidden .card:nth-child(4n + 4) {
  margin-right: 30px
 }

 .about .right .info .faq ul li .hidden .card:nth-child(3n + 3) {
  margin-right: 0
 }

 .about .right .info .faq ul li .hidden .card img {
  height: auto
 }

 .about .right .info .vacancie-form .nice-select,
 .about .right .info .vacancie-form input {
  margin-bottom: 40px;
  width: 100%
 }

 .news-detail .card {
  width: 100%;
  margin-right: 0
 }

 .news-detail .socials {
  margin-top: 30px
 }

 .news-detail .call {
  margin-top: 100px
 }
}

@media (max-width: 1250px) {
 .header .top nav ul li:not(:last-child) {
  margin-right: 15px
 }

 .header .bottom nav ul li {
  padding: 0 25px
 }

 .header .top nav ul li .more+.hidden li:not(:last-child) {
  margin-bottom: 15px
 }

 .header .top nav ul li .more+.hidden {
  margin-left: -15px;
  padding: 15px
 }
}

@media (max-width: 1200px) {
 .banner {
  padding-bottom: 0
 }

 .clients .tabs ul li:not(:last-child) {
  margin-right: 50px
 }

 .text .right .video {
  max-width: 450px
 }

 .main {
  /* margin-top: 70px */
 }

 .footer nav ul li .h3 br,
 .header .bottom,
 .header .top .buttons,
 .header .top .socials,
 .header .top nav {
  display: none
 }

 .header .top .mob {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto
 }

 .call tr,
 .pre .card {
  margin-bottom: 20px;
  width: calc((100% - 20px) / 2);
  margin-right: 20px
 }

 .call tr:nth-child(4n + 4),
 .clients .interes .swiper-slide:nth-child(4n + 4),
 .pre .card:nth-child(4n + 4) {
  margin-right: 20px
 }

 .call tr:nth-child(2n + 2),
 .clients .interes .swiper-slide:nth-child(3n + 3),
 .pre .card:nth-child(2n + 2) {
  margin-right: 0
 }

 .call tr td:nth-child(1) {
  max-width: calc(100% - 120px)
 }

 .call tr td:nth-child(2) {
  width: 120px
 }

 .clients .pre h3,
 .clients .pre .title-h3,
 .podrobnee .swiper-slide h3,
 .podrobnee .swiper-slide .title-h3,
 .uslugi .swiper-slide ol {
  min-height: auto;
  max-height: none
 }

 .partners {
  padding: 0
 }

 .footer nav >
 ul >

 li {
  margin-bottom: 0;
  width: 100%;
  border-bottom: 1px solid #fff
 }

 .footer .bottom .right,
 .footer .top .right {
  width: 50%
 }

 .comfort .swiper-pagination,
 .interes .swiper-pagination,
 .podrobnee .swiper-pagination,
 .uslugi .swiper-pagination {
  bottom: 0;
  display: block
 }

 .comfort .swiper-container,
 .interes .swiper-container,
 .podrobnee .swiper-container,
 .uslugi .swiper-container {
  padding-bottom: 50px
 }

 .otzyv .swiper-slide,
 .primer .swiper-slide {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
 }

 .otzyv .swiper-slide .left,
 .primer .swiper-slide .left {
  padding: 50px 50px 0;
  border: 0
 }

 .otzyv .swiper-slide .right,
 .primer .swiper-slide .right {
  padding: 50px
 }

 .banner .swiper-slide {
  background-position: 70% 50%
 }

 .footer .top,
 .footer nav {
  margin-bottom: 50px
 }

 .footer nav ul li .h3 {
  position: relative;
  padding: 20px 0;
  width: 100%;
  margin-bottom: 0
 }

 .footer nav ul li .h3::after {
  content: "";
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: url("../img/icon (3).svg") no-repeat 50% 50% / contain
 }

 .footer nav ul li .h3.active::after {
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg)
 }

 .footer nav >
 ul >

 li ul {
  display: none;
  margin-bottom: 20px
 }

 .footer .bottom .socials {
  width: 50%
 }

 .clients .interes .swiper-slide {
  width: calc((100% - 20px * 2) / 3)
 }

 .about .right.info .docs .card {
  width: 100%;
  margin-right: 0;
  margin-bottom: 60px
 }

 .banner {
  height: auto
 }

 .banner .swiper-slide .left {
  width: 100%
 }

 .banner .swiper-slide .right {
  width: 100%;
  margin-top: 30px;
  max-width: 361px
 }

 .banner .swiper-slide .right img {
  height: auto;
  width: 100%
 }

 .banner .swiper-slide .flex {
  flex-wrap: nowrap;
  align-items: flex-start
 }
}

@media (max-width: 1100px) {
 .clients .tabs ul li:not(:last-child) {
  margin-right: 0;
  margin-bottom: 30px
 }

 .text .left,
 .text .right {
  width: 100%
 }

 .text .left {
  padding-right: 0
 }

 .request p,
 .text .right .video {
  max-width: 100%
 }

 .text .right {
  margin-bottom: 80px
 }

 .request {
  padding: 40px 0;
  text-align: center
 }

 .center .card ul li br,
 .request .line,
 .request h2 br,
 .request .title-h2 br {
  display: none
 }

 .request h2,
 .request .title-h2 {
  width: 100%;
  margin-bottom: 25px
 }

 .request p {
  width: 100%
 }

 .request .btn1 {
  margin-left: auto;
  margin-right: auto
 }

 .clients .interes .swiper-slide {
  width: calc((100% - 20px) / 2)
 }

 .clients .interes .swiper-slide:nth-child(3n + 3),
 .clients .interes .swiper-slide:nth-child(4n + 4) {
  margin-right: 20px
 }

 .clients .interes .swiper-slide:nth-child(2n + 2),
 .modal input:nth-child(2n-1) {
  margin-right: 0
 }

 .text b img,
 .text i img,
 .text p img {
  max-width: 100%;
  margin-right: 0;
  margin-bottom: 40px
 }

 .clients .tabs ul.flex {
  display: block
 }

 .call tr,
 .clients .tabs ul li {
  margin-right: 0
 }

 .call tr {
  width: 100%
 }

 .call tr td:nth-child(2) {
  width: 30%;
  text-align: right
 }

 .banner .swiper-slide {
  background-position: 60% 50%
 }

 .center .card {
  width: 100%;
  margin-bottom: 20px
 }

 .consult {
  background: #fafafc !important
 }

 .consult .container {
  background: none
 }

 .say h2,
 .title-say {
  font-size: 75px
 }

 .footer .top .right {
  margin-top: 30px;
  margin-left: 0;
  width: 100%
 }

 .footer .top {
  margin-bottom: 30px
 }

 .footer .bottom .socials {
  width: 100%
 }

 .footer .bottom .right {
  margin-top: 30px;
  width: 100%
 }

 .footer .bottom2 {
  margin-top: 30px
 }

 .footer .bottom2 ul {
  margin-bottom: 30px;
  display: block;
  width: 100%
 }

 .footer .bottom2 .copyright,
 .footer .bottom2 .developer {
  width: 100%
 }

 .footer .bottom2 ul li {
  margin-bottom: 20px
 }

 .footer .bottom2 .copyright {
  margin-bottom: 30px
 }

 .footer .bottom2 .developer {
  text-align: left
 }

 .modal {
  padding: 50px
 }

 .modal input {
  width: 100%;
  margin-right: 0
 }

 .modal input:last-child {
  margin-bottom: 0
 }

 .modal .bottom {
  margin-top: 40px
 }

 .modal .bottom .btn2 {
  margin-top: 40px;
  margin-left: 0;
  width: 100%
 }

 .modal .p {
  margin-bottom: 40px
 }

 .about-open {
  display: block
 }

 .about .sticky {
  display: none;
  position: static;
  width: 100%
 }

 .about .right {
  width: 100%
 }

 .about h1 {
  margin-bottom: 0
 }

 .about .right,
 .contacts {
  margin-top: 40px
 }

 .about .sticky {
  margin-top: 30px
 }

 .ask .card,
 .news .card {
  width: 100%;
  margin-right: 0
 }

 .ask .bottom .flex {
  margin-right: auto
 }

 .about .right .info .faq ul li .hidden {
  padding-bottom: 40px
 }

 .about .right .info .faq ul li .hidden .card {
  width: calc((100% - 30px) / 2)
 }

 .about .right .info .faq ul li .hidden .card:nth-child(3n + 3),
 .about .right .info .faq ul li .hidden .card:nth-child(4n + 4) {
  margin-right: 30px
 }

 .about .right .info .faq ul li .hidden .card:nth-child(2n + 2) {
  margin-right: 0
 }

 .news .card img {
  height: auto
 }

 .news-tabs li {
  width: 100%;
  margin-right: 0 !important;
  margin-bottom: 30px
 }

 .news-tabs {
  margin-bottom: 0
 }

 .news-detail .call {
  top: 0;
  position: static
 }
}

@media (max-width: 767px) {
 .video {
  padding-bottom: 40px
 }

 .clients .otzyv .swiper-slide,
 .clients .primer .swiper-slide {
  width: 100%;
  margin-right: 0
 }

 .clients .tabs,
 .clients h1 {
  margin-bottom: 20px
 }

 .clients .tabs ul li:not(:last-child) {
  margin-bottom: 5px
 }

 .about .right .info .tabs li .h3,
 .clients .tabs ul li a h2,
 .clients .tabs ul li a .title-h2,
 .footer nav ul li .h3 {
  font-size: 15px
 }

 .main {
  margin-top: 54px
 }

 section {
  padding: 40px 0
 }

 .hidden-menu {
  top: 54px;
  max-height: calc(100vh - 54px)
 }

 .container {
  padding: 0 20px
 }

 .up {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  right: 20px;
  bottom: 20px
 }

 .up::after {
  width: 10px;
  height: 10px
 }

 .about .right .info br+br+br,
 .consult p br,
 .logo span,
 .modal .p br,
 .uslugi .top p br {
  display: none
 }

 .logo img {
  height: 34px
 }

 .banner {
  height: auto
 }

 .btn1,
 .btn2 {
  width: 100%
 }

 .h1,
 h1 {
  font-size: 28px;
  line-height: 1.17
 }

 .h2,
 .title-h2 {
  line-height: 1.5
 }

 .h2,
 .h3,
 h2,
 .title-h2,
 h3,
 .title-h3 {
  font-size: 20px
 }

 .h3,
 .title-h3,
 h3 {
  line-height: 1.35
 }

 h2,
 .title-h2 {
  line-height: 1.5
 }

 .btn2 {
  font-size: 13px;
  background: -o-linear-gradient(3.93deg, #3e16cb 1.92%, #9c5aec 100.62%);
  background: linear-gradient(86.07deg, #3e16cb 1.92%, #9c5aec 100.62%)
 }

 .banner {
  -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.3);
  box-shadow: 0 6px 8px rgba(200, 209, 222, 0.3);
  margin-top: 40px
 }

 .banner .swiper-slide .flex {
  flex-wrap: wrap
 }

 .banner .swiper-slide .right {
  margin-top: 0
 }

 .banner .swiper-slide .left {
  margin-bottom: 0
 }

 .banner p {
  font-size: 13px
 }

 .banner h1 {
  margin-bottom: 15px;
  font-size: 26px;
  line-height: 120%
 }

 .banner .buttons {
  margin-top: 25px
 }

 .banner .buttons ul li {
  text-align: center;
  width: 100%
 }

 .banner .buttons ul li:not(:last-child) {
  margin-bottom: 20px
 }

 .banner .buttons .a {
  font-size: 13px;
  padding-bottom: 1px;
  margin-left: auto;
  margin-right: auto
 }

 .banner .swiper-slide {
  padding-top: 30px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background: #fff
 }

 .banner .swiper-slide .img {
  display: block;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  width: 100%;
  height: 206px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto
 }

 .banner .swiper-pagination {
  bottom: 15px
 }

 .call tr,
 .pre .card {
  width: 100%;
  margin-right: 0;
  -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
  box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5)
 }

 .pre .card {
  padding: 50px 20px 30px
 }

 .pre .card .img {
  margin-bottom: 45px
 }

 .pre .card h3,
 .pre .card .title-h3 {
  font-size: 16px
 }

 .pre .card p {
  max-width: 256px
 }

 .btn1,
 .call tr,
 .pre .card p,
 .primer .swiper-slide .right p,
 .uslugi .top p {
  font-size: 13px
 }

 .uslugi .top {
  margin-bottom: 40px
 }

 .uslugi .swiper-slide {
  padding: 30px 15px
 }

 .uslugi .swiper-slide .img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
  margin-left: 0
 }

 .uslugi .swiper-slide h3,
 .uslugi .swiper-slide .title-h3 {
  margin-left: 0
 }

 .uslugi .swiper-slide ol li {
  padding-right: 30px;
  padding-left: 0;
  font-size: 13px
 }

 .uslugi .swiper-slide ol li::after {
  right: 0
 }

 .podrobnee h2 span,
 .podrobnee .title-h2 span,
 .uslugi .swiper-slide ol {
  margin-bottom: 30px
 }

 .call h2,
 .call .title-h2,
 .primer .swiper-slide .right h3,
 .primer .swiper-slide .right .title-h3,
 .uslugi .swiper-slide .btn1 {
  margin-bottom: 20px
 }

 .call tr {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0
 }

 .call tr td:nth-child(1) {
  width: 100%
 }

 .call tr td:nth-child(2) {
  display: block;
  width: 100%;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 20px
 }

 .call .btn1 {
  margin-top: 20px
 }

 .video a[data-fancybox]::before {
  width: 20px;
  height: 20px
 }

 .video a[data-fancybox]::after {
  width: 80px;
  height: 80px
 }

 .comfort {
  padding-bottom: 80px;
  padding-top: 40px
 }

 .comfort .swiper-slide {
  padding: 15px 15px 30px
 }

 .comfort .swiper-slide .img {
  height: 200px;
  margin-bottom: 10px
 }

 .comfort .swiper-slide p,
 .consult p {
  font-size: 13px;
  margin-bottom: 30px
 }

 .slider .swiper-container {
  height: auto;
  min-height: auto
 }

 .slider .swiper-slide {
  padding: 40px 20px;
  background: #ededf5
 }

 .slider .swiper-slide h2,
 .slider .swiper-slide .title-h2 {
  font-size: 20px;
  margin-bottom: 10px
 }

 .slider .swiper-slide p {
  font-size: 13px
 }

 .otzyv .swiper-slide .left,
 .primer .swiper-slide .left {
  padding: 30px 15px
 }

 .otzyv .swiper-slide .right,
 .primer .swiper-slide .right {
  padding: 0 15px 50px
 }

 .primer .swiper-slide .right .btn1 {
  margin-top: 40px
 }

 .primer {
  padding-bottom: 40px
 }

 .center .top h2,
 .center .top .title-h2,
 .consult input,
 .footer .bottom2 ul {
  margin-bottom: 20px
 }

 .center .bottom p,
 .center .card ul li,
 .center .top p,
 .footer .bottom .right span,
 .footer nav ul li ul li a,
 .otzyv .swiper-slide .right .otz-tex,
 .otzyv .swiper-slide .right h3 span,
 .otzyv .swiper-slide .right .title-h3 span,
 .otzyv .swiper-slide .right p,
 .podrobnee .bottom p,
 .podrobnee .swiper-slide p,
 .request p,
 input,
 textarea {
  font-size: 13px
 }

 .center .card ul li .img {
  margin-top: 6px
 }

 .center .card {
  margin-right: 0;
  padding: 25px 20px
 }

 .contacts ul,
 .otzyv .swiper-slide .right .btn1,
 .primer .swiper-slide .right .btn1 {
  width: 100%
 }

 .consult h2,
 .consult .title-h2 {
  font-size: 20px
 }

 .consult-form-btn-wrap {
  width: 100%
 }

 .consult input {
  width: 100%;
  margin-right: 0
 }

 .consult .form-label_checkbox {
  max-width: none
 }

 .consult input:not(:first-child) {
  width: 100%
 }

 .podrobnee .swiper-container {
  padding-left: 0;
  padding-right: 0
 }

 .podrobnee .swiper-slide {
  -webkit-box-shadow: 0 6px 10px rgba(196, 196, 196, 0.3);
  box-shadow: 0 6px 10px rgba(196, 196, 196, 0.3);
  padding: 70px 20px 50px 50px
 }

 .podrobnee .swiper-slide h3,
 .podrobnee .swiper-slide .title-h3 {
  font-size: 16px;
  margin-bottom: 20px
 }

 .podrobnee .swiper-slide::after {
  top: 33px
 }

 .podrobnee .swiper-slide ol li::after {
  top: 6px
 }

 .request {
  padding: 50px 0
 }

 .request h2,
 .request .title-h2 {
  margin-bottom: 35px
 }

 .request .btn1 {
  width: 100%;
  margin-top: 40px
 }

 .news-tabs li a,
 .otzyv .swiper-slide .right h3,
 .otzyv .swiper-slide .right .title-h3 {
  font-size: 16px
 }

 .about .right .info .faq.cost .hidden,
 .otzyv,
 .say {
  padding-bottom: 40px
 }

 .say h2,
 .title-say {
  font-size: 30px;
  line-height: 1.33;
  margin-bottom: 30px
 }

 .footer {
  padding-top: 20px;
  padding-bottom: 20px
 }

 .footer .bottom .socials ul li a {
  width: 12px;
  height: 12px
 }

 .footer .bottom .right,
 .footer .top .right {
  margin-top: 20px
 }

 .footer .top,
 .footer nav {
  margin-bottom: 40px
 }

 .footer .bottom .socials ul li:not(:last-child) {
  margin-right: 14px
 }

 .footer .bottom .right a {
  font-size: 28px
 }

 .footer .bottom2 .copyright,
 .modal .p {
  font-size: 13px;
  margin-bottom: 20px
 }

 .footer .bottom2 ul li a {
  font-size: 13px;
  line-height: 2
 }

 .footer .bottom2 ul li:not(:last-child) {
  margin-bottom: 0
 }

 .footer .bottom2 ul li {
  margin-bottom: 0
 }

 .modal {
  padding: 50px 20px
 }

 .modal input {
  padding: 10px 20px;
  margin-bottom: 20px
 }

 .modal textarea {
  font-size: 13px;
  padding: 10px 20px
 }

 .call p,
 .modal .bottom {
  margin-top: 20px
 }

 .checkbox {
  font-size: 12px;
  padding-left: 50px;
  padding-top: 0
 }

 .checkbox::before {
  width: 35px;
  height: 35px
 }

 .checkbox.active::after {
  width: 16px;
  height: 16px;
  top: 11px;
  left: 11px
 }

 .modal .bottom .btn2 {
  margin-top: 30px
 }

 .fancybox-button--close,
 .fancybox-slide--html .fancybox-close-small {
  top: 20px;
  right: 20px;
  width: 30px;
  height: 30px
 }

 .call p,
 .modal input {
  font-size: 13px
 }

 .interes .swiper-slide .bottom .h3,
 .interes h2,
 .interes .title-h2,
 .text .h2,
 .text .title-h2,
 .text .h3,
 .text h2,
 .text .title-h2,
 .text h3,
 .text .title-h3 {
  margin-bottom: 30px
 }

 .text .h1,
 .text h1 {
  margin-bottom: 20px
 }

 .about .right .info .docs .card p,
 .text .return {
  margin-top: 40px;
  font-size: 13px
 }

 .text .flex {
  margin-bottom: 0
 }

 .text ol li,
 .text ul li {
  padding-left: 25px;
  font-size: 13px
 }

 .text ul li::after {
  top: 8px
 }

 .about .sticky nav ul li a,
 .contacts ul li,
 .text .card,
 .text b,
 .text i,
 .text ol li::after,
 .text p {
  font-size: 13px
 }

 .text b:not(:last-child),
 .text i:not(:last-child),
 .text p:not(:last-child) {
  margin-bottom: 20px
 }

 .about .right .info .faq ul li h3,
 .about .right .info .faq ul li .title-h3,
 .faq ul li h3,
 .faq ul li .title-h3 {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 13px;
  padding-right: 20px
 }

 .faq ul li p {
  font-size: 13px;
  padding-bottom: 15px
 }

 .faq ul li::after {
  top: 11px
 }

 .interes .swiper-slide .bottom,
 .interes .swiper-slide .top {
  padding: 30px 15px
 }

 .interes .swiper-slide .bottom p {
  font-size: 13px;
  margin-bottom: 20px;
  min-height: auto;
  max-height: none
 }

 .ask .card-detail h2,
 .ask .card-detail .title-h2,
 .interes .swiper-slide .btn1 {
  margin-bottom: 20px
 }

 .text .right {
  margin-top: 40px;
  margin-bottom: 40px
 }

 .clients .pre .card {
  padding: 30px 15px 20px;
  width: calc((100% - 20px) / 2);
  margin-right: 20px
 }

 .clients .interes .swiper-slide:nth-child(2n + 2),
 .clients .interes .swiper-slide:nth-child(3n + 3),
 .clients .interes .swiper-slide:nth-child(4n + 4),
 .clients .pre .card:nth-child(2n + 2) {
  margin-right: 0
 }

 .clients .pre img {
  width: 60px;
  height: 50px;
  margin-bottom: 20px
 }

 .clients .pre h3,
 .clients .pre .title-h3 {
  font-size: 12px;
  max-height: none
 }

 .clients .interes .swiper-slide {
  width: 100%;
  margin-right: 0
 }

 .about-open {
  margin-top: 0;
  margin-left: auto
 }

 .about .right,
 .contacts {
  margin-top: 30px
 }

 .contacts ul li:first-child {
  padding-left: 45px
 }

 .contacts ul li:first-child::after {
  width: 30px;
  height: 30px
 }

 .contacts ul li:nth-child(2) {
  padding-left: 45px
 }

 .contacts ul li:nth-child(2)::after {
  top: 0;
  left: 7px
 }

 .contacts ul:not(:last-child) {
  margin-bottom: 40px
 }

 .about .sticky nav ul li:not(:last-child),
 .contacts ul li:not(:last-child) {
  margin-bottom: 20px
 }

 .contacts #map {
  margin-top: 40px;
  height: 450px
 }

 .about .sticky {
  padding: 30px 15px
 }

 .about .right .info .docs .card span,
 .about .right .info .faq ul li .hidden .card p,
 .about .right .info .faq.cost ul li p,
 .about .right .info .faq.cost ul li ul li,
 .about .right .info .ul li,
 .about .right .info ol li,
 .about .right .info p,
 .about .right.info .docs .card span,
 .anketa-form input[type="radio"]+label,
 .news-detail .call table tr h3,
 .news-detail .call table tr .title-h3,
 .primer .swiper-slide .right h3,
 .primer .swiper-slide .right .title-h3 {
  font-size: 13px
 }

 .about .right .info ol li::after {
  top: 5px
 }

 .about .right .info ol li {
  padding-left: 25px
 }

 .about .right .info .vacancie-form .bottom .flex .checkbox,
 .about .right .info .vacancie-form .nice-select,
 .about .right .info .vacancie-form h2,
 .about .right .info .vacancie-form .title-h2,
 .about .right .info .vacancie-form input,
 .ask .top {
  margin-bottom: 30px
 }

 .ask .card {
  margin-bottom: 40px
 }

 .ask .card .h4 {
  min-height: 3em;
  font-size: 15px
 }

 .ask .card,
 .ask .card-detail {
  padding: 30px 15px
 }

 .about .right .info p,
 .news-tabs li {
  margin-bottom: 20px
 }

 .ask .card-detail .btn2 {
  width: 100%
 }

 .ask .bottom ul li,
 .news .bottom ul li,
 .articles .bottom ul li,
 .video .bottom ul li {
  font-size: 11px
 }

 .ask .bottom ul li:not(:last-child),
 .news .bottom ul li:not(:last-child),
 .articles .bottom ul li:not(:last-child),
 .video .bottom ul li:not(:last-child) {
  margin-right: 12px
 }

 .ask .bottom ul,
 .news .bottom ul,
 .articles .bottom ul,
 .video .bottom ul {
  margin: 0 15px
 }

 .ask .bottom .swiper-button-next,
 .ask .bottom .swiper-button-prev,
 .news .bottom .swiper-button-next,
 .news .bottom .swiper-button-prev,
 .articles .bottom .swiper-button-next,
 .articles .bottom .swiper-button-prev,
 .video .bottom .swiper-button-next,
 .video .bottom .swiper-button-prev {
  width: 35px;
  height: 35px
 }

 .about .right .info .faq ul li::after {
  top: 14px
 }

 .about .right .info .faq ul li .hidden .card {
  width: calc((100% - 20px) / 2);
  margin-right: 20px
 }

 .about .right .info .faq ul li .hidden .card:nth-child(3n + 3),
 .about .right .info .faq ul li .hidden .card:nth-child(4n + 4) {
  margin-right: 20px
 }

 .about .right .info .faq ul li .hidden .card:nth-child(2n + 2) {
  margin-right: 0
 }

 .about .right .info .faq ul li .hidden {
  padding-top: 20px;
  padding-bottom: 0
 }

 .about .right .info .faq.cost ul li ul li::before,
 .about .right .info .ul li::before {
  top: 10px
 }

 .about .right .info .tabs {
  margin-top: 0;
  margin-bottom: 20px
 }

 .about .right .info .tabs li:not(:last-child) {
  margin-right: 30px
 }

 .about .right .info .vacancie-form,
 .about .right .info .vacancie-form form {
  margin-top: 40px
 }

 .about .right .info .docs table td,
 .nice-select,
 .nice-select.open .list li {
  font-size: 13px;
  padding: 10px 0
 }

 .about .right.info .docs .card {
  padding: 30px;
  margin-bottom: 60px
 }

 .about .right.info .docs table td:nth-child(1) {
  font-weight: 600
 }

 .about .right.info .docs table td:nth-child(1)::after {
  display: none
 }

 .about .right .info .call {
  margin-top: 20px;
  margin-bottom: 20px
 }

 .news .card {
  margin-bottom: 40px
 }

 .news .card h3,
 .news .card .title-h3 {
  font-size: 12px
 }

 .news .card p {
  line-height: 1;
  font-size: 13px
 }

 .text.news-detail p img {
  margin: 30px 0
 }

 .news-detail .card {
  width: 100%;
  margin-right: 0
 }

 .news-detail .socials {
  margin-top: 30px
 }

 .news-detail .call {
  margin-top: 70px
 }

 .ya-share2__list.ya-share2__list_direction_horizontal >

 .ya-share2__item:last-child {
  margin-right: 0 !important
 }

 .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
  height: 20px !important;
  width: 20px !important
 }

 .news-detail .call table tr {
  padding: 20px 0;
  margin-bottom: 0
 }

 .call tr td:nth-child(1) {
  padding-right: 30px;
  max-width: 80%
 }

 .news-detail .call table tr td:nth-child(2) {
  margin-top: 3px;
  max-width: 20%;
  min-width: auto;
  font-size: 13px;
  line-height: 1
 }

 .ya-share2__list.ya-share2__list_direction_horizontal >

 .ya-share2__item {
  margin-right: 30px !important
 }

 .about .right .info .docs .card {
  padding: 30px;
  width: 100%;
  margin-right: 0
 }

 .anketa-form .checkbox,
 .anketa-form .flex {
  margin-bottom: 30px
 }

 .search-page form .btn2 {
  width: 160px;
  min-width: auto
 }

 .search-page h1 {
  margin-bottom: 40px
 }
}

.about .right #about {
 margin-left: initial
}

.faq .card-full img {
 max-width: 80%;
 display: block;
 margin-bottom: 10px
}

.white-text {
 color: #f5f5f5 !important;
 font-size: 11px !important
}

.breadcrumbs {
 position: relative;
 z-index: 80;
 padding-top: 35px;

}

.breadcrumbs ul {
 list-style-type: none;
 margin: 0 0 0 -10px;
 padding: 0
}

.breadcrumbs ul li {
 position: relative;
 margin: 0 0 5px 5px;
 display: inline-block;
 vertical-align: top;
 padding: 0 0 0 15px;
 line-height: normal;
 color: #999
}

.breadcrumbs ul li:before {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 content: '>'
}

.breadcrumbs ul li:first-child:before {
 display: none
}

.breadcrumbs ul li:first-child {
 padding-left: 0
}

.breadcrumbs ul li a {
 color: #3e16cb;
 text-decoration: underline
}

.breadcrumbs ul li a:hover {
 text-decoration: none
}

@media (max-width: 767px) {
 .faq .card-full img {
  max-width: 100%
 }

 .breadcrumbs {
  margin-bottom: 0
 }
}

.link {
 color: #3e16cb;
 margin-top: 10px
}

.title-description {
 margin-top: -25px;
 padding: 25px 0;
 font-size: 24px
}

@media (min-width: 767px) {
 .title-description {
  margin-top: -60px
 }
}

.disabled {
 /* display: none */
}

.search-wrapper {
 position: fixed;
 width: 100%;
 left: 0;
 top: 63rem;
 background: #fff;
 z-index: 10;
 -webkit-box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5);
 box-shadow: 0 6px 8px rgba(200, 209, 222, 0.5)
}

@media (min-width: 750px) {
 .search-wrapper {
  top: 117rem
 }
}

@media (min-width: 1200px) {
 .search-wrapper {
  top: 108rem
 }
}

.container.search-container {
 display: none;
 padding: 10rem 20rem;
 -webkit-transition: 0.2s;
 -o-transition: 0.2s;
 transition: 0.2s
}

.header-open.search-open {
 position: relative;
 color: #fff;
 border-color: #fff;
 background: #5237DF;
 padding-left: 40px
}

.header-open.search-open:hover {
 color: #fff;
 border-color: #fff;
 opacity: 0.8
}

.header-open.search-open:before {
 content: "";
 position: absolute;
 right: 0;
 width: 14px;
 height: 14px;
 top: 50%;
 left: 15px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out;
 transition: all 0.3s ease-in-out;
 background: url(../media/icon-search-white.svg) no-repeat 50% 50% / contain
}

.search-form {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 justify-content: space-between;
 -ms-flex-wrap: nowrap;
 flex-wrap: nowrap
}

.search-form-input {
 position: relative;
 width: 100%
}

.search-form input {
 padding: 4rem 20rem
}

.search-form input[type='text'] {
 border: 1px solid #4e4e4e;
 width: 100%;
 padding: 4rem 40rem
}

.search-form-input-before-icon {
 position: absolute;
 right: 0;
 width: 14px;
 height: 14px;
 top: 50%;
 left: 13px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 background: url(../media/icon-search-black.svg) no-repeat 50% 50% / contain
}

.search-form-input-after-icon {
 position: absolute;
 width: 12px;
 height: 12px;
 top: 50%;
 right: 13px;
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 transform: translateY(-50%);
 background: url(../media/icon-close-black.svg) no-repeat 50% 50% / contain;
 cursor: pointer
}

.search-form .search-form-btn {
 margin-left: 20rem
}

.search-form .search-form-btn input {
 color: #fff;
 border-color: #fff;
 background: #5237DF
}

.search-form .search-form-btn input:hover {
 color: #fff;
 border-color: #fff;
 opacity: 0.8
}

.advance-block {}

.advance-block__title {
 font-size: 26px;
 line-height: 32px;
 font-weight: 600;
 color: #000000
}

.advance-block__content .swiper-wrapper {
 margin-top: 60px;
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 column-gap: 40px;
 row-gap: 40px;
 position: relative
}

.advance-block__item {
 display: flex;
 flex-direction: column;
 gap: 20px;
 padding: 20px 20px 40px 20px;
 border: 1px solid #606060;
 border-radius: 10px;
 background: #fff;
 transition: 0.5s ease-out;
 height: 100%
}

.advance-block__item-title {
 font-size: 18px;
 line-height: 22px;
 color: #606060;
 font-weight: 600
}

.advance-block__item-text {
 font-size: 14px;
 line-height: 22px;
 font-weight: 400;
 letter-spacing: -0.01em;
 color: #4E4E4E
}

.advance-block__item:hover {
 background: #5237DF;
 border: 1px solid transparent
}

.advance-block__item:hover .advance-block__item-title,
.advance-block__item:hover .advance-block__item-text {
 color: #FFFFFF
}

.advance-block__content .swiper-pagination {
 display: none
}

@media (max-width: 1200px) {}

@media (max-width: 750px) {
 .advance-block__content {
  display: block;
  position: relative;
  overflow: hidden
 }

 .advance-block__content .swiper-pagination {
  margin-top: 20px;
  display: flex;
  position: relative
 }

 .advance-block__content .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: auto
 }

 .advance-block__item {
  height: 100%
 }
}

@media (max-width: 1200px) {
 .request .flex {
  display: flex;
  flex-direction: column;
  gap: 0;
  justify-content: center
 }

 .request .wrap {
  gap: 0
 }

 .consult.bg-none {
  background: #fff !important
 }
}

@media (max-width: 765px) {
 .consult.bg-none {
  background: rgba(82, 55, 223, 0.1) !important
 }

 .consult.bg-none .container {
  background-image: none !important
 }
}

.text.no-padding {
 padding: 0 0
}

@media (max-width: 765px) {
 .text.no-padding {
  padding: 90px 0 40px 0
 }
}

.result-block {
 display: flex;
 flex-direction: column;
 gap: 40px
}

.result-block__title {
 font-size: 26px;
 line-height: 32px;
 font-weight: 600;
 color: #15141A
}

.result-block__content .swiper-wrapper {
 display: grid;
 grid-template-columns: repeat(4, 1fr);
 gap: 40px
}

.result-block__content.--possibilities .swiper-wrapper {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 40px
}

.result-block__content .swiper-slide {
 display: flex;
 align-items: stretch;
 flex-direction: column;
 height: auto
}

.result-block__item {
 padding: 20px 10px 40px 20px;
 border: 1px solid #4E4E4E;
 border-radius: 10px;
 display: flex;
 flex-direction: column;
 gap: 20px;
 height: 100%;
 transition: 0.5s ease-out
}

.result-block__content.--possibilities .result-block__item {
 display: block
}

.result-block__item:hover {
 background: #5237DF;
 border: 1px solid transparent
}

.result-block__item:hover .result-block__item-title {
 color: #fff
}

.result-block__item:hover .result-block__item-text,
.result-block__content.--possibilities .result-block__item: hover .result-block__item-text {
 color: #fff
}

.result-block__item-title {
 font-size: 18px;
 line-height: 120%;
 font-weight: 600;
 color: #5237DF
}

.result-block__content.--possibilities .result-block__item-title {
 display: inline
}

.result-block__item-text {
 font-size: 16px;
 line-height: 140%;
 letter-spacing: -0.16px;
 font-weight: 400;
 color: #606060
}

.result-block__content.--possibilities .result-block__item-text {
 color: #606060;
 display: inline;
 font-size: 18px;
 font-weight: 600;
 line-height: 120%
}

.result-block__content .swiper-pagination {
 display: none;
 margin-top: 20px;
 position: relative
}

@media (max-width: 1200px) {
 .result-block__content .swiper-wrapper {
  grid-template-columns: repeat(2, 1fr);
  gap: 40px
 }
}

@media (max-width: 765px) {
 .result-block__content .swiper-pagination {
  display: flex
 }

 .result-block__content .swiper-wrapper {
  display: flex;
  gap: 0
 }
}

.keys-block {
 display: flex;
 flex-direction: column;
 gap: 40px
}

.keys-block__title {
 font-size: 26px;
 line-height: 120%;
 font-weight: 600;
 color: #15141A
}

.keys-block__content .swiper-wrapper {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 40px
}

.swiper-wrapper {
 height: auto
}

.swiper-slide {
 display: flex;
 flex-direction: column;
 height: auto;
 align-items: stretch
}

.keys-block__item {
 display: flex;
 flex-direction: column;
 gap: 40px;
 height: 100%;
 border-radius: 6px;
 box-shadow: 0 6px 10px 0 rgba(200, 209, 222, 0.50)
}

.keys-block__item-main {
 padding: 0 40px 60px 40px
}

.keys-block__content .swiper-pagination {
 position: relative;
 margin-top: 20px;
 display: none
}

.keys-block__item-title {
 font-size: 18px;
 line-height: 120%;
 font-weight: 600;
 margin-bottom: 20px;
 color: #3E16CB
}

.keys-block__item-content {
 color: #726F80;
 font-size: 16px;
 line-height: 140%;
 font-weight: 400;
 letter-spacing: -0.16px
}

.keys-block__item-content span {
 color: #5237DF
}

@media (max-width: 1200px) {
 .keys-block__item {
  gap: 30px
 }

 .keys-block__item-title {
  margin-bottom: 20px
 }

 .keys-block__item-main {
  padding: 0 30px 40px 30px
 }
}

@media (max-width: 765px) {
 .keys-block__content .swiper-wrapper {
  display: flex;
  gap: 0
 }

 .keys-block__item-main {
  padding: 0 10px 40px 10px
 }

 .keys-block__content .swiper-pagination {
  display: flex
 }
}

.faq h2 {
 font-size: 26px;
 line-height: 120%;
 font-weight: 600
}

.desktop_nav-child-new {
 display: flex;
 align-items: center;
 gap: 10px
}

.desktop_nav-child-new::after {
 content: 'new';
 padding: 3px;
 color: #fff;
 background: #5237DF;
 flex-shrink: 0
}

.desktop_nav_child-list {
 height: 100%
}

.desktop_nav_child-list .desktop_nav_child-list {
 transition: .2s linear
}

.desktop_nav_child-list .desktop_nav_child-list.nav-list-hidden,
.footer-childs .footer-childs {
 margin: 0
}

.desktop_nav_child-list .desktop_nav_child-list.nav-list-hidden a.hidden,
.footer-childs .footer-childs a.hidden {
 display: none
}

.desktop_nav_child-list .desktop_nav_child-list.nav-list-hidden:hover a.hidden,
.footer-childs .footer-childs:hover a.hidden {
 display: initial
}

.showMore_nav {
 cursor: pointer;
 font-weight: bold
}

@media (min-width: 750px) {
 .footer-childs .footer-childs {
  grid-column: span 3;
  margin-bottom: 30px
 }
}

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

body .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
 width: auto
}