@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.eot');
    src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff'),
        url('../fonts/Montserrat-Bold.ttf') format('truetype'),
        url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

a,
body {
    color: #000
}

.city-list,
.mobi-but,
.whatsapp,
header {
    position: fixed
}

.but,
.car-bot-cost,
.head_phone a,
.head_phone p,
.head_tel p,
.head_title h1,
.headline,
.input,
.recall span {
    font-weight: 700
}

.but,
.car_char,
.headline,
.input,
.mobi-but {
    text-align: center
}

.but,
.input,
.recall:focus,
input[type=range]:focus,
select.input {
    outline: 0
}

.city li,
.menu li {
    list-style: none
}

#cp_km,
#popup h3 img {
    width: 60px
}

#popup .but-opros,
.error h4,
.extr p {
    text-transform: uppercase
}

.city-list {
    display: none;
    width: 100%;
    max-width: 350px;
    top: 0;
    right: 0;
    background: #f5f5f5;
    z-index: 99;
    overflow-y: scroll;
    height: 100%;
    padding: 35px 25px 25px 20px;
    border: 2px solid var(--bg);
    transition: .2s linear;
    transform: translateX(100%)
}

.city-list.op {
    display: block;
    transform: translateX(0)
}

.city-list h4 {
    border-bottom: 1px solid var(--bg);
    margin: 0 0 20px
}

.city-list p {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2)
}

.city-list p a {
    display: block;
    padding: 7px 15px;
    font-size: 16px
}

.city-list span {
    position: absolute;
    top: 5px;
    right: 18px;
    cursor: pointer
}

:root {
    --bg: #FFAE2D
}

::-webkit-input-placeholder {
    color: #000;
    opacity: 1
}

:-moz-placeholder {
    color: #000;
    opacity: 1
}

::-moz-placeholder {
    color: #000;
    opacity: 1
}

:-ms-input-placeholder {
    color: #000;
    opacity: 1
}

amp-img,
img {
    max-width: 100%;
    height: auto
}

select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/h-assets/img/icon/trig.png) 98% 50% no-repeat #e4e4e4;
    cursor: pointer;
    padding-right: 5%
}
select.input-2 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/h-assets/img/icon/trig.png) 98% 50% no-repeat #fff;
    cursor: pointer;
    padding-right: 5%
}

.no-padding {
    padding-left: 0;
    padding-right: 0
}

.whatsapp {
    bottom: 10px;
    width: 70px;
    right: 10px
}

.compare,
.contact-main .but,
.contact-main_text-mod,
.kran_media img,
.whatsapp img {
    width: 100%
}

.mobi-but {
    display: block;
    width: 45%;
    bottom: 15px;
    height: 45px;
    background: var(--bg);
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    z-index: 1000
}
.mobi-but.visible-xs {
    display: none;
}

.input {
    position: relative
}

.but,
body {
    font-size: 16px
}

.mobi-but:focus {
    background: #9dd301
}

.mobi-but i,
.set-time-text span img {
    margin-right: 5px
}

.recall {
    left: 10px
}

.recall span {
    color: #3131f7
}

.recall:hover:after {
    z-index: -1
}

.recall:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, transparent 40px, rgba(255, 255, 255, .4) 60px, transparent 65px) no-repeat;
    background-position: -100px 0;
    transform-origin: center;
    animation-name: but;
    animation-duration: 4s;
    animation-timing-function: cubic-bezier(.2, .2, .3, .4);
    animation-iteration-count: infinite
}

@keyframes but {
    from {
        background-position: -100px 0
    }

    to {
        background-position: 500px 0
    }
}

.rewrite {
    right: 10px;
    padding: 11px 5px
}

body {
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    margin-top: 70px
}

body,
html {
    overflow-x: hidden
}

.container {
    width: 1250px
}

.complaint-block,
.container:after,
.container:before,
.hidden-link,
.nav-head,
.radio-but {
    display: none
}

ul {
    padding: 0
}

a:hover {
    text-decoration: none
}

a:active {
    background: 0 0
}

.flex-b,
.get-opros {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.flex-a {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.flex-s {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.but {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    border: none;
    background: #0970D8;
    border-radius: 20px;
    padding: 0 20px;
    color: #fff;
}

.input,
.logo {
    display: block
}

.but-mod {
    background: #FFAE2D;
    color: #000;
}

.but:hover,
.modal-but:hover {
    color: #fff;
    background: #33e04c
}

.but:focus,
.modal-but {
    color: #fff;
    text-decoration: none
}

.all_new,
.rewiev_head-us span,
.site-map-bl a {
    text-decoration: underline
}

.input {
    width: 100%;
    height: 65px;
    padding-left: 20px;
    font-size: 26px;
    margin-bottom: 40px;
    border: none;
    background: #e4e4e4;
    border-radius: 10px
}
.input-2 {
    width: 100%;
    padding: 9px 19px;
    font-size: 16px;
    margin-bottom: 23px;
    border: none;
    background: #fff;
    background-color: #fff;
    border-radius: 0px;
    box-sizing: border-box;
    border: 1px solid #D4D4D4;
}
textarea.input-2 {
    height: 120px;
    resize: none;
}

header {
    background: #fff;
    left: 0
}

textarea.input {
    width: 100%;
    resize: none;
    height: 100px;
    padding-top: 10px
}

.block {
    padding: 60px 0
}

.pad-top {
    padding-top: 60px
}

.pad-bot {
    padding-bottom: 60px
}

.headline {
    margin: 0 auto 25px;
    font-size: 40px;
    max-width: 1000px
}

.top-headline {
    color: #FFAE2D;
    text-transform: uppercase;
    text-align: center;
    display: block;
    margin-bottom: 8px;
}

.headline_big {
    font-size: 52px
}

header {
    width: 100%;
    top: 0;
    z-index: 9
}

header.scroll {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.logo {
    font-size: 48px;
    font-weight: 700;
    color: #F7C249;
}

.menu {
    margin: 0
}

#ext .text-center>p,
.head_list {
    margin-top: 25px
}

.compare,
.compare tbody,
.compare td,
.compare th,
.compare thead,
.faq-answer.active,
.head_tel p a,
.select-day-cont:hover .selec-day_list,
.select-t:hover .selec-day_list {
    display: block
}

.menu>li {
    margin-right: 35px
}

.menu a,
.rewiev_head-us,
b.car_char-big {
    font-size: 16px
}

.menu a {
    font-size: 14px;
}
.set-time-text p {
    margin-bottom: 5px
}

.head-cont {
    position: relative;
    padding: 20px 0 0
}

.head_title h1 {
    margin: 0 0 0 20px;
    font-size: 50px
}

.head_phone {
    margin-left: auto;
    position: relative;
    z-index: 2;
    transform: translateY(-60px)
}

.head_phone p {
    font-size: 22px;
    margin-bottom: 0
}

.head_phone a {
    font-size: 36px;
    color: #032985
}

.head_list {
    background: #9baff6;
    padding: 10px 25px;
    width: 60%
}

.head_list p {
    font-size: 18px;
    margin: 15px 0
}

.head_list p img {
    margin-right: 17px
}

.head-img {
    position: absolute;
    top: 80px;
    right: -100px
}

.faq-top,
.form,
.head_tel p,
.radio-but+label {
    position: relative
}

.head_tel,
.kran_bl {
    align-items: flex-start
}

.head_tel p {
    color: #032985;
    z-index: 1
}

.head_tel img {
    transform: translateX(-40%)
}

.head_tel p span {
    font-size: 24px
}

.head_tel p a {
    color: #032985;
    font-size: 40px;
    margin-top: 30px
}

.show-list {
    font-size: 22px;
    margin-left: 30px;
    cursor: pointer
}

.subhead_row {
    background: #f6ca33;
    padding: 35px 0;
    font-size: 17px
}

.subhead_row h2 {
    font-size: 17px;
    margin: 0
}

.subhead_row-title {
    max-width: 360px
}

.subhead_row-title .but {
    height: 40px;
    margin: 15px auto 0;
    display: flex;
    width: 200px
}

.subhead_row-title h3 {
    margin: 0;
    font-size: 12px
}

.subhead_row-title img {
    margin-right: 5px;
    display: block
}

.car-bot,
.faq-top,
.form,
.form_ban {
    display: flex
}

.subhead_row .but {
    font-size: 19px
}

.car-bot {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
    margin-bottom: 90px
}

.car-bot-cost {
    font-size: 20px;
    color: #ffcb0e;
    margin-top: 14px;
    margin-bottom: 14px
}


.car-bot-name {
    font-size: 20px;
    font-weight: 600
}

.car_title,
.dop_aten,
.form_ban a,
.numb_it span
{
    font-weight: 700
}

.car-bot-col {
    width: calc(100% / 12 * 4 - 30px)
}

.car_bl,
.city_links,
.dop_bl {
    align-items: flex-start;
    flex-wrap: wrap
}
.car_bl {
    align-items: stretch;
}

.car_item {
    width: 48%;
    margin-bottom: 45px;
    display: flex;
    flex-direction: column;
}
.car_char {
    flex-grow: 1;
    display: flex;
    align-items: center
}

.car_item p,
.faq-top p {
    margin-bottom: 0
}

.car_inner {
    align-items: stretch;
    margin-bottom: 30px;
    min-height: 220px
}

.car_inner-mod {
    min-height: 130px
}

.step-bottom {
    display: flex;
    justify-content: center;
}

.car_inner>div {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.car_title {
    font-size: 17px;
    margin: 0
}

.car_subtitle {
    font-size: 12px;
    line-height: normal
}

.car_item .but {
    height: 40px;
    margin: 10px auto 0;
    white-space: nowrap
}

.car_inner-mod .but {
    margin: 0;
    width: 260px
}

.car_inner>img {
    width: 50%;
    margin-left: 15px;
    flex-shrink: 0;
    align-self: center
}

p.car_desc {
    font-size: 12.5px;
    line-height: normal;
    margin-bottom: 15px
}

.form_ban a,
.form_second .form_inner {
    margin-bottom: 35px
}

.car_char {
    border: 5px solid var(--bg);
    border-radius: 20px;
    padding: 10px 15px
}

.car_char-inner,
.pay_it-mod {
    align-items: flex-end
}

.car_char-inner div {
    max-width: 180px
}

.car_char-inner p {
    text-align: left;
    font-size: 12px;
    line-height: normal
}

.form_inner option,
.item {
    font-size: 20px
}

.car_char-inner>p {
    margin-left: 10px
}

.car_char-inner>div:first-child {
    width: 40%;
    flex-shrink: 0;
    text-align: left;
    max-width: 180px
}

.car_char-inner>div:first-child>img {
    margin: 10px auto 0;
    display: block
}

.car_char-inner>div:last-child {
    align-items: center;
    text-align: left;
    width: 100%;
    margin-left: 2%
}

.car_char>.but {
    margin-top: 20px
}

.car_char-inner img {
    cursor: zoom-in
}

#scroll-to,
#show-txt,
.close-call,
.extr-close,
.faq-top,
.radio-but+label,
.radio-opros+label,
.select-day,
.select-t {
    cursor: pointer
}

.item {
    margin-bottom: 23px
}

.item img {
    margin-right: 25px;
    flex-shrink: 0
}

.form-container {
    background-color: #FFE2B4;
    padding-top: 30px;
}
.form-container .but {
    background-color: #0970D8;
    color: #fff;
}

.form {
    justify-content: flex-end
}

.form .men {
    position: absolute;
    left: 0;
    bottom: -30px
}

.form_second .men {
    position: static;
    width: 280px
}

.form_second .form {
    justify-content: space-between;
    align-items: flex-end
}

.form_inner {
    width: 55%;
    text-align: center
}

.form_inner .headline,
.numbs-container .headline {
    margin-bottom: 40px
}

.form_inner .subtitle {
    font-size: 26px;
    margin-bottom: 40px
}

.form_inner .but {
    font-size: 22px;
    min-width: 30%
}

.form_ban {
    flex-direction: column;
    align-items: center
}

.form_ban .item {
    font-size: 30px
}

.form_ban a {
    color: var(--bg);
    font-size: 50px
}

.numbs-container {
    padding: 30px 0
}

.numb_it {
    align-items: flex-end;
    margin-bottom: 30px
}

.numb_it span {
    color: var(--bg);
    font-size: 68px;
    white-space: nowrap;
    margin-right: 20px;
    line-height: 80%
}

.dop_info_it p,
.dop_it p,
.for_spec,
.know_aten,
.kran_desc,
.manager,
.new_text,
.otzyv_it-res,
.why_it p,
footer {
    line-height: normal
}

.numb_it p {
    margin: 0;
    font-size: 19px
}

.why-container {
    padding: 30px 0 0;
    background: #27ffa4
}

.why_bl {
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px
}

.dop_it img,
.faq-top img,
.why_it {
    margin-left: 15px
}

.why_it {
    width: calc(100% / 12 * 4 - 30px);
    margin-right: 15px;
    margin-bottom: 50px
}

.why_it img {
    margin-right: 25px
}

#popup h3 img,
.dop_aten img {
    margin-right: 20px
}

.why_it p {
    margin-bottom: 0;
    font-size: 14.5px
}

.know-container {
    background: var(--bg);
    padding-top: 50px
}

#online,
.know_aten {
    background: #27ffa4
}

.know-container .headline,
.kran .headline {
    font-size: 30px;
    margin-bottom: 40px
}

.know_list {
    width: 100%;
    max-width: 865px;
    margin: 0 auto
}

.botom_nav .sectitle,
.know_list-item {
    margin-bottom: 25px
}

.know_list-item span {
    width: 50px;
    text-align: center;
    margin-right: 20px;
    flex-shrink: 0
}

.know_list-item p {
    margin-bottom: 0;
    font-size: 20px
}

.know_aten {
    margin: 40px auto 0;
    width: 90%;
    text-align: center;
    font-size: 23px;
    padding: 25px 60px;
    border-radius: 30px 30px 0 0
}

.dop_aten,
.output {
    background: var(--bg)
}

.dop_it {
    width: 48%;
    margin-bottom: 35px;
    flex-shrink: 0
}

.dop_it p {
    font-size: 13px;
    margin-bottom: 0
}

#popup .complaint,
.dop_it p b,
.modal p {
    font-size: 18px
}

.dop_it img {
    float: right;
    margin-top: 15px
}

.dop_aten {
    width: 82%;
    padding: 2px 20px;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 20px
}

.about_it span,
.botom_nav>div:not(:last-child) {
    margin-right: 30px
}

.about_it {
    width: 80%;
    margin: 0 auto 20px
}

.about_it span {
    width: 80px;
    text-align: center;
    flex-shrink: 0
}

.about_it span img {
    min-width: 50px
}

.faq-top img {
    margin-right: 0;
    transition: .2s;
    display: block
}

.faq-top.active img {
    transform: rotate(180deg)
}

.faq-top {
    border-radius: 30px;
    text-align: left;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 600
}

.faq-answer {
    display: none;
    overflow: hidden
}

.faq-answer p {
    padding-top: 20px;
    text-align: left;
    font-size: 16px;
    margin-bottom: 0
}

.faq-item {
    border: 2px solid var(--bg);
    padding: 15px 25px;
    border-radius: 30px
}

.faq-imgs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 20px
}

.faq-img {
    width: calc(50% - 30px);
    border-radius: 30px;
    border: 3px solid #ffcb0e
}

.faq_it {
    width: 90%;
    margin: 0 auto
}

.faq_it+.but {
    margin: 30px auto;
    width: 260px;
    display: flex
}

.compare_bl {
    margin-bottom: 40px;
    display: flex;
    align-items: flex-start;
    max-width: 945px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between
}

.compare_title {
    font-weight: 700;
    font-size: 25px;
    padding-bottom: 20px
}

.compare_img img {
    max-width: 50%;
    margin-bottom: 20px
}

.compare tr {
    display: flex;
    justify-content: space-between
}

.compare td:nth-child(2n),
.kran_content td:last-child {
    text-align: right
}

.compare td {
    font-size: 20px;
    width: calc(50% - 40px);
    font-weight: 400
}

.compare img {
    border-radius: 30px;
    border: 3px solid #ffcb0e;
    margin-bottom: 25px;
    max-width: 100%
}

#online {
    padding: 40px 0 0;
    font-size: 20px;
    border-radius: 10px;
    background-color: #313131;
    color: #fff;
}
#online .but-row {
    padding-bottom: 170px;
}
#online .but-row img {
    bottom: -70px;
}

#online .headline {
    font-size: 40px;
    margin-bottom: 40px
}

