html {
    font-size: 0.05322vw;
    scroll-behavior: smooth;
}
body {
    font-size: 16rem;
    font-family: "Manrope", sans-serif;
    color: #282728;
    position: relative;
}
body * {
    word-wrap: normal;
}
html,
body {
    max-width: 100%;
}
img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
input {
    outline: none;
}
a {
    text-decoration: none;
    color: inherit;
}
input {
    color: #282728;
    font-size: 16rem;
    border: none;
    font-family: "Manrope", sans-serif;
    border: 2px solid transparent;
}
input:placeholder {
    color: #282728;
    opacity: 0.5;
}
input:focus {
    border: 2px solid #3e84ef;
}
textarea {
    border: 2px solid transparent;
}
textarea:focus {
    border: 2px solid #3e84ef;
}
button {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #fff;
    font-family: "Manrope", sans-serif;
    position: relative;
    overflow: hidden;
}
button::after {
    position: absolute;
    display: block;
    content: "";
    margin-left: 60px;
    width: 30px;
    height: 300px;
    background: #fff;
    -webkit-animation-delay: 0.05s;
    animation-delay: 0.05s;
    position: absolute;
    left: -40px;
    top: -150px;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-transition: all 0.1s;
    transition: all 0.1s;
    -webkit-animation-name: slideme;
    animation-name: slideme;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@-webkit-keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }
    30% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}
@keyframes slideme {
    0% {
        left: -30px;
        margin-left: 0px;
    }
    30% {
        left: 110%;
        margin-left: 80px;
    }
    100% {
        left: 110%;
        margin-left: 80px;
    }
}
.block-header {
    font-size: 60rem;
    font-weight: 300;
    line-height: 80rem;
    letter-spacing: 0.6rem;
    text-align: center;
    margin: 0 auto;
}
.block-header span {
    font-weight: 700;
}
.mCSB_scrollTools .mCSB_draggerRail {
    background-color: rgba(0, 0, 0, 0) !important;
}
.up {
    position: fixed;
    bottom: 30rem;
    right: 30rem;
    background: #5b82ea;
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    z-index: 20;
    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;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.up span {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    -webkit-transform: translateY(-2rem);
    transform: translateY(-2rem);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.up.active {
    opacity: 1;
}
.up:hover span {
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem);
}
.container {
    width: 1760rem;
    margin: 0 auto;
}
.owl-dots {
    margin-top: 50rem;
    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;
}
.owl-dots button::after {
    display: none;
}
.owl-carousel button.owl-dot {
    width: 23rem;
    height: 24rem;
    margin: 0 6rem;
    border-radius: 50%;
    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;
}
.owl-carousel button.owl-dot span {
    width: 13rem;
    height: 14rem;
    border-radius: 50%;
    background-color: #eeeeee;
}
.owl-carousel button.owl-dot.active {
    background-color: #3e84ef33;
}
.owl-carousel button.owl-dot.active span {
    background-color: #3e84ef;
}
.hidden {
    display: none;
}
.hidden-desktop {
    display: none;
}
.hidden-mobile {
    display: block;
}
.header {
    width: 1560rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12rem;
}
.header-wrap {
    position: relative;
    padding-bottom: 93rem;
    margin-bottom: 58rem;
}
.header-wrap.fixed .nav-wrap {
    padding: 20rem 0;
    z-index: 50;
    position: fixed;
    top: 0;
    width: 100%;
    background: rgba(29, 29, 29, 0.9);
}
.header-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-logo img {
    width: 224rem;
    margin-right: 25rem;
}
.header-logo p {
    width: 230rem;
    font-size: 13rem;
    line-height: 20rem;
    letter-spacing: 0.8rem;
}
.header-logo p span {
    font-weight: 700;
}
.header-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-license__text {
    position: relative;
}
.header-license__text p,
.header-license__text a {
    font-size: 13rem;
    letter-spacing: 0.33rem;
    margin-bottom: 10rem;
    font-weight: 600;
    position: relative;
}
.header-license__text::after {
    display: none;
    content: "";
    position: absolute;
    bottom: -5rem;
    width: 100%;
    border-top: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.header-license__text:hover::after {
    width: 60%;
}
.header-license__text-blue {
    color: #4283ee;
    margin-bottom: 0;
}
.header-license__text-blue::after {
    display: block;
}
.header-icon {
    margin-right: 20rem;
    width: 50rem;
    height: 50rem;
    -webkit-box-shadow: 0 0 98rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 98rem rgba(0, 0, 0, 0.15);
    background-color: #ffffff;
    border-radius: 50%;
    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;
}
.header-icon img {
    max-width: 14rem;
}
.header-calc {
    font-size: 13rem;
}
.header-calc::after {
    display: block;
}
.header-online {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.header-online__img {
    position: relative;
    margin-right: 19rem;
}
.header-online__img img {
    width: 68rem;
}
.header-online__img::before {
    display: block;
    content: "";
    position: absolute;
    width: 9rem;
    height: 9rem;
    background-color: #25d266;
    border-radius: 50%;
    top: 18%;
    right: 0;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
.header-online__text p {
    font-size: 12rem;
    letter-spacing: 0.6rem;
    margin-bottom: 9rem;
    text-align: center;
}
.header-online__text p span {
    font-weight: 700;
}
.header-online__text button {
    width: 224rem;
    height: 42rem;
    border-radius: 21rem;
    background-color: #229ED9;
    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;
}
.header-online__text button img {
    width: 20rem;
    margin-right: 7rem;
}
.header-online__text button p {
    font-size: 11rem;
    font-weight: 600;
    letter-spacing: 0.28rem;
    margin-bottom: 0;
}
.header-phone__time {
    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;
    margin-bottom: 10rem;
}
.header-phone__time span {
    display: block;
    width: 6rem;
    height: 6rem;
    background-color: #25d266;
    border-radius: 50%;
    margin-right: 5rem;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
.header-phone__time p {
    font-size: 11rem;
    letter-spacing: 0.6rem;
}
.header-phone__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.header-phone__link:hover {
    color: #4283ee;
}
.header-phone__link img {
    width: 16rem;
    margin-right: 10rem;
}
.header-phone__link p {
    font-size: 22rem;
    font-weight: 700;
    letter-spacing: 0.55rem;
}
.header-phone__back {
    width: 175rem;
    margin: 0 auto;
    font-size: 11rem;
    letter-spacing: 0.6rem;
}
.header-phone__back::after {
    display: block;
}

.language .item {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: normal;
    line-height: 140%;
    margin: 0;
}
li#menu-item-36 {
    border: 1px solid #2167EF;
    box-sizing: border-box;
    border-radius: 50rem;
    width: 60rem;
    height: 60rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    color: #fff;
    margin-right: 4rem;
}
.language>li:hover>ul.sub-menu {
    display: block;
}
ul.sub-menu {
     display: none; 
    padding: 10rem 18rem;
    list-style: none;
    position: absolute;
    top: 90rem;
    background: #F8FAFF;
    box-shadow: 10px 14px 74px rgb(12 23 45 / 5%);
    border-radius: 8px;
    color: #000;
    z-index: 999;
    line-height: 2;
}
.language .sub-list {
    display: none;
    padding: 16px 12px;
    list-style: none;
    position: absolute;
    top: 48px;
    background: #F8FAFF;
    box-shadow: 10px 14px 74px rgb(12 23 45 / 5%);
    border-radius: 8px;
}
.language .sub-list li:last-child {
    margin: 0;
}
.language .sub-list li {
    margin: 0 0 12px;
}
.language .sub-list a {
    display: flex;
    align-items: center;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 140%;
    color: #181626;
}
.language .sub-list a span {
    width: 28px;
    height: 28px;
    border: 0;
    background: #fff;
}
@media only screen and (max-width: 767px){
.language .item {
    font-size: 0;
}
}





.nav {
    width: 1560rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 0;
    list-style: none;
    position: relative;
    z-index: 50;
}
.nav-wrap {
    position: absolute;
    top: 71%;
    left: 0;
    width: 100%;
}
.nav ul {
    list-style: none;
}
.nav-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
}
.nav-link {
    font-size: 15rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
    position: relative;
    color: #fff;
}
.nav-link:hover {
    color: #4283ee;
}
.nav-link span {
    padding: 7rem 12rem;
    border-radius: 13rem;
    background-color: #4283ee;
    margin-left: 12rem;
    font-weight: 700;
    letter-spacing: 0.13rem;
    color: #fff;
}
.nav-item--home > a::after {
    display: block;
    content: "";
    width: 20rem;
    height: 19rem;
    background: url(../img/header/home.png) center no-repeat;
    background-size: cover;
    font-size: 0;
}
.nav-menu {
    top: -40%;
    position: absolute;
    width: 100vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 50rem 0;
    padding-top: 100rem;
    padding-left: 160rem;
    background: rgba(29, 29, 29, 0.9);
    display: none;
}
.nav-menu li {
    margin-bottom: 15rem;
}
.nav-item__haschildren {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.nav-item__haschildren::after {
    content: "";
    display: block;
    background: url(../img/header/arrow.png) center no-repeat;
    width: 9rem;
    height: 5rem;
    margin-left: 5rem;
    z-index: 2;
}
.nav-item__haschildren:hover .nav-menu {
    display: block;
}
@-webkit-keyframes flicker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes flicker {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.main {
    color: #fff;
    padding: 0 0 235rem;
    position: relative;
    overflow-x: hidden;
}
.main-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
.main-bg__mobile {
    display: none;
}
.main-content {
    margin-left: 147rem;
}
.main-content h1 {
    font-size: 70rem;
    font-weight: 100;
    letter-spacing: 1rem;
    line-height: 90rem;
    width: 1240rem;
    margin-bottom: 66rem;
}
.main-content h1 span {
    font-weight: 700;
}
.main-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 33rem;
    margin-left: 5rem;
}
.main-list .w-100 {
    width: 100%;
    display: block;
}
.main-list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 330rem;
    margin-bottom: 38rem;
    margin-right: 13rem;
}
.main-list__item p {
    font-size: 18rem;
    line-height: 27rem;
    letter-spacing: 0.45rem;
    max-width: 250rem;
}
.main-list__item p span {
    font-weight: 700;
}
.main-list__check {
    width: 56rem;
    height: 56rem;
    background-color: #ffffff;
    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;
    margin-right: 23rem;
    border-radius: 50%;
}
.main-list__check img {
    width: 15rem;
}
.main-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.main-btn {
    width: 400rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #4283ee;
    margin-right: 25rem;
    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;
}
.main-btn img {
    width: 22rem;
    margin-right: 26rem;
}
.main-btn__text {
    text-align: left;
}
.main-btn__text-big {
    font-weight: 600;
    letter-spacing: 0.7rem;
    line-height: 20rem;
    font-size: 16rem;
    margin-bottom: 5rem;
}
.main-btn__text-small {
    font-size: 11rem;
    letter-spacing: 0.48rem;
}
.main-btn__whatsapp {
    width: 300rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #229ED9;
    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;
}
.main-btn__whatsapp img {
    width: 35rem;
    margin-right: 18rem;
}
.main-btn__whatsapp p {
    line-height: 24rem;
    letter-spacing: 0.7rem;
    font-weight: 600;
    font-size: 16rem;
    text-align: left;
}
.side {
    position: fixed;
    z-index: 80;
    right: 0;
    top: 28%;
}
.side-close {
    width: 30rem;
    height: 30rem;
    background-color: #f5f5f7;
    border-radius: 50%;
    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;
    margin-left: auto;
    margin-bottom: 10rem;
    -webkit-transform: translateX(-35rem);
    transform: translateX(-35rem);
    cursor: pointer;
}
.side-close img {
    width: 9rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.side-close__active img {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.side-link {
    width: 115rem;
    height: 118rem;
    border-radius: 25rem 0 0 25rem;
    background-color: #f5f5f7;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
    color: #282728;
}
.side-link img {
    margin-bottom: 12rem;
    width: 23rem;
}
.side-link p {
    font-size: 12rem;
    width: 68rem;
    text-align: center;
}
.side-link__whatsapp {
    width: 45rem;
    height: 45rem;
    border-radius: 23rem;
    background-color: #229ED9;
    border-radius: 50%;
    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;
    margin-bottom: 10rem;
}
.side-link__whatsapp img {
    width: 20rem;
    margin: 0;
}
.express {
    width: 1760rem;
    height: 650rem;
    border-radius: 45rem;
    position: relative;
    z-index: 2;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 177rem;
    margin: 0 auto 100rem;
    border-radius: 45rem;
    margin-top: -141rem;
}
.express-bg {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 45rem;
}
.express-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.express-main {
    margin-right: 110rem;
}
.express-header {
    width: 440rem;
    font-size: 72rem;
    font-weight: 700;
    letter-spacing: 1.72rem;
    margin-bottom: 60rem;
}
.express-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.express-title img {
    width: 47rem;
    margin-right: 22rem;
    -webkit-animation: left 3s infinite;
    animation: left 3s infinite;
}
.express-title p {
    font-size: 36rem;
    letter-spacing: 0.36rem;
    font-weight: 600;
}
.express-text {
    font-size: 20rem;
    line-height: 30rem;
    letter-spacing: 0.65rem;
    margin-bottom: 30rem;
    width: 320rem;
}
.express-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20rem;
}
.express-call p {
    font-size: 36rem;
    letter-spacing: 0.36rem;
    margin-right: 17rem;
}
.express-call__whatsapp {
    width: 45rem;
    height: 45rem;
    border-radius: 23rem;
    background-color: #25d266;
    border-radius: 50%;
    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;
}
.express-call__whatsapp img {
    width: 20rem;
}
.express-phone {
    font-size: 29rem;
    font-weight: 700;
    letter-spacing: 0.55rem;
}
.express-discount {
    position: absolute;
    top: -4%;
    right: 18%;
    width: 516rem;
}
@-webkit-keyframes left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-10rem);
        transform: translateX(-10rem);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.services {
    margin-bottom: 80rem;
}
.services-header {
    width: 1060rem;
    margin-bottom: 60rem;
}
.services-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 9rem;
}
.services-block {
    width: 560rem;
    position: relative;
    z-index: 1;
    border-radius: 20rem;
    min-height: 510rem;
    margin-bottom: 40rem;
    padding: 41rem 0 30rem 55rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
}
.services-block picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.services-block__white {
    color: #282728;
}
.services-block__white a {
    color: #282728;
}
.services-block__white .services-block__item::after {
    border-bottom: 1rem dotted #282728;
}
.services-block__white .services-block__phone p {
    color: #282728;
}
.services-block__black {
    color: #ffffff;
}
.services-block__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
.services-block__title {
    font-size: 36rem;
    line-height: 48rem;
    letter-spacing: 1.6rem;
    margin-bottom: 28rem;
    cursor: pointer;
}
.services-block__title span {
    color: #188af9;
    position: relative;
}
.services-block__title span::after {
    display: block;
    position: absolute;
    bottom: -2rem;
    left: 0;
    content: "";
    width: 100%;
    height: 1rem;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.services-block__title:hover span::after {
    width: 60%;
}
.services-block__list {
    padding-left: 20rem;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.services-block__item {
    letter-spacing: 0.4rem;
    line-height: 24rem;
    margin-bottom: 14rem;
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.services-block__item::after {
    content: "";
    display: block;
    position: absolute;
    border-bottom: 1px dotted #ffffff40;
    width: 100%;
    height: 1rem;
    bottom: -3rem;
    left: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.services-block__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 10rem;
    left: -18rem;
    width: 6rem;
    height: 6rem;
    background-color: #1889f9;
    border-radius: 50%;
}
.services-block__item:hover:after {
    width: 60%;
}
.services-block__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.services-block__footer .header-phone__time {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.services-block__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 5rem;
    margin-right: 67rem;
    position: relative;
}
.services-block__phone img {
    width: 16rem;
    margin-right: 10rem;
}
.services-block__phone p {
    font-size: 17rem;
    font-weight: 500;
    letter-spacing: 0.37rem;
}
.services-block__phone::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    bottom: 0;
    left: 0;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.services-block__phone:hover::after {
    width: 60%;
}
.services-block__text {
    font-size: 12rem;
    letter-spacing: 0.3rem;
    text-align: center;
    position: relative;
    margin-bottom: 9rem;
    margin-left: 19rem;
}
.services-block__text::before {
    display: block;
    position: absolute;
    content: "";
    top: 3rem;
    left: -5rem;
    width: 6rem;
    height: 6rem;
    background-color: #25d266;
    border-radius: 50%;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
.services-block__btn {
    width: 200rem;
    height: 61rem;
    border-radius: 30rem;
    background-color: #25d266;
    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;
}
.services-block__btn img {
    width: 25rem;
    margin-right: 12rem;
}
.services-block__btn p {
    font-size: 12rem;
    font-weight: 500;
    letter-spacing: 0.26rem;
    line-height: 16rem;
    color: #fff;
    width: 114rem;
    text-align: left;
}
.services-more {
    width: 190rem;
    margin: 0 auto;
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    padding-bottom: 5rem;
    border-bottom: 2rem dotted #3f85f0;
    cursor: pointer;
}
.price {
    position: relative;
    min-height: 900rem;
    padding: 109rem 128rem;
    color: #fff;
    z-index: 1;
    margin-bottom: 140rem;
    border-radius: 35rem;
    overflow: hidden;
}
.price-bg {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -2;
}
.price-phone {
    position: absolute;
    bottom: 0;
    left: 27%;
    z-index: -1;
    width: 531rem;
}
.price-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.price-main {
    margin-right: 124rem;
}
.price-header {
    width: 880rem;
    font-size: 60rem;
    line-height: 75rem;
    font-weight: 100;
    letter-spacing: 0.6rem;
    margin-bottom: 51rem;
}
.price-header span {
    font-weight: 700;
}
.price-title {
    font-size: 24rem;
    line-height: 35rem;
    letter-spacing: 0.24rem;
    width: 370rem;
    margin-bottom: 72rem;
}
.price-btn {
    width: 331rem;
    height: 101rem;
    border-radius: 50rem;
}
.price-btn img {
    width: 35rem;
    margin-right: 18rem;
}
.price-btn p {
    line-height: 24rem;
    letter-spacing: 0.7rem;
    width: 169rem;
    font-weight: 400;
}
.price-info {
    margin-top: 6rem;
}
.price-name {
    font-size: 30rem;
    font-weight: 600;
    line-height: 37rem;
    letter-spacing: 0.75rem;
    width: 190rem;
    margin-bottom: 13rem;
}
.price-job {
    opacity: 0.5;
    font-size: 15rem;
    letter-spacing: 3rem;
    margin-bottom: 65rem;
}
.price-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 64rem;
}
.price-item {
    font-size: 18rem;
    letter-spacing: 0.45rem;
    line-height: 25rem;
    margin-bottom: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 250rem;
}
.price-item img {
    margin-right: 15rem;
    margin-top: 5rem;
}
.price-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12rem;
}
.price-time span {
    width: 8rem;
    height: 9rem;
    background-color: #25d266;
    border-radius: 50%;
    margin-right: 15rem;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
.price-time p {
    font-size: 23rem;
    letter-spacing: 0.8rem;
}
.price-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.price-call img {
    width: 23rem;
    margin-right: 14rem;
}
.price-call p {
    font-size: 31rem;
    font-weight: 700;
    letter-spacing: 0.55rem;
}
.portfolio {
    margin-bottom: 120rem;
}
.portfolio-header {
    width: 1240rem;
    margin-bottom: 44rem;
}
.portfolio-title {
    font-size: 30rem;
    letter-spacing: 0.3rem;
    margin-bottom: 53rem;
    text-align: center;
}
.portfolio-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.portfolio-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 14rem;
    margin-bottom: 70rem;
}
.portfolio-item img {
    width: 15rem;
    margin-right: 14rem;
}
.portfolio-item p {
    font-size: 18rem;
    letter-spacing: 0.18rem;
}
.portfolio-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 40rem;
    margin-bottom: 23rem;
}
.portfolio-block {
    width: 560rem;
    margin-bottom: 76rem;
}
.youtube-block__img{
    position: relative;
    margin-bottom: 33rem;
    border-radius: 45rem;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.portfolio-block__img {
    position: relative;
    margin-bottom: 33rem;
    border-radius: 20rem;
    height: 500rem;
    display: block;
    cursor: pointer;
    overflow: hidden;
}
.portfolio-block__img-bg {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.portfolio-block__img::before, .youtube-block__img::before{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(25, 25, 25, 0.75)), color-stop(76%, rgba(33, 33, 33, 0)), color-stop(98%, rgba(35, 35, 35, 0))),
        -webkit-gradient(linear, right top, left top, color-stop(2%, rgba(35, 35, 35, 0)), color-stop(24%, rgba(33, 33, 33, 0)), to(rgba(25, 25, 25, 0.33)));
    background: linear-gradient(to top, rgba(25, 25, 25, 0.75) 0%, rgba(33, 33, 33, 0) 76%, rgba(35, 35, 35, 0) 98%), linear-gradient(to left, rgba(35, 35, 35, 0) 2%, rgba(33, 33, 33, 0) 24%, rgba(25, 25, 25, 0.33) 100%);
}
.portfolio-block__img:hover::before, .youtube-block__img:hover::before{
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(62, 132, 239, 0.75)), color-stop(76%, rgba(41, 57, 81, 0)), color-stop(98%, rgba(35, 35, 35, 0))),
        -webkit-gradient(linear, right top, left top, color-stop(2%, rgba(35, 35, 35, 0)), color-stop(24%, rgba(41, 57, 81, 0)), to(rgba(62, 132, 239, 0.33)));
    background: linear-gradient(to top, rgba(62, 132, 239, 0.75) 0%, rgba(41, 57, 81, 0) 76%, rgba(35, 35, 35, 0) 98%), linear-gradient(to left, rgba(35, 35, 35, 0) 2%, rgba(41, 57, 81, 0) 24%, rgba(62, 132, 239, 0.33) 100%);
}
.portfolio-block__top {
    position: absolute;
    padding: 11rem 19rem;
    height: 34rem;
    border-radius: 17rem;
    background-color: #ffffff;
    font-size: 10rem;
    font-weight: 500;
    letter-spacing: 0.25rem;
    top: 24rem;
    left: 33rem;
    color: #282728;
}
.portfolio-block__play {
    position: absolute;
    border-radius: 50%;
    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;
    top: calc(50% - 43rem);
    right: calc(50% - 43rem);
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    z-index: 1;
    width: 96rem;
    height: 96rem;
    background: #ffffff59;
}
.portfolio-block__play img {
    width: 14rem;
    position: relative;
    z-index: 2;
}
.portfolio-block__play::before,
.portfolio-block__play::after {
    display: block;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.portfolio-block__play::after {
    width: 76rem;
    height: 76rem;
    -webkit-box-shadow: 0 10rem 18rem rgba(40, 117, 221, 0.25), inset 0 0 27rem rgba(255, 255, 255, 0.25);
    box-shadow: 0 10rem 18rem rgba(40, 117, 221, 0.25), inset 0 0 27rem rgba(255, 255, 255, 0.25);
    background: radial-gradient(circle 1087px at 49.04% -47.5%, #317ce2 0%, #317ce2 11%, #2875dd 100%);
}
.portfolio-block__play::before {
    width: 95rem;
    height: 95rem;
    background: #ffffff;
    -webkit-animation: scale 2s linear infinite;
    animation: scale 2s linear infinite;
    opacity: 0.25;
}
.portfolio-block__client {
    position: absolute;
    font-size: 12rem;
    font-weight: 500;
    line-height: 21rem;
    letter-spacing: 0.6rem;
    color: #ffffff;
    bottom: 37rem;
    left: 59rem;
}
.portfolio-block__client::before {
    position: absolute;
    display: block;
    content: "";
    width: 10rem;
    height: 10rem;
    background-color: #3e84ef;
    border-radius: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: -26rem;
}
.portfolio-block__photo {
    position: absolute;
    padding: 16rem 21rem;
    border-radius: 23rem;
    background-color: #25d266;
    font-size: 13rem;
    color: #fff;
    font-weight: 700;
    bottom: 33rem;
    right: 33rem;
    letter-spacing: 0.65rem;
}
.portfolio-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.portfolio-footer__info {
    margin-bottom: 7rem;
}
.portfolio-name {
    width: 350rem;
    font-size: 24rem;
    font-weight: 700;
    line-height: 33rem;
    letter-spacing: 0.24rem;
    margin-bottom: 23rem;
    color: #282728;
    display: block;
}
.portfolio-adress {
    position: relative;
    padding-left: 40rem;
}
.portfolio-adress img {
    position: absolute;
    top: -6rem;
    left: -15rem;
    width: 52rem;
}
.portfolio-adress p {
    font-size: 18rem;
    letter-spacing: 0.18rem;
    width: 280rem;
}
.portfolio-btn {
    cursor: pointer;
    width: 184rem;
    height: 61rem;
    border-radius: 30rem;
    background-color: #3e84ef;
    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;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.8rem;
}
.portfolio-btn p {
    margin-right: 14rem;
}
.portfolio-btn img {
    width: 12rem;
}
.portfolio-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.portfolio-more__look {
    font-weight: 500;
    color: #4283ee;
    letter-spacing: 0.8rem;
    position: relative;
    margin-right: 78rem;
    cursor: pointer;
    font-size: 16rem;
    overflow: visible;
    padding: 0;
}
.portfolio-more__look::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    border-bottom: 2rem dotted #3f85f0;
    left: 0;
    bottom: -5rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.portfolio-more__look:hover::after {
    width: 60%;
}
.portfolio-more__btn {
    width: 334rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #4283ee;
    font-weight: 600;
    letter-spacing: 0.7rem;
    font-size: 16rem;
    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;
    color: #fff;
}
@-webkit-keyframes scale {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}
@keyframes scale {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
    50% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2);
        opacity: 0.3;
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1.4);
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}
button.portfolio-more__look::after {
    display: none;
}
button.portfolio-more__look::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    border-bottom: 2rem dotted #3f85f0;
    left: 0;
    bottom: -5rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
button.portfolio-more__look:hover::before {
    width: 60%;
}
.review {
    margin-bottom: 80rem;
    overflow: hidden;
}
.review-header {
    margin-bottom: 87rem;
}
.review-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 73rem;
}
.review-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 48rem;
}
.review-title {
    font-size: 36rem;
    font-weight: 500;
    letter-spacing: 0.9rem;
}
.review-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.review-arrow {
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}
.review-arrow img {
    width: 11rem;
}
.review-arrow:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.review-arrow__prev {
    margin-right: 25rem;
}
.review-arrow__prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.review-video {
    width: 1790rem;
}
.review-video__block {
    position: relative;
    cursor: pointer;
    z-index: 1;
}
.review-video__block::before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 35rem;
    background-color: rgba(40, 39, 40, 0.75);
}
.review-video__img {
    border-radius: 35rem;
}
.review-video__play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -62%);
    transform: translate(-50%, -62%);
    width: 68rem;
    height: 68rem;
    background-color: #2a6bcf59;
    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;
    border-radius: 50%;
}
.review-video__play img {
    width: 10rem !important;
    position: relative;
    z-index: 2;
}
.review-video__play::before,
.review-video__play::after {
    display: block;
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.review-video__play::before {
    width: 68rem;
    height: 68rem;
    background-color: #2a6bcf;
    -webkit-animation: scale 3s linear infinite;
    animation: scale 3s linear infinite;
}
.review-video__play::after {
    border-radius: 50%;
    width: 55rem;
    height: 54rem;
    -webkit-box-shadow: 0 10rem 18rem rgba(40, 117, 221, 0.25), inset 0 0 27rem rgba(255, 255, 255, 0.25);
    box-shadow: 0 10rem 18rem rgba(40, 117, 221, 0.25), inset 0 0 27rem rgba(255, 255, 255, 0.25);
    background-image: radial-gradient(circle 772px at 49.3% -22.5%, #317ce2 0%, #317ce2 11%, #2875dd 100%);
}
.review-video__text {
    position: absolute;
    bottom: 24rem;
    left: 35rem;
}
.review-video__text p {
    font-weight: 500;
    font-size: 13rem;
    color: #fff;
    line-height: 19.35rem;
    letter-spacing: 0.6rem;
}
.review-video__text p:nth-child(2) {
    font-weight: 400;
    font-size: 10rem;
    letter-spacing: 0.3rem;
    margin-top: 2rem;
}
.review-video__year {
    font-size: 11rem;
    font-weight: 700;
    letter-spacing: 0.65rem;
    padding: 12rem 18rem;
    border-radius: 17rem;
    background-color: #25d266;
    position: absolute;
    bottom: 27rem;
    right: 34rem;
    color: #fff;
}
.review-text {
    width: 790rem;
}
.review-text__block {
    border-radius: 25rem;
    border: 1rem solid #efefef;
    background-color: #ffffff;
    position: relative;
    height: 296rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}
.review-text__block::before {
    display: block;
    position: absolute;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 25rem;
    
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(62, 132, 239, 0.75)), color-stop(76%, rgba(41, 57, 81, 0)), color-stop(98%, rgba(35, 35, 35, 0))),
        -webkit-gradient(linear, right top, left top, color-stop(2%, rgba(35, 35, 35, 0)), color-stop(24%, rgba(41, 57, 81, 0)), to(rgba(62, 132, 239, 0.5))),
        -webkit-gradient(linear, right top, left top, from(rgba(62, 132, 239, 0.5)), color-stop(76%, rgba(41, 57, 81, 0)), color-stop(98%, rgba(35, 35, 35, 0)));
    background-image: linear-gradient(to top, rgba(62, 132, 239, 0.75) 0%, rgba(41, 57, 81, 0) 76%, rgba(35, 35, 35, 0) 98%), linear-gradient(to left, rgba(35, 35, 35, 0) 2%, rgba(41, 57, 81, 0) 24%, rgba(62, 132, 239, 0.5) 100%),
        linear-gradient(to left, rgba(62, 132, 239, 0.5) 0%, rgba(41, 57, 81, 0) 76%, rgba(35, 35, 35, 0) 98%);
}
.review-text__block:hover::before {
    opacity: 1;
}
.review-text__block:hover .review-text__open {
    opacity: 1;
}