.calculator-bl {
    margin: 0 auto;
    padding: 0 45px;
    overflow: hidden;
}
.calculator-col {
    width: 100%;
    max-width: 450px;
}
.calculator-cols {
    display: flex;
    justify-content: space-between;
}
.calculator-fields {
    width: 100%;
}

.calculator-row {
    margin-bottom: 30px;
    align-items: flex-start
}

.pay_bl,
.photo,
.video {
    flex-wrap: wrap
}

.calculator-title {
    font-weight: 700;
    margin-bottom: 30px
}

.radio-but+label {
    font-weight: 400;
    display: block;
    margin-bottom: 25px;
    padding-left: 40px
}

.podskazka {
    position: absolute;
    right: -120px;
    top: 30px;
    width: 200px;
    display: none
}

.but-row,
.but-row .but,
.range-label {
    position: relative
}

.podskazka img {
    width: 100%;
    border-radius: 30px
}

.radio-but+label:hover .podskazka {
    display: block;
    z-index: 3
}

.radio-but+label:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    left: 0;
    top: -4px;
    border: 4px solid var(--bg)
}

.radio-but:checked+label:before {
    background: url(../img/icon/check1.png) center no-repeat
}

.range {
    -webkit-appearance: none;
    width: 100% !important
}

.order__cnt {
    width: 100%;
}

.order__submit {
    display: block;
    max-width: 320px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}

.order__cnt_num .output {
    display: inline-block;
    margin-left: 10px;
}
.order__cnt_num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}

.range-label {
    width: 450px;
    display: block;
    margin-top: 90px
}

.output {
    border-radius: 50%;
    margin: 0 5px;
    display: inline-block;
    width: 35px;
    padding: 3px 0;
    text-align: center
}

input[type=range]::-moz-range-track {
    border-radius: 5px;
    height: 5px;
    outline: 0;
    background: var(--bg)
}

input[type=range]::-webkit-slider-runnable-track {
    height: 5px;
    outline: 0;
    background: var(--bg)
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -7.5px
}

.range::-ms-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -7.5px
}

.range::-moz-slider-thumb {
    -webkit-appearance: none;
    width: 20px;
    height: 20px;
    background: var(--bg);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -7.5px
}

.range-label span:first-of-type {
    position: absolute;
    top: -50px;
    left: 0
}

.range-label span:nth-of-type(2) {
    position: absolute;
    top: -50px;
    right: 0
}

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

.calculator-footer>div,
.contact-main_text-mod>div h4 {
    width: 40%
}

.calculator-footer .calculator-footer_map {
    width: 48%
}

.calculator-footer .input {
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border: 3px solid #FFAE2D;
    background: 0 0;
    color: #fff;
}

.calculator-footer .input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #fff;
}
.calculator-footer .input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.calculator-footer .input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.calculator-footer .input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #fff;
}
.calculator-footer .input::-ms-input-placeholder { /* Microsoft Edge */
   color:    #fff;
}

.calculator-footer .input::placeholder { /* Most modern browsers support this now. */
   color:    #fff;
}

.calculator-footer textarea.input {
    height: 220px
}

#cp_km {
    border: none;
    border-bottom: 4px solid var(--bg);
    background: 0 0
}

#map {
    width: 100%;
    height: 380px;
    border-radius: 20px;
    background: var(--bg)
}

.but-row {
    padding-bottom: 300px
}

.but-row img {
    position: absolute;
    bottom: 0;
    left: 15px
}

.but-row .but {
    margin: 50px auto 0;
    display: flex;
    padding: 0 50px;
    height: 60px;
    z-index: 1
}

.for_spec {
    width: 95%;
    margin: 0 auto 12px
}

.dop_info_it,
.news_it {
    width: 48%;
    text-align: center
}

.for_spec img {
    max-width: 20px
}

.pay_it {
    margin-bottom: 70px
}

.pay_it-mod p {
    font-size: 22px;
    margin-bottom: 0
}

.pay_it:nth-child(6) p {
    margin-left: 20px
}

.dop_info_it {
    border-radius: 60px;
    padding: 25px;
    margin-bottom: 20px
}

.dop_info_it p {
    margin-bottom: 0;
    font-size: 20px
}

p.dop_info_it-title {
    font-weight: 700;
    margin-bottom: 40px
}

.otzyv_bl {
    justify-content: space-between
}

.otzyv-btn-next,
.otzyv-btn-prev {
    background: 0 0;
    outline: 0;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.otzyv-btn-prev {
    left: 0
}

.otzyv-btn-next {
    right: 0
}

.otzyv-slider {
    padding-left: 60px;
    padding-right: 60px;
    position: relative
}

.otzyv_it,
.rewiev_head {
    margin-bottom: 30px
}

.otzyv_it>img {
    width: calc(100% - 20px);
    max-width: 500px
}

.otzyv_it-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 25px
}

.otzyv_it-title span {
    display: block;
    font-weight: 400;
    font-size: 18px
}

.otzyv_it-res {
    align-items: flex-end;
    margin-bottom: 35px;
    font-weight: 700;
    font-size: 20px
}

.otzyv_it-res img {
    margin-left: 15px;
    margin-bottom: 3px
}

.otzyv_but_bl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px
}

.but_otz {
    background: 0 0;
    border: 4px solid var(--bg);
    margin-top: 30px;
    height: 55px
}

.photo {
    justify-content: space-around
}

.photo>img {
    margin-bottom: 50px;
    display: block;
    width: calc(50% - 50px);
    margin-left: 25px;
    margin-right: 25px;
    height: 300px;
    object-fit: cover;
    object-position: center;
    border-radius: 30px
}

.video {
    justify-content: space-between;
}
.video iframe {
    border: none;
    width: calc(50% - 15px);
    height: 374px;
    margin-bottom: 20px
}

.news_block {
    flex-wrap: wrap;
    align-items: stretch
}

.news_it {
    background: #27ffa4;
    padding: 40px;
    font-size: 20px;
    border-radius: 30px
}



.news_it-title,
.sectitle {
    font-size: 24px;
    font-weight: 700
}

.all_new {
    text-align: center;
    display: block;
    font-weight: 700;
    font-size: 22px;
    margin-top: 40px
}

.new_title {
    margin: 10px 0 20px;
    font-weight: 700;
    font-size: 20px
}

.news_block {
    margin-left: -10px;
    margin-right: -10px;
}

.new__mob {
    display: none;
}

.new {
    text-align: center;
    border-radius: 0;
    padding: 15px 24px;
    background-color: #FFCB0E;
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
}
.new__img {
    height: 191px;
    border-radius: 0;
    margin-bottom: 18px;
}
.new__img img {
    border-radius: 30px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.new__name {
    font-weight: 600;
    font-size: 18px;
}
.new__text {
    font-size: 14px;
}

.new_text {
    font-size: 14px
}

.discond_ban {
    background: url(/h-assets/img/bg1.webp) center/cover;
    padding: 30px 0
}

.kran,
footer {
    padding: 40px 0
}

.discond_ban-title {
    font-weight: 700;
    font-size: 24px
}

.discond_ban span {
    display: inline-flex;
    margin-top: 30px;
    background: var(--bg);
    justify-content: center;
    align-items: center;
    padding: 14px 0;
    border-radius: 50px;
    font-size: 24px;
    width: 333px;
    font-weight: 600
}

.contact-main {
    align-items: flex-end
}

.contact-main h4 {
    font-weight: 700;
    margin: 0 0 15px;
    font-size: 20px
}

.contact-main_text div {
    margin-bottom: 30px;
    font-size: 20px
}

.contact-main_text-mod>div {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px
}

.contact-main_map {
    width: 50%;
    flex-shrink: 0;
    margin-bottom: 30px;
    background: #eee;
    margin-left: 20px;
}
.contact-main_map iframe {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.contact-main .contact-main_map {
    height: 465px;
}

.city_links a {
    font-size: 18px;
    margin-bottom: 30px;
    width: 16%
}

.botom_nav {
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 40px
}

.botom_nav a {
    display: block;
    /* font-size: 16px */
}

.kran_media {
    width: 32%;
    flex-shrink: 0;
    margin-left: 30px
}

.kran_media iframe {
    border: none;
    width: 100%;
    height: 230px;
    margin-top: 30px
}

.kran_desc {
    font-size: 20px;
    margin-bottom: 25px
}

.kran_content .subtitle {
    font-size: 30px;
    font-weight: 700
}

.kran_content table {
    width: 100%;
    font-size: 20px
}

.kran_content table tr:nth-child(2n + 1),


.kran_content td {
    padding: 7px 5px
}

.kran_media > img {
    border-radius: 30px;
}
.kran .but {
    height: 60px;
    margin: 45px auto 0;
    display: flex;
    width: 100%;
    max-width: 500px;
    text-align: center
}

.contact_info {
    margin-top: 50px;
    align-items: flex-start
}

.contact_form {
    width: 35%
}

.contact_form .subtitle {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px
}

.contact_form .input {
    height: 55px;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    background: 0 0;
    border: 2px solid var(--bg);
    margin-bottom: 20px
}

.contact_form textarea.input {
    height: 100px
}

.contact_form .but {
    margin: 0 auto;
    display: flex;
    width: 200px;
    font-size: 18px
}

.contact_manager {
    width: 50%;
    margin-top: 48px
}

.manager {
    width: 31%;
    background: #9bf6ca;
    padding: 15px;
    font-size: 16px
}

.manager img {
    margin: 0 auto 20px;
    display: block
}

.rewiev-bl {
    flex-wrap: wrap;
    font-size: 14px;
    align-items: flex-start
}

.rewiev-it {
    width: 48.5%;
    margin: 30px 0;
    padding-bottom: 30px;
    border-bottom: 1px solid #b2b2b2
}

.rewiev_row-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px
}

.rewiev_head-us span {
    font-weight: 400
}

.rate {
    text-align: right;
    flex-shrink: 0
}

.star {
    display: block;
    background: url(/h-assets/img/icon/star.svg);
    height: 14px;
    margin-bottom: 15px
}

.rewiev-info,
.rewiev_row,
.rewiev_row-asn {
    margin-bottom: 10px
}

.rate .date {
    font-size: 16px;
    padding-right: 5px;
    display: block
}

.rewiev-info {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.rewiev-info p {
    width: 28%;
    display: flex;
    justify-content: space-between;
    margin-right: 1%;
    flex-wrap: wrap;
    margin-bottom: 30px
}

.rewiev-info p span {
    font-weight: 700
}

.rewiev-info .name {
    max-width: 90%;
    font-size: 14px;
    height: 50px
}

.rewiev_progr {
    display: block;
    width: 100%;
    height: 5px;
    margin-top: 5px;
    border-radius: 5px
}

.rewiev_bot {
    border-radius: 30px;
    padding: 24px;
    background-color: #ECECEC;
}

.rewiev_img {
    max-width: 100%;
    width: 100%;
    border-radius: 30px;
}

.form-callback {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: var(--bg);
    padding: 15px 0;
    color: #fff;
    display: none
}

#popup h3 img,
.select-day-cont,
.select-t {
    position: relative
}

.select-t {
    background: #d68f12;
    width: 80px;
    height: 45px;
    margin: 0 5px;
    justify-content: center
}

.select-t span {
    font-weight: 500;
    font-size: 20px;
    margin-right: 5px
}

.set-time-text {
    margin-right: 15px;
    text-align: right
}

.set-time-text span {
    color: #000;
    font-weight: 600;
    position: relative;
    margin-right: 10px
}

.selec-day_list {
    position: absolute;
    bottom: 100%;
    background: #fff;
    color: #000;
    text-align: left;
    left: 0;
    border: 2px solid #ffa200;
    width: 100%;
    display: none
}

#popup h3+p>a,
.but-block .but+p,
.but-block p,
.city li,
.error,
.extr {
    text-align: center
}

.selec-day_list p {
    margin: 0;
    padding: 5px 10px
}

.selec-day_list p:hover {
    background: #ccc;
    cursor: pointer
}

.form-callback .input {
    margin: 0 15px 0 0;
    color: #000;
    font-size: 16px;
    height: 50px;
    border-radius: 0;
    text-align: left
}

.form-callback .but {
    border-radius: 0;
    background: #d68f12;
    height: 50px;
    white-space: nowrap
}

.close-call {
    position: absolute;
    top: 10px;
    right: 10px
}

.modal,
.modal-open {
    padding-right: 0 !important
}

.modal .modal-dialog {
    width: 480px;
    margin: 70px auto 0
}

.city .modal-dialog {
    width: 50%
}

.city ul {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.city li {
    width: 22%;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto 10px;
    border-bottom: 1px solid #f86818
}

.modal h4 {
    font-size: 25px;
    margin: 20px auto;
    font-weight: 700;
    color: #181818
}

.modal .input {
    margin: 10px auto 20px;
    font-size: 16px;
    text-align: left
}

.modal .but {
    display: block;
    width: 250px;
    height: 50px;
    margin: 0 auto 20px
}

.modal-dialog .close {
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px
}

#popup .modal-dialog {
    width: 600px;
    margin-top: 60px
}

#popup .modal-body {
    padding: 30px;
    text-align: center
}

#popup h3+p>a {
    font-size: 40px;
    color: #ffa200;
    padding-bottom: 20px;
    font-weight: 600;
    display: block
}

#popup .head-p {
    font-size: 26px;
    margin: 15px 0 20px;
    font-weight: 700
}

#popup .opros,
#popup .opros_red {
    font-size: 18px;
    display: inline-block !important;
    margin: 10px;
    height: 50px
}

#popup .opros {
    width: 220px
}

#popup .opros_red {
    width: 464px;
    background: #fff;
    color: #d92c2c;
    border: 1px solid #d92c2c;
    padding: 8px 0;
    font-weight: 700
}

#popup .opros_red:hover {
    background: #d92c2c;
    color: #fff
}

.opros-otzyv {
    background: #fff !important;
    color: #2b83ce !important;
    border: 1px solid #2b83ce !important;
    width: 464px !important
}

.opros-otzyv:hover {
    background: #2b83ce !important;
    color: #fff !important
}

#popup .opros.opros-ne-dozv {
    width: 464px
}

.opros:focus {
    background: #fff;
    color: #3bac00
}

#popup .but-opros {
    background: #9dd301;
    border: none;
    height: 50px;
    width: 200px !important;
    color: #fff;
    font-weight: 700;
    margin-bottom: 10px
}

.opros-block,
.opros-form {
    padding: 0;
    display: none
}

#popup .opros-block p {
    text-align: left;
    margin-bottom: 25px;
    font-size: 30px;
    font-weight: 700
}

.complaint-block textarea {
    display: block;
    margin-bottom: 10px;
    width: 80%;
    resize: none;
    padding: 5px 10px;
    height: 100px
}

.radio-opros {
    vertical-align: top;
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0
}

.radio-opros:not(checked) {
    position: absolute;
    opacity: 0
}

.radio-opros+label {
    position: relative;
    padding-left: 50px;
    display: flex;
    align-items: center;
    color: #565555;
    font-size: 20px;
    font-weight: 400;
    padding-top: 0;
    margin-bottom: 15px
}

.radio-opros:not(checked)+label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    background: #fff;
    border: 1px solid #f82008
}

.radio-opros:checked+label:before {
    background: #ffa200;
    box-shadow: 0 0 5px 0 #ffa200, inset 0 0 0 5px #fff
}

.set-date {
    padding: 12px;
    width: 200px;
    margin-bottom: 20px;
    font-size: 17px;
    border: 1px solid #ffa200
}

#show-txt {
    color: #ff7600
}

.float-right {
    float: right;
    margin: 0 0 10px 15px
}

.float-left {
    float: left;
    margin: 0 15px 10px 0
}

.img {
    width: 80%;
    margin: 0 auto 20px;
    display: block
}

#scroll-to span {
    width: 55px;
    height: 54px;
    font-size: 45px;
    padding: 0 0 0 10px;
    border: 3px solid #ffd600;
    border-radius: 100%;
    color: rgba(246, 0, 20, .68)
}

#scroll-to {
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 999;
    display: block
}

#scroll-to:hover span {
    background: #ffe76b;
    color: rgba(246, 0, 20, .98)
}

.but-block {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 48%
}

.but-block p {
    width: 100%;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 22px
}

.but-block>div {
    width: 60%
}

.but-block .but {
    width: 320px;
    margin-bottom: 20px
}

.but-block .but+p {
    width: 100%;
    font-weight: 400
}

.but-block span {
    color: red;
    font-size: 30px;
    font-weight: 700
}

.extr {
    width: auto;
    position: fixed;
    top: 45%;
    right: 30px;
    background: #9dd301;
    padding: 20px 40px;
    border-radius: 10px;
    z-index: 99;
    display: none
}

.extr>img {
    position: absolute;
    z-index: 9;
    bottom: 100%;
    left: 10px
}

.extr .but {
    width: 220px;
    background: #fdb02a;
    height: 50px
}

.extr-close {
    position: absolute;
    top: -40px;
    right: 0;
    z-index: 99
}

.extr p {
    font-size: 18px
}

.error {
    width: 100%;
    height: 100vh;
    background: url(../img/not-found.jpg) center/cover;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    color: #000
}

.error>div {
    margin-bottom: 9%
}

.error h4 {
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px
}

.error p,
.site-map-bl a {
    font-size: 20px;
    font-weight: 700
}

.error .but {
    margin: 0 auto;
    background: #4ddd22;
    color: #fff
}

.site-map-bl a {
    display: block;
    margin-bottom: 25px
}

#show-city {
    display: flex;
    margin: 10px auto 0;
    width: 300px;
    height: 60px
}

.my-404 {
    margin-top: 0;
}

.h-contact__main {
    display: flex;
    margin-bottom: 40px;
}
.h-contact__map {
    width: 55%;
    background-color: #FFCB0E;
    border-radius: 30px;
}
.h-contact__map iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.h-contact__left {
    width: 45%;
}
.h-contact__subtitle {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}
.h-contact__val {
    font-size: 30px;
    margin-bottom: 30px;
    display: block;
}
.h-contact__btn {
    margin-bottom: 30px;
}
.h-contact__bot {
    display: flex;
    justify-content: space-between;
}
.h-contact__form {
    padding: 22px 18px;
    background-color: #FFCB0E;
    border-radius: 30px;
}
.h-contact__form .input {
    background-color: #D9D9D9;
    border-radius: 30px;
    margin-bottom: 10px;
    padding: 10px 20px;
    font-size: 18px;
}
.h-contact__managers {
    width: calc(65% - 20px);
    display: flex;
    justify-content: space-between;
}
.h-contact__managers .manager {
    width: calc(100% / 12 * 4 - 20px);
    padding: 12px;
    box-sizing: border-box;
    text-align: center;
    display: flex;
    flex-direction: column;
    border-radius: 30px;
    background-color: #FFCB0E;
}
.h-contact__managers .manager .manager__img {
    height: 254px;
    border-radius: 30px;
    margin-bottom: 8px;
}

.h-contact__managers .manager .manager__descr {
    font-size: 14px;
    margin-top: auto;
}
.h-contact__managers .manager .manager__name {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.h-contact__managers .manager .manager__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

.work-range {
    padding: 45px;
    background-color: #FFCB0E;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.work-range__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.work-range__list li {
    width: calc(50% - 20px);
    list-style: none;
    margin-bottom: 30px;
}
.work-range__list li.hidden {
    display: none;
}
.work-range__btn {
    padding: 20px 60px;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    background-color: #27FFA4;
    border-radius: 30px;
    outline: none;
    border: none;
}
.work-range__btn.hidden {
    display: none;
}
.work-range__list li a {
    font-size: 24px;
}

:root {
    --primary: #FFAE2D;
    --accent: #33e04c;
}
body {
    font-weight: 500;
}
.primary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 24px;
    border-radius: 15px;
    background-color: var(--primary);
    border: none;
    outline: none;
    box-sizing: border-box;
}
.primary-btn:hover {
    background-color: var(--accent);
}
.secondary-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 24px;
    border-radius: 15px;
    background-color: #1E2843;
    border: none;
    outline: none;
    box-sizing: border-box;
}
.secondary-btn:hover {
    background-color: #383f52;
}
header {
    /* position: relative; */
}
.menu > li {
    padding: 35px 0;
}
.header-drop:hover .header-drop__content {
    display: block;
}
.header-drop > a {
    display: flex;
    align-items: center;
}
.header-drop:has(.header-drop__content) > a::after {
    content: '';
    margin-left: 5px;
    display: inline-block;
    width: 9px;
    height: 6px;
    background-image: url(/h-assets/img/icon/trig.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.header-drop__content .header-drop__col:not(:nth-child(3), :last-child)::after {
    content: '';
    position: absolute;
    right: 15%;
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.14);;
}
.header-drop__content .header-drop__col {
    width: calc(100% / 12 * 4 - 20px);
    margin-bottom: 30px;
    position: relative;
}
.header-drop__content .header-drop__cols {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: -30px;
}
.header-drop__list li:not(:last-child) {
    margin-bottom: .7em;
}
.header-drop__title {
    margin-bottom: 1em;
}
.header-drop__content {
    position: absolute;
    left: 0;
    top: 98%;
    width: 100%;
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(2px);
    padding-top: 23px;
    padding-bottom: 55px;
    display: none;
}


.hero {
    padding-top: 70px;
    padding-bottom: 311px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.hero__phone {
    padding: 24px 55px;
    background-color: var(--primary);
    color: #fff;
    font-size: 36px;
    margin-top: 30px;
    flex-shrink: 0;
    white-space: nowrap;
    margin-left: 30px;
}
.hero__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.hero__title span {
    color: #fff;
}
.hero__title {
    text-transform: uppercase;
    font-size: 54px;
    color: var(--primary);
    font-weight: 600;
    margin-bottom: 50px;
}
.hero__title span {
    display: block;
}
.hero__items {
    display: flex;
    margin-bottom: 50px;
}
.hero__item {
    display: flex;
    align-items: center;;
    color: #fff;
    font-weight: 500;
}
.hero__btn {
    width: 264px;
}
.hero__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #000;
    width: 72px;
    height: 62px;
    background-image: url('/h-assets/img/icon/sq-6.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-right: 20px;
}
.hero__item:not(:last-child) {
    margin-right: 60px;
}

.hero-adv {
    position: relative;
    transform: translateY(-40px);
    margin-bottom: 30px;
}
.hero-adv__men {
    /* display: none; */
    position: absolute;
    display: block;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.hero-adv__items {
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    display: flex;
    padding: 35px 40px;
}
.hero-adv__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: calc(100% / 12 * 4);
    padding-left: 45px;
    padding-right: 45px;
    position: relative;
}

.hero-adv__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 15px;
    height: calc(100% - 30px);
    width: 1px;
    background-color: #C5C5C5;
}
.hero-adv__item img {
    display: block;
    margin-bottom: 11px;
}
.hero-adv__cat {
    color: rgba(0, 0, 0, 0.50);
    display: inline-block;
    margin-bottom: 18px;
    font-size: 18px;
}
.hero-adv__descr {
    color: rgba(0, 0, 0, 0.50);
    font-size: 18px;
}
.hero-adv__name {
    font-size: 24px;
    margin-bottom: 16px;
}

.hero-good__name {
    color: #fff;
    margin-bottom: 32px;
    font-size: 20px;
    margin-bottom: 0;
}
.hero-good__item p {
    color: #999;
    margin-bottom: auto;
    margin-top: 32px;
}
.hero-good__item ul {
    color: #999;
    margin-bottom: 30px;
}
img.hero-good__icon {
    align-self: flex-start;
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.hero-good__item {
    width: calc(25% - 14px);
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 14px;
    border-radius: 15px;
    padding: 38px 15px;
    background: #1E2843;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.hero-good__btn {
    margin-top: 46px;
}
.hero-good__item img {
    display: block;
    margin-bottom: 32px;
    margin-left: auto;
    margin-right: auto;
}
.hero-good__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: -14px;
}
.hero-good__bottom {
    font-size: 20px;
    margin-top: 28px;
}

.with-container__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: -10px;
}
.with-container__item {
    width: calc(100% / 12 * 4 - 10px);
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    padding: 24px;
    display: flex;
    flex-direction: column;
}
.with-container__everyday {
    align-self: flex-start;
    display: inline-block;
    padding: 15px 26px;
    color: #FFF;
    font-size: 18px;
    border-radius: 5px;
    background: #1E2843;
    margin-bottom: 27px;
}