.review-text__block img:nth-child(1){
height: 100%;
width: 100%;
object-fit:cover;
}

.review-text__open {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 26rem !important;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.review-clients__slider {
    margin-top: -145rem;
    padding: 0 50rem;
}
.review-clients__slider .owl-stage-outer {
    padding: 120rem 0rem;
    overflow: visible;
}
.review-clients__slider .owl-item {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.review-clients__slider .owl-item.active {
    opacity: 1;
}
.review-clients__block {
    height: 152rem;
    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;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    position: relative;
}
.review-clients__block img {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.review-clients__block:hover {
    -webkit-box-shadow: 0 40rem 81rem rgba(42, 107, 207, 0.25);
    box-shadow: 0 40rem 81rem rgba(42, 107, 207, 0.25);
    border-radius: 20rem;
    background-color: #ffffff;
}
.review-clients__block:hover img {
    -webkit-filter: none;
    filter: none;
}
.review-clients__block:hover .review-clients__text {
    opacity: 1;
}
.review-clients__text {
    text-align: center;
    position: absolute;
    width: 100%;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: 0.35rem;
    top: calc(100% + 5rem);
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.review-clients__text-small {
    font-size: 10rem;
    letter-spacing: 0.25rem;
}
.advantages {
    height: 1050rem;
    border-radius: 45rem;
    position: relative;
    width: 100%;
    z-index: 2;
    color: #fff;
    padding: 110rem 70rem 0 128rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80rem;
}
.advantages-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 45rem;
    z-index: -1;
}
.advantages-info {
    margin-right: 24rem;
}
.advantages-header {
    font-size: 60rem;
    line-height: 75rem;
    font-weight: 300;
    width: 790rem;
    letter-spacing: 0.6rem;
    margin-bottom: 44rem;
}
.advantages-header span {
    font-weight: 700;
}
.advantages-title {
    font-size: 30rem;
    letter-spacing: 0.3rem;
    margin-bottom: 60rem;
}
.advantages-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1000rem;
    margin-left: 4rem;
}
.advantages-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 465rem;
    margin-bottom: 54rem;
}
.advantages-item__check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 56rem;
    height: 56rem;
    border: 1rem solid #ffffff33;
    border-radius: 50%;
    margin-right: 28rem;
}
.advantages-item__check img {
    -webkit-transform: translate(11rem, 3rem);
    transform: translate(11rem, 3rem);
    width: 36rem;
}
.advantages-item__title {
    font-size: 18rem;
    font-weight: 700;
    line-height: 28rem;
    margin-bottom: 7rem;
}
.advantages-item__title span {
    position: relative;
    z-index: 1;
    margin: 0 10rem;
}
.advantages-item__title span::before {
    content: "";
    position: absolute;
    display: block;
    height: 34rem;
    border-radius: 10rem;
    background-color: #2188f6;
    width: 112%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.advantages-item__text {
    opacity: 0.5;
    font-weight: 300;
    font-size: 14rem;
    line-height: 21rem;
    letter-spacing: 0.14rem;
    width: 300rem;
    position: relative;
}
.advantages-contract {
    margin-top: 54rem;
}
.advantages-contract__title {
    text-align: center;
}
.advantages-contract__text {
    width: 420rem;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 39rem;
    position: relative;
    z-index: 5;
}
.advantages-contract__img {
    position: absolute;
    bottom: 0;
    right: 70rem;
    width: 605rem;
}
.advantages-look {
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    width: 250rem;
    text-align: center;
    margin: 0 auto 49rem;
    position: relative;
    display: block;
    z-index: 7;
}
.advantages-look::after {
    display: block;
    content: "";
    position: absolute;
    bottom: -6rem;
    width: 100%;
    height: 1rem;
    left: 0;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.advantages-look:hover::after {
    width: 60%;
}
.advantages-btn {
    width: 31rem;
    height: 31rem;
    -webkit-box-shadow: 4rem 9rem 27rem rgba(62, 132, 239, 0.35);
    box-shadow: 4rem 9rem 27rem rgba(62, 132, 239, 0.35);
    background-color: #3e84ef;
    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;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    cursor: pointer;
    -webkit-transform: translateX(10rem);
    transform: translateX(10rem);
}
.advantages-btn p {
    position: absolute;
    font-size: 12rem;
    line-height: 20rem;
    width: 300rem;
    background: #fff;
    padding: 10rem;
    color: #282728;
    border-radius: 20rem;
    text-align: center;
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, -100%) scale(0);
    transform: translate(-50%, -100%) scale(0);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    opacity: 0;
    z-index: -1;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.advantages-btn img {
    width: 6rem;
}
.advantages-btn:hover {
    z-index: 8;
}
.advantages-btn:hover p {
    opacity: 1;
    z-index: 1;
    -webkit-transform: translate(-50%, -100%) scale(1);
    transform: translate(-50%, -100%) scale(1);
}
.specialist {
    position: relative;
    z-index: 1;
}
.specialist .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    padding-top: 30rem;
}
.specialist-bg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    z-index: -1;
}
.specialist-slider__wrap {
    width: 661rem;
    margin-left: 23rem;
    position: relative;
}
.specialist-slider__wrap .owl-carousel {
    z-index: auto;
}
.specialist-slider__wrap .owl-dots {
    position: absolute;
    margin: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 80rem;
    z-index: 10;
}
.specialist-block {
    position: relative;
}
.specialist-name {
    position: absolute;
    top: 165rem;
    left: 45rem;
    font-size: 30rem;
    font-weight: 600;
    width: 200rem;
    line-height: 37rem;
    letter-spacing: 0.75rem;
}
.specialist-profession {
    position: absolute;
    top: 249rem;
    left: 45rem;
    opacity: 0.5;
    font-size: 15rem;
    width: 160rem;
    line-height: 23rem;
    letter-spacing: 3rem;
}
.specialist-arrows {
    position: absolute;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    bottom: 65rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 300rem;
}
.specialist-arrow {
    cursor: pointer;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.specialist-arrow img {
    width: 22rem;
}
.specialist-arrow:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.specialist-arrow__prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.specialist-main {
    margin-left: auto;
    width: 998rem;
    margin-top: 9rem;
    padding-bottom: 30rem;
}
.specialist-header {
    font-size: 55rem;
    line-height: 75rem;
    width: 980rem;
    letter-spacing: 0.55rem;
    font-weight: 300;
    margin-bottom: 26rem;
}
.specialist-header span {
    font-weight: 700;
}
.specialist-title {
    font-size: 30rem;
    width: 820rem;
    line-height: 40rem;
    margin-bottom: 36rem;
}
.specialist-text {
    color: #929292;
    width: 880rem;
    line-height: 27rem;
    margin-bottom: 42rem;
}
.specialist-license__title {
    font-size: 24rem;
    font-weight: 500;
    margin-bottom: 26rem;
    display: none;
}
.specialist-license__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 827rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 46rem;
    gap: 10rem;
}
.specialist-license__wrap img {
    width: 178rem;
}
.specialist-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    width: 832rem;
}
.specialist-btn {
    width: 289rem;
    height: 61rem;
    border-radius: 30rem;
    background-color: #3e84ef;
    font-weight: 500;
    color: #fff;
    letter-spacing: 0.8rem;
    font-size: 16rem;
}
.specialist-look {
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    margin-top: 16rem;
}
.specialist-look::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    bottom: -6rem;
    height: 1rem;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.specialist-look:hover::after {
    width: 60%;
}
.installation {
    position: relative;
    padding-top: 83rem;
    padding-left: 128rem;
    padding: 83rem 0 81rem 128rem;
    z-index: 1;
    color: #fff;
    margin-bottom: 80rem;
    margin-top: -10rem;
}
.installation-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.installation-header {
    width: 800rem;
    font-size: 60rem;
    font-weight: 300;
    line-height: 75rem;
    letter-spacing: 0.6rem;
    margin-bottom: 49rem;
}
.installation-header span {
    font-weight: 700;
}
.installation-title {
    font-size: 24rem;
    letter-spacing: 0.24rem;
    margin-bottom: 46rem;
}
.installation-list {
    list-style: none;
    padding-left: 1rem;
    margin-bottom: 30rem;
}
.installation-item {
    width: 480rem;
    font-size: 18rem;
    letter-spacing: 0.45rem;
    margin-bottom: 15rem;
    line-height: 30rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.installation-item img {
    margin-right: 16rem;
    margin-top: 11rem;
}
.installation-item span {
    font-size: 14rem;
    letter-spacing: 0.7rem;
}
.installation-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 926rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.installation-btn {
    width: 431rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #229ED9;
    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;
}
.installation-btn img {
    width: 35rem;
    margin-right: 18rem;
}
.installation-btn p {
    font-size: 16rem;
    font-weight: 600;
    letter-spacing: 0.7rem;
}
.useful {
    margin-bottom: 80rem;
}
.useful-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.useful-top a {
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    -webkit-transform: translateY(-5rem);
    transform: translateY(-5rem);
}
.useful-top a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    left: 0;
    bottom: -6rem;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.useful-top a:hover::after {
    width: 60%;
}
.useful-top__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.useful-header {
    font-size: 36rem;
    font-weight: 300;
    line-height: 48rem;
}
.useful-header span {
    font-weight: 700;
}
.useful-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.useful-youtube {
    width: 560rem;
    height: 400rem;
    position: relative;
    border-radius: 20rem;
    display: block;
    margin-top: 29rem;
}
.useful-youtube__img {
    width: 100%;
}
.useful-youtube::before {
    display: block;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    -webkit-box-shadow: 0 46rem 92rem rgba(40, 39, 40, 0.1);
    box-shadow: 0 46rem 92rem rgba(40, 39, 40, 0.1);
    border-radius: 20rem;
    background-color: rgba(40, 39, 40, 0.75);
}
.useful-youtube__btn {
    width: 280rem;
    height: 76rem;
    border-radius: 38rem;
    background-color: #e43935;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    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;
}
.useful-youtube__btn img {
    margin-right: 10rem;
    width: 29rem;
}
.useful-youtube__btn p {
    font-size: 14rem;
    font-weight: 500;
    letter-spacing: 0.7rem;
}
.useful-blog {
    width: 1161rem;
}
.useful-article {
    width: 560rem;
    height: 400rem;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 39rem 47rem 43rem 54rem;
    color: #fff;
    border-radius: 20rem;
    overflow: hidden;
}

 .useful-article::before {
        display:block;
        content: '';
        position: absolute;
        background-image: linear-gradient(to top, rgba(25, 25, 25, 0.75) 0%, rgba(33, 33, 33, 0) 76%, rgba(35, 35, 35, 0) 98%), linear-gradient(to left, rgba(35, 35, 35, 0) 2%, rgba(33, 33, 33, 0) 24%, rgba(25, 25, 25, 0.33) 100%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

.useful-article picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.useful-article:hover .useful-article__read:after {
    width: 60%;
}
.useful-article__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 29rem;
}
.useful-article__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1;
}
.useful-article__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.useful-article__text{
position: relative;
    z-index: 1;
}
.useful-article__name {
    padding: 12rem 20rem;
    height: 34rem;
    border-radius: 17rem;
    background-color: #ffffff;
    color: #282728;
    font-size: 10rem;
    font-weight: 500;
    letter-spacing: 0.65rem;
}
.useful-article__date {
    border-radius: 17rem;
    background-color: #25d266;
    padding: 12rem 17rem;
    font-size: 11rem;
    font-weight: 700;
    letter-spacing: 0.73rem;
    color: #fff;
}
.useful-article__title {
    font-size: 24rem;
    font-weight: 700;
    line-height: 35rem;
    margin-bottom: 19rem;
}
.useful-article__read {
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    width: 165rem;
}
.useful-article__read::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    left: 0;
    bottom: -6rem;
    border-bottom: 2rem dotted #3f85f0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.favorite {
    margin-bottom: 120rem;
}
.favorite-top {
    margin: 0 auto;
    width: 276rem;
    height: 55rem;
    border-radius: 28rem;
    background-color: #f5f5f7;
    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;
    margin-bottom: 5rem;
}
.favorite-top p {
    font-weight: 700;
    font-size: 16rem;
    margin-right: 13rem;
}
.favorite-top img {
    -webkit-transform: translateY(8rem);
    transform: translateY(8rem);
    width: 27rem;
}
.favorite-header {
    width: 1380rem;
    margin-bottom: 70rem;
    letter-spacing: normal;
    line-height: 75rem;
}
.favorite-title {
    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;
    margin-bottom: 65rem;
}
.favorite-title img {
    width: 30rem;
    margin-right: 22rem;
}
.favorite-title p {
    font-size: 24rem;
}
.favorite-title p span {
    font-weight: 700;
}
.favorite-instruction {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1172rem;
    margin: 0 auto;
}
.favorite-instruction__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.favorite-instruction__text {
    opacity: 0.5;
    font-size: 19rem;
    line-height: 25.64rem;
    letter-spacing: 0.6rem;
    margin-right: 20rem;
}
.favorite-instruction__text-2 {
    margin-right: 33rem;
}
.favorite-instruction__keyboard {
    padding: 33rem 51rem;
    border-radius: 3rem;
    background-color: #f5f5f7;
    font-size: 38rem;
}
.favorite-instruction__arrow {
    position: absolute;
    bottom: 5rem;
    left: 50%;
    -webkit-transform: translateX(-83%);
    transform: translateX(-83%);
    width: 115rem;
}
.favorite-instruction__arrow-2 {
    -webkit-transform: translateX(-148%);
    transform: translateX(-148%);
    bottom: 6rem;
}
.favorite-instruction__img {
    padding: 19rem 15rem;
    -webkit-box-shadow: 0 0 29rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 29rem rgba(0, 0, 0, 0.1);
    border-radius: 15rem;
    background-color: #ffffff;
}
.favorite-instruction__img img {
    width: 357rem;
}
.seo {
    overflow: hidden;
    margin: 0 auto 60rem;
    position: relative;
}
.seo::after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    width: 100%;
    left: 0;
    height: 50%;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(40%, #fff), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #fff 0%, #fff 40%, rgba(0, 0, 0, 0) 100%);
}
.seo.open {
    max-height: 100%;
}
.seo.open::after {
    display: none;
}
.seo.open .seo-arrow {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
}
.seo h3 {
    font-size: 24rem;
    font-weight: 700;
    line-height: 60rem;
    margin-bottom: 12rem;
}
.seo p {
    color: #747474;
    font-size: 28rem;
    line-height: 1.4;
    letter-spacing: 0.14rem;
    margin-bottom: 20rem;
}
.seo-arrow {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 23rem;
    cursor: pointer;
    z-index: 2;
}
.footer {
    background-color: #282728;
    color: #fff;
    padding: 60rem 0;
}
.footer-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1760rem;
    margin: 0 auto 35rem;
}
.footer .header-logo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 28rem;
}
.footer .header-logo img {
    margin-bottom: 22rem;
}
.footer .header-logo p {
    width: 250rem;
    letter-spacing: 0.33rem;
}
.footer .header-license {
    margin-bottom: 28rem;
}
.footer .header-license__text p,
.footer .header-license__text a {
    margin-bottom: 8rem;
}
.footer .header-icon {
    margin-right: 18rem;
}
.footer .header-calc {
    margin-left: 6rem;
    letter-spacing: 0.53rem;
}
.footer-title {
    font-size: 18rem;
    font-weight: 700;
    margin-bottom: 22rem;
}
.footer-list {
    list-style: none;
}
.footer-list li {
    opacity: 0.5;
    font-size: 15rem;
    margin-bottom: 13rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    max-width: 210rem;
}
.footer-list li:hover {
    opacity: 1;
}
.footer-advantages__item {
    font-size: 12rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 8rem;
    margin-left: -5rem;
}
.footer-advantages__item-check {
    width: 22rem;
    height: 22rem;
    background-color: #ffffff;
    border-radius: 50%;
    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;
    margin-right: 11rem;
}
.footer-advantages__item-check img {
    width: 9rem;
}
.footer-office__adress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 32rem;
    margin-top: 27rem;
}
.footer-office__adress img {
    width: 17rem;
    margin-right: 14rem;
}
.footer-office__adress p {
    width: 200rem;
    font-size: 14rem;
    line-height: 22rem;
}
.footer-office__images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 30rem;
}
.footer-office__images img {
    cursor: pointer;
}
.footer-office__images img:nth-child(1) {
    margin-right: 15rem;
}
.footer-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30rem;
}
.footer-social a {
    width: 37rem;
    height: 37rem;
    border-radius: 50%;
    margin-right: 4rem;
    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;
}
.footer-social__whatsapp {
    background-color: #01bc24;
}
.footer-social__whatsapp img {
    width: 18rem;
}
.footer-social__facebook {
    background-color: #1776d2;
}
.footer-social__facebook img {
    width: 9rem;
}
.footer-social__insta {
    background: url(../img/footer/insta-bg.png) center no-repeat;
    background-size: cover;
}
.footer-social__insta img {
    width: 16rem;
}
.footer .header-phone {
    margin-bottom: 35rem;
}
.footer .header-phone__time {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.footer .header-phone__link {
    margin-bottom: 6rem;
}
.footer .header-phone__back {
    margin: 0;
    margin-left: 5rem;
}
.footer .header-online__text {
    margin-bottom: 30rem;
}
.footer .header-online__text p {
    text-align: left;
}
.footer .header-license {
    margin-bottom: 25rem;
}
.footer .header-license__text p {
    margin-bottom: 0;
}
.footer .header-license__text-blue {
    font-size: 13rem;
}
.footer-line {
    width: 1760rem;
    margin: 0 auto 45rem;
    height: 1rem;
    border-bottom: 2rem dotted #ffffff;
    opacity: 0.1;
}
.footer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1760rem;
    margin: 0 auto;
}
.footer-info p {
    font-size: 12rem;
    line-height: 16rem;
}
.footer-info p a {
    text-decoration: underline;
    color: #4283ee;
    display: block;
}
.footer-info p:nth-child(2) {
    text-align: center;
    width: 450rem;
}
.footer-info p:nth-child(3) {
    text-align: right;
}
.popup {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 150;
}
.popup-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
}
.popup-request__open, .popup-price__open {
    cursor: pointer;
}
.popup-main {
    position: relative;
    z-index: 2;
}
.popup-main__video {
    max-width: 100%;
}
.popup-main__video iframe {
    max-width: 100%;
    border-radius: 35rem;
}
.popup-main__request {
    color: #ffffff;
    width: 500rem;
    height: 550rem;
    border-radius: 45rem;
    background-color: #5b82ea;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.popup-close {
    font-size: 40rem;
    position: absolute;
    top: 19rem;
    right: 33rem;
    cursor: pointer;
    color: #fff;
}
.popup-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 28rem;
    width: 350rem;
}
.popup-header {
    font-size: 36rem;
    width: 180rem;
    font-weight: 700;
}
.popup-img {
    position: relative;
}
.popup-img::after {
    display: block;
    position: absolute;
    content: "";
    width: 17rem;
    height: 17rem;
    background-color: #7ad16d;
    border-radius: 50%;
    top: 20rem;
    right: 0;
    -webkit-animation: flicker 2s infinite;
    animation: flicker 2s infinite;
}
.popup-img img {
    width: 135rem;
}
.popup-title {
    letter-spacing: 0.4rem;
    width: 300rem;
    text-align: center;
    margin-bottom: 15rem;
}
.popup-form input {
    display: block;
    padding: 35rem 67rem;
    border-radius: 43rem;
    border: 1rem solid #ffffff;
    background-color: #ffffff;
    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;
    letter-spacing: 0.7rem;
    margin-bottom: 15rem;
    width: 100%;
    padding-right: 0;
}
.popup-btn {
    border-radius: 43rem;
    background-color: #ffffff;
    color: #5b82ea;
    font-weight: 600;
    letter-spacing: 0.7rem;
    padding: 35rem 74rem;
    font-size: 16rem;
    margin-bottom: 15rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 100%;
}
.popup-btn:hover {
    background: #7ad16d;
    color: #fff;
}
.popup-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popup-footer input {
    display: none !important;
}
.popup-footer input:checked ~ label {
    background-color: #fff;
}
.popup-footer input:checked ~ label img {
    display: block;
}
.popup-footer label {
    width: 16rem;
    height: 15rem;
    border-radius: 2rem;
    border: 1px solid #fff;
    background: transparent;
    margin-right: 12rem;
    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;
}
.popup-footer label img {
    width: 7rem;
    display: none;
}
.popup-footer p {
    font-size: 11rem;
    letter-spacing: 0.55rem;
    width: 290rem;
}
.popup-footer p a {
    text-decoration: underline;
}
.popup-leave {
    display: none;
}
.popup-leave__main {
    background: url(../img/popup/leave-bg.jpg) center no-repeat;
    background-size: cover;
    padding-top: 62rem;
    color: #fff;
    width: 800rem;
    min-height: 650rem;
    border-radius: 50rem;
    padding-left: 76rem;
    padding-bottom: 30rem;
}
.popup-leave__header {
    font-size: 36rem;
    font-weight: 700;
    margin-bottom: 25rem;
    letter-spacing: 0.1rem;
}
.popup-leave__get {
    color: #5b82ea;
    letter-spacing: 0.4rem;
    margin-bottom: 5rem;
}
.popup-leave__title {
    font-size: 30rem;
    letter-spacing: 0.75rem;
    width: 460rem;
    margin-bottom: 25rem;
}
.popup-leave__text {
    font-size: 14rem;
    letter-spacing: 0.35rem;
    margin-bottom: 31rem;
}
.popup-leave__message {
    z-index: 1;
    width: 100rem;
    position: relative;
    margin-bottom: 30rem;
    cursor: pointer;
}
.popup-leave__message input {
    display: none !important;
}
.popup-leave__message::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 99rem;
    height: 112rem;
    -webkit-box-shadow: 0 7rem 27rem rgba(44, 44, 44, 0.1);
    box-shadow: 0 7rem 27rem rgba(44, 44, 44, 0.1);
    border-radius: 20rem;
    background-color: #ffffff;
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.popup-leave__message p {
    font-size: 15rem;
    font-weight: 500;
    text-align: center;
}
.popup-leave__message-icon {
    width: 51rem;
    height: 51rem;
    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;
    border-radius: 50%;
    margin: 0 auto 7rem;
}
.popup-leave__message-icon-whatsapp {
    background-color: #7ad16d;
}
.popup-leave__message-icon-whatsapp img {
    width: 20rem;
}
.popup-leave__message-icon-mail {
    background-color: #be2229;
}
.popup-leave__message-icon-mail img {
    width: 22rem;
}
.popup-leave__message-icon-telegram {
    background-color: #5ba1ef;
}
.popup-leave__message-icon-telegram img {
    width: 20rem;
}
.popup-leave__message-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.popup-leave__message.active {
    color: #1c1c1d;
}
.popup-leave__message.active::before {
    opacity: 1;
}
.popup-leave__form-mail {
    display: none;
}
.popup-leave__form input {
    width: 300rem;
    height: 75rem;
    padding-left: 43rem;
    border-radius: 38rem;
    display: block;
    margin-bottom: 12rem;
}
.popup-leave__form button {
    width: 300rem;
    height: 75rem;
    border-radius: 38rem;
    background-color: #5b82ea;
    color: #fff;
    padding: 0;
}
.popup-leave__footer {
    width: 300rem;
}
.popup-leave__footer p {
    font-size: 9rem;
    width: 260rem;
}
.popup-test {
    position: fixed;
    bottom: 30rem;
    left: -100%;
    display: block;
    z-index: 620;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.popup-test__main {
    background: url(../img/popup/test-bg.png) center no-repeat;
    background-size: cover;
    width: 520rem;
    padding-top: 30rem;
    padding-left: 50rem;
    position: relative;
    overflow: hidden;
    border-radius: 45rem;
}
.popup-test__title {
    color: #5b82ea;
    letter-spacing: 0.4rem;
    margin-bottom: 20rem;
}
.popup-test__header {
    font-size: 24rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 20rem;
    width: 310rem;
}
.popup-test__btn {
    width: 180rem;
    height: 60rem;
    border-radius: 38rem;
    background-color: #5b82ea;
    font-size: 18rem;
    font-weight: 500;
    letter-spacing: 0.18rem;
    color: #fff;
    padding: 0;
}
.popup-test__img {
    position: absolute;
    right: 30rem;
    bottom: 0;
    width: 250rem;
}
.popup-calc__main, .popup-main-price__request {
    background: url(../img/popup/calc-bg.jpg) center no-repeat;
    background-size: cover;
    width: 600rem;
    border-radius: 50rem;
    padding: 65rem 40rem;
}
.popup-calc__header {
    font-size: 36rem;
    font-weight: 700;
    text-align: center;
    color: #fff;
    margin-bottom: 58rem;
    z-index: 999;
    position: relative;
}
.popup-title_price{
    letter-spacing: 0.4rem;
    text-align: center;
    margin-bottom: 15rem;
    color: #fff;
    z-index: 999;
    position: relative;
    padding-bottom: 20rem;
}
.popup-calc__list {
    width: 1060rem;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popup-calc__item {
    font-size: 21rem;
    letter-spacing: 0.53rem;
    line-height: 27rem;
    margin-bottom: 5rem;
    position: relative;
    width: 300rem;
    margin-bottom: 20rem;
    color: #fff;
}
.popup-calc__item::before {
    display: block;
    position: absolute;
    content: "";
    width: 6rem;
    height: 6rem;
    background-color: #5088f5;
    top: 10rem;
    left: -15rem;
    border-radius: 50%;
}
.popup-calc__item span {
    position: relative;
}
.popup-calc__item span::after {
    display: block;
    position: absolute;
    content: "";
    border-bottom: 1rem dotted #ffffff;
    opacity: 0.25;
    height: 1rem;
    width: 100%;
    bottom: -2rem;
}
.popup-politic__open {
    cursor: pointer;
}
.popup-politic__main {
    background: #fff;
    border-radius: 45rem;
    width: 800rem;
    padding: 30rem;
    max-height: 80%;
    overflow-y: scroll;
    -ms-overflow-style: none;
}
.popup-politic__main::-webkit-scrollbar {
    width: 0;
}
.popup-politic__main h2 {
    text-align: center;
    margin-bottom: 30rem;
}
.popup-politic__main p {
    font-size: 16rem;
    margin-bottom: 10rem;
}
@media screen and (max-width: 600px) {
    html {
        font-size: 0.2353vw;
    }
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .owl-dots {
        margin-top: 30rem;
    }
    .hidden-desktop {
        display: block;
    }
    .hidden-mobile {
        display: none;
    }
    .up {
        bottom: 15rem;
        right: 15rem;
        height: 40rem;
        width: 40rem;
    }
    .up span {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    .block-header {
        width: 95%;
        text-align: center;
        font-size: 32rem;
        line-height: 40rem;
        margin-bottom: 50rem;
    }
    .container {
        width: 95%;
    }
    .side-close {
        -webkit-transform: translateX(-20rem);
        transform: translateX(-20rem);
    }
    .side-link {
        width: 80rem;
        height: 80rem;
    }
    .side-link img {
        width: 15rem;
    }
    .side-link p {
        font-size: 10rem;
    }
    .side-link__whatsapp {
        width: 30rem;
        height: 30rem;
    }
    .header {
        width: 96%;
    }
    .header-logo img {
        width: 100rem;
        margin: 0;
    }
    .header-phone__link p {
        font-size: 15rem;
    }
    .header-phone__back {
        width: 160rem;
        font-size: 10rem;
    }
    li#menu-item-36{
        width: 44rem;
        height: 44rem;
    }
    .header-menu span {
        height: 5rem;
        width: 30rem;
        background: #4283ee;
        display: block;
        margin-bottom: 5rem;
        border-radius: 10rem;
    }
    .header-wrap {
        padding: 0;
    }
    .header-wrap.fixed {
        position: fixed;
        width: 100%;
        z-index: 50;
        background: rgba(29, 29, 29, 0.9);
        padding-bottom: 20rem;
        top: 0;
    }
    .header-wrap.fixed .nav-wrap {
        position: absolute;
        background: transparent;
        padding: 0;
    }
    .nav {
        width: 100%;
        position: fixed;
        top: 0;
        left: -100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background: #282728;
        padding: 30rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        z-index: 10;
        min-height: 50vh;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .nav-wrap {
        top: 0;
    }
    .nav li {
        margin-bottom: 20rem;
    }
    .nav-item__haschildren {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .nav-item__haschildren::after {
        display: none;
    }
    .nav-active {
        left: 0;
    }
    .nav-menu {
        margin: 30rem 0;
        position: static;
        width: 100%;
        -webkit-transform: none;
        transform: none;
        display: block;
        padding: 0;
        background: transparent;
    }
    .nav-menu a {
        font-size: 12rem;
    }
    .nav-close {
        position: absolute;
        top: 20rem;
        right: 20rem;
        font-size: 50rem;
        font-weight: 500;
    }
    .main {
        padding-top: 120rem;
        padding-bottom: 55rem;
    }
    .main-bg {
        width: 1920rem;
        max-width: none;
        -webkit-transform: translateX(-45%);
        transform: translateX(-45%);
        display: none;
    }
    .main-bg__mobile {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: -1;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .main-content {
        width: 90%;
        margin: 0 auto;
    }
    .main-content h1 {
        font-size: 28rem;
        width: 100%;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 50rem;
    }
    .main-list {
        width: 100%;
    }
    .main-list__item {
        margin: 0;
        margin-bottom: 20rem;
    }
    .main-list__item p {
        font-size: 16rem;
    }
    .main-list__check {
        width: 40rem;
        height: 40rem;
    }
    .main-list__check img {
        width: 12rem;
    }
    .main-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .main-buttons a {
        width: 100%;
    }
    .main-btn {
        width: 100%;
        margin: 0;
        margin-bottom: 20rem;
    }
    .main-btn__whatsapp {
        width: 100%;
    }
    .express {
        width: 95%;
        margin: -140rem auto 100rem;
        height: auto;
        padding: 30rem;
        background-color: #4283ee;
        border-radius: 45rem;
        overflow: hidden;
    }
    .express-bg {
        max-width: none;
        width: 1000rem;
        -webkit-transform: translateX(-33%);
        transform: translateX(-33%);
        height: auto;
        top: auto;
        bottom: -40rem;
    }
    .express-discount {
        width: 240rem;
        top: 14%;
        right: -10%;
    }
    .express-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .express-main {
        margin: 0;
        margin-bottom: 30rem;
    }
    .express-header {
        width: 100%;
        font-size: 32rem;
        margin-bottom: 30rem;
    }
    .express-title img {
        width: 35rem;
    }
    .express-title p {
        font-size: 24rem;
    }
    .express-text {
        width: 100%;
        font-size: 16rem;
        line-height: 20rem;
        margin-bottom: 20rem;
    }
    .express-call p {
        font-size: 28rem;
    }
    .express-call__whatsapp {
        width: 40rem;
        height: 40rem;
    }
    .express-phone {
        font-size: 24rem;
    }
    .services-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .services-block {
        width: 100%;
        padding: 30rem;
        height: auto;
    }
    .services-block__title {
        font-size: 28rem;
        line-height: 36rem;
    }
    .services-block__list {
        margin-bottom: 50rem;
    }
    .services-block__footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .services-block__call {
        margin-bottom: 30rem;
    }
    .services-block__phone {
        margin: 0;
    }
    .price {
        padding: 30rem;
        background-color: #4283ee;
        border-radius: 45rem;
        height: auto;
        margin-bottom: 60rem;
    }
    .price-bg {
        display: none;
    }
    .price-phone {
        position: static;
        width: 250rem;
        margin: 0 auto -5rem;
        display: block;
    }
    .price-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .price-main {
        margin: 0;
        margin-bottom: 50rem;
    }
    .price-header {
        font-size: 30rem;
        line-height: 40rem;
        width: 100%;
        margin-bottom: 30rem;
    }
    .price-title {
        font-size: 20rem;
        line-height: 30rem;
        width: 100%;
        margin-bottom: 50rem;
    }
    .price-btn {
        position: relative;
        z-index: 2;
    }
    .price-job {
        margin-bottom: 30rem;
    }
    .price-list {
        margin-bottom: 50rem;
    }
    .price-item {
        width: 220rem;
        margin-bottom: 15rem;
    }
    .price-engineer {
        position: absolute;
        bottom: 0;
        right: 0;
        margin-left: auto;
        z-index: -2;
        width: 70%;
    }
    .price-blur {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1;
        max-width: none;
        width: 100%;
    }
    .price-time p {
        font-size: 18rem;
    }
    .price-call img {
        width: 20rem;
    }
    .price-call p {
        font-size: 24rem;
    }
    .portfolio {
        margin-bottom: 80rem;
    }
    .portfolio-title {
        font-size: 24rem;
    }
    .portfolio-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 30rem;
    }
    .portfolio-item {
        width: 50%;
        margin: 0;
        margin-bottom: 15rem;
    }
    .portfolio-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portfolio-block {
        width: 100%;
        margin-bottom: 50rem;
    }
    .portfolio-block__img {
        width: 100%;
        height: 360rem;
        overflow: hidden;
    }
    .portfolio-block__top {
        top: 20rem;
        left: 20rem;
    }
    .portfolio-block__play {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        right: 20rem;
        top: 5rem;
    }
    .portfolio-block__client {
        bottom: 20rem;
        left: 45rem;
    }
    .portfolio-block__photo {
        bottom: 20rem;
        right: 20rem;
    }
    .portfolio-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .portfolio-name {
        text-align: center;
    }
    .portfolio-adress {
        margin-bottom: 20rem;
    }
    .portfolio-more {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .portfolio-more__look {
        margin: 0;
        margin-bottom: 20rem;
    }
    .portfolio-more__btn {
        width: 80%;
        height: 80rem;
    }
    .review-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .review-title {
        font-size: 28rem;
        width: 300rem;
    }
    .review-video {
        width: 100%;
        margin-bottom: 30rem;
    }
    .review-text {
        width: 100%;
    }
    .review-clients__block {
        height: 100rem;
        padding: 0 10rem;
    }
    .review-clients__slider .owl-stage-outer {
        padding-bottom: 80rem;
    }
    .review-clients__slider .owl-dots {
        margin-top: 0;
    }
    .advantages {
        padding: 30rem;
        padding-bottom: 0;
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        overflow: hidden;
    }
    .advantages-bg {
        max-width: none;
        width: 1760rem;
        -webkit-transform: translateX(-60%);
        transform: translateX(-60%);
    }
    .advantages-info {
        margin: 0;
    }
    .advantages-header {
        width: 100%;
        font-size: 28rem;
        line-height: 36rem;
    }
    .advantages-title {
        font-size: 24rem;
    }
    .advantages-list {
        width: 100%;
        margin-left: 0;
    }
    .advantages-item {
        width: 100%;
    }
    .advantages-item__check {
        width: 45rem;
        height: 45rem;
        margin-right: 20rem;
    }
    .advantages-item__check img {
        -webkit-transform: translate(9rem, 4rem);
        transform: translate(9rem, 4rem);
        width: 30rem;
    }
    .advantages-item__info {
        width: 280rem;
    }
    .advantages-item__title {
        font-size: 16rem;
    }
    .advantages-item__text {
        font-size: 12rem;
        width: auto;
    }
    .advantages-btn {
        -webkit-transform: translateY(15rem);
        transform: translateY(15rem);
    }
    .advantages-contract__img {
        position: static;
        height: 370rem;
        margin-bottom: -5rem;
        width: 330rem;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .specialist .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .specialist-slider__wrap {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: 0;
    }
    .specialist-block {
        width: 80%;
        margin: 0 auto;
    }
    .specialist-name {
        top: 40rem;
        font-size: 24rem;
        line-height: 30rem;
        left: -30rem;
    }
    .specialist-profession {
        top: 110rem;
        left: -30rem;
    }
    .specialist-main {
        width: 100%;
        margin-bottom: 30rem;
    }
    .specialist-header {
        font-size: 32rem;
        line-height: 40rem;
        width: 100%;
    }
    .specialist-title {
        font-size: 22rem;
        line-height: 30rem;
        width: 100%;
    }
    .specialist-text {
        font-size: 14rem;
        width: 100%;
        line-height: 24rem;
    }
    .specialist-license__wrap {
        margin-bottom: 30rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    .specialist-license__wrap a {
        margin-bottom: 20rem;
        width: 46%;
    }
    .specialist-footer {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .installation {
        background-color: #4283ee;
        padding: 30rem 20rem;
        padding-bottom: 0;
        overflow: hidden;
        border-radius: 45rem;
    }
    .installation-bg {
        display: none;
    }
    .installation-header {
        width: 100%;
        font-size: 28rem;
        line-height: 40rem;
        margin-bottom: 30rem;
    }
    .installation-title {
        font-size: 20rem;
        margin-bottom: 30rem;
    }
    .installation-item {
        width: 100%;
        font-size: 16rem;
    }
    .installation-footer {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        z-index: 2;
    }
    .installation-call {
        margin-bottom: 20rem;
    }
    .installation-btn {
        width: 100%;
        height: 80rem;
    }
    .installation-btn img {
        width: 30rem;
        margin-right: 10rem;
    }
    .installation-mobile {
        margin-top: -40rem;
        width: 100%;
    }
    .useful {
        margin-bottom: 60rem;
    }
    .useful-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .useful-header {
        font-size: 28rem;
        line-height: 40rem;
    }
    .useful-top a {
        margin-top: 20rem;
    }
    .useful-youtube {
        width: 100%;
        height: auto;
        margin-bottom: 50rem;
    }
    .useful-blog {
        width: 100%;
    }
    .useful-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .useful-article {
        width: 100%;
        height: auto;
        padding: 30rem 20rem;
        margin-bottom: 30rem;
        height: 290rem;
    }
    .useful-article__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .useful-article__title {
        font-size: 20rem;
        line-height: 32rem;
        margin-bottom: 10rem;
    }
    .useful-article__read {
        font-size: 14rem;
    }
    .favorite {
        margin-bottom: 80rem;
    }
    .favorite-top {
        margin-bottom: 20rem;
    }
    .favorite-header {
        font-size: 28rem;
    }
    .favorite-title p {
        font-size: 18rem;
    }
    .favorite-instruction {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .favorite-instruction__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 30rem;
    }
    .favorite-instruction__text {
        text-align: center;
        margin-bottom: 15rem;
    }
    .favorite-instruction__arrow {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        left: 0;
        top: 40%;
    }
    .favorite-instruction__arrow-2 {
        left: -10%;
        top: 35%;
    }
    .seo {
        width: 95%;
    }
    .seo p{

        font-size: 14rem;
    }
    .footer {
        padding: 40rem 0;
    }
    .footer-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-left {
        margin-bottom: 20rem;
    }
    .footer .header-logo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15rem;
    }
    .footer .header-logo img {
        width: 250rem;
    }
    .footer .header-logo p {
        font-size: 12rem;
        text-align: center;
    }
    .footer .header-license {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 15rem;
    }
    .footer-menu {
        width: 60%;
        margin-bottom: 20rem;
    }
    .footer-advantages {
        margin-bottom: 20rem;
    }
    .footer-office {
        margin-bottom: 20rem;
    }
    .footer-office .footer-title {
        text-align: center;
        margin-bottom: 15rem;
    }
    .footer-office__adress {
        margin: 15rem 0;
        justify-content: space-around;
    }
    .footer-office__adress p {
        width: auto;
    }
    .footer-office__images {
        margin-bottom: 15rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-social {
        margin-top: 15rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer .header-phone__time {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer .header-phone__back {
        margin: 0 auto;
    }
    .footer .header-online__text p {
        text-align: center;
    }
    .footer .header-online__text button {
        margin: 0 auto;
    }
    .footer .header-license__text-footer {
        display: block;
        width: 88rem;
        margin: 0 auto;
    }
    .footer-contacts .footer-title {
        text-align: center;
        margin-bottom: 15rem;
    }
    .footer-line {
        margin-bottom: 30rem;
        width: 95%;
    }
    .footer-info {
        width: 95%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .footer-info p {
        width: 100%;
        margin: 5rem 0;
        text-align: center;
    }
    .footer-info p:nth-child(2) {
        width: 100%;
    }
    .footer-info p:nth-child(3) {
        text-align: center;
    }

    .footer .header-phone__link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    }


    .popup-main {
        width: 95%;
    }
    .popup-leave__main {
        text-align: center;
        background-size: 800rem 100%;
        height: auto;
        width: 95%;
        padding: 20rem;
    }
    .popup-leave__header {
        font-size: 32rem;
    }
    .popup-leave__title {
        width: 100%;
        font-size: 24rem;
    }
    .popup-leave__message-wrap {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .popup-leave input {
        margin: 0 auto 12rem;
    }
    .popup-leave__footer {
        width: 100%;
    }
    .popup-test {
        left: -100%;
        width: 100%;
        bottom: 15rem;
        -webkit-transform: translate(-15rem);
        transform: translate(-15rem);
    }
    .popup-test__main {
        padding: 20rem;
        padding-bottom: 0;
        height: auto;
        width: 80%;
    }
    .popup-test__title {
        font-size: 14rem;
    }
    .popup-test__header {
        width: 100%;
        font-size: 20rem;
        width: 80%;
    }
    .popup-test__btn {
        width: 200rem;
        height: 50rem;
    }
    .popup-test__img {
        position: absolute;
        bottom: 0;
        width: 200rem;
        z-index: -1;
        right: 0;
    }
    .popup-calc__main {
        height: auto;
        padding: 30rem 20rem;
    }
    .popup-calc__header {
        font-size: 32rem;
        margin-bottom: 30rem;
    }
    .popup-calc__list {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .popup-calc__item {
        font-size: 16rem;
        margin-bottom: 10rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .up span {
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
    }
    html {
        font-size: 0.08vw;
    }
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }
    .header {
        width: 95%;
    }
    .container {
        width: 95%;
        margin: 0 auto;
    }
    .block-header {
        width: 100%;
        font-size: 48rem;
        line-height: 56rem;
    }
    .nav {
        width: 95%;
    }
    .nav-link {
        font-size: 12rem;
    }
    .hidden-tablet {
        display: none;
    }
    .main-content {
        width: 95%;
        margin: 0 auto;
    }
    .express {
        width: 95%;
        margin: -90rem auto 100rem;
        height: auto;
        padding: 50rem 0;
        padding-left: 50rem;
    }
    .express-bg {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .express-discount {
        right: -12%;
    }
    .services-block {
        width: 49%;
    }
    .price {
        padding: 50rem;
        min-height: 720rem;
    }
    .price-bg {
        max-width: none;
        width: 1760rem;
        object-fit: contain;
        right: -100rem;
        
    }
    .price-main {
        margin-right: 100rem;
    }
    .price-phone {
        width: 350rem;
    }
    .price-header {
        width: 600rem;
        font-size: 48rem;
        line-height: 56rem;
    }
    .portfolio-item {
        margin-right: 0;
    }
    .portfolio-item p {
        font-size: 15rem;
        max-width: 110rem;
    }
    .review-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .review-video {
        width: 100%;
    }
    .review-text {
        width: 100%;
    }
    .review-text__block {
        height: auto;
        padding: 20rem;
    }
    .review-clients__slider .owl-stage-outer {
        padding-bottom: 0rem;
    }
    .advantages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        padding: 60rem 60rem 0;
        border-radius: 80rem;
        overflow: hidden;
    }
    .advantages-contract__img {
        position: static;
        display: block;
        margin: 0 auto;
    }
    .specialist-bg {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .specialist .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .specialist-license__wrap {
        gap: 10rem;
    }
    .specialist-main {
        width: 100%;
    }
    .specialist-header {
        width: 100%;
    }
    .specialist-title {
        width: 100%;
    }
    .specialist-text {
        width: 100%;
    }
    .installation {
        padding: 30rem;
        border-radius: 50rem;
        overflow: hidden;
    }
    .installation-bg {
        -o-object-fit: cover;
        object-fit: cover;
        -webkit-transform: translateX(-5%);
        transform: translateX(-5%);
        max-width: none;
        width: 1760rem;
    }
    .useful-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .useful-youtube__wrap {
        margin-bottom: 30rem;
    }
    .seo {
        width: 95%;
        margin: 0 auto 50rem;
    }
    .footer-wrap {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .footer-menu {
        margin: 0 30rem;
    }
    .footer-office {
        margin: 0 30rem;
    }
    .footer-contacts {
        margin: 0 30rem;
    }
    .footer-info {
        width: 95%;
        margin: 0 auto;
    }
    .popup-calc__main {
        width: 95%;
    }
}
.page-numbers {
    font-size: 18rem;
    color: #282728;
    position: relative;
    z-index: 1;
    margin: 0 20rem;
}
.page-numbers.current {
    color: #fff;
}
.page-numbers.current::before {
    display: block;
    position: absolute;
    content: "";
    width: 35rem;
    height: 35rem;
    border-radius: 50%;
    background-color: #4283ee;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.page-numbers.prev {
    margin-right: 31rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 0;
}
.page-numbers.prev:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}
.page-numbers.prev::before {
    content: "";
    display: block;
    height: 22rem;
    width: 11rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/news/arrow.png);
}
.page-numbers.next {
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    font-size: 0;
    margin-left: 31rem;
}
.page-numbers.next:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}
.page-numbers.next::after {
    content: "";
    display: block;
    height: 22rem;
    width: 11rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../img/news/arrow.png);
}
.page-top {
    margin-left: 150rem;
    margin-bottom: 84rem;
}
.page-top ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    padding-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.page-top ul li {
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.page-top ul li:not(:first-child)::before {
    margin: 0 11rem;
    display: block;
    content: "";
    width: 5rem;
    height: 5rem;
    background-color: #4283ee;
    border-radius: 50%;
}
.page-wrap {
    background-color: #1b1c1d;
    padding-bottom: 0;
    position: relative;
    z-index: 50;
}
.page-wrap .main-bg {
    display: none;
}
.page-wrap__short {
    background: transparent;
    overflow: visible;
}
.page-wrap__short .breadcumbs a {
    color: #282728;
}
.header-wrap {
    overflow: visible;
    z-index: 50;
    margin-bottom: 46rem;
}
.header-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.error-header {
    font-size: 60rem;
    font-weight: 700;
    letter-spacing: 0.6rem;
    margin-bottom: 43rem;
    text-align: center;
    position: relative;
    z-index: 2;
}
.error-back {
    width: 222rem;
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    display: block;
    margin: 0 auto 125rem;
    position: relative;
    z-index: 2;
}
.error-img {
    margin: 0 auto;
    width: 1154rem;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.error-blur {
    width: 1565rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.thanks {
    margin-left: 159rem;
    padding-bottom: 235rem;
    padding-top: 235rem;
    overflow: hidden;
}
.thanks-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.thanks-top {
    width: 419rem;
    height: 64rem;
    border-radius: 31rem;
    background-color: #131313;
    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;
    margin-bottom: 22rem;
}
.thanks-top img {
    width: 21rem;
    margin-right: 14rem;
}
.thanks-top p {
    font-size: 21rem;
    color: #4283ee;
    letter-spacing: 0.69rem;
}
.thanks-header {
    font-size: 60rem;
    font-weight: 300;
    letter-spacing: 0.6rem;
    margin-bottom: 33rem;
    line-height: 80rem;
    width: 820rem;
}
.thanks-header span {
    font-weight: 700;
}
.thanks .price-time {
    margin-bottom: 17rem;
}
.thanks .price-time span {
    margin-right: 23rem;
}
.thanks .price-time p {
    font-size: 29rem;
    letter-spacing: 1.4rem;
}
.thanks .price-call {
    margin-bottom: 36rem;
}
.thanks .price-call img {
    width: 30rem;
    margin-right: 19rem;
}
.thanks .price-call p {
    font-size: 40rem;
    letter-spacing: 1rem;
}
.thanks .error-back {
    margin: 0;
}
.thanks-director {
    position: absolute;
    bottom: 0;
    right: -40rem;
    width: 849rem;
    overflow: hidden;
}
.thanks-director__text {
    position: absolute;
    top: 194rem;
    left: 69rem;
}
.thanks-director__name {
    font-size: 30rem;
    width: 140rem;
    line-height: 37rem;
    letter-spacing: 0.75rem;
    text-align: right;
    margin-bottom: 10rem;
    margin-left: auto;
}
.thanks-director__profession {
    opacity: 0.5;
    width: 205rem;
    font-size: 15rem;
    letter-spacing: 3rem;
    line-height: 26rem;
    text-align: right;
}
@media screen and (max-width: 600px) {
    .page-top {
        width: 100%;
        margin-left: auto;
        margin-bottom: 50rem;
    }
    .page-wrap {
        padding-top: 130rem;
    }
    .error {
        width: 95%;
        margin: 0 auto;
    }
    .error-header {
        font-size: 36rem;
    }
    .error img {
        width: 100%;
    }
    .breadcumbs {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .breadcumbs-item {
        font-size: 10rem;
    }
    .breadcumbs-item li {
        margin-bottom: 5rem;
    }
    .header-wrap {
        padding-bottom: 30rem;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .header-bg {
        max-width: none;
        width: 1920rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .thanks {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 120rem;
        padding-top: 0;
    }
    .thanks-bg {
        width: 1920rem;
        max-width: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .thanks-top {
        width: 360rem;
        height: 60rem;
    }
    .thanks-top img {
        width: 18rem;
    }
    .thanks-top p {
        font-size: 18rem;
    }
    .thanks-header {
        font-size: 32rem;
        line-height: 42rem;
        width: 100%;
    }
    .thanks .price-time p {
        font-size: 20rem;
    }
    .thanks .price-call img {
        width: 24rem;
    }
    .thanks .price-call p {
        font-size: 28rem;
    }
    .thanks-director {
        position: relative;
        top: 0;
        width: 100%;
        margin-bottom: -5rem;
        left: 100rem;
    }
    .thanks-director__text {
        top: 40rem;
        left: -80rem;
    }
    .thanks-director__name {
        font-size: 24rem;
        line-height: 32rem;
    }
    .thanks-director__profession {
        font-size: 14rem;
    }
}
.cost {
    padding-top: 0;
    padding-bottom: 111rem;
    margin: 0;
    margin-top: -22rem;
    min-height: auto;
    border-radius: 0;
    padding-left: 150rem;
    overflow: visible;
}
.cost .price-main {
    margin-right: 191rem;
}
.cost .price-main a {
    width: 319rem;
}
.cost .price-header {
    width: 940rem;
    line-height: 80rem;
    margin-bottom: 30rem;
}
.cost .price-title {
    margin-bottom: 52rem;
}
.cost .price-info {
    margin-top: 9rem;
}
.cost .price-engineer {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 859rem;
    border-radius: 0;
}
@media screen and (max-width: 600px) {
    .cost {
        background: transparent;
        padding-left: 0;
        width: 90%;
        margin: 0 auto;
        overflow: visible;
    }
    .cost .price-main {
        margin: 0;
        margin-bottom: 30rem;
    }
    .cost .price-header {
        width: 100%;
        line-height: 40rem;
    }
    .cost .price-engineer {
        width: 130%;
        right: -15%;
        max-width: none;
    }
    .cost .price-phone {
        width: 250rem;
        display: block;
        margin: 0 auto;
    }
}
.news-banner {
    position: relative;
    z-index: 1;
    width: 865rem;
    height: 400rem;
    border-radius: 20rem;
    padding-top: 63rem;
    padding-left: 89rem;
    padding-bottom: 52rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.news-banner-2 {
    background-color: #f7f6f6;
}
.news-banner__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 50rem;
}
.news-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20rem;
    z-index: -1;
}
.news-banner__top {
    color: #4283ee;
    margin-bottom: 23rem;
    font-weight: 700;
    letter-spacing: 0.18rem;
}
.news-banner__header {
    font-size: 30rem;
}
.news-banner__header span {
    font-weight: 700;
}
.news-banner__header-1 {
    color: #f7f6f6;
    width: 320rem;
}
.news-banner__header-2 {
    color: #282728;
    width: 340rem;
}
.news-banner__footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.news-banner__whatsapp {
    width: 264rem;
    height: 80rem;
    border-radius: 40rem;
    background-color: #25d266;
    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;
    margin-right: 20rem;
}
.news-banner__whatsapp img {
    width: 28rem;
    margin-right: 16rem;
}
.news-banner__whatsapp p {
    font-size: 13rem;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0.7rem;
    line-height: 19.06rem;
    width: 140rem;
    text-align: left;
}
.news-banner__text {
    font-size: 12rem;
    color: #fff;
    line-height: 18rem;
    letter-spacing: 0.3rem;
    width: 100rem;
}
.news-banner__btn {
    width: 332rem;
    height: 80rem;
    border-radius: 40rem;
    background-color: #4283ee;
    font-size: 13rem;
    font-weight: 600;
    letter-spacing: 0.7rem;
}
.news-banner__img {
    position: absolute;
    bottom: 0;
    right: 0;
}
.news-banner__img-1 {
    right: 35rem;
    width: 348rem;
}
.news-banner__img-2 {
    width: 444rem;
}
.pagination {
    margin-bottom: 53rem;
}
.pagination-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 339rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}
.pagination-numbers {
    font-size: 18rem;
    color: #282728;
    position: relative;
    z-index: 1;
}
.pagination-numbers.current {
    color: #fff;
}
.pagination-numbers.current::before {
    display: block;
    position: absolute;
    content: "";
    width: 35rem;
    height: 35rem;
    border-radius: 50%;
    background-color: #4283ee;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: -1;
}
.pagination-numbers.prev {
    margin-right: 31rem;
}
.pagination-numbers.prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.pagination-numbers.next {
    margin-left: 31rem;
}
.pagination-numbers.prev,
.pagination-numbers.next {
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.pagination-numbers.prev:hover,
.pagination-numbers.next:hover {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}
@media screen and (max-width: 600px) {
    .news-title {
        font-size: 24rem;
    }
    .news-buttons {
        width: 1430rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .news-buttons__img {
        width: 30rem;
        display: block;
        margin: 0 auto 20rem;
    }
    .news-buttons__wrap {
        width: 100%;
        overflow-x: scroll;
    }
    .news-btn {
        height: 50rem;
        width: auto !important;
        padding: 0 30rem;
        font-size: 16rem;
        margin-right: 15rem;
        margin-bottom: 15rem;
    }
    .news-article {
        padding: 30rem 20rem 40rem;
        margin-bottom: 20rem;
        border-radius: 20rem;
        position: relative;
    }
    
    .news-article::before {
        display:block;
        content: '';
        position: absolute;
        background-image: linear-gradient(to top, rgba(25, 25, 25, 0.75) 0%, rgba(33, 33, 33, 0) 76%, rgba(35, 35, 35, 0) 98%), linear-gradient(to left, rgba(35, 35, 35, 0) 2%, rgba(33, 33, 33, 0) 24%, rgba(25, 25, 25, 0.33) 100%);
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }
    
    .news-banner {
        width: 100%;
        height: auto;
        padding: 30rem;
        padding-bottom: 0;
        margin-bottom: 30rem;
        overflow: hidden;
    }
    .news-banner__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .news-banner__bg {
        width: 856rem;
        max-width: none;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .news-banner__header {
        margin-bottom: 30rem;
    }
    .news-banner__img {
        position: static;
        margin-top: 30rem;
    }
    .news-banner__img-2 {
        -webkit-transform: translateX(30rem);
        transform: translateX(30rem);
    }
    .news-banner {
        width: 100%;
        height: auto;
        padding: 30rem;
        padding-bottom: 0;
        margin-bottom: 30rem;
        overflow: hidden;
    }
    .news-banner__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .news-banner__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .page-top {
        margin-left: 2.5%;
    }
    .cost {
        padding-left: 2.5%;
    }
    .cost .price-main {
        margin-right: 100rem;
    }
    .cost .price-header {
        width: 600rem;
        font-size: 36rem;
        line-height: 46rem;
    }
    .cost .price-title {
        font-size: 20rem;
        line-height: 28rem;
    }
    .cost .price-wrap {
        width: 100%;
    }
    .cost .price-engineer {
        width: 600rem;
    }
    .cost .price-phone {
        width: 300rem;
    }
    .thanks {
        margin-left: 2.5%;
    }
    .thanks-header {
        font-size: 42rem;
        line-height: 50rem;
        width: 600rem;
    }
    .thanks-director {
        width: 700rem;
    }
    .thanks-director__text {
        top: 160rem;
        left: 45rem;
    }
}
.about {
    margin-bottom: 73rem;
    z-index: 50;
}
.about .page-top {
    margin-bottom: 30rem;
}
.about-bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
.about-main {
    width: 881rem;
    margin-left: auto;
    margin-bottom: 54rem;
}
.about-main__play {
    position: absolute;
    top: 56%;
    left: 45%;
    -webkit-transform: translate(-40%, -46%);
    transform: translate(-40%, -46%);
    width: 130rem;
    height: 130rem;
    cursor: pointer;
}
.about-main__play::before {
    width: 130rem;
    height: 130rem;
}
.about-main__play::after {
    width: 104rem;
    height: 104rem;
}
.about-main__play img {
    width: 19rem !important;
}
.about-main__arrow {
    position: absolute;
    bottom: 28%;
    left: 46%;
}
.about-main__header {
    font-size: 48rem;
    font-weight: 700;
    margin-bottom: 16rem;
    width: 720rem;
    line-height: 65rem;
}
.about-main__text {
    font-size: 14rem;
    line-height: 20rem;
    margin-bottom: 21rem;
    width: 705rem;
    margin-left: 2rem;
}
.about-main__btn {
    width: 318rem;
    cursor: pointer;
}
.about-main__btn::after {
    bottom: -10rem;
}
.about-numbers {
    width: 1545rem;
    margin: 0 auto;
}
.about-numbers__header {
    font-size: 30rem;
    letter-spacing: 0.75rem;
    margin-bottom: 44rem;
}
.about-numbers__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1552rem;
    -webkit-transform: translateX(14rem);
    transform: translateX(14rem);
}
.about-numbers__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.about-numbers__line {
    width: 1rem;
    height: 125rem;
    background-color: #ffffff;
    position: relative;
    margin-right: 31rem;
}
.about-numbers__line::before,
.about-numbers__line::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #3e84ef;
    border-radius: 50%;
}
.about-numbers__line::before {
    width: 24rem;
    height: 24rem;
    opacity: 0.2;
}
.about-numbers__line::after {
    width: 14rem;
    height: 14rem;
}
.about-numbers__main {
    margin-bottom: 49rem;
}
.about-numbers__title {
    font-size: 90rem;
    font-weight: 700;
    letter-spacing: 4.5rem;
    margin-bottom: 7rem;
}
.about-numbers__title span {
    font-size: 36rem;
    letter-spacing: 1.8rem;
}
.about-numbers__text {
    font-size: 18rem;
    letter-spacing: 0.45rem;
}
.mission {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 73rem;
}
.mission-block {
    width: 560rem;
    height: 430rem;
    border-radius: 20rem;
    background: url(../img/about/mission-bg.png) center no-repeat;
    padding: 62rem 83rem;
    position: relative;
    color: #ffffff;
}
.mission-block__white {
    background: #f7f6f6;
    color: #282728;
}
.mission-title {
    font-size: 36rem;
    font-weight: 600;
    line-height: 48rem;
    letter-spacing: 0.9rem;
    width: 330rem;
    margin-bottom: 17rem;
}
.mission-title span {
    color: #188af9;
}
.mission-text {
    width: 390rem;
    font-size: 18rem;
    line-height: 27rem;
    letter-spacing: 0.45rem;
}
.mission-circle {
    position: absolute;
    width: 13rem;
    height: 14rem;
    background-color: #3e84ef;
    bottom: 37rem;
    right: 48rem;
    border-radius: 50%;
    z-index: 1;
}
.mission-circle::before {
    display: block;
    z-index: 2;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 23rem;
    height: 24rem;
    background-color: #3e84ef;
    opacity: 0.2;
}
.team {
    margin-bottom: 20rem;
}
.team-header {
    width: 1440rem;
    line-height: 76rem;
}
img.team-bg{
    min-width: 100%;
    border-radius: 30rem;
}
.expert {
    margin-bottom: 100rem;
}
.expert-top {
    width: 1560rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto 72rem;
}
.expert-title {
    width: 1280rem;
    font-size: 60rem;
    font-weight: 300;
    line-height: 75rem;
    letter-spacing: 0.6rem;
}
.expert-title span {
    font-weight: 700;
}
.expert-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.expert-arrow {
    margin-left: 51rem;
}
.expert-arrow img {
    width: 22rem;
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.expert-arrow:hover img {
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}
.expert-arrow__prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.expert-slider {
    width: 1761rem;
    margin: 0 auto;
}
.expert-slider .owl-dots {
    margin-top: 73rem;
}
.expert-block {
    width: 303rem;
}
.expert-block img {
    margin-bottom: 65rem;
}
.expert-name {
    font-weight: 700;
    font-size: 30rem;
    text-align: center;
    letter-spacing: 0.3rem;
    margin-bottom: 17rem;
}
.expert-experience {
    color: #656565;
    letter-spacing: 0.18rem;
    font-size: 18rem;
    text-align: center;
    margin-bottom: 43rem;
}
.expert-profession {
    font-weight: 700;
    font-size: 18rem;
    letter-spacing: 0.18rem;
    text-align: center;
}
.permits {
    margin-bottom: 100rem;
}
.permits-header {
    width: 1130rem;
    margin-bottom: 46rem;
    line-height: 75rem;
}
.permits-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 35rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 1760rem;
    margin: 0 auto 46rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.permits-wrap img {
    cursor: pointer;
    width: 412rem;
    margin-bottom: 20rem;
}
.permits-btn {
    width: 334rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #4283ee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    margin: 0 auto;
    font-weight: 600;
    letter-spacing: 0.7rem;
    font-size: 16rem;
}
.map {
    margin-bottom: 80rem;
    border-radius: 45rem;
}
.map-bg {
    border-radius: 45rem;
}
.map-header {
    margin-bottom: 44rem;
}
.map iframe {
    width: 100%;
    height: 600rem;
    border-radius: 45rem;
}
.director {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}
.director .specialist-block {
    width: 631rem;
    overflow: hidden;
}
.director .specialist-block img {
    width: 100%;
}
.director-main {
    margin-left: 60rem;
    margin-bottom: 95rem;
    position: relative;
}
.director-header {
    text-align: left;
    margin-bottom: 35rem;
    font-size: 55rem;
    width: 900rem;
    max-width: 100%;
}
.director-text {
    width: 880rem;
    color: #929292;
    font-size: 24rem;
    line-height: 31rem;
    max-height: 146rem;
    overflow: hidden;
    margin-bottom: 55rem;
}
.director-text__open {
    max-height: 100%;
}
.director-more {
    width: 190rem;
    letter-spacing: 0.8rem;
    margin-bottom: 116rem;
    cursor: pointer;
}
.director-btn {
    width: 429rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #4283ee;
    font-weight: 600;
    font-size: 16rem;
    letter-spacing: 0.7rem;
}
.director-sign {
    position: absolute;
    bottom: -7rem;
    right: -98rem;
    width: 399rem;
}
@media screen and (max-width: 600px) {
    .about-bg {
        max-width: none;
        width: 1920rem;
        -webkit-transform: translateX(-15%);
        transform: translateX(-15%);
    }
    .about-main {
        width: 95%;
        margin: 0 auto;
    }
    .about-main__play {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        transform: none;
        margin: 0 auto 30rem;
    }
    .about-main__arrow {
        bottom: 49%;
        left: 64%;
        -webkit-transform: rotate(252deg);
        transform: rotate(252deg);
    }
    .about-main__header {
        width: 100%;
        font-size: 32rem;
        text-align: center;
        line-height: 40rem;
    }
    .about-main__text {
        width: 100%;
        margin-left: 0;
    }
    .about-main__btn {
        margin-bottom: 50rem;
    }
    .about-numbers {
        width: 100%;
    }
    .about-numbers__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .about-numbers__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .about-numbers__main {
        margin-bottom: 30rem;
    }
    .about-numbers__line {
        width: 100%;
        height: 1rem;
    }
    .about-numbers__line::before,
    .about-numbers__line::after {
        left: 100%;
    }
    .mission {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-block {
        width: 100%;
        padding: 30rem;
        height: auto;
        margin-bottom: 30rem;
    }
    .mission-title {
        width: 100%;
    }
    .mission-text {
        width: 100%;
        font-size: 14rem;
    }
    .team-header {
        width: 100%;
        line-height: 32rem;
        font-size: 24rem;
    }
    .expert-top {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 50rem;
    }
    .expert-title {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
        text-align: center;
        margin-bottom: 30rem;
    }
    .expert-arrow {
        margin: 0 25rem;
    }
    .expert-slider {
        width: 100%;
    }
    .expert-slider .owl-dots {
        margin-top: 50rem;
    }
    .expert-block {
        margin: 0 auto;
    }
    .expert-block img {
        margin-bottom: 30rem;
    }
    .expert-experience {
        margin-bottom: 20rem;
    }
    .permits-header {
        width: 100%;
        line-height: 40rem;
    }
    .permits-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
    }
    .permits-wrap img {
        width: 46%;
        margin-bottom: 20rem;
    }
    .map iframe {
        width: 100%;
        height: 400rem;
    }
    .director {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .director-main {
        margin: 0 auto 50rem;
        width: 95%;
    }
    .director-header {
        font-size: 32rem;
        line-height: 40rem;
        width: 100%;
    }
    .director-text {
        width: 100%;
        font-size: 18rem;
    }
    .director-more {
        margin-bottom: 50rem;
    }
    .director-btn {
        margin-bottom: 15rem;
        width: 100%;
    }
    .director-sign {
        position: static;
        width: 60%;
        display: block;
        margin: 0 auto;
    }
    .director .specialist-block {
        height: auto;
        width: 100%;
        margin-bottom: -5rem;
    }
    .director .specialist-block img {
        display: block;
        width: 80%;
        margin-left: auto;
    }
    .director .specialist-name {
        left: 20rem;
    }
    .director .specialist-profession {
        left: 20rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .page-top {
        margin-left: 2.5%;
    }
    .about-main {
        width: 95%;
        margin: 0 auto 50rem;
    }
    .about-main__play {
        left: auto;
        right: 15%;
    }
    .about-main__arrow {
        left: auto;
        right: 10%;
    }
    .about-numbers {
        width: 95%;
        margin: 0 auto;
    }
    .about-numbers__wrap {
        width: 100%;
    }
    .about-numbers__title {
        font-size: 56rem;
    }
    .mission {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .mission-block {
        width: 60%;
        margin-bottom: 20rem;
        height: auto;
    }
    .mission-text {
        width: 90%;
    }
    .team {
        width: 100%;
    }
    .team-header {
        width: 100%;
    }
    .expert-top {
        width: 95%;
        margin: 0 auto 30rem;
    }
    .expert-title {
        width: 80%;
        font-size: 48rem;
        line-height: 56rem;
    }
    .expert-slider {
        width: 95%;
        margin: 0 auto;
    }
    .permits-wrap {
        width: 95%;
        margin: 0 auto 30rem;
    }
    .permits-wrap img {
        width: 22%;
    }
    .director-main {
        width: 55%;
        margin-left: 30rem;
        padding-top: 30rem;
    }
    .director .specialist-name {
        top: 145rem;
        left:30rem;
    }
    .director .specialist-profession {
        top: 229rem;
        left: 30rem;
    }
    .director-header{
    line-height: 50rem;
    font-size: 40rem;
    }
    .director-text {
        width: 100%;
        font-size: 16rem;
    }
    .director-sign{
    width: 220rem;
    right: 10rem;
    }
}
.contacts {
    background-color: transparent;
    overflow: visible;
}
.contacts .breadcumbs a {
    color: #282728;
}
.contacts-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 1570rem;
    margin: 0 auto 124rem;
}
.contacts-top h1 {
    font-size: 60rem;
    font-weight: 700;
    letter-spacing: 0.6rem;
    margin-right: 137rem;
}
.contacts-top__map {
    position: absolute;
    right: -97rem;
    top: 91%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: -1;
}
.contacts-areas {
    width: 500rem;
    height: 220rem;
    -webkit-box-shadow: 0 0 54rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 54rem rgba(0, 0, 0, 0.15);
    border-radius: 25rem;
    background-color: #ffffff;
    padding-top: 42rem;
    padding-left: 72rem;
    position: relative;
}
.contacts-areas__img {
    position: absolute;
    width: 112rem;
    top: 50%;
    -webkit-transform: translate(-55%, -50%);
    transform: translate(-55%, -50%);
    left: 0;
}
.contacts-areas__title {
    font-size: 18rem;
    font-weight: 700;
    margin-bottom: 13rem;
    letter-spacing: 0.18rem;
}
.contacts-areas__text {
    width: 400rem;
    font-size: 14rem;
    letter-spacing: 0.14rem;
    line-height: 19rem;
}
.contacts-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 74rem;
}
.call {
    margin-top: 3rem;
}
.call-header {
    font-size: 36rem;
    font-weight: 600;
    margin-bottom: 31rem;
    letter-spacing: 0.9rem;
}
.call-phone {
    color: #282728;
    margin-bottom: 47rem;
    width: 292rem;
}
.call-phone a {
    color: #282728;
}
.call-phone .header-phone__time {
    margin-bottom: 8rem;
}
.call-phone .header-phone__time p {
    font-size: 14rem;
}
.call-phone .header-phone__link {
    margin-bottom: 8rem;
}
.call-phone .header-phone__link img {
    width: 18rem;
}
.call-phone .header-phone__link p {
    font-size: 25rem;
}
.call-phone .header-phone__back {
    font-size: 14rem;
    width: 198rem;
    text-align: center;
}
.call-title {
    font-size: 18rem;
    font-weight: 700;
    letter-spacing: 0.45rem;
    margin-bottom: 12rem;
}
.call-messenger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 37rem;
}
.call-messenger__link {
    width: 49rem;
    height: 49rem;
    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;
    margin-right: 9rem;
    border-radius: 50%;
}
.call-messenger__link img {
    width: 19rem;
}
.call-messenger__link-viber {
    background-color: #6b5db0;
}
.call-messenger__link-telegram {
    background-color: #00bcf5;
}
.call-messenger__link-whatsapp {
    background-color: #00ad00;
}
.call-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 35rem;
}
.call-info__icon {
    margin-right: 13rem;
    width: 18rem;
}
.call-info__title {
    font-size: 12rem;
    font-weight: 700;
    letter-spacing: 0.3rem;
    margin-bottom: 4rem;
}
.call-info__text {
    font-size: 18rem;
    font-weight: 500;
    line-height: 24rem;
    letter-spacing: 0.45rem;
    color: #282728;
    width: 210rem;
}
.call-social {
    margin-top: 0;
    margin-bottom: 36rem;
}
.call-social a {
    width: 52rem;
    height: 52rem;
}
.call-social__whatsapp img {
    width: 25rem;
}
.call-social__facebook img {
    width: 13rem;
}
.call-social__insta img {
    width: 22rem;
}
.call-details {
    letter-spacing: 1.1rem;
}
.contacts-form {
    margin-top: 10rem;
    border-radius: 20rem;
    -webkit-box-shadow: 0 0 59rem rgba(20, 20, 20, 0.2);
    box-shadow: 0 0 59rem rgba(20, 20, 20, 0.2);
    position: relative;
    z-index: 1;
    padding: 39rem 73rem 50rem;
    width: 450rem;
}
.contacts-form__bg {
    border-radius: 20rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
}
.contacts-form__title {
    color: #fefefe;
    font-size: 24rem;
    font-weight: 600;
    line-height: 30rem;
    letter-spacing: 0.6rem;
    margin-bottom: 27rem;
    text-align: center;
}
.contacts-form__input {
    width: 100%;
    height: 65rem;
    padding-left: 35rem;
    border-radius: 33rem;
    background-color: #ffffff;
    display: block;
    margin-bottom: 16rem;
    font-family: Manrope;
    outline: none;
}
.contacts-form__input::-webkit-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__input:-ms-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__input::-ms-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__input::placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__textarea {
    width: 100%;
    height: 104rem;
    border-radius: 20rem;
    font-size: 16rem;
    background-color: #ffffff;
    font-family: Manrope;
    padding-top: 21rem;
    padding-right: 36rem;
    resize: none;
}
.contacts-form__textarea::-webkit-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__textarea:-ms-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__textarea::-ms-input-placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__textarea::placeholder {
    color: #282728;
    opacity: 0.65;
}
.contacts-form__file-input {
    display: none;
}
.contacts-form__file-wrap {
    margin-bottom: 15rem;
    width: 100%;
    height: 65rem;
    border-radius: 33rem;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 37rem;
    padding-right: 27rem;
    position: relative;
}
.contacts-form__file-wrap::after {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    left: 60%;
    width: 1rem;
    height: 100%;
    border-left: 1rem dashed #f5f5f7;
}
.contacts-form__file-name {
    font-size: 14rem;
    opacity: 0.65;
}
.contacts-form__file-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contacts-form__file-upload img {
    width: 15rem;
    margin-right: 6rem;
}
.contacts-form__file-upload p {
    color: #3884f0;
    font-size: 12rem;
    letter-spacing: 0.3rem;
}
.contacts-form__btn {
    width: 100%;
    height: 65rem;
    border-radius: 33rem;
    background-color: #3884f0;
    font-size: 16rem;
    font-weight: 600;
    margin-bottom: 15rem;
}
.contacts-form__footer label {
    border: 1px solid #3884f0;
    margin-right: 8rem;
}
.contacts-form__footer input:checked ~ label {
    background: #3884f0;
}
.contacts-form__footer p {
    color: #fff;
}
.contacts-office {
    margin-top: 19rem;
}
.contacts-office__big {
    margin-bottom: 26rem;
    position: relative;
}
.contacts-office__big img {
    width: 745rem;
    border-radius: 35rem;
}
.contacts-office__title {
    width: 252rem;
    height: 41rem;
    border-radius: 20rem;
    background-color: #ffffff;
    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;
    font-size: 14rem;
    font-weight: 600;
    color: #3884f0;
    line-height: 64.99rem;
    position: absolute;
    top: 29rem;
    left: 44rem;
}
.contacts-office__small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}
.contacts-office__small img {
    width: 170rem;
    border-radius: 20rem;
}
.map {
    margin-bottom: 90rem;
    border-radius: 45rem;
}
.map-bg {
    border-radius: 45rem;
}
.map-header {
    margin-bottom: 44rem;
}
.map iframe {
    width: 100%;
    height: 600rem;
    border-radius: 45rem;
}
@media screen and (max-width: 600px) {
    .contacts-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 95%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: -180rem;
    }
    .contacts-top h1 {
        text-align: center;
        margin: 0;
        margin-bottom: 30rem;
    }
    .contacts-top__map {
        position: static;
        width: 150%;
        max-width: none;
        -webkit-transform: none;
        transform: none;
    }
    .contacts-areas {
        width: 100%;
        padding: 30rem;
        padding-bottom: 50rem;
        height: auto;
        margin-bottom: -50rem;
    }
    .contacts-areas__img {
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%, 100%);
        transform: translate(-50%, 100%);
    }
    .contacts-areas__text {
        width: 100%;
    }
    .contacts-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 60rem;
    }
    .call {
        margin: 0 auto 30rem;
    }
    .call-social {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .contacts-form {
        width: 100%;
        padding: 30rem 45rem 50rem;
        margin-bottom: 30rem;
    }
    .contacts-office {
        width: 100%;
    }
    .contacts-office__small {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .contacts-office__small img {
        width: 24%;
        margin-bottom: 15rem;
    }
    .map iframe {
        height: 400rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .contacts-top {
        width: 95%;
        margin: 0 auto 60rem;
    }
    .contacts-top__map {
        -o-object-fit: cover;
        object-fit: cover;
        width: 600rem;
    }
    .contacts-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .contacts .call {
        margin: 0 30rem 30rem;
    }
    .contacts-form {
        margin: 0 30rem 30rem;
    }
}
.news {
    background: transparent;
    overflow: visible;
}
.news .breadcumbs a {
    color: #282728;
}
.news-header {
    font-weight: 700;
    margin-bottom: 22rem;
}
.news-title {
    text-align: center;
    font-size: 30rem;
    letter-spacing: 0.3rem;
    margin-bottom: 45rem;
}
.news-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 15rem;
    margin-bottom: 21rem;
}
.news-buttons__img {
    display: none;
}
.news-btn {
    height: 70rem;
    border-radius: 35rem;
    background-color: #f7f6f6;
    color: #28272880;
    letter-spacing: 0.9rem;
    font-size: 18rem;
    margin-bottom: 23rem;
}
.news-btn::after {
    display: none;
}
.news-btn.active {
    color: #ffffff;
    background-color: #4283ee;
}
.news-btn.active::after {
    display: block;
}
.news-btn:nth-child(1),
.news-btn:nth-child(2) {
    width: 175rem;
}
.news-btn:nth-child(3) {
    width: 350rem;
}
.news-btn:nth-child(4) {
    width: 275rem;
}
.news-btn:nth-child(5) {
    width: 300rem;
}
.news-btn:nth-child(6) {
    width: 400rem;
}
.news-btn:nth-child(7) {
    width: 350rem;
}
.news-btn:nth-child(8) {
    width: 300rem;
}
.news-btn:nth-child(9) {
    width: 350rem;
}
.news-btn:nth-child(10) {
    width: 350rem;
}
.news-btn:nth-child(11) {
    width: 350rem;
}
.news-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 45rem;
    gap: 32rem;
}
.news-article {
    width: 415rem;
    height: 400rem;
    margin-bottom: 34rem;
    padding: 41rem 40rem 42rem 42rem;
}
.news-article .useful-article__name {
    padding: 9rem 18rem;
    height: 32rem;
}
.news-article .useful-article__date {
    padding: 9rem 14rem;
}
.news-article .useful-article__title {
    font-size: 18rem;
    line-height: 24rem;
    margin-bottom: 14rem;
}
.news-article .useful-article__read {
    font-size: 14rem;
    width: 146rem;
}
.article {
    width: 1560rem;
    margin: 0 auto 160rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}
.article-main {
    margin-right: 97rem;
}
.article h1 {
    font-size: 48rem;
    font-weight: 700;
    line-height: 60rem;
    letter-spacing: 0.48rem;
    width: 900rem;
    margin-bottom: 40rem;
}
.article-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 39rem;
}
.article-top__theme {
    border-radius: 35rem;
    background-color: #25d266;
    padding: 25rem 56rem;
    color: #ffffff;
    font-size: 18rem;
    letter-spacing: 0.9rem;
    margin-right: 56rem;
    display: none;
}
.article-top__time {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.article-top__time img {
    width: 30rem;
    margin-right: 12rem;
}
.article-top__time p {
    font-size: 18rem;
    letter-spacing: 0.9rem;
}
.article-descr {
    margin-bottom: 67rem;
}
.article-descr__title {
    font-size: 24rem;
    letter-spacing: 1.2rem;
    margin-bottom: 17rem;
}
.article-descr__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 926rem;
}
.article-descr__wrap ul {
    list-style: none;
}
.article-descr__wrap ul li {
    letter-spacing: 0.8rem;
    line-height: 30rem;
}
.article-descr__wrap ul li::before {
    content: "-";
}
.article-content ul {
    list-style: none;
}
.article-content ul li {
    letter-spacing: 0.8rem;
    line-height: 30rem;
}
.article-content ul li::before {
    content: "-";
}
.article-content h2 {
    font-size: 30rem;
    letter-spacing: 0.75rem;
    line-height: 25rem;
    margin-bottom: 46rem;
}
.article-content h3 {
    font-size: 24rem;
    letter-spacing: 0.6rem;
    font-weight: 700;
}
.article-content p {
    letter-spacing: 0.8rem;
    line-height: 25rem;
    font-size: 16rem;
    margin-bottom: 25rem;
}
.article-content .alignleft {
    display: inline-block;
    float: left;
    margin-right: 50rem;
    margin-bottom: 50rem;
}
.article-content .alignright {
    display: inline-block;
    float: right;
    margin-left: 50rem;
    margin-bottom: 50rem;
}
.article-content img {
    width: 350rem;
    border-radius: 20rem;
}
.article-content a {
    color: #4283ee;
    font-weight: 500;
    letter-spacing: 0.8rem;
    position: relative;
    margin-bottom: 30rem;
    display: inline-block;
}
.article-content a::after {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 1rem;
    border-bottom: 2rem dotted #3f85f0;
    left: 0;
    bottom: -5rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.article-content a:hover::after {
    width: 60%;
}
.article-banner {
    border-radius: 20rem;
    width: 415rem;
    padding-top: 56rem;
    position: relative;
    z-index: 1;
    margin-bottom: 91rem;
}
.article-banner__wrap {
    margin-top: 11rem;
}
.article-banner-1 {
    color: #f7f6f6;
}
.article-banner-2 {
    color: #fff;
    background-color: #188af9;
}
.article-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.article-banner__title {
    font-size: 17rem;
    font-weight: 700;
    letter-spacing: 0.17rem;
    text-align: center;
    margin-bottom: 13rem;
}
.article-banner__title-blue {
    color: #4283ee;
    margin-bottom: 41rem;
}
.article-banner__header {
    font-size: 24rem;
    font-weight: 300;
    line-height: 33rem;
    letter-spacing: 0.24rem;
    text-align: center;
    width: 270rem;
    margin: 0 auto;
}
.article-banner__header span {
    font-weight: 700;
}
.article-banner__header-1 {
    margin-bottom: 43rem;
}
.article-banner__header-2 {
    margin-bottom: 19rem;
}
.article-banner__btn {
    width: 332rem;
    height: 80rem;
    border-radius: 40rem;
    background-color: #4283ee;
    font-size: 13rem;
    font-weight: 600;
    letter-spacing: 0.7rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 46rem;
}
.article-banner__img-1 {
    display: block;
    margin: 0 auto;
    width: 372rem;
}
.article-banner__img-2 {
    margin-top: -220rem;
    background: -5rem;
}
.article-banner form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.article-banner form input {
    width: 331rem;
    height: 81rem;
    border-radius: 40rem;
    background-color: #ffffff;
    padding-left: 44rem;
    margin: 0 auto;
    font-size: 14rem;
    margin-bottom: 22rem;
}
.article-banner__send {
    width: 331rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #25d266;
    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;
    margin: 0 auto 20rem;
}
.article-banner__send img {
    width: 35rem;
    margin-right: 15rem;
}
.article-banner__send p {
    letter-spacing: 0.7rem;
    font-size: 16rem;
    font-weight: 600;
}
.article-banner__footer {
    margin-left: 4rem;
}
.article-banner__footer p {
    font-size: 12rem;
    width: 210rem;
    line-height: 15rem;
}
.article-similar__header {
    margin-bottom: 69rem;
}
@media screen and (max-width: 600px) {
    .news-buttons {
        width: 1550rem;
        gap: 0;
    }
    .news-buttons__img {
        display: block;
    }
    .article {
        width: 95%;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .article-main {
        margin: 0;
    }
    .article h1 {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
        text-align: center;
    }
    .article-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .article-top__theme {
        width: 60%;
        margin: 0 auto 20rem;
        text-align: center;
        font-size: 14px;
        padding: 15rem;
    }
    .article-descr__wrap {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .article-descr__wrap ul {
        margin: 0;
    }
    .article-descr__wrap ul li {
        font-size: 14rem;
    }
    .article-content img {
        margin: 0 auto;
        width: 100%;
    }
    .article-content .alignright,
    .article-content .alignleft {
        margin: 0 auto 30rem;
    }
    .article-content p {
        font-size: 14rem;
        line-height: 22rem;
        margin-bottom: 20rem;
    }
    .article-content a {
        font-size: 14rem;
    }
    .article-banner {
        width: 100%;
        margin-bottom: 30rem;
    }
    .article-banner__wrap {
        width: 100%;
        margin-bottom: 50rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .news-buttons {
        width: 1800rem;
    }
    .news-buttons__wrap {
        overflow: scroll;
    }
    .news-buttons__img {
        width: 50rem;
        display: block;
        margin: 0 auto 30rem;
    }
    .news-wrap {
        gap: 20rem;
    }
    .news-article {
        width: 32%;
        height: auto;
        height: 380rem;
    }
    .news-article__img {
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .article {
        width: 95%;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .article-main {
        width: 60%;
        margin: 0;
    }
    .article h1 {
        width: 100%;
    }
    .article-descr {
        width: 100%;
    }
    .article-descr__wrap {
        width: 100%;
    }
}
.portfolio {
    margin-bottom: 50rem;
}
.portfolio-title {
    width: 1200rem;
    margin: 0 auto 54rem;
    line-height: 48rem;
}
.portfolio-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20rem;
    margin-bottom: 36rem;
}
.portfolio-category__img {
    display: none;
}
.portfolio-category__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    height: 70rem;
    border-radius: 35rem;
    background-color: #f7f6f6;
    color: #28272880;
    letter-spacing: 0.9rem;
    font-size: 18rem;
    margin-bottom: 23rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    padding: 0 35rem;
}
.portfolio-category__btn:first-child {
    min-width: 250rem;
}
.portfolio-category__btn::after {
    display: none;
}
.portfolio-category__btn.active {
    color: #ffffff;
    background-color: #4283ee;
}
.portfolio-category__btn.active::after {
    display: block;
}
.portfolio-category__btn:nth-child(1),
.portfolio-category__btn:nth-child(2) {
    width: 175rem;
}
.portfolio-category__btn:nth-child(3) {
    width: 350rem;
}
.portfolio-category__btn:nth-child(4) {
    width: 275rem;
}
.portfolio-category__btn:nth-child(5) {
    width: 300rem;
}
.portfolio-category__btn:nth-child(6) {
    width: 400rem;
}
.portfolio-category__btn:nth-child(7) {
    width: 350rem;
}
.portfolio-category__btn:nth-child(8) {
    width: 300rem;
}
.portfolio-category__btn:nth-child(9) {
    width: 350rem;
}
.portfolio-category__btn:nth-child(10) {
    width: 350rem;
}
.portfolio-category__btn:nth-child(11) {
    width: 350rem;
}
.portfolio-item {
    margin-bottom: 0;
}
.portfolio-list {
    margin-bottom: 56rem;
}
@media screen and (max-width: 600px) {
    .portfolio-title {
        width: 100%;
        font-size: 18rem;
        line-height: 28rem;
    }
    .portfolio-item {
        margin-bottom: 15rem;
    }
    .portfolio-category {
        width: 1450rem;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        margin-bottom: 0;
        gap: 0;
    }
    .portfolio-category__img {
        display: block;
        width: 30rem;
        margin: 0 auto 20rem;
    }
    .portfolio-category__wrap {
        overflow: scroll;
        margin-bottom: 30rem;
    }
    .portfolio-category__btn {
        height: 50rem;
        width: auto !important;
        padding: 0 30rem;
        font-size: 16rem;
        margin-right: 15rem;
        margin-bottom: 15rem;
    }
}
.work {
    margin-bottom: 140rem;
}
.work-header {
    font-size: 48rem;
    font-weight: 700;
    letter-spacing: 0.48rem;
    margin-bottom: 66rem;
    margin-left: 98rem;
}
.work-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 18rem;
    letter-spacing: 0.18rem;
    line-height: 33rem;
    width: 1560rem;
    margin-left: 98rem;
    margin-bottom: 68rem;
}
.work-top__name {
    padding: 18rem 46rem;
    color: #fff;
    letter-spacing: 0.8rem;
    border-radius: 35rem;
    background-color: #25d266;
    font-size: 16rem;
}
.work-top__adress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.work-top__adress img {
    width: 24rem;
    -webkit-filter: drop-shadow(0 10rem 18rem rgba(40, 117, 221, 0.25));
    filter: drop-shadow(0 10rem 18rem rgba(40, 117, 221, 0.25));
    margin-right: 17rem;
}
.work-top__adress p {
    width: 230rem;
}
.work-top span {
    font-weight: 700;
}
.work-top__title {
    display: block;
}
.work-top__materials {
    width: 255rem;
}
.work-top__materials span {
    line-height: 24rem;
}
.work-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 49rem;
}
.work-slider {
    width: 1160rem;
}
.work-slider img {
    border-radius: 20rem;
    cursor: pointer;
}
.work-slider__big-wrap {
    position: relative;
    margin-bottom: 29rem;
    height: 715rem;
}

.work-slider__big img{
height: 100%;
margin: 0 auto;
object-fit: cover;
}

.work-slider__small{
height: 140rem;
}

.work-slider__small img{
height: 100%;
object-fit: cover;
}

.work-slider__big .owl-dots {
    position: absolute;
    bottom: 42rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.work-slider__arrows {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
    width: 85%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    z-index: 5;
    cursor: pointer;
}
.work-slider__arrow img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 30rem;
}
.work-slider__arrow:hover img {
    -webkit-filter: none;
    filter: none;
}
.work-slider__arrow-prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.work-video {
    position: relative;
    cursor: pointer;
}
.work-video::before {
    display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 20rem;
    background-color: rgba(30, 31, 37, 0.75);
}
.work-video img {
    width: 560rem;
    border-radius: 20rem;
}
.work-video__play {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 162rem;
    width: 162rem;
}
.work-video__play::before {
    width: 162rem;
    height: 162rem;
}
.work-video__play::after {
    width: 130rem;
    height: 130rem;
}
.work-video__play img {
    width: 24rem !important;
    border-radius: 0;
}
.work-descr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.work-descr h2 {
    font-size: 30rem;
    font-weight: 500;
    letter-spacing: 0.75rem;
}
.work-descr__text {
    width: 1025rem;
}
.work-descr__text h2 {
    margin-bottom: 17rem;
}
.work-descr__text p {
    color: #949494;
    line-height: 28rem;
    letter-spacing: 0.4rem;
    margin-bottom: 26rem;
}
.work-descr__thanks h2 {
    margin-bottom: 36rem;
}
.work-descr__thanks-img {
    width: 186rem;
    height: 296rem;
    border-radius: 25rem;
    border: 1rem solid #efefef;
    background-color: #ffffff;
    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;
    cursor: pointer;
}
.work-descr__thanks-img img {
    width: 178rem;
}
.work-descr__review h2 {
    margin-bottom: 43rem;
}
.work-descr__review-block {
    width: 344rem;
    height: 296rem;
    border-radius: 25rem;
    background-color: #f7f6f6;
    padding: 23rem 38rem 38rem 31rem;
}
.work-descr__review-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15rem;
}
.work-descr__review-top img {
    width: 105rem;
    margin-right: 28rem;
}
.work-descr__review-name {
    font-weight: 700;
    letter-spacing: 0.4rem;
    margin-bottom: 13rem;
}
.work-descr__review-company {
    font-size: 12rem;
    line-height: 24rem;
    letter-spacing: 0.12rem;
}
.work-descr__review-company span {
    font-weight: 700;
    display: block;
}
.work-descr__review-text {
    color: #a4a4a4;
    font-size: 13rem;
    line-height: 23rem;
    letter-spacing: 0.33rem;
}
.work-other {
    margin-bottom: 140rem;
}
.work-other__header {
    margin-bottom: 66rem;
}
@media screen and (max-width: 600px) {
    .work {
        margin-bottom: 50rem;
    }
    .work-header {
        margin-left: 0;
        font-size: 32rem;
        line-height: 40rem;
        margin-bottom: 30rem;
    }
    .work-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-bottom: 50rem;
        margin-left: 0;
    }
    .work-top div {
        margin-bottom: 15rem;
    }
    .work-top__name {
        display: none;
    }
    .work-main {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .work-slider {
        width: 100%;
        margin-bottom: 30rem;
    }
    .work-slider__arrows {
        width: 95%;
    }
    .work-slider__arrow img {
        width: 22rem;
    }
    .work-slider__big .owl-dots {
        bottom: 20rem;
    }
    .work-video {
        width: 100%;
    }
    .work-descr {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .work-descr__text {
        width: 100%;
    }
    .work-descr__thanks {
        width: 35%;
        margin-bottom: 20rem;
    }
    .work-descr__thanks h2 {
        font-size: 24rem;
        margin-bottom: 30rem;
    }
    .work-descr__thanks-img {
        width: 100%;
    }
    .work-descr__review {
        width: 100%;
    }
    .work-descr__review h2 {
        font-size: 24rem;
        margin-bottom: 15rem;
    }
    .work-descr__review-block {
        width: 100%;
        padding: 20rem;
        height: auto;
    }
    .work-descr__review-top img {
        width: 80rem;
    }
    .work-descr__review-text {
        font-size: 12rem;
    }
    .work-other {
        margin-bottom: 50rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .portfolio-category {
        width: 1800rem;
    }
    .portfolio-category__wrap {
        overflow: scroll;
    }
    .portfolio-category__img {
        display: block;
        width: 50rem;
        margin: 0 auto 20rem;
    }
    .work-header {
        margin-left: 0;
    }
    .work-top {
        margin-left: 0;
        width: 100%;
    }
    .work-top__name {
        display: none;
    }
    .work-main {
        width: 100%;
    }
    .work-slider {
        width: 60%;
    }
    .work-video {
        width: 35%;
    }
    .work-descr {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
    }
    .work-descr__thanks {
        margin-right: 100rem;
    }
}
.products {
    width: 1550rem;
    margin: 0 auto;
    padding-bottom: 200rem;
    z-index: 1;
}
.products-input {
    display: none !important;
}
.products-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.products-header {
    font-size: 80rem;
    font-weight: 300;
    line-height: 110rem;
    letter-spacing: 0.8rem;
    font-weight: 100;
    margin-bottom: 65rem;
    width: 1080rem;
}
.products-header span {
    font-weight: 700;
}
.products-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 5rem;
    position: relative;
    z-index: 2;
}
.products-item {
    margin-right: 83rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.products-item p {
    font-size: 18rem;
    line-height: 27rem;
    letter-spacing: 0.45rem;
}
.products-item p span {
    font-weight: 700;
}
.products-check {
    width: 56rem;
    height: 56rem;
    background-color: #ffffff;
    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;
    margin-right: 23rem;
    border-radius: 50%;
}
.products-check img {
    width: 15rem;
}
.products-percent {
    position: absolute;
    bottom: 0;
    right: -40rem;
    width: 881rem;
}
.products-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    gap: 28rem;
    margin: 65rem auto 60rem;
}
.products-buttons__img {
    display: none;
}
.products-btn {
    width: 270rem;
    height: 100rem;
    border-radius: 50rem;
    background-color: #f5f5f7;
    text-align: center;
    color: #28272880;
    font-size: 18rem;
    line-height: 24rem;
    letter-spacing: 0.45rem;
    padding: 0 40rem;
}
.products-btn::after {
    display: none;
}
.products-btn.active {
    background-color: #4283ee;
    color: #ffffff;
}
.products-btn.active::after {
    display: block;
}
.products-catalog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-gap: 33rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    margin-bottom: 97rem;
}
.products-block {
    width: 415rem;
    height: 550rem;
    -webkit-box-shadow: 0 0 68rem rgba(40, 40, 40, 0.1);
    box-shadow: 0 0 68rem rgba(40, 40, 40, 0.1);
    border-radius: 20rem;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: 55rem;
    margin-bottom: 46rem;
}
.products-block img {
    max-width: 290rem;
    display: block;
    margin: 0 auto 40rem;
}
.products-block__title {
    font-size: 24rem;
    font-weight: 700;
    line-height: 24rem;
    text-align: center;
    letter-spacing: 0.6rem;
    margin-bottom: 22rem;
}
.products-block__price {
    color: #4283ee;
    font-weight: 700;
    font-size: 30rem;
    letter-spacing: 0.75rem;
    text-align: center;
    letter-spacing: 0.75rem;
    line-height: 24rem;
    margin-bottom: 24rem;
}
.products-block__btn {
    width: 271rem;
    height: 80rem;
    border-radius: 40rem;
    background-color: #4283ee;
    font-size: 13rem;
    font-weight: 600;
    letter-spacing: 0.7rem;
    display: block;
    margin: 0 auto;
}
@media screen and (max-width: 600px) {
    .products {
        width: 95%;
        margin: 0 auto;
        padding-bottom: 150rem;
    }
    .products-bg {
        max-width: none;
        width: 1920rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .products-header {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
    }
    .products-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .products-item {
        margin: 0;
        margin-bottom: 20rem;
    }
    .products-percent {
        width: 70%;
        right: 0;
    }
    .products-buttons {
        margin-bottom: 15rem;
        width: 1300rem;
        margin: 0 30rem 15rem;
    }
    .products-buttons__img {
        width: 30rem;
        display: block;
        margin: 30rem auto 10rem;
    }
    .products-buttons__wrap {
        margin-bottom: 35rem;
        width: 100%;
        overflow: scroll;
    }
    .products-btn {
        font-size: 14rem;
        width: 200rem;
        height: 70rem;
        padding: 0 25rem;
    }
    .products-catalog {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 50rem;
    }
    .products-block {
        width: 90%;
        height: auto;
        padding: 30rem 0;
        margin-bottom: 30rem;
    }
    .products-block img {
        max-width: 200rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .products {
        padding-left: 2.5%;
    }
    .products-header {
        font-size: 56rem;
        line-height: 64rem;
        width: 800rem;
    }
    .products-buttons {
        gap: 0 55rem;
    }
    .products-catalog {
        gap: 22rem;
    }
    .products-percent {
        width: 700rem;
    }
    .products-buttons {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .products-btn {
        margin-bottom: 20rem;
        width: 30%;
    }
    .products-block {
        width: 32%;
    }
}
.quiz {
    margin-top: 90rem;
    margin-bottom: 90rem;
}
.quiz-header {
    margin-bottom: 39rem;
}
.quiz-wrap {
    padding-bottom: 80rem;
    width: 1760rem;
    border-radius: 45rem;
    background-color: #f5f5f7;
    margin: 0 auto;
    padding-top: 79rem;
    padding-left: 106rem;
    position: relative;
    z-index: 1;
    border-radius: 45rem;
    overflow: hidden;
}
.quiz-main {
    width: 1027rem;
}
.quiz-main form {
    position: relative;
}
.quiz-line {
    width: 987rem;
    height: 48rem;
    border-radius: 24rem;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 48rem;
}
.quiz-line__text-white {
    color: #fff;
    font-weight: 700;
}
.quiz-line__bg {
    background: #4283ee url(../img/landings/lines.png) center repeat-x;
    height: 40rem;
    border-radius: 19rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-animation: lineSlider 10s linear infinite;
    animation: lineSlider 10s linear infinite;
    left: 5rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -o-object-fit: cover;
    object-fit: cover;
}
.quiz-line p {
    font-size: 14rem;
    letter-spacing: 0.7rem;
    position: relative;
    z-index: 2;
}
.quiz-line__bold {
    font-weight: 700;
}
.quiz-question {
    top: 0;
    left: 0;
    display: none;
    min-height: 560rem;
}
.quiz-question.active {
    display: block;
}
.quiz-question__bg {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -o-object-fit: cover;
    object-fit: cover;
}
.quiz-question__img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.quiz-question__title {
    font-size: 36rem;
    line-height: 50rem;
    letter-spacing: 0.9rem;
    text-align: center;
    margin-bottom: 49rem;
}
.quiz-question__title span {
    font-size: 16rem;
    line-height: 30rem;
    letter-spacing: 0.4rem;
    margin-top: -5rem;
}
.quiz-question__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.quiz-question__wrap-photo {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.quiz-question__label {
    cursor: pointer;
}
.quiz-question__label input {
    display: none;
}
.wpcf7-not-valid-tip{
    display: none !important;
}
input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}
input[type="checkbox"]:checked {
    background: #4283ee;
    background-color: #4283ee !important;
}
input[type="checkbox"]:hover {
    border: 4rem solid #4283ee;
}

.quiz-question__label input[type='checkbox'] {
    position: absolute;
    width: 40rem;
    height: 40rem;
    background-color: #f5f5f7;
    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;
    margin-left: 7rem;
    margin-top: 20rem;
    border-radius: 8rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-image: url(https://www.texno-group.com.ua/wp-content/themes/texnogroup/img/price/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11rem;
}

.quiz-question__label p{
    display: none;
}
span.wpcf7-list-item-label{ 
    display: none;
}
.quiz-question__label input:checked + .quiz-question__radio-block {
    border: 2rem solid #4283ee;
    background: #4283ee;
}
.quiz-question__label input:checked + .quiz-question__checkbox-block {
    border: 2rem solid #4283ee;
    background: #4283ee;
}
.quiz-question__label input:checked + .quiz-question__radio-block .quiz-question__radio-check {
    background-color: #4283ee;
}
.quiz-question__label input:checked + .quiz-question__checkbox-block .quiz-question__checkbox-check {
    background-color: #4283ee;
}

.quiz-question__label input[type="checkbox"]:checked ~ .quiz-question__checkbox-check{
    background: red !important;
    background-color: red !important;
}

.quiz-question__radio-block, .quiz-question__checkbox-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 22rem;
    width: 479rem;
    height: 80rem;
    border-radius: 15rem;
    background-color: #ededed;
    padding-left: 21rem;
    padding-right: 30rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border: 2rem solid #ededed;
}
.quiz-question__radio-block:hover .quiz-question__radio-check {
    background: #4283ee;
}
.quiz-question__checkbox-block:hover .quiz-question__checkbox-check {
    background: #4283ee;
}
.quiz-question__checkbox-block:checked .quiz-question__checkbox-check {
    background: #4283ee;
}

.quiz-question__radio-main, .quiz-question__checkbox-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quiz-question__radio-check, .quiz-question__checkbox-check {
    width: 40rem;
    height: 40rem;
    background-color: #f5f5f7;
    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;
    margin-right: 18rem;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.mar-auto .quiz-question__label input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 40rem;
    height: 40rem;
    position: absolute;
    left: 358rem;
    margin-top: 30rem;

    background-color: #f5f5f7;
    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;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    background-image: url(https://www.texno-group.com.ua/wp-content/themes/texnogroup/img/price/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11rem;
    z-index: 99;
}
.mar-auto .quiz-question__label input:checked {
    background: #4283ee;
    background-color: #4283ee !important;
    background-image: url(https://www.texno-group.com.ua/wp-content/themes/texnogroup/img/price/check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11rem;
}
.mar-auto .quiz-question__label input:hover {
    border: 4rem solid #4283ee;
}
.quiz-question__radio-check img, .quiz-question__checkbox-check img {
    width: 11rem;
}
.quiz-question__radio-text {
    font-weight: 500;
    letter-spacing: 0.4rem;
}
.quiz-question__radio-info {
    width: 20rem;
    height: 20rem;
    -webkit-box-shadow: 0 0 24rem rgba(52, 123, 240, 0.93);
    box-shadow: 0 0 24rem rgba(52, 123, 240, 0.93);
    background-color: #ffffff;
    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;
    border-radius: 50%;
    position: relative;
}
.quiz-question__radio-info img {
    width: 4rem;
}
.quiz-question__radio-info p {
    width: 150rem;
    border-radius: 10rem;
    background-color: #ffffff;
    font-size: 10rem;
    letter-spacing: 0.23rem;
    text-align: center;
    padding: 11rem 16rem;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    color: #282728;
    opacity: 0;
}
.quiz-question__radio-info:hover p {
    opacity: 1;
}
.quiz-question__checbox-check {
    border-radius: 10rem;
}
.quiz-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}
.quiz-hint {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quiz-hint img {
    margin-right: 17rem;
    width: 33rem;
}
.quiz-hint p {
    font-size: 14rem;
    line-height: 20rem;
    width: 280rem;
    letter-spacing: 0.35rem;
}
.quiz-hint p span {
    font-weight: 700;
}
.quiz-arrow {
    width: 250rem;
    height: 76rem;
    border-radius: 38rem;
    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;
    cursor: pointer;
}
.quiz-arrow p {
    font-size: 16rem;
    font-weight: 600;
    color: #fefefe;
    letter-spacing: 1.04rem;
    text-transform: uppercase;
}
.quiz-arrow__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 11rem;
}
.quiz-arrow__img img {
    margin-right: 2rem;
    -webkit-animation: fade 2s infinite;
    animation: fade 2s infinite;
}
.quiz-arrow__img img:nth-child(1) {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.quiz-arrow__img img:nth-child(2) {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.quiz-arrow__img img:nth-child(3) {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.quiz-arrow__prev {
    background-color: #cacacb;
    display: none;
}
.quiz-arrow__prev::after {
    display: none;
}
.quiz-arrow__next {
    background-color: #4283ee;
}
.quiz-arrow__next:disabled {
    background-color: #77aafc;
    cursor: not-allowed;
}
.quiz-img__wrap {
    height: 500rem;
    margin-top: -40rem;
    position: relative;
}
.quiz-img__wrap::after {
    content: "";
    display: block;
    position: absolute;
    width: 99%;
    height: 20%;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #f3f3f5), to(rgba(245, 245, 247, 0)));
    background-image: linear-gradient(to top, #f3f3f5 30%, rgba(245, 245, 247, 0) 100%);
    bottom: 0;
    left: 0;
}
.quiz-img__wrap .mCSB_scrollTools {
    z-index: 5;
}
.quiz-img__wrap .mCSB_draggerContainer {
    width: 12rem;
    border-radius: 6rem;
    background: #fff;
}
.quiz-img__wrap .mCSB_dragger_bar {
    width: 100% !important;
    border-radius: 6rem !important;
    background-color: #4283ee !important;
    opacity: 1 !important;
}
.quiz-img__wrap .mCSB_draggerRail {
    background: transparent;
}
.quiz-img__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
/*    justify-content: space-between;
*/    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40rem 0;
        align-items: stretch;
}
/*.quiz-img__main-row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}*/
.quiz-img__main-row .quiz-img__label {
    margin-right: 1%;
    width: 24%;
}
.quiz-img__main-row .quiz-img__label:last-child {
    margin-right: 0;
}
.quiz-img__label {
    width: 225rem;
    position: relative;
    margin-bottom: 23rem;
    cursor: pointer;
}
.quiz-img__label:hover img {
    -webkit-box-shadow: 0 0 5rem 0rem #00000030;
    box-shadow: 0 0 5rem 0rem #00000030;
}
.quiz-img__label:hover .quiz-img__check-radio {
    background-color: #4283ee;
}
.quiz-img__label input {
    display: none;
}
.quiz-img__label input:checked + .quiz-img__block img {
    border: 2rem solid #4283ee;
}
.quiz-img__label input:checked + .quiz-img__block .quiz-img__check-radio::after {
    background-color: #4283ee;
}
.quiz-img__label input:checked + .quiz-img__block .quiz-img__check-radio img {
    border: none;
    -webkit-filter: none;
    filter: none;
}
.quiz-img__label img {
/*height: calc(100% - 63rem);*/
  object-fit: cover;
    border-radius: 30rem;
    margin-bottom: 15rem;
    border: 2rem solid transparent;
    width: 100%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.quiz-img__info {
    position: absolute;
    width: 20rem;
    height: 20rem;
    -webkit-box-shadow: 0 0 24rem rgba(52, 123, 240, 0.93);
    box-shadow: 0 0 24rem rgba(52, 123, 240, 0.93);
    background-color: #ffffff;
    border-radius: 50%;
    top: 20rem;
    right: 20rem;
    z-index: 2;
    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;
}
.quiz-img__info img {
    width: 4rem;
    margin: 0;
    border-radius: 0;
    border: none !important;
}
.quiz-img__info p {
    width: 150rem;
    border-radius: 10rem;
    background-color: #ffffff;
    font-size: 10rem;
    letter-spacing: 0.23rem;
    text-align: center;
    padding: 11rem 16rem;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
    color: #282728;
    opacity: 0;
}
.quiz-img__info:hover p {
    opacity: 1;
}
.quiz-img__check-radio {
    position: absolute;
    left: 50%;
    bottom: 50rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0;
}
.quiz-img__check-radio img {
    display: block;
    margin: 0;
    position: relative;
    z-index: 2;
    -webkit-filter: brightness(0) invert(0.9);
    filter: brightness(0) invert(0.9);
    width: 11rem;
    border: none;
    height: auto;
}
.quiz-img__check-radio::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 50%;
    width: 26rem;
    height: 26rem;
}
.quiz-img__check-checbox {
    border-radius: 7rem;
}
.quiz-img__check-checbox:after {
    border-radius: 7rem;
}
.quiz-img__text {
    height: 48rem;
    font-size: 14rem;
    font-weight: 500;
    letter-spacing: 0.35rem;
    text-align: center;
}
.quiz-question__text-header {
    font-size: 24rem;
    font-weight: 500;
    letter-spacing: 0.6rem;
    margin-bottom: 14rem;
}
.quiz-question__text-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.quiz-question__text-form p {
    font-weight: 500;
    letter-spacing: 0.4rem;
}
.quiz-question__text-input {
    height: 80rem;
    border-radius: 15rem;
    background-color: #ffffff;
    padding-left: 38rem;
    padding-right: 133rem;
    margin-right: 30rem;
}
.quiz-load {
    padding: 200rem 0;
    display: none;
}
.quiz-load img {
    -webkit-animation: rotate 2s linear infinite;
    animation: rotate 2s linear infinite;
    width: 54rem;
    display: block;
    margin: 0 auto 20rem;
}
.quiz-load p {
    text-align: center;
    font-size: 20rem;
}
.quiz-question.quiz-result.mar-auto .quiz-question__radio-block {
    margin: 10rem auto;
    max-width: 356rem;
}
.quiz-result__estimate {
    display: none;
}
.quiz-result__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: none;
    -o-object-fit: cover;
    object-fit: cover;
}
.quiz-result__header {
    font-size: 40rem;
    font-weight: 300;
    line-height: 55rem;
    width: 660rem;
    margin: 0 auto 22rem;
    text-align: center;
}
.quiz-result__header span {
    font-weight: 700;
    letter-spacing: 1rem;
}
.quiz-result__title {
    width: 590rem;
    font-size: 24rem;
    line-height: 36rem;
    letter-spacing: 0.6rem;
    text-align: center;
    margin: 0 auto 20rem;
}
.quiz-result__text {
    font-weight: 500;
    text-align: center;
    margin-bottom: 50rem;
}
.quiz-result__message {
    width: 105rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.quiz-result__message input {
    display: none;
}
.quiz-result__message::before {
    content: "";
    display: none;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 119rem;
    height: 134rem;
    -webkit-box-shadow: 0 7rem 27rem rgba(40, 40, 40, 0.1);
    box-shadow: 0 7rem 27rem rgba(40, 40, 40, 0.1);
    border-radius: 20rem;
    background-color: #ffffff;
}
.quiz-result__message.active::before {
    display: block;
}
.quiz-result__message p {
    font-size: 18rem;
    font-weight: 500;
    text-align: center;
}
.quiz-result__message-icon {
    width: 61rem;
    height: 61rem;
    margin: 0 auto;
    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;
    border-radius: 50%;
    margin-bottom: 8rem;
}
.quiz-result__message-icon-whatsapp {
    background-color: #25d266;
}
.quiz-result__message-icon-whatsapp img {
    width: 24rem;
}
.quiz-result__message-icon-mail {
    background-color: #de1c25;
}
.quiz-result__message-icon-mail img {
    width: 27rem;
}
.quiz-result__message-icon-telegram {
    background-color: #00a2f2;
}
.quiz-result__message-icon-telegram img {
    width: 24rem;
}
.quiz-result__message-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 43rem;
}
.quiz-result__input {
    width: 358rem;
    height: 75rem;
    border-radius: 38rem;
    font-size: 17rem;
    padding-left: 44rem;
    background-color: #ffffff;
    display: block;
    margin: 0 auto 21rem;
}
.quiz-result__input-mail {
    display: none;
}
.quiz-result__input:placeholder {
    color: #777777;
}
.quiz-result__send {
    width: 356rem;
    height: 75rem;
    border-radius: 38rem;
    background-color: #4283ee;
    font-size: 18rem;
    font-weight: 500;
    color: #fff;
    display: block;
    margin: 0 auto 20rem;
    letter-spacing: 0.18rem;
}
.quiz-result__footer label {
    border: 1px solid #4283ee;
}
.quiz-result__footer input:checked ~ label {
    background-color: #4283ee;
}
.quiz-result__footer p {
    color: #282728;
    width: 270rem;
}
.quiz-result__footer a {
    color: #282728;
}
@-webkit-keyframes lineSlider {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 40rem center;
    }
}
@keyframes lineSlider {
    0% {
        background-position: 0 center;
    }
    100% {
        background-position: 40rem center;
    }
}
@-webkit-keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.license {
    margin-bottom: 87rem;
}
.license-header {
    width: 1706rem;
    margin-bottom: 42rem;
    letter-spacing: 0.1rem;
}
.license-title {
    font-size: 30rem;
    text-align: center;
    letter-spacing: 0.3rem;
    margin-bottom: 54rem;
}
.license-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 53rem;
    margin-top: -20rem;
}
.license-buttons__img {
    display: none;
}
.license-btn {
    width: 100%;
    height: 100rem;
    border-radius: 50rem;
    background-color: #f5f5f7;
    color: #28272880;
    font-weight: 500;
    line-height: 24rem;
    letter-spacing: 0.45rem;
    font-size: 18rem;
    margin-right: 30rem;
}
.license-btn::after {
    display: none;
}
.license-btn:last-child {
    margin: 0;
}
.license-btn.active {
    background-color: #4283ee;
    color: #fff;
}
.license-btn.active::after {
    display: block;
}
.license-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

}
.license-slider {
    width: 556rem;
    height: 90%
}
.license-slider__wrap {
    position: relative;
}

.license-slider img{
border-radius: 35rem;
height: 100%;
object-fit: cover;
}

.license-slider__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.license-slider__arrow {
    cursor: pointer;
}
.license-slider__arrow img {
    width: 11rem;
    -webkit-filter: brightness(0) invert(0.15);
    filter: brightness(0) invert(0.15);
    opacity: 0.25;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.license-slider__arrow:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.license-slider__arrow-prev {
    margin-right: 25rem;
}
.license-slider__arrow-prev img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.license-slider .owl-dots {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}
.license-main {
    width: 1129rem;
}
.license-main__header {
    font-size: 48rem;
    font-weight: 700;
    margin-bottom: 26rem;
}
.license-main__header span {
    font-size: 30rem;
    font-weight: 600;
}
.license-main__text {
    color: #848484;
    line-height: 23rem;
    letter-spacing: 0.4rem;
    margin-bottom: 35rem;
}
.license-main__title {
    font-size: 30rem;
    font-weight: 600;
    line-height: 24rem;
    margin-bottom: 35rem;
}
.license-block {
    background: #222122 url(../img/landings/license-block.png) bottom left no-repeat;
    background-size: auto 100%;
    border-radius: 35rem;
    padding: 46rem 87rem 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25rem;
}
.license-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 64rem;
}
.license-block__item-text {
    font-size: 14rem;
    color: #fff;
    line-height: 20rem;
    letter-spacing: 0.14rem;
    width: 200rem;
}
.license-block__item-text span {
    font-weight: 700;
}
.license-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.license-footer__btn {
    width: 326rem;
    height: 101rem;
    border-radius: 50rem;
    background-color: #4283ee;
    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;
}
.license-footer__btn img {
    width: 22rem;
    margin-right: 26rem;
}
.license-footer__btn p {
    line-height: 24rem;
    font-weight: 600;
    letter-spacing: 0.7rem;
    width: 175rem;
    text-align: left;
    font-size: 16rem;
}
.license-footer__phone {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.license-footer .header-phone__time span {
    height: 9rem;
    width: 9rem;
    margin-right: 14rem;
}
.license-footer .header-phone__time p {
    font-size: 23rem;
}
.license-footer .header-phone__link img {
    width: 23rem;
    margin-right: 14rem;
}
.license-footer .header-phone__link p {
    color: #282728;
    font-size: 31rem;
}
.discount {
    border-radius: 45rem;
    background: #222122 url(../img/landings/discount-bg.png) center no-repeat;
    background-size: cover;
    padding-top: 79rem;
    padding-left: 131rem;
    height: 550rem;
    color: #ffffff;
    position: relative;
    margin-bottom: 100rem;
}
.discount-title {
    font-size: 18rem;
    color: #4283ee;
    letter-spacing: 0.18rem;
    margin-bottom: 27rem;
}
.discount-header {
    font-size: 60rem;
    font-weight: 300;
    line-height: 70rem;
    letter-spacing: 0.6rem;
    margin-bottom: 20rem;
    width: 640rem;
}
.discount-header span {
    font-weight: 700;
}
.discount-text {
    width: 750rem;
    font-size: 18rem;
    line-height: 30rem;
    letter-spacing: 0.18rem;
    margin-bottom: 30rem;
}
.discount-link {
    width: 200rem;
    letter-spacing: 1.1rem;
}
.discount-img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 778rem;
}
.photo {
    margin-bottom: 60rem;
}
.photo-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 65rem;
}
.photo-header {
    width: 1210rem;
    line-height: 80rem;
    text-align: left;
    margin: 0;
}
.photo-adress {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.photo-adress img {
    width: 130rem;
    margin-right: 31rem;
}
.photo-adress__title {
    font-size: 24rem;
    font-weight: 700;
    margin-bottom: 21rem;
    letter-spacing: 0.24rem;
}
.photo-adress__text {
    width: 335rem;
    font-size: 18rem;
    line-height: 25rem;
    letter-spacing: 0.18rem;
}


.hidden-photo {
    display: none;
}

.show-more-btn {
    margin: 20px auto;
        width: 250rem;
    height: 76rem;
    border-radius: 38rem;
    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;
    cursor: pointer;
    background-color: #4283ee;
}

@media (max-width: 768px) {
    .photo-main picture:nth-child(n+9):not(.hidden-photo) {
        display: none;
    }
}


.photo-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    justify-content: center;
    gap: 0 35rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
}
.photo-main picture {
    border-radius: 35rem;
    width: 560rem;
    height: 560rem;
    cursor: pointer;
    margin-bottom: 65rem;
    overflow: hidden;
    object-fit: cover;
}
.photo-main img{
width: 100%; 
height: 100%;
object-fit: cover;
}
.steps {
    margin-top: 95rem;
    position: relative;
    z-index: 2;
    margin-bottom: 100rem;
}
.steps-line {
    position: absolute;
    top: calc(44% - 12rem);
    left: -60rem;
    width: 1581rem;
    z-index: -1;
}
.steps-header {
    width: 1410rem;
    margin-bottom: 62rem;
    letter-spacing: 0.55rem;
    font-size: 55rem;
    line-height: 75rem;
}
.steps-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1564rem;
    margin: 0 auto;
}
.steps-block:hover .steps-block__number {
    background-color: #3e84ef;
}
.steps-block:hover .steps-block__number::before {
    display: none;
}
.steps-block:hover .steps-block__number span {
    opacity: 1;
}
.steps-block__number {
    width: 50rem;
    height: 50rem;
    border-radius: 50%;
    margin-bottom: 46rem;
    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;
    color: #ffffff;
    font-weight: 700;
    letter-spacing: 0.16rem;
    position: relative;
    background-color: #e7e7e7;
}
.steps-block__number span {
    opacity: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.steps-block__number::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15rem;
    height: 15rem;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
.steps-block__number.active {
    background-color: #3e84ef;
}
.steps-block__number.active::before {
    display: none;
}
.steps-block__number.active span {
    opacity: 1;
}
.steps-block__title {
    font-size: 24rem;
    font-weight: 700;
    letter-spacing: 0.24rem;
    margin-bottom: 16rem;
}
.steps-block__text {
    font-size: 18rem;
    line-height: 24rem;
    letter-spacing: 0.18rem;
    margin-bottom: 23rem;
}
.steps-block__blue {
    color: #3e84ef;
    font-weight: 700;
    letter-spacing: 0.18rem;
    margin-top: 26rem;
    font-size: 18rem;
}
.steps-phone {
    margin-bottom: 25rem;
}
.steps-phone .header-phone__time {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    margin-bottom: 5rem;
}
.steps-phone .header-phone__time span {
    margin-right: 7rem;
}
.steps-phone .header-phone__time p {
    font-size: 15rem;
}
.steps-phone .header-phone__link img {
    width: 15rem;
}
.steps-phone .header-phone__link p {
    font-size: 20rem;
    color: #282728;
}
.steps-btn {
    width: 232rem;
    height: 71rem;
    border-radius: 35rem;
    background-color: #229ED9;
    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;
}
.steps-btn img {
    width: 27rem;
    margin-right: 9rem;
}
.steps-btn p {
    font-size: 13rem;
    font-weight: 600;
    line-height: 18rem;
    letter-spacing: 1.06rem;
    width: 140rem;
    text-align: left;
}
.penalty {
    margin-bottom: 90rem;
}
.penalty img {
    width: 100%;
    margin-bottom: 75rem;
}
.penalty-header {
    font-weight: 300;
    font-size: 250rem;
    margin-bottom: 40rem;
    text-align: center;
}
.penalty-text {
    width: 1380rem;
    font-size: 24rem;
    line-height: 36rem;
    text-align: center;
    margin: 0 auto;
}
.main-text {
    width: 840rem;
    font-weight: 300;
    letter-spacing: 0.16rem;
    margin-bottom: 40rem;
}
.main .quiz {
    color: #282728;
    margin-top: 157rem;
    margin-bottom: -167rem;
}
.main .quiz-header {
    color: #fff;
}
.price-main {
    margin-right: 50rem;
}
.price-header {
    width: 975rem;
}
.portfolio-item img {
    margin-right: 8rem;
}
.portfolio-item__small p {
    font-size: 15rem;
}
.specialist {
    overflow-y: hidden;
}
.questions {
    margin-bottom: 100rem;
}
.questions-header {
    font-size: 55rem;
    letter-spacing: 0.55rem;
    margin-bottom: 58rem;
}
.questions-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1553rem;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.questions-block {
    width: 742rem;
    cursor: pointer;
    margin-bottom: 43rem;
}
.questions-block__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    margin-bottom: 18rem;
}
.questions-block__arrow {
    width: 15rem;
    margin-right: 30rem;
}
.questions-block__title {
    font-size: 26rem;
    font-weight: 700;
    padding-right: 30rem;
}
.questions-block__number {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    color: #4183ee;
    font-size: 18rem;
    font-weight: 700;
}
.questions-line {
    margin-top: 26rem;
    width: 100%;
    display: block;
    height: 1rem;
    border-bottom: 1rem solid #282728;
    opacity: 0.15;
}
.questions-answer {
    display: none;
    color: #767676;
    line-height: 25rem;
    width: 676rem;
    margin-left: 47rem;
}
@media screen and (max-width: 600px) {
    .main h1 {
        text-align: left;
    }
    .main-text{
        width: 70%;
    }
    .main .quiz {
        margin-top: 50rem;
    }
    .quiz-line {
        width: 100%;
        height: 40rem;
        margin-bottom: 20rem;
    }
    .quiz-line__bg {
        height: 32rem;
    }
    .quiz-wrap {
        width: 100%;
        padding: 0;
        overflow: hidden;
        padding: 20rem 10rem;
    }
    .quiz-question {
        min-height: auto;
        margin-bottom: 20rem;
    }
    .quiz-question__bg {
        display: none;
    }
    .quiz-question__title {
        font-size: 20rem;
        line-height: 28rem;
        margin-bottom: 20rem;
    }
    .quiz-question__title span {
        display: block;
    }
    .quiz-question__wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .quiz-question__radio-block, .quiz-question__checkbox-block {
        width: 100%;
        height: 50rem;
        padding: 0 15rem;
        margin-bottom: 10rem;
    }
    .quiz-question__radio-check, .quiz-question__checkbox-check {
        width: 30rem;
        height: 30rem;
    }
    .mar-auto .quiz-question__label input{
        width: 30rem;
        height: 30rem;
        margin-left: 30rem;
        margin-top: 10rem;
        left: 0;
    }
    .quiz-question__label input[type='checkbox'] {
        width: 30rem;
        height: 30rem;
        margin-left: 0rem;
        margin-top: 10rem;
    }
    .quiz-question__radio-text {
        font-size: 14rem;
    }
    .quiz-question__radio-info p {
        left: 0;
        -webkit-transform: translate(-100%, -100%);
        transform: translate(-100%, -100%);
    }
    .quiz-question__img {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin: 20rem 0;
    }
    .quiz-question__text-header {
        font-size: 18rem;
    }
    .quiz-question__text-input {
        height: 60rem;
        width: 75%;
        margin-right: 20rem;
        padding-left: 20rem;
    }
    .quiz-question__text-form {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .quiz-img__wrap {
        margin-top: 0;
    }
    .quiz-img__label {
        width: 48%;
    }
    .quiz-img__label img{
        height: 125rem;
    }
    .quiz-img__check-radio img{
    height: auto;
    }
    .quiz-img__main {
        padding-top: 0;
    }
    .quiz-img__main-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .quiz-img__main-row .quiz-img__label {
        width: 48%;
        margin: 0;
        margin-bottom: 20rem;
    }
    .quiz-load {
        padding: 100rem 0;
    }
    .quiz-result__text {
        margin-bottom: 30rem;
    }
    .quiz-result__message-wrap {
        margin-bottom: 30rem;
    }
    .quiz-result__message::before {
        width: 110rem;
        height: 110rem;
    }
    .quiz-result__message-icon {
        width: 50rem;
        height: 50rem;
    }
    .quiz-result__estimate {
        display: block;
        width: 300rem;
        display: block;
        margin: -20rem auto 0;
        -webkit-transform: translateY(40rem);
        transform: translateY(40rem);
    }
    .quiz-result__bg {
        max-width: none;
        width: 1760rem;
        -webkit-transform: translateX(-10%);
        transform: translateX(-10%);
    }
    .quiz-result__header {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
    }
    .quiz-result__title {
        width: 100%;
        font-size: 20rem;
        line-height: 30rem;
    }
    .quiz-main {
        width: 100%;
    }
    .quiz-hint {
        width: 150rem;
    }
    .quiz-hint p {
        width: 100%;
        font-size: 12rem;
    }
    .quiz-arrows {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .quiz-arrow {
        width: 40%;
        height: 50rem;
    }
    .price-main {
        margin: 0;
    }
    .price-header {
        width: 100%;
    }
    .license-header {
        width: 100%;
    }
    .license-title {
        font-size: 22rem;
    }
    .license-buttons {
        width: 100%;
        margin: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .license-btn {
        font-size: 14rem;
        width: 49%;
        height: 80rem;
        margin: 0;
        margin-bottom: 20rem;
    }
    .license-btn:last-child {
        margin-bottom: 20rem;
    }
    .license-btn__wide {
        width: 100%;
    }
    .license-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .license-slider {
        width: 100%;
        height: 87%;
    }
    .license-slider__wrap {
        width: 100%;
        margin-bottom: 30rem;
        height: 400rem;
    }
    .license-main {
        width: 100%;
    }
    .license-main__header {
        font-size: 32rem;
    }
    .license-main__title {
        font-size: 24rem;
    }
    .license-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 30rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        background-size: 778rem 100%;
        background-position: center -50%;
    }
    .license-block__item {
        margin-bottom: 30rem;
    }
    .license-footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .license-footer__btn {
        margin-bottom: 30rem;
    }
    .discount {
        padding: 30rem;
        height: auto;
        overflow: hidden;
    }
    .discount-header {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
    }
    .discount-text {
        width: 100%;
        font-size: 14rem;
    }
    .discount-img {
        position: relative;
        bottom: -35rem;
        right: -30rem;
        width: 100%;
        height: 250rem;
        -o-object-fit: contain;
        object-fit: contain;
    }
    .photo-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
}
    .photo-adress{
    display:none;
    }
.photo-header {
        width: 100%;
        text-align: center;
        line-height: 40rem;
    }
    .photo-adress img {
        width: 100rem;
    }
    .photo-adress__title {
        margin-bottom: 15rem;
    }
    .photo-adress__text {
        width: 100%;
        font-size: 14rem;
    }
    .photo-main{
    width: 100%;
    justify-content: space-between;
    gap: 0;
    }
    .photo-main picture {
        width: 190rem;
        height: 190rem;
        margin-bottom: 30rem;
    }
    .photo-main picture:last-child{
        display: none;
    }
    .steps-header {
        width: 100%;
        font-size: 32rem;
        line-height: 40rem;
        margin-bottom: 50rem;
    }
    .steps-main__wrap {
        width: 100%;
        overflow-x: scroll;
    }
    .steps-block {
        width: 300rem;
    }
    .questions-header {
        font-size: 32rem;
        line-height: 40rem;
    }
    .questions-wrap {
        width: 95%;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .questions-block {
        width: 100%;
    }
    .questions-block__title {
        font-size: 20rem;
        width: 80%;
    }
    .questions-answer {
        width: 100%;
        margin: 0;
        font-size: 14rem;
    }
    .penalty img {
        max-width: none;
        width: 1000rem;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        margin-bottom: 50rem;
    }
    .penalty-header {
        font-size: 125rem;
        line-height: 140rem;
    }
    .penalty-text {
        width: 100%;
        font-size: 16rem;
        line-height: 24rem;
    }
}
@media screen and (min-width: 600px) and (max-width: 1024px) {
    .quiz-wrap {
        width: 100%;
        padding: 30rem;
    }
    .quiz-question__bg {
        display: none;
    }
    .quiz-result {
        width: 760rem;
    }
    .license-wrap {
        width: 95%;
        margin: 0 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .license-slider {
        width: 100%;
    }
    .license-slider__wrap {
        width: 100%;
        margin-top: 30rem;
    }
    .price-header {
        width: 600rem;
        font-size: 32rem;
        line-height: 40rem;
    }
    .discount {
        padding: 50rem;
        height: auto;
    }
    .discount-img {
        width: 35%;
    }
    .photo-main{
    width:100%;}
    .photo-top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }
    .photo-header {
        text-align: center;
        margin-bottom: 20rem;
    }
    .steps-header {
        width: 100%;
    }
    .steps-line {
        top: calc(48% - 12rem);
    }
    .steps-main__wrap {
        margin-left: 2.5%;
        overflow: scroll;
        padding-bottom: 30rem;
    }
    .questions-wrap {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}