.with-container__main img {
    display: block;
    flex-shrink: 0;
    margin-right: 16px;
}
.with-container__size {
    color: #999;
    display: inline-block;
    margin-top: 8px;
}
.with-container__name {
    font-size: 20px;
}
.with-container__sizes {
    margin-top: 20px;
}
.with-container__info img {
    display: block;
    flex-shrink: 0;
    margin-right: 12px;
}
.with-container__info {
    display: flex;
    align-items: center;
    padding: 24px 0;
    border-bottom: 1px solid #C5C5C5;
}
.with-container__main {
    display: flex;
    align-items: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #C5C5C5
}

.how__items {
    display: flex;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: #FFF;
}
.how__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 12px;
    display: block;
    height: calc(100% - 24px);
    width: 1px;
    background-color: #C5C5C5;
}
.how__icon {
    height: 86px;
}
.how__step {
    color: rgba(0, 0, 0, 0.50);
    display: inline-block;
    margin-bottom: 18px;
    font-size: 18px;
}
.how__name {
    font-size: 24px;
}
.how__item {
    width: calc(100% / 12 * 4);
    box-sizing: border-box;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
}

.about {
    position: relative;
    z-index: 3;
}
.about__text {
    width: calc(100% - 43.63% - 30px);
}
.about__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 70px;
    border-radius: 15px;
    background: #1E2843;
}
.about__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
    position: relative;
    z-index: 2;
}
.about__toptitle {
    color: #FFAE2D;
    display: inline-block;
    margin-bottom: 24px;
}
.about__title {
    text-align: left;
    color: #fff
}
.about__txt {
    color: #999;
}
.about__img::after {
    content: '';
    position: absolute;
    right: -26px;
    bottom: -26px;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: #FFAE2D;
}
.about__img {
    width: 43.63%;
    height: 390px;
    position: relative;
    z-index: 2;
    border-radius: 15px;
}

.price {
    position: relative;
    z-index: 3;
}
.price__main {
    display: flex;
    flex-direction: column;
}
.price__main .primary-btn {
    align-self: center;
    margin-top: 58px;
}
.price__content {
    width: 100%;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: #FFF;
    box-sizing: border-box;
    padding: 30px;
}
.price__head {
    width: 25%;
    font-size: 20px;
}
.price__heads {
    display: flex;
    padding-bottom: 16px;
    padding-left: 30px;
    padding-right: 30px;
    border-bottom: 1px solid #C5C5C5;
}
.price__item {
    width: 25%;
}
.price__items {
    padding: 30px;
    display: flex;
    font-size: 18px;
    font-weight: 700;
}
.price__btn {
    width: 25%;
}
.price__btns {
    padding-left: 30px;
    padding-right: 30px;
    display: flex;
}


.text-row__content > * {
    width: calc(50% - 20px);
}
.text-row__img img {
    display: block;
    width: 100%;
}
.text-row__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dogovor::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 30px);
    max-width: 1320px;
    background: #F1F3F5;
    border-radius: 10px;
    z-index: -1;
    height: 400px;
}
.dogovor {
    position: relative;
}
.dogovor__toptitle {
    color: #FFAE2D;
    display: block;
    margin-bottom: 8px;
    text-align: center;
}
.dogovor__img {
    border-radius: 15px 15px 0px 0px;
    display: block;
    width: 100%;
    height: 260px;
    object-fit: cover;
    object-position: center;
}
.dogovor__main .primary-btn {
    margin-top: auto;
}
.dogovor__main {
    padding: 24px 30px;
    display: flex;
    flex-direction: column;
    border-left: 1px solid #F1F3F5;
    border-bottom: 1px solid #F1F3F5;
    border-right: 1px solid #F1F3F5;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-sizing: border-box;
    flex-grow: 1;
}
.dogovor__descr {
    color: rgba(0, 0, 0, 0.50);
    margin-bottom: 23px;
}
.dogovor__name {
    font-size: 24px;
    margin-bottom: 20px;
}
.dogovor__card {
    width: calc(100% / 12 * 4 - 14px);
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
}
.dogovor__cards {
    display: flex;
    flex-wrap: wrap;
    margin-left: -7px;
    margin-right: -7px;
    margin-bottom: -14px;
}

.iz-kvartiri__text {
    width: calc(100% - 40px - 65.44%);
}
.iz-kvartiri__item img {
    display: block;
    flex-shrink: 0;
    margin-left: 12px;
}
.iz-kvartiri__item {
    width: calc(50% - 8px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    box-sizing: border-box;
    padding: 30px 40px;
    border-radius: 15px;
    border: 1px solid #FFAE2D;
    margin-bottom: 16px;
}
.iz-kvartiri__items {
    width: 65.44%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 16px;
}
.iz-kvartiri__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.iz-kvartiri .headline {
    text-align: left;
}

.solve__content > * {
    width: calc(50% - 12px);
}
.solve .headline {
    color: #fff;
    text-align: left;
}
.solve::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 80%;
    background-color: #1E2843;
    border-radius: 16px;
    z-index: -1;
}
.solve__descr {
    margin-top: 24px;
    color: #999;
    margin-bottom: 24px;
}
.solve {
    position: relative;
    z-index: 2;
}
.solve__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.advs__item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: calc(100% + 10px);
    top: 0;
    height: 100%;
    width: 1px;
    display: block;
    background-color: #C5C5C5;
}
.advs__item {
    position: relative;
    box-sizing: border-box;
    width: calc(25% - 24px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.advs__name {
    display: block;
    margin-top: 17px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.advs__descr {
    margin-bottom: 0;
}
.advs__items {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: #FFF;
}

.way__item:not(:last-child)::after {
    content: '';
    position: absolute;
    left: calc(50% - 14px);
    top: calc(100% - 80px);
    width: 183px;
    height: 180px;
    background-image: url('/h-assets/img/icon/way-arrow.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.way__item {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    padding: 30px;
    border-radius: 15px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    position: relative;
}
.way__name {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 700;
}
.way__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.about-num__num {
    color: var(--primary);
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
}
.about-num__descr {
    color: #7D7D7D;
}
.about-num__bottom::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    width: 70%;
    height: 1px;
    background-color: #000;
}
.about-num__bottom {
    position: relative;
    margin-top: 60px;
    max-width: 770px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 24px;
    text-align: center;
}
.about-num__items {
    display: flex;
    justify-content: space-between;
}

.xlam img {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    max-width: 50%;
}
.xlam {
    position: relative;
    z-index: 2;
}
.xlam__content .headline {
    max-width: 563px;
    text-align: left;
    margin-left: 0;
    margin-right: 0;
}
.xlam__text {
    max-width: 770px;
}

.faq__item {
    padding: 24px;
    border-radius: 15px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    cursor: pointer
}
.faq__ask svg {
    display: block;
    transition: .2s;
    flex-shrink: 0;
    margin-left: 12px;
}
.faq__ask {
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.faq__top {
    color: var(--primary);
    text-transform: uppercase;
    display: block;
    margin-bottom: 16px;
}

.faq__answer {
    display: none;
    overflow: hidden;
}
.faq__answer p {
    padding-top: 30px;
    border-top: 2px solid #E9E9E9;
    margin-top: 30px;
}
.faq__item.active .faq__ask svg {
    transform: rotate(180deg);
}
.faq__item.active .faq__answer {
    display: block;
}

.use {
    position: relative;
}
.use::after {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: calc(100% - 30px);
    max-width: 1320px;
    background: #F1F3F5;
    border-radius: 10px;
    z-index: -1;
    height: 400px;
}

.use__item img {
    display: block;
    margin-bottom: 30px;
}
.use__item {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 19px 14px;
    border-radius: 15px;
    border: 1px solid #F1F3F5;
    background: #FFF;
}
.use__subtitle {
    color: rgba(0, 0, 0, 0.50);
    font-size: 14px;
    margin-bottom: 11px;
    font-weight: 600;
}
.use__list li:not(:last-child) {
    margin-bottom: 1em;
}
.use__list li {
    display: flex;
    flex-direction: column;
}
.use__list {
    color: rgba(0, 0, 0, 0.50);
}
.use__name {
    margin-top: auto;
    display: block;
    margin-bottom: 17px;
    font-size: 22px;
    font-weight: 500;
}
.use__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

.footer ul {
    list-style: none;
}
.footer a {
    color: inherit;
    text-decoration: none;
}
.footer__title {
    font-size: 18px;
    font-weight: 600;
    display: block;
    margin-bottom: 24px;
}
.footer {
    background-color: #0A142E;
    color: #fff
}
.footer__col {
    width: calc(50% - 25px);
}
.footer__cols {
    display: flex;
    width: calc(100% - 270px - 212px - 80px);
    justify-content: space-between;
}
.footer__right {
    width: 212px;
    font-weight: 400;
}
.footer__logo {
    display: block;
    margin-bottom: 25px;
}
.footer__left {
    width: 270px;
}
.footer__list li:not(:last-child) {
    margin-bottom: .5em;
}
.footer__list li a {
    font-weight: 400;
}
.footer__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer__bottomlist {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-top: 85px;
}

.footer__bottom {
    font-weight: 400;
    margin-top: 25px;
}

.otxod__bottom {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}
.otxod__item img {
    display: block;
    margin-left: 10px;
}
.otxod__item {
    width: calc(100% / 12 * 4 - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 20px;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 15px;
    border: 1px solid #FFAE2D;
}
.otxod__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
}

.text-row-2__content img {
    display: block;
    flex-shrink: 0;
}
.text-row-2__txt {
    flex-grow: 1;
}
.text-row-2__content:not(:last-child) {
    margin-bottom: 70px;
}
.text-row-2__bottom {
    max-width: 995px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    font-weight: 500;
    margin-top: 60px;
    text-align: center;
}
.text-row-2__content {
    display: flex;
    align-items: center;
    gap: 30px;
}

.advs-2__item img {
    display: block;
    margin-bottom: 17px;
}
.advs-2__num {
    display: inline-block;
    color: #FFAE2D;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
}
.advs-2__item {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #7D7D7D;
    margin-top: 40px;
    text-align: center;
}
.advs-2__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}

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

    .car-bot,
    .numbs {
        flex-direction: column
    }

    .container {
        width: 100%;
        padding: 0 10px
    }

    .car-bot {
        align-items: center
    }

    .car-bot-col {
        width: 100%;
        max-width: 350px;
        margin-bottom: 30px
    }

    .numb_it {
        flex-direction: column;
        align-items: center;
        text-align: center
    }

    .numb_it span {
        margin-right: 0;
        margin-bottom: 10px
    }

    .head_phone {
        transform: translateY(-30px)
    }

    .new {
        width: calc(100% / 12 * 4 - 20px);
    }

    .h-contact__bot {
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px;
    }
    .h-contact__form {
        width: 100%;
        max-width: 450px;
        margin-bottom: 20px;
    }
    .h-contact__main {
        margin-bottom: 30px;
    }
    .h-contact__managers {
        width: 100%;
        max-width: 1000px;
    }
    .h-contact__main {
        flex-direction: column;
    }
    .h-contact__main > * {
        width: 100%;
    }
    .h-contact__left {
        margin-bottom: 30px;
    }
    .h-contact__map {
        height: 400px;
    }
    .h-contact__subtitle {
        font-size: 20px;
    }
    .h-contact__val {
        font-size: 18px;
    }
    .work-range__btn {
        font-size: 18px;
    }
    .work-range__list li a {
        font-size: 18px;
    }

    .hero-adv__men {
        width: 450px;
        left: 60%;
    }
}

@media screen and (max-width:1050px) {
    .calculator-cols {
        flex-direction: column;
    }
    .calculator-col {
        width: 100%;
    }
    .calculator-col:not(:last-child) {
        margin-bottom: 20px;
    }

    .way__item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }
    .way__item:not(:last-child)::after {
        display: none;
    }

    .use__item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }

    .footer__top {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .footer__col {
        width: 100%;
    }
    .footer__cols {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer__bottomlist li {
        margin-bottom: 1em;
    }
    .footer__bottomlist {
        flex-direction: column;
        align-items: center;
        margin-top: 100px;
    }

    .text-row-2__content {
        flex-direction: column;
    }

    .advs-2__item {
        width: calc(100% / 12 * 4 - 20px);
    }
}

@media screen and (max-width:900px) {
    .new {
        width: calc(50% - 20px);
    }
}
@media screen and (max-width:950px) {

    .hero__phone {
        margin-left: 0;
    }
    
    .hero-adv__men {
        display: none;
    }
    
    .otxod__item {
        width: calc(50% - 20px);
    }

    .iz-kvartiri__text,
    .iz-kvartiri__items {
        width: 100%;
    }
    .iz-kvartiri__items {
        margin-top: 30px;
    }
    .iz-kvartiri__content {
        flex-direction: column;
    }

    .dogovor__main {
        padding: 18px 24px;
    }

    .dogovor__name {
        font-size: 20px;
    }
    .dogovor__card {
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }
    
    .header-drop__content .header-drop__col {
        width: 100%;
    }
    .header-drop__cols {
        flex-direction: column;
    }
    .header-drop__content {
        position: unset;
        top: unset
    }

    .header-drop__content .header-drop__col:not(:last-child)::after {
        display: none;
    }

    .menu > li {
        padding-top: 0;
        padding-bottom: 0;
    }
    .header-drop__content {
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .header-drop__list li a {
        font-weight: 400;
    }
    .header-drop__list li:not(:last-child) {
        margin-bottom: 0.5em;
    }

    .header-drop:has(.header-drop__content)::after {
        margin-bottom: 8px;
    }
    .header-drop {
        position: relative;
        padding-right: 12px !important;
    }
    .header-drop::after {
        position: absolute;
        right: 0
    }

    .hero__text {
        width: 100%;
        margin-bottom: 30px;
    }
    .hero__content {
        flex-direction: column;
    }

    .price__heads, .price__items, .price__btns {
        width: 950px;
    }
    .price__content {
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
    }

    .flex-a,
    .flex-b,
    .flex-s,
    .nav-control,
    .nav-head {
        display: flex
    }

    .menu,
    header {
        background: #fff
    }

    .menu a {
        display: block
    }

    .car_inner,
    .car_inner-mod {
        min-height: auto
    }
    .form-callback {
        display: none;
    }

    .but,
    .car_title,
    .head_phone p,
    .head_title h1,
    .menu a,
    .nav-head p,
    .price_nds {
        font-weight: 700
    }
    .mobi-but.visible-xs {
        display: block;
    }

    .car_char,
    .form_inner,
    .head_phone,
    .menu {
        text-align: center
    }

    #popup h3+p>a,
    .nav-head {
        padding: 0
    }

    .extr p,
    .nav-head p {
        text-transform: uppercase
    }

    .head_title img {
        max-width: 75px
    }

    .nav-head {
        justify-content: flex-start;
        align-items: center
    }

    .nav-head p {
        margin: 0 0 0 10px;
        font-size: 13px
    }

    .input,
    .menu a,
    body {
        font-size: 16px
    }

    .nav-control {
        width: 40px;
        height: 27px;
        flex-direction: column;
        justify-content: space-between;
        cursor: pointer;
        position: relative;
        z-index: 1
    }


    .opros-otzyv {
        width: 100% !important;
    }

    #scroll-to,
    .menu,
    header {
        position: fixed
    }

    .nav-control span {
        width: 100%;
        border-radius: 15px;
        height: 3px;
        background: #000;
        transition: .2s linear
    }

    .nav-control.op span:nth-of-type(2) {
        opacity: 0
    }

    .nav-control.op span:first-child {
        transform: translateY(10px) translateX(0) rotate(45deg)
    }

    .nav-control.op span:nth-child(3) {
        transform: translateY(-14px) rotate(-45deg)
    }

    body {
        margin-top: 55px
    }

    .container {
        width: 100%;
        padding: 0 10px
    }

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

    .flex-a {
        justify-content: space-around;
        align-items: center
    }

    .flex-s {
        justify-content: flex-start;
        align-items: center
    }

    .but {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        height: 42px;
        border-radius: 20px;
        padding: 0 10px
    }

    .menu {
        display: none;
        left: 0
    }

    .bot_foot_menu,
    .head-cont_top,
    .menu,
    .numbs {
        flex-direction: column
    }

    .input {
        width: 100%;
        height: 50px;
        padding-left: 20px;
        margin-bottom: 30px
    }

    .headline,
    .headline_big {
        font-size: 26px
    }

    textarea.input {
        width: 100%;
        resize: none;
        height: 100px;
        padding-top: 10px
    }

    .block {
        padding: 30px 10px
    }

    .pad-top {
        padding-top: 30px
    }

    .pad-bot {
        padding-bottom: 30px
    }

    .headline {
        margin: 0 0 30px
    }

    .head_phone,
    .head_tel,
    .pay_it:nth-child(6) p {
        margin-left: 0
    }

    header {
        padding: 5px 0;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 9;
        box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2)
    }

    .menu {
        width: 100%;
        z-index: 99;
        padding: 15px 0;
        top: 55px;
        border-top: 1px solid;
        max-height: calc(100vh - 55px);
        overflow-y: auto;
    }

    .header-drop {
        padding-right: 0 !important;
    }

    .botom_nav>div:not(:last-child),
    .menu>li {
        margin-right: 0
    }

    .menu a {
        margin-bottom: 10px
    }

    .head-cont {
        position: relative;
        padding: 20px 10px 0
    }

    .head_title h1 {
        margin: 0 0 0 20px;
        font-size: 36px
    }

    .head_phone {
        margin-top: 40px;
        width: 100%;
        transform: unset
    }

    .head_phone p {
        font-size: 20px;
        margin-bottom: 0
    }

    .head_phone a {
        font-weight: 900;
        font-size: 30px
    }

    .head_list {
        padding: 10px 25px;
        width: 100%
    }

    .head_list p {
        font-size: 16px;
        margin: 15px 0
    }

    .head-img {
        position: static;
        top: 0;
        right: 0;
        width: 100%
    }

    .but-row,
    .form {
        position: relative
    }

    .but-row img,
    .form .men,
    .form_second .men,
    .head_tel img {
        display: none
    }

    .head_tel p {
        margin: 30px 0 0
    }

    .head_tel p span,
    .modal h4 {
        font-size: 20px
    }

    #popup h3+p>a,
    .head_tel p a {
        font-size: 30px
    }

    .show-list {
        font-size: 22px;
        margin-left: 10px
    }

    .subhead_row {
        padding: 25px 0;
        font-size: 17px
    }

    .subhead_row>.container {
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .subhead_row-title .but {
        margin: 5px auto 20px
    }

    .subhead_row h2 {
        font-size: 17px;
        margin: 0 0 20px
    }

    .subhead_row-title h3 {
        margin: 20px 0;
        font-size: 16px
    }

    .subhead_row-title img {
        margin-right: 10px;
        display: block
    }

    .compare-name,
    .compare-txt,
    .form_ban .item,
    .form_inner option,
    .news_it-title,
    .range-label span,
    .subhead_row .but {
        font-size: 16px
    }

    .car_bl,
    .dop_bl {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .car_item {
        width: 100%;
        margin-bottom: 45px
    }

    .car_item p {
        margin-bottom: 0
    }

    .car_inner {
        align-items: stretch;
        margin-bottom: 30px;
        flex-direction: column
    }

    .car_inner>div {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .car_title {
        font-size: 20px;
        margin: 0 0 10px
    }

    .car_subtitle {
        font-size: 14px;
        line-height: normal;
        margin-bottom: 10px
    }

    .car_char-inner p,
    .new_text,
    p.car_desc {
        font-size: 14px;
        line-height: normal
    }

    .car_item .but {
        height: 40px;
        margin: 10px auto;
        display: flex
    }

    .car_inner-mod .but {
        margin: 10px auto;
        width: 260px
    }

    .car_inner>img {
        width: 100%;
        margin-left: 0;
        flex-shrink: 0;
        align-self: center
    }

    p.car_desc {
        margin-bottom: 15px
    }

    .car_char {
        border: 5px solid var(--bg);
        border-radius: 20px;
        padding: 10px;
        flex-direction: column;
        align-items: center
    }

    .car_char-inner {
        align-items: center;
        flex-direction: column
    }

    .car_char-inner>div:first-child {
        width: 100%;
        flex-shrink: 0;
        text-align: left;
        max-width: unset;
        order: -3
    }

    .car_char-inner>div:nth-child(3) {
        order: -2;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .car_char-inner>div:nth-child(2) {
        order: -1;
        display: flex;
        flex-direction: column
    }

    .car_char-inner>div:nth-child(2) .but {
        order: -1
    }

    .car_char-inner>div:first-child>img {
        margin: 10px auto 0;
        display: block;
    }
    .car_char-inner img {
        width: 85%;
        max-width: 260px;
        margin-left: auto;
        margin-right: auto;
    }

    .car_char-inner div {
        max-width: unset
    }
    .car_inner .but {
        width: 220px;
    }

    .car_char-inner>div:last-child {
        align-items: flex-start;
        text-align: left;
        width: 100%;
        margin-left: 2%
    }

    .car_char>.but {
        margin-top: 20px
    }

    .item {
        margin-bottom: 23px;
        font-size: 16px
    }

    .item img {
        margin-right: 15px;
        flex-shrink: 0
    }

    .form-container {
        padding: 30px 0
    }

    .form {
        display: flex;
        justify-content: flex-end;
        flex-direction: column
    }

    .form_second .form {
        justify-content: space-between;
        align-items: flex-end
    }

    .faq-top,
    .form_ban {
        flex-direction: column
    }

    .form_second .form_inner,
    .know_list-item {
        margin-bottom: 25px
    }

    .form_inner {
        width: 100%
    }

    .form_inner .headline,
    p.dop_info_it-title {
        margin-bottom: 20px
    }

    .form_inner .subtitle,
    .otzyv_it-title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .form_inner .but {
        font-size: 16px;
        min-width: 50%
    }

    .form_ban {
        display: flex;
        align-items: center;
        width: 100%
    }

    .form_ban a {
        font-size: 20px;
        margin-bottom: 35px
    }

    .numbs-container {
        padding: 30px 0
    }

    .numbs-container .headline {
        margin-bottom: 26px
    }

    #map,
    .numb_it {
        margin-bottom: 30px
    }

    .numb_it span {
        font-size: 42px;
        margin-right: 15px;
        line-height: 100%
    }

    .numb_it p {
        margin: 0;
        font-size: 16px
    }

    .why-container {
        padding: 30px 0 0;
        background: #9bf6ca
    }

    .why_bl {
        justify-content: center;
        flex-wrap: wrap;
        padding-left: 15px;
        padding-right: 15px
    }

    .why_it {
        width: 100%;
        margin: 0 0 30px
    }

    .dop_aten img,
    .why_it img {
        margin-right: 15px
    }

    .about_it span,
    .know_list-item span {
        margin-right: 20px;
        text-align: center
    }

    .why_it p {
        margin-bottom: 0;
        font-size: 15px
    }

    .know-container {
        background: var(--bg);
        padding-top: 30px
    }

    .know-container .headline,
    .kran .headline {
        font-size: 26px;
        margin-bottom: 30px
    }

    .faq_it,
    .know_list {
        width: 100%;
        margin: 0 auto
    }

    .know_list-item span {
        width: 50px
    }

    .dop_info_it p,
    .know_list-item p {
        margin-bottom: 0;
        font-size: 16px
    }

    .know_aten {
        margin: 30px auto 0;
        width: 95%;
        font-size: 16px;
        padding: 20px 0
    }

    .dop_it {
        width: 100%;
        margin-bottom: 35px;
        flex-shrink: 0
    }

    .dop_it p {
        font-size: 15px;
        line-height: normal;
        margin-bottom: 0
    }

    .dop_it p b,
    .modal p,
    .rewiev_row-title {
        font-size: 18px
    }

    .compare td,
    .faq-answer p {
        font-size: 14px
    }

    .dop_it img {
        float: right;
        margin-top: 5px;
        margin-left: 5px;
        width: 55%
    }

    .dop_aten {
        width: 100%;
        font-size: 16px
    }

    .about_it {
        width: 100%;
        margin: 0 auto 20px;
        align-items: flex-start
    }

    .about_it span {
        width: 70px;
        flex-shrink: 0
    }

    .about_it span img {
        min-width: 50px
    }

    .faq-top {
        font-size: 16px
    }

    .compare_bl,
    .otzyv_bl {
        flex-direction: column
    }

    .faq-top img {
        margin-left: 0;
        margin-top: 10px;
        margin-right: 0
    }

    .faq_it+.but {
        margin: 20px auto;
        width: 260px;
        display: flex
    }

    .compare_bl {
        margin-bottom: 0
    }

    #popup .opros.opros-ne-dozv,
    .calculator-footer .calculator-footer_map,
    .calculator-footer>div,
    .calculator-row>div,
    .compare,
    .contact-main .but,
    .contact-main_text-mod,
    .kran_media img,
    .otzyv_it>img,
    .podskazka img,
    .range-cont {
        width: 100%
    }

    .compare-col {
        width: 100%;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px
    }

    .compare .compare_title {
        font-size: 16px;
        padding-bottom: 10px
    }

    .compare_img img {
        max-width: 90%;
        margin-bottom: 10px
    }

    .compare td {
        width: 50%;
        padding: 5px
    }

    #online {
        padding: 30px 0 0;
        font-size: 20px;
        border-radius: 20px
    }

    #online .headline {
        font-size: 26px;
        margin-bottom: 40px
    }

    .calculator-bl {
        width: 100%;
        margin: 30px auto;
        padding: 10px
    }

    .calculator-row {
        margin-bottom: 20px;
        align-items: flex-start;
        flex-wrap: wrap
    }

    .calculator-fields,
    .dop_info_bl,
    .pay_bl,
    .photo,
    .video {
        flex-wrap: wrap
    }

    .calculator-title {
        font-size: 18px;
        margin-bottom: 20px
    }

    .radio-but+label {
        font-size: 16px;
        margin-bottom: 25px;
        padding-left: 40px;
        width: 100%
    }

    .podskazka {
        right: 0;
        top: -40px;
        width: 150px;
        display: none
    }

    .range {
        -webkit-appearance: none;
        width: 100% !important
    }

    .range-label {
        width: 100%;
        display: block;
        margin: 40px 0 60px
    }

    .all_new,
    .but_otz,
    .otzyv_but_bl,
    .pay_it-mod p {
        margin-top: 20px
    }

    .range-label span:first-of-type {
        position: absolute;
        top: -30px;
        left: 0
    }

    .range-label span:nth-of-type(2) {
        position: absolute;
        top: -30px;
        right: 0
    }

    .calculator-footer textarea {
        height: 150px
    }

    #map {
        width: 100%;
        height: 250px
    }

    .but-row {
        padding-bottom: 10px
    }

    .but-row .but {
        margin: 0 auto
    }

    .botom_nav .sectitle,
    footer a {
        margin-bottom: 15px
    }

    .pay_it {
        margin-bottom: 70px;
        width: 48%;
        text-align: center
    }

    .pay_it img {
        max-width: 80%
    }

    .pay_it-mod {
        align-items: flex-end;
        flex-direction: column
    }

    .pay_it-mod p {
        font-size: 16px;
        margin-bottom: 0;
        width: 100%
    }

    .dop_info_it {
        width: 100%;
        border-radius: 20px;
        padding: 15px
    }

    .otzyv-slider {
        padding-left: 45px;
        padding-right: 45px
    }

    .otzyv-btn-next,
    .otzyv-btn-prev {
        padding-left: 0;
        padding-right: 0
    }

    .otzyv_bl {
        align-items: center
    }

    .otzyv_it {
        width: 100%;
        max-width: 600px;
        margin-bottom: 30px
    }

    .otzyv_it-title span {
        display: block;
        font-weight: 400;
        font-size: 14px
    }

    .but-block p,
    .but-block span,
    .discond_ban-title,
    .new_title,
    .rewiev-info p span,
    .sectitle,
    footer a {
        font-weight: 700
    }

    .otzyv_it-res {
        margin-bottom: 25px;
        font-size: 16px
    }

    .otzyv_it-res img {
        margin-left: 10px;
        margin-bottom: 3px;
        width: 20px
    }

    .otzyv_but_bl {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }

    .but_otz {
        height: 55px;
        width: 100%
    }

    .photo {
        justify-content: space-around
    }

    .botom_nav>div,
    .photo>img {
        margin-bottom: 30px;
        width: 100%
    }

    .video iframe {
        border: none;
        width: 100%;
        height: 240px;
        margin-bottom: 30px
    }

    .new {
        width: calc(100% - 20px);
    }
    .new__name {
        font-size: 16px;
    }
    .new__text {
        font-size: 12px;
    }

    .news_it {
        width: 100%;
        max-width: 500px;
        padding: 20px;
        font-size: 14px;
        margin-bottom: 25px
    }

    .all_new {
        font-size: 18px
    }

    .discond_ban,
    footer {
        padding: 30px 0
    }

    .new_title {
        margin: 10px 0 20px;
        font-size: 16px
    }

    .discond_ban {
        background: url(/h-assets/img/bg1.webp) left/cover
    }

    .discond_ban-title {
        font-size: 24px;
        margin-bottom: 0
    }

    .discond_ban span {
        margin-top: 20px;
        height: 40px;
        font-size: 16px;
        width: 270px
    }

    #contact {
        border-top: 4px solid var(--bg);
        border-bottom: 4px solid var(--bg)
    }

    .contact-main {
        align-items: stretch;
        flex-direction: column
    }

    .contact-main h4 {
        margin: 0 0 10px;
        font-size: 18px
    }

    .botom_nav a,
    .city_links a,
    .kran_desc,
    .sectitle,
    footer {
        font-size: 16px
    }

    .contact-main_text div {
        margin-bottom: 20px;
        font-size: 16px
    }

    .contact-main_text-mod>div {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 20px
    }

    .contact-main_text-mod>div h4 {
        width: 40%
    }

    .contact-main_map {
        width: 100%;
        height: 260px;
        margin-bottom: 30px;
        margin-left: 0
    }

    .city_links a {
        margin-bottom: 20px;
        width: 48%
    }

    .botom_nav {
        align-items: flex-start;
        margin-top: 30px;
        flex-wrap: wrap
    }

    .botom_nav a {
        display: block
    }

    .kran {
        padding: 40px 10px
    }

    .kran_bl {
        align-items: flex-start;
        flex-direction: column
    }

    .kran_media {
        width: 100%;
        flex-shrink: 0;
        margin-left: 0
    }

    .kran_media iframe {
        border: none;
        width: 100%;
        height: 250px;
        margin-top: 30px
    }

    .kran_desc {
        line-height: normal;
        margin-bottom: 25px
    }

    .kran_content .subtitle {
        font-size: 20px;
        font-weight: 700
    }

    .kran_content table {
        width: 100%;
        font-size: 14px
    }

    .kran .but {
        height: auto;
        margin: 25px auto 0;
        display: flex
    }

    #scroll-to,
    .img,
    .manager img,
    .modal .but {
        display: block
    }

    .contact_info {
        margin-top: 30px;
        align-items: flex-start;
        flex-direction: column
    }

    .contact_form {
        width: 100%;
        margin-bottom: 30px
    }

    .contact_form .input {
        height: 55px;
        font-size: 16px
    }

    .contact_manager {
        width: 100%;
        flex-wrap: wrap
    }

    .manager {
        width: 48%;
        padding: 10px;
        font-size: 16px;
        margin-bottom: 25px
    }

    .manager img {
        margin: 0 auto 20px;
        width: 100%
    }

    .rewiev-bl {
        flex-wrap: wrap;
        justify-content: center
    }

    .rewiev-it {
        width: 95%;
        margin-top: 30px
    }

    .rewiev-info p {
        width: 47%;
        display: flex;
        justify-content: space-between;
        margin-right: 3%;
        flex-wrap: wrap
    }

    .modal .modal-dialog {
        width: 95%;
        margin: 70px auto 0
    }

    .city .modal-dialog {
        width: 95%
    }

    .city li {
        width: 49%
    }

    .modal input {
        width: 250px;
        margin: 10px auto 20px
    }

    .modal .but {
        width: 250px;
        height: 50px;
        margin: 0 auto 20px
    }

    #ext .text-center>p {
        margin-top: 25px
    }

    .modal-dialog .close {
        opacity: 1;
        position: absolute;
        top: 10px;
        right: 10px
    }

    #popup .modal-dialog {
        width: 95%;
        margin-top: 60px
    }

    #popup .opros,
    #popup .opros_red {
        margin: 0 0 15px;
        width: 100%
    }

    #popup .modal-body {
        padding: 40px 10px 10px;
        background: url(../img/modal-bg.jpg) center/cover
    }

    #popup .opros_red {
        font-size: 18px;
        display: block !important;
        height: 50px
    }

    #show-txt {
        cursor: pointer;
        color: #ff7600
    }

    .float-right {
        float: right;
        margin: 0 0 10px 15px
    }

    .float-left {
        float: left;
        margin: 0 15px 10px 0
    }

    .img {
        width: 80%;
        margin: 0 auto 20px
    }

    #scroll-to span {
        width: 55px;
        height: 54px;
        font-size: 45px;
        padding: 0 0 0 10px;
        border: 3px solid #ffd600;
        border-radius: 100%;
        color: rgba(246, 0, 20, .68)
    }

    #scroll-to {
        cursor: pointer;
        bottom: 90px;
        right: 10px;
        z-index: 999
    }

    #scroll-to:hover span {
        background: #ffe76b;
        color: rgba(246, 0, 20, .98)
    }

    .but-block {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 48%
    }

    .but-block p {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        font-size: 22px
    }

    .but-block>div {
        width: 60%
    }

    .but-block .but {
        width: 320px;
        margin-bottom: 20px
    }

    .but-block .but+p {
        width: 100%;
        text-align: center;
        font-weight: 400
    }

    .but-block span {
        color: red;
        font-size: 30px
    }

    .extr {
        right: 20px;
        padding: 10px
    }

    .extr>img {
        bottom: 100%;
        left: 10px;
        width: 180px
    }

    .extr .but {
        width: 200px;
        height: 40px
    }

    .extr-close {
        top: -30px
    }

    .extr p {
        font-size: 18px
    }

    .error {
        text-align: center;
        background: url(../img/not-found.jpg) top/contain no-repeat #fdd303
    }


    .h-contact__managers {
        flex-direction: column;
        align-items: center
    }
    .h-contact__map {
        height: 250px;
    }
    .h-contact__managers .manager {
        width: 100%;
        max-width: 350px;
    }

    .work-range {
        padding: 20px;
    }
    .work-range__list li {
        width: calc(100% - 20px);
        margin-bottom: 15px;
    }
    .work-range__list li a {
        font-size: 15px;
    }
    .work-range__btn {
        padding: 10px 20px;
    }

    .about-num__items {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .xlam__descr {
        font-size: 13px;
    }
}


.menu {
    flex-grow: 1;
    justify-content: space-between;
}

.lg-text {
    font-size: 20px;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.eot');
    src: url('../fonts/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff'),
        url('../fonts/Montserrat-Medium.ttf') format('truetype'),
        url('../fonts/Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.headline-descr {
    font-size: 20px;
    text-align: center;
    margin-bottom: 80px;
    font-weight: 500;
}

.top-alert {
    background-color: #000;
    color: #fff;
    padding: 65px 0
}
.top-alert__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.top-alert__img {
    display: none;
}
.top-alert__right {
    width: 170px;
}
.top-alert__title {
    width: calc(100% - 180px);
    font-size: 30px;
    font-weight: 600;
    margin: 0;
}
.top-alert__title span {
    color: #F7C249;
    text-transform: uppercase;
    font-size: 48px;
    display: block;
    font-weight: 700;
}
.top-alert__nums {
    display: flex;
    margin-bottom: 6px;
}
.top-alert__num:not(:last-child) {
    margin-right: 5px;
}
.top-alert__descr span {
    color: #FFAE2D;
}
.top-alert__descr {
    font-size: 20px;
}
.top-alert__num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 43px;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    border-radius: 5px;
    background: #F7C249;
}

.black-btn {
    display: block;
    width: 100%;
    max-width: 465px;
    text-align: center;
    font-size: 20px;
    padding: 12px 0;
    color: #fff;
    background-color: #313131;
    border: 1px solid #313131;
    border: none;
    outline: none;
}
.black-btn:focus, .black-btn:hover {
    color: #fff;
    background-color: #313131;
}
.empty-btn {
    display: block;
    width: 100%;
    max-width: 465px;
    text-align: center;
    font-size: 20px;
    padding: 12px 0;
    color: #313131;
    background-color: #fff;
    border: 1px solid #313131;
    outline: none;
}
.empty-btn:focus, .empty-btn:hover {
    background-color: #fff;
}

.yellow-bg {
    background-image: url('/img/yellow-bg.svg');
}

.page-pagination {
    background-color: #fff;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    margin-bottom: 30px;
}
.page-pagination span {
    display: inline-block;
    margin-left: 8px;
    margin-right: 8px;
}
.page-pagination * {
    margin-bottom: 0;
}

.yellow-btn {
    display: block;
    font-weight: 500;
    font-size: 20px;
    padding: 16px;
    background-color: #FFAE2D;
    border: none;
    outline: none;
    text-align: center;
}
.yellow-btn:hover {
    background-color: #F49600;
}

.services__bottom a {
    text-decoration: underline;
}
.services__bottom {
    margin-top: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
}
.services__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -60px;
}
.services__item {
    width: calc(100% / 12 * 4);
    box-sizing: border-box;
    border-top: 1px solid #FFAE2D;
    border-bottom: 1px solid #FFAE2D;
    border-left: 1px solid #FFAE2D;
    padding: 25px;
    display: flex;
    flex-direction: column;
    margin-bottom: 60px;
}
.services__item:nth-child(3n) {
    border-right: 1px solid #FFAE2D;
}
.services__name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
}
.services__info {
    font-size: 14px;
    margin-bottom: 13px;
}
.services__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}
.services__descr {
    color: #717171;
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 500;
}
.services__cost {
    font-size: 18px;
    font-weight: 600;
}
.services__img2 {
    margin-top: 30px;
    margin-bottom: 10px;
}
.services__nds {
    font-size: 13px;
    font-weight: 500;
}
.services__subtitle {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
}
.services__chars li span b {
    font-weight: 600;
}
.services__chars li span {
    display: block;
    font-size: 14px;
}
.services__chars li span:first-child {
    width: calc(100% - 130px);
    color: #616161;
}
.services__chars li span:last-child {
    width: 120px;
}
.services__chars {
    margin-bottom: 25px;
}
.services__chars li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 5px;
}
.services__img {
    min-height: 245px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.services__btn {
    margin-bottom: auto;
}
.services__btn, .services__btn2 {
    width: 100%;
}

.rule__content {
    display: flex;  
    justify-content: space-between;
    padding: 40px 0;
}
.rule__bg {
    background-color: #F8F8F8;
}
.rule__imgs {
    width: 438px;
}
.rule__imgs .rule__img:not(:last-child) {
    margin-bottom: 40px;
}
.rule__text {
    font-size: 14px;
    margin-bottom: 40px;
}
.rule__btn {
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 40px;
}
.rule__main img {
    display: block;
}
.rule__imgs .rule__img img {
    display: block;
    width: 100%;
}
.rule__main {
    width: calc(100% - 500px);
}

.year-num {
    background-color: #FFAE2D;
}
.year-num__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.year-num__item {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.year-num__item span {
    display: inline-block;
    margin-right: 18px;
    color: #fff;
    font-size: 58px;
    font-weight: 700;
}

.perevozka__content {
    display: flex;
    justify-content: space-between;
}
.perevozka__subtitle {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}
.perevozka__descr {
    font-size: 14px;
    margin-bottom: 35px;
}
.perevozka__btn {
    width: 100%;
    font-size: 20px;
}
.perevozka__text {
    width: calc(55% - 30px);
}
.perevozka__imgs {
    width: 45%;
}
.perevozka__imgs img {
    display: block;
}
.perevozka__imgs img:not(:last-child) {
    margin-bottom: 15px;
}

.price__table {
    margin-bottom: 30px;
}
.price__table table {
    display: block;
    width: 100%;
    border: 1px solid #FFAE2D;
    background: #FFF;
    box-sizing: border-box;
}
.price__table table thead, .price__table table tbody {
    display: block;
}
.price__table table tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 35px;
}
.price__table table thead {
    background-color: #F7C249;
}
.price__table table th {
    font-size: 20px;
}
.price__table table th, .price__table table td {
    display: block;
    text-align: center;
    width: 12.4%;
    font-weight: 400;
}
.price__table table th:first-child, .price__table table td:first-child {
    text-align: left;
}
.price__table table td:not(:first-child) {
    color: #fff;
    padding: 15px 0;
    background-color: #313131;
}
.price__descr {
    max-width: 880px;
    font-weight: 500;
}

.type__title {
    text-align: left;
}
.type__text.text-center .type__title {
    text-align: center;
}
.type__text.text-center .black-btn {
    margin-left: auto;
    margin-right: auto;
}
.type__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.type__text {
    width: calc(50% - 15px);
}
.type__icon {
    display: block;
    margin-bottom: 20px;
}
.type__items {
    width: calc(50% - 15px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: -50px;
}
.type__item {
    width: calc(100% / 12 * 4 - 5px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
    font-weight: 500;
}
.type__descr {
    margin-bottom: 50px;
    font-weight: 500;
}

.free {
    background-color: #2A2A2A;
    color: #fff;
}
.free__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.free__img {
    width: calc(50% - 15px);
}
.free__text {
    width: calc(50% - 15px);
}
.free__title {
    font-size: 36px;
    color: #F6CA33;
    text-align: center;
    font-weight: 600;
    margin-bottom: 22px;
}
.free__descr {
    font-weight: 600;
}
.free__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.free__item img {
    display: block;
    margin-right: 12px;
    margin-bottom: 20px;
}
.free__item {
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
}
.free__form {
    display: flex;
    justify-content: space-between;
}
.free__form > * {
    width: calc(50% - 5px);
}
.free__inp {
    padding: 6px 8px;
    box-sizing: border-box;
    font-weight: 600;
    border: none;
    outline: none;
    background-color: #fff;
    color: #000;
}
.free__submit {
    display: inline-block;
    padding: 8px 0;
    font-weight: 600;
    text-align: center;
    background-color: #F6CA33;
    cursor: pointer;
    color: #000;
}

.dignity__name {
    font-size: 40px;
    font-weight: 700;
    color: #FFAE2D;
    display: block;
    margin-bottom: 14px;
}
.dignity__item {
    padding: 29px 20px;
    border: 1px solid #FFAE2D;
    background-color: #fff;
    margin-bottom: 12px;
}
.dignity__descr {
    list-style-position: inside;
}


.imp__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: -20px;
}
.imp__item {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: border-box;
    border: 1px solid #FFAE2D;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}
.imp__img {
    display: block;
    width: 144px;
    height: 144px;
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
    flex-shrink: 0;
    margin-right: 15px;
}
.imp__text {
    width: calc(100% - 144px - 15px);
}
.imp__name {
    font-weight: 600;
    color: #FFAE2D;
    display: block;
    margin-bottom: 11px;
}
.imp__descr {
    font-size: 14px;
}


.step__items:nth-child(2n + 1) {
    background-color: #F8F8F8;
}
.step__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 35px 0;
}
.step__num {
    font-size: 40px;
    font-weight: 700;
    color: #FFAE2D;
}
.step__name {
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
.step__descr {
    font-size: 14px;
}
.step__img {
    width: 482px;
    min-height: 341px;;
}
.step__text {
    width: calc(100% - 500px);
}
.step__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.step__item {
    margin-bottom: 35px;
}
.step__bottom {
    text-align: center;
    max-width: 830px;
    padding-top: 60px;
    margin-left: auto;
    margin-right: auto;
}


.diff__title {
    margin-bottom: 156px;
}
.diff__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.diff__item {
    width: calc(50% - 30px);
    margin-left: 15px;
    margin-right: 15px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 100px;
}
.diff__man {
    display: block;
    position: absolute;
    right: 90%;
    transform: translateX(50%);
    bottom: -160px;
}
.diff__in {
    padding: 90px 40px 40px 50px;
    background-color: #fff;
    height: 100%;
    box-sizing: border-box;
}
.diff__num {
    position: absolute;
    left: 50px;
    top: 0;
    transform: translateY(-50%);
    width: 130px;
    height: 112px;
    color: #FFAE2D;
    font-weight: 700;
    font-size: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.diff__num::after {
    content: '';
    position: absolute;    
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-image: url('../img/diff-step.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index: -1;
}
.diff .form_inner {
    width: 100%;
    max-width: 527px;
    margin-left: auto;
    margin-right: auto;
}
.diff .form_inner .headline {
    margin-bottom: 10px;
}
.diff .form_inner .input {
    margin-bottom: 25px;
    background-color: #fff;
}
.diff .form_inner .subtitle {
    font-size: 18px;
    max-width: 447px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}
.diff__name {
    font-weight: 600;
    margin-bottom: 12px;
}
.diff__descr {
    font-weight: 500;
}
.diff__item:nth-child(5) .diff__descr {
    padding-right: 80px;
}

.header__logo img {
    display: block;
}
.header__logo {
    display: block;
    margin-right: 12px;
}

.review__slider {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
.review-btn-prev img, .review-btn-next img {
    display: block;
}
.review-btn-prev {
    left: 0;
}
.review-btn-next {
    right: 0;
}
.review-btn-prev, .review-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    outline: none;
    border: none
}
.review__item {
    margin-bottom: 20px;
    box-sizing: border-box;
    padding: 30px;
    border: 1px solid #FFAE2D;
    background: #FFF;
}
.review__info {
    margin-bottom: 45px;
    display: flex;
    align-items: center;
}
.review__avatar {
    display: block;
    width: 120px;
    height: 120px;
    flex-shrink: 0;
}
.review__name {
    font-weight: 600;
    display: block;
    margin-bottom: 12px;
}
.review__stars img {
    display: block;
    margin-right: 15px;
}
.review__stars {
    display: flex;
}
.review__btns {
    display: flex;
    justify-content: space-between;
}
.review__btn {
    width: calc(50% - 10px);
    max-width: unset;
}

.offer__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}
.offer__item {
    width: calc(100% / 12 * 4 - 24px);
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    box-sizing: border-box;
    padding: 30px 25px;
    border: 1px solid #FFAE2D;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}
.offer__name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 25px;
    margin-top: auto;
}
.offer__btn {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 700;
}
.offer__item img {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.news__img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}
.news__slider {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
.news-btn-prev img, .news-btn-next img {
    display: block;
}
.news-btn-prev {
    left: 0;
}
.news-btn-next {
    right: 0;
}
.news-btn-prev, .news-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    outline: none;
    border: none
}
.news__item {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #FFAE2D;
    background-color: #fff;
    padding: 25px;
    margin-bottom: 20px;
}
.news__dt {
    display: block;
    margin-bottom: 45px;
}
.news__name {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px;
}
.news__descr {
    font-size: 14px;
    font-weight: 500;
}
.news__btn {
    margin-left: auto;
    margin-right: auto;
}


.footer-logo {
    font-weight: 700;
    font-size: 64px;
    display: block;
    margin-bottom: 14px;
    line-height: 1;
    margin-top: -28px;
}
.sectitle {
    font-size: 18px;
    margin-bottom: 20px;
}

.photo__slider {
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
}
.photo-btn-prev img, .photo-btn-next img {
    display: block;
}
.photo-btn-prev {
    left: 0;
}
.photo-btn-next {
    right: 0;
}
.photo-btn-prev, .photo-btn-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: block;
    width: 24px;
    height: 24px;
    padding: 0;
    background: none;
    outline: none;
    border: none
}
.photo .photo__slide {
    height: 345px;
}
.photo__slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.modal-page-navigation ul {
    list-style: none;
}
.modal-page-navigation ul ul {
    padding-left: 20px;
}
.modal-page-navigation > ul > li:not(:last-child) {
    margin-bottom: 10px;
}
.modal-page-navigation > ul > li > ul > li {
    margin-top: 5px;
}

.in-cost__title {
    text-align: left;
}
.in-cost__form {
    width: 45%;
}
.in-cost__text {
    width: 45%;
}
.in-cost .form_inner .subtitle {
    font-size: 18px;;
}
.in-cost__content {
    display: flex;
    justify-content: space-between;
    padding: 50px 40px;
    padding-bottom: 75px;
    border: 1px solid #FFAE2D;
    position: relative;
}
.in-cost__man {
    position: absolute;
    display: block;
    bottom: 0;
    left: 45%;
    max-width: 250px;
}

.more__descr {
    text-align: center;
    margin-bottom: 40px;
}


.prokol__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.prokol__text {
    width: calc(50% - 15px);
}
.prokol__img {
    width: calc(50% - 15px);
    height: 540px;
}
.prokol__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.prokol .headline {
    text-align: left;
}

.za-metr__content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.za-metr__table {
    width: calc(50% - 15px);
}
.za-metr__text {
    width: calc(50% - 15px);
}
.za-metr__descr {
    font-size: 16px;
    color: #666666;
    margin-top: 20px;
    margin-bottom: 0;
}
.za-metr__table {
    border: 1px solid #FFAE2D;
    background: #FFF;
}
.za-metr__table table {
    display: block;
    width: 100%;
}
.za-metr__table table thead {
    background-color: #F7C249;
}
.za-metr__table table thead, .za-metr__table table tbody {
    display: block;
}
.za-metr__table table tr:nth-child(2n) {
    background-color: rgba(247, 194, 73, .2);
}
.za-metr__table table tr {
    display: flex;
}
.za-metr__table table th {
    padding: 40px 0;
}
.za-metr__table table td {
    padding: 18px 0;
}
.za-metr__table table td, .za-metr__table table th {
    display: block;
    text-align: center;
    width: 50%;
}

.za-metr__table table td:not(:last-child), .za-metr__table table th:not(:last-child) {
    border-right: 1px solid #D3D3D3;
}

.scroll-up.active {
    opacity: 1;
    pointer-events: auto;
}
.scroll-up {
    position: fixed;
    z-index: 1000;
    right: 80px;
    bottom: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
    opacity: 0;
    pointer-events: none;
}

.botom_nav {
    justify-content: space-between;
}
.botom_nav > div {
    width: calc(25% - 10px);
}
.botom_nav > div:not(:last-child) {
    margin-right: 0;
}

.error-custom__content {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.error-custom__top {
    font-size: 30px;
}
.error-custom__code {
    font-size: 100px;
    font-weight: 700;
}
.error-custom__code span {
    font-size: 150px;
}
.error-custom__txt {
    font-size: 20px;
    margin-bottom: 20px;
}
.error-custom__descr {
    font-size: 15px;
}


.order__map {
    width: 100%;
    width: 500px;
    margin-bottom: 30px;
    margin-right: 20px;
}
.order__address {
    width: 100%;
    max-width: 500px;
    margin-bottom: 20px;
}
.order__address_inp {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 24px;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    margin-bottom: 30px;
}
.order__center {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}
.order__type {
    margin-right: 20px;
}

.order__content {
    padding: 65px 50px;
    border-radius: 10px;
    border: 1px solid #BDBDBD;
    background: #FFF;
}
.order__top {
    display: flex;
    justify-content: space-between;
}

.order__comment {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 24px;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    max-width: 100%;
    height: 170px;
}

.order__subtitle {
    font-size: 24px;
    display: block;
    margin-bottom: 24px;
}
.order__type_item::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    border-radius: 50px;
    width: calc(31px - 8px);
    height: calc(31px - 8px);
    background-color: #FFAE2D;
    display: none;
}
.order__type_item:has(input:checked)::before {
    display: block;
}
.order__type_item::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 31px;
    height: 31px;
    border-radius: 50px;
    box-sizing: border-box;
    border: 1px solid #FFAE2D
}
.order__type_item:not(:last-child) {
    margin-right: 50px;
}
.order__type_item {
    display: flex;
    align-items: center;
    padding-left: 40px;
    position: relative;
    margin-bottom: 0;
    font-weight: 500;
    cursor: pointer;
}
.order__sel {
    display: inline-block;
    width: 300px;
    box-sizing: border-box;
    padding: 20px 24px;
    border-radius: 15px;
    border: 1px solid #C5C5C5;
    background: url(/h-assets/img/icon/trig.png) calc(100% - 20px) 50% no-repeat;
}
.order__type_items {
    display: flex;
    align-items: center;
}

.order__size {
    margin-bottom: 50px;
    width: 100%;
}
.order__size_item img {
    display: block;
    margin-bottom: 25px;
}
.order__size_item:has(input:checked) {
    background: #D3FDC0;
}
.order__size_item {
    width: calc(100% / 12 * 4 - 12px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    border-radius: 10px;
    padding: 16px;
    box-sizing: border-box;
    cursor: pointer;
}
.order__size_items {
    display: flex;
    justify-content: space-between;
}

.dop-2__items {
    display: flex;
    justify-content: space-between;
}
.dop-2__item {
    width: calc(50% - 15px);
    box-sizing: border-box;
    border: 1px solid #FFAE2D;
    background: #FFF;
}
.dop-2__name {
    padding: 32px 65px;
    display: block;
    box-sizing: border-box;
    font-size: 24px;
    font-weight: 500;
    background-color: #FFAE2D;
}
.dop-2__list {
    padding: 26px 65px;
    display: block;
    list-style-position: inside;
}

select {
	/* for Firefox */
	-moz-appearance: none;
	/* for Chrome */
	-webkit-appearance: none;
}


.in-price {
    padding: 40px 0;
}
.in-price__table table,
.in-price__table table thead,
.in-price__table table tbody {
    display: block;
}
.in-price__table {
    max-width: 100%;
    overflow-x: auto;
}
.in-price__table table {
    padding: 20px;
    min-width: 850px;
}
.in-price__table table tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.in-price__table table thead {
    border-bottom: 1px solid rgba(0, 0, 0, 0.37);
}
.in-price__table table tr {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.in-price__table table tr td {
    font-weight: 400;
}
.in-price__table table tr th {
    font-weight: 500;
}
.in-price__descr {
    margin-top: 20px;
    font-size: 14px;
}

.in-price__table table tr td,
.in-price__table table tr th {
    display: block;
    width: calc(25% - 5px);
    text-align: center;
    padding: 20px 0;
}
.in-price__content:not(:last-child) {
    margin-bottom: 80px;
}
.in-price__table {
    background-color: #F9F9F9;
}
.in-price__title {
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 40px;
}


@media screen and (max-width: 1150px) {
    .logo {
        font-size: 24px;
    }

    .how__item {
        width: calc(50% - 18px);
    }
    .services__items {
        justify-content: center;
    }
    .services__item {
        width: 100%;
        max-width: 600px;
        border-right: 1px solid #FFAE2D;
    }

    .price__table {
        max-width: 100%;
        overflow-x: auto;
    }
    .price__table table {
        display: block;
        min-width: 950px;
    }

    .year-num__item:not(:last-child) {
        margin-bottom: 25px;
    }
    .year-num__items {
        flex-direction: column;
        align-items: center;
    }
    .year-num__item {
        font-size: 14px;
    }
    .year-num__item span {
        font-size: 38px;
        flex-shrink: 0;
    }
}

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

    .order__content {
        padding: 30px 20px;
    }
    .order__okrug {
        margin-top: 25px;
        margin-bottom: 25px;
    }
    
    .order__top {
        flex-direction: column;
    }
    
    .scroll-up {
        right: 10px;
        bottom: 75px;
    }
    
    .advs__items {
        flex-wrap: wrap;
        margin-bottom: -30px;
    }
    .advs__item {
        width: calc(50% - 30px);
        margin-bottom: 30px;
    }
    .advs__item:not(:last-child)::after {
        display: none;
    }

    .type__content {
        flex-direction: column;
    }
    .type__text {
        margin-bottom: 30px;
    }
    .type__text, .type__items {
        width: 100%;
    }

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

    .step__row {
        flex-direction: column;
    }
    .step__text, .step__img {
        width: 100%;
    }
    .step__img {
        height: 280px;
    }
    .step__img {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        order: -1;
        margin-bottom: 25px;
        min-height: unset;
    }
    .free__content {
        flex-direction: column;
        align-items: center;
    }
    .free__img {
        text-align: center;
    }
    .free__img, .free__text {
        width: 100%;
    }

    .diff__item {
        width: calc(100% - 30px);
    }
    .diff__man {
        bottom: -130px;
    }

    .news__items {
        flex-wrap: wrap;
    }


    .in-hero__content {
        flex-direction: column;
    }
    .in-hero__text {
        width: 100%;
    }
    .in-hero__imgs {
        width: 100%;
        margin-top: 20px;
    }

    .review__item {
        padding: 12px;
    }
    .review__avatar {
        width: 80px;
        height: 80px;
    }
    .review__stars img {
        margin-right: 8px;
    }

    .in-cost__text, .in-cost__form {
        width: 100%;
    }
    .in-cost__content {
        flex-direction: column;
        align-items: center;
        position: relative;
        z-index: 2;
        padding: 15px 10px;
    }
    .in-cost__man {
        z-index: -1;
    }

    .complex__item {
        font-size: 16px !important;
    }
    .complex__item span {
        width: 50px;
    }
    .complex__img {
        margin-bottom: 30px;
    }
    .complex__img, .complex__text {
        width: 100%;
    }
    .complex__content {
        flex-direction: column;
    }

    .za-metr__table {
        width: 100%;
        margin-bottom: 25px;
    }
    .za-metr__text {
        width: 100%;
    }
    .za-metr__content {
        flex-direction: column;
    }

    .rule__content {
        flex-direction: column;
    }
    .rule__imgs, .rule__main {
        width: 100%;
    }
    .rule__imgs {
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 30px;
    }

    .dop-2__items {
        flex-direction: column;
    }
    .dop-2__item {
        width: 100%;
    }
    .dop-2__name {
        padding: 20px 30px;
        font-size: 20px;
    }
    .dop-2__list {
        padding: 20px 30px;
    }
    
    .perevozka__content {
        flex-direction: column;
    }
    .perevozka__imgs img {
        margin-left: auto;
        margin-right: auto;
    }
    .perevozka__imgs {
        margin-top: 25px;
    }
    .perevozka__imgs, .perevozka__text {
        width: 100%;
    }

    .botom_nav > div {
        width: calc(50% - 10px);
    }

    .offer__item {
        width: calc(50% - 24px);
    }


    .hero-adv__item {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .hero-adv__item:not(:last-child) {
        margin-bottom: 30px;
    }
    .hero-adv__item img {
        width: 40px;
    }
    .hero-adv__item:not(:last-child)::after {
        display: none;
    }
    .hero-adv__cat {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .hero-adv__name {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .hero-adv__descr {
        font-size: 14px;
        margin-bottom: 0;
    }
    
    .hero-adv__items {
        flex-direction: column;
    }


    .hero-good__items {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }
    .hero-good__item {
        width: calc(50% - 20px);
        margin-bottom: 20px;
    }


    .with-container__items {
        flex-wrap: wrap;
        margin-bottom: -20px;
    }
    .with-container__item {
        width: calc(100% - 20px);
        margin-bottom: 20px;
    }


    .how__item:not(:last-child) {
        border-bottom: 1px solid #C5C5C5;
    }
    .how__item:not(:last-child)::after {
        display: none;
    }
    .how__item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .how__items {
        flex-direction: column;
    }

    .about__content {
        padding: 38px;
    }
}

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

    .in-price__title {
        font-size: 24px;
    }
    
    .in-price__table table {
        min-width: 700px;
    }
    .in-price {
        font-size: 14px;
    }
    
    .text-row-2__bottom {
        font-size: 15px;
    }
    .text-row-2__txt {
        font-size: 13px;
    }
    .text-row-2__content {
        gap: 15px
    }
    
    .otxod__item {
        width: calc(100% - 20px);
        font-size: 18px;
    }

    .footer__col:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer__cols {
        flex-direction: column;
        align-items: center;
    }
    
    .use__item {
        width: calc(100% - 20px);
    }
    
    .way__item {
        width: calc(100% - 20px);
    }
    
    .order__type_item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .order__type_items {
        align-items: flex-start;
        flex-direction: column;
    }
    
    .order__size_item {
        width: 100%;
        font-size: 14px;
        margin-bottom: 20px;
    }
    .order__size_items {
        flex-direction: column;
    }
    
    .order__subtitle {
        font-size: 18px;
    }
    
    .top-alert__content {
        flex-direction: column;
        align-items: flex-start;
        position: relative;
        z-index: 3;
    }
    .top-alert__img {
        display: block;
        position: absolute;
        right: 0px;
        bottom: -30px;
        z-index: -1;
    }
    .top-alert__title span {
        font-size: 28px;
    }
    .top-alert__title {
        width: 100%;
        text-align: left;
        margin-bottom: 25px;
        font-size: 18px;
    }


    .how__item {
        width: calc(100% - 18px);
    }

    .news__item {
        padding: 15px;
    }
    .news__dt {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .news__name {
        font-size: 20px;
    }


    .review__btns {
        flex-direction: column;
    }
    .review__slider {
        padding-left: 0;
        padding-right: 0;
    }
    .review-btn-prev {
        left: -5px;
    }
    .review-btn-next {
        right: -5px;
    }
    .review__btn {
        width: 100%;
    }
    .review__btn:first-child {
        margin-bottom: 15px;
    }
    .review__stars img {
        width: 20px;
        margin-right: 6px;
    }
    .review__text {
        font-size: 14px;
    }

    .logo {
        display: none;
    }

    .services__item {
        flex-direction: column;
        padding-top: 60px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .services__img {
        position: unset;
    }
    .services__icon {
        left: 35px;
        max-width: 90px;
    }

    .price__table table tr {
        padding: 10px 15px;
    }

    .advs__item {
        width: 100%;
    }
    .type__item {
        width: calc(50% - 5px);
    }

    .how__text {
        align-items: flex-start;
    }
    .how__name {
        font-size: 18px;
    }
    .how__num {
        font-size: 30px;
    }


    .lg-text {
        font-size: 18px;
    }

    .free__item {
        width: calc(100%);
    }
    .free__form {
        flex-direction: column;
    }
    .free__form > * {
        width: 100%;
    }
    .free__inp {
        margin-bottom: 10px;
    }
    .dignity__name {
        font-size: 28px;
    }


    .imp__img {
        width: 90px;
        height: 90px;
    }
    .imp__text {
        width: 100%;
        margin-top: 12px;
    }
    .imp__item {
        flex-direction: column;
        align-items: flex-start;
    }

    .headline-descr {
        font-size: 14px;
    }

    .diff__in {
        padding: 60px 20px 20px 20px;
    }
    .diff__num {
        font-size: 40px;
        width: 100px;
        height: 90px;
        left: 20px;
    }
    .diff__item {
        z-index: 2;
    }
    .diff__man {
        z-index: -1;
    }

    .price__table table th, .price__table table td {
        font-size: 16px;
    }

    .prokol__content {
        flex-direction: column;
    }
    .prokol__img {
        margin-top: 30px;
        height: 250px;
    }
    .prokol__img, .prokol__text {
        width: 100%;
    }


    .za-metr__table th, .za-metr__table td {
        font-size: 14px;
    }
    .za-metr__text {
        font-size: 14px;
    }

    .news__slider {
        padding-left: 0;
        padding-right: 0;
    }
    .news-btn-prev {
        left: -5px;
    }
    .news-btn-next {
        right: -5px;
    }


    .new__name {
        display: none;
    }
    .new__name.new__mob {
        display: block;
    }
    .new__row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 10px;
        font-size: 14px;
    }

    .scroll-up {
        width: 32px;
        height: 32px;
        padding: 0;
        background-color: var(--bg);
        border: none;
        outline: none
    }
    .scroll-up svg {
        display: block;
        width: 16px;
        height: 16px;
    }
    .services__row {
        flex-direction: column;
        align-items: flex-start;
    }

    .botom_nav > div {
        width: 100%;
    }

    .input-2 {
        font-size: 13px;
    }

    .offer__item {
        width: calc(100% - 24px);
    }
    .offer__name {
        font-size: 18px;
    }

    #online .but-row {
        padding-bottom: 60px;
    }

    .hero {
        padding-top: 40px;
        padding-bottom: 200px;
    }
    .hero__title {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .hero__items {
        flex-direction: column;
        align-items: flex-start;
    }
    .hero__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .hero__phone {
        width: 100%;
        padding: 16px 0;
        font-size: 22px;
        text-align: center;
    }

    .hero-good__item {
        width: calc(100% - 20px);
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .about__content {
        flex-direction: column;
        padding: 20px;
    }
    .about__text {
        width: 100%;
        margin-bottom: 30px;
    }
    .about__img {
        width: 100%;
    }

    .about__txt {
        font-size: 14px;
    }

    .advs-2__num {
        font-size: 30px;
        margin-bottom: 7px;
    }
    .advs-2__item {
        width: calc(50% - 20px);
        font-size: 13px;
    }
}


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

    .iz-kvartiri__item img {
        width: 10px;
    }
    .iz-kvartiri__item {
        padding: 18px 20px;
        font-size: 14px;
    }
.gerb {
display:none;
    position: absolute;
    right: 20px;
    top: 15px;
}
.logonew{display:none;}

.text-row__content > * {
    width: 100%;
    margin-bottom: 30px;
}
.text-row__content {
    flex-direction: column;
}

.solve__content {
    flex-direction: column;
}
.solve__content > * {
    width: 100%;
    margin-bottom: 30px;
}
}

.page-navigation{padding-bottom:20px;}