* {
    box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap');
body,
html {
    overflow-x: hidden;
    font-family: Montserrat;
}
:root {
    --h1: 42px / 100%;
    --h2: 36px / 100%;
    --h3: 20px / 24px;
    --desc-text: 18px / 160%;
    --mb-title: 48px;
    --mb-section: 84px;
    --small-text: 16px / 100%;
    --bg-section: #5d92be;
    --bg-nav: #38668b;
    --bg-item: #f0f8ff;
    --hov-link: #80c3ff;
    --hov-item: #aed9ff;
    --bg-btn: #b92c0c;
    --bg-btn-modal: #f90;
    --exo: 'Montserrat';
    --exoMedium: 'Montserrat';
    --oswald: 'Montserrat';
    --oswaldMedium: 'Montserrat';
}
button {
    cursor: pointer;
}
button:focus {
    outline: 0;
}
ul {
    padding: 0;
    margin: 0;
}
.catalog__title {
    width: 100%;
    font: var(--h1) var(--oswaldMedium);
    text-align: center;
    margin-top: 0;
    margin-bottom: var(--mb-title);
    text-transform: uppercase;
}
.btn {
    margin: 0;
    padding: 0;
    color: #fff;
    border: none;
    border-radius: 4px;
    text-align: center;
    background-color: var(--bg-btn-modal);
    font: var(--small-text) var(--oswaldMedium);
    letter-spacing: 0.5px;
}
.section__title {
    font-size: 36px;
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: var(--mb-title);
    text-transform: uppercase;
    color: #4b3e3e;
}
.section__subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 125%;
    color: #000000;
}
.btn:hover {
    background-color: #dc340d;
}
.banner__block-form form .form-control {
    width: 327px;
}
.designSchemes__block .section__title {
    text-align: center;
    line-height: 50.4px;
}
.breadcrumb__section {
    margin: 20px 0;
}
.header-top__block-link {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.header-top__link {
    color: #000;
}
.header-top__icon {
    display: none;
}
.header-top__link:first-child {
    font-family: var(--exoMedium);
}
.logo__block-item a,
.logo__block-item span {
    font: var(--small-text) var(--exo);
    font-weight: 700;
}
.header-top__img {
    width: 80%;
}
.header-top__time {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}
.footer__btn,
.footer__btn-quiz,
.header-top__btn,
.header-top__mobile-btn {
    width: 200px;
    padding: 16px 0;
}
.footer__btn-quiz {
    background-color: var(--bg-btn);
}
.header-top {
    background-color: var(--bg-section);
}
.header-top__nav {
    display: flex;
    align-items: center;
    height: 100%;
}
.header-top__item,
.header-top__list {
    height: 100%;
}
.header-top__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.header-top__item {
    display: flex;
    align-items: center;
    position: relative;
}
.burger__close,
.header-top__contacts,
.header-top__mobile-btn,
.header-top__time-burger {
    display: none;
}
.header-top__dropbtn {
    position: relative;
    padding: 22px 29px;
    color: #fff;
    font: var(--desc-text) var(--oswald);
    font-weight: 600;
    letter-spacing: 2px;
    border: none;
    cursor: pointer;
    background-color: var(--bg-section);
}
.header-top__dropbtn:hover {
    color: #fff;
}
.header-top__dropdown-content {
    display: none;
    position: absolute;
    top: 99%;
    left: 0;
    background: #c9f2ff;
    opacity: 0.95;
    width: 530px;
    z-index: 1;
}
.dropdown-content__container {
    display: flex;
    padding: 30px;
}
.header-top__item:nth-child(1) .dropdown-content__list {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.triangle_icon {
    position: absolute;
    right: 8px;
}
.header-top__dropdown:hover > .triangle_icon {
    transform: rotate(180deg);
}
.dropdown-content__item {
    margin-right: 40px;
}
.dropdown-content__block {
    width: 100%;
    display: flex;
}
.dropdown-content__block:not(:last-child) {
    margin-right: 77px;
}
.dropdown-content__title {
    text-transform: uppercase;
    font: var(--desc-text);
    color: #fff;
    margin-bottom: 24px;
}
.dropdown-content__link {
    color: #fff;
    font: var(--small-text) var(--exo);
    font-weight: 600;
    letter-spacing: 1px;
}
.dropdown-content__link:hover {
    color: var(--hov-link);
}
.dropdown-content__link:active {
    color: #fff;
}
.header-top__dropdown-link {
    color: #000;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.header-top__dropdown-link:hover {
    background-color: #f1f1f1;
}
.header-top__dropdown:hover .header-top__dropdown-content {
    display: block;
}
.header-top__dropdown:hover .header-top__dropbtn {
    background-color: #0ea6f2;
}
.catalog__list {
    display: flex;
    flex-wrap: wrap;
}
.catalog__item {
    width: 31%;
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 45px;
    background-color: var(--bg-item);
}
.catalog__link:hover > .catalog__desc {
    background-color: var(--hov-item);
}
.catalog__item:not(:nth-child(3n)) {
    margin-right: 30px;
}
.catalog__img {
    width: 100%;
    height: 220px;
}
.catalog__desc {
    padding: 25px;
    border-radius: 0 0 8px 8px;
    background-color: var(--bg-item);
}
.catalog__subtitle {
    text-transform: uppercase;
}
.catalog__price {
    color: var(--bg-btn);
    font: var(--h3) var(--exoMedium);
    font-weight: 600;
}
.FormEstimate__block .section__title {
    line-height: 50.4px;
}
.fieldset__main {
    display: flex;
    flex-direction: column;
}
.fieldset__main-block {
    margin: 0 auto 30px;
    width: 70%;
    display: flex;
    justify-content: space-between;
}
.fieldset__main .form-control__main {
    width: 44% !important;
}
.form-control::-moz-placeholder {
    font: var(--small-text) var(--exo);
}
.form-control:-ms-input-placeholder {
    font: var(--small-text) var(--exo);
}
.form-control::placeholder {
    font: var(--small-text) var(--exo);
}
.video-form {
    margin: 0 auto;
}
.form-check-label {
    margin-left: 30px;
    width: 56%;
    text-align: left;
    font: var(--small-text) var(--exo);
}
.modal .modal__lbl {
    margin-left: 30px;
    width: 56%;
    position: relative;
    margin-bottom: 25px;
}
.modal .modal__check {
    position: absolute;
    top: 0;
    left: -3px;
}
.popup {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
}
.thanks__block {
    width: 100%;
    max-width: 450px;
    padding: 40px;
    background-color: #fff;
    margin: 100px auto 0;
    position: relative;
    z-index: 999;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}
.thanks__name {
    font-size: 22px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}
.thanks__text {
    text-align: center;
    line-height: 28px;
    margin-bottom: 15px;
}
.thanks__btn {
    width: 200px;
    padding: 10px 0;
    margin: 0 auto;
}
.fieldset__btn {
    width: 176px;
    padding: 16px 0;
}
.designSchemes__list {
    list-style: none;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.designSchemes__item {
    padding: 30px 10px;
    width: 31%;
    border-radius: 8px;
    border: 4px solid var(--bg-item);
    margin-bottom: 30px;
}
.designSchemes__elems1 {
    width: 100%;
}
.designSchemes__elems2 {
    width: 47%;
}
.designSchemes__block .section__subtitle {
    text-align: center;
    text-transform: uppercase;
}
.features__subtitle {
    width: 37%;
    font: var(--h3) var(--exoMedium);
    font-weight: 100;
    color: var(--bg-section);
}
.features_icn {
    background-color: var(--bg-section);
    border-radius: 50%;
    width: 105px;
    height: 105px;
    margin-right: 15px;
}
.features_icon1 {
    background-image: url('../img/sprite_features.png');
    background-position: 0 0;
}
.features_icon2 {
    background-image: url('../img/sprite_features.png');
    background-position: -106px 0;
}
.features_icon3 {
    background-image: url('../img/sprite_features.png');
    background-position: 0 -105px;
}
.features_icon4 {
    background-image: url('../img/sprite_features.png');
    background-position: -106px -105px;
}
.features_icon5 {
    background-image: url('../img/sprite_features.png');
    background-position: -212px 0;
}
.features_icon6 {
    background-image: url('../img/sprite_features.png');
    background-position: -212px -105px;
}
.features_icon7 {
    background-image: url('../img/sprite_features.png');
    background-position: -212px -210px;
}
.features_icon8 {
    background-image: url('../img/sprite_features.png');
    background-position: 0 -210px;
}
.features_icon9 {
    background-image: url('../img/sprite_features.png');
    background-position: -106px -210px;
}
.FormEstimate__block {
    background-color: var(--bg-section);
}
.ourAdvantages__block {
    margin-bottom: 30px;
}
.fullConstruction__block .section__title {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    line-height: 50.4px;
    color: #fff;
    text-align: center;
}
.about {
    background: url('/local/templates/arsenalzaborov/img/about.jpg');
    background-repeat: no-repeat;
    position: relative;
}
.about-text {
    position: relative;
    z-index: 2;
}
.about-info {
    color: #fff;
}
div.about-title {
    color: #fff;
}
.about-overflow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1;
}
.teamFaces__block .section__subtitle {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 125%;
    color: #000000;
    margin-bottom: 50px;
}
.menu-item:hover .header-top__dropdown-content {
    display: block;
}
.teamFaces__name {
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 125%;
    color: #000000;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #6bdcff;
    border-radius: 10px;
}
.teamFaces__params {
    display: flex;
    flex-direction: column;
}
.teamFaces__block {
    background: #fff;
    position: relative;
    padding-top: 30px;
    margin-bottom: 48px;
}
.teamFaces__block .block-desc {
    margin-top: 10px;
    margin-bottom: 20px;
}
.teamFaces__el {
    display: block;
    font: var(--small-text) var(--exo);
    font-weight: 700;
    margin-bottom: 10px;
}
.teamFaces__block .in {
    text-align: center;
}
.block-padding.no-padding-bottom {
    padding-bottom: 0;
}
.block-padding.bp-30 {
    padding: 30px 0;
}
.teamFaces__slider {
    position: relative;
}
.teamFaces__slider .slide-item {
    display: flex;
    flex-direction: column;
    margin: 0 30px;
}
.teamFaces__img {
    width: 100%;
}
.teamFaces__slider .slick-arrow {
    top: 30%;
}
.teamFaces__slider .slick-arrow::before {
    top: 29%;
}
.slick-arrow {
    position: absolute;
    z-index: 1;
    width: 64px;
    height: 64px;
    font-size: 0;
    border: none;
    background: #00c2ff;
    border-radius: 50%;
}
.slick-arrow::before {
    content: '';
    display: block;
    width: 20px;
    height: 33px;
    background-image: url('../img/triangle.svg');
    background-repeat: no-repeat;
    position: absolute;
}
.teamFaces__slider .slick-arrow.slick-prev {
    left: -45px;
}
.teamFaces__slider .slick-arrow.slick-next {
    right: -45px;
}
.teamFaces__slider .slick-arrow.slick-prev::before {
    transform: rotate(180deg) translateY(1px);
    left: 35%;
}
.teamFaces__slider .slick-arrow.slick-next::before {
    right: 35%;
}
@media (max-width: 1265px) {
    .teamFaces__slider .slick-arrow.slick-prev {
        left: -5px;
    }
    .teamFaces__slider .slick-arrow.slick-next {
        right: -5px;
    }
}

.teamFaces__slider .slick-dots {
    display: flex;
    align-items: center;
    justify-content: center;
}
.teamFaces__slider .slick-dots li {
    list-style: none;
    margin: 0 10px;
}
.teamFaces__slider .slick-dots li.slick-active button {
    background: #00c2ff;
}
.teamFaces__slider .slick-dots button {
    border: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #b5e8f9;
    font-size: 0;
}
.ourwork__slider {
    position: relative;
    margin-bottom: 64px;
}
.ourwork__slider .slide-item {
    margin: 0 15px;
}
.ourwork__img {
    width: 100%;
}
.ourwork__slider .slick-arrow {
    top: 39%;
}
.ourwork__slider .slick-arrow.slick-prev {
    left: -20px;
}
.ourwork__slider .slick-arrow.slick-next {
    right: -20px;
}
.ourwork__slider .slick-arrow::before {
    top: 27%;
}
.ourwork__slider .slick-arrow.slick-prev::before {
    left: 35%;
    transform: rotate(180deg) translateY(1px);
}
.ourwork__slider .slick-arrow.slick-next::before {
    right: 35%;
}
.ourwork__link {
    padding: 16px 30px;
}
.sliderAnswer__block .section__title {
    text-align: center;
}
.review-slider__desc {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 130%;
    display: flex;
    align-items: center;
    text-indent: 70px;
    color: #4b3e3e;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px;
}
.review-slider__img {
    margin-bottom: 20px;
}
.review-slider__block-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    /* identical to box height */

    display: flex;
    align-items: center;

    color: #4b3e3e;
}
.footnote_icon {
    margin-right: 20px;
}
/*
.review-slider .slide-item {
    margin: 0 130px
}*/

.review-slider .slick-arrow {
    top: 25%;
}
.review-slider .slick-arrow::before {
    top: 27%;
}
.review-slider .slick-arrow.slick-prev {
    left: -30px;
}
.review-slider .slick-arrow.slick-next {
    right: -30px;
}
.review-slider .slick-arrow.slick-prev::before {
    left: 33%;
    transform: rotate(180deg);
}
.review-slider .slick-arrow.slick-next::before {
    right: 33%;
}
.review-slider__name {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #4b3e3e;
}

.question {
    background-color: var(--bg-item);
}
.question__answer,
.question__el {
    font: var(--h3) var(--exoMedium);
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.question .reply {
    color: #000;
    font: var(--h3) var(--exo);
    font-weight: 600;
    padding-left: 60px;
}
.question__answer {
    padding-left: 60px;
    position: relative;
}
.question__answer::before {
    content: '';
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    width: 42px;
    height: 6px;
    background-color: var(--bg-btn);
}
.constructionStages__block .section__title {
    color: #fff;
}
.constructionStages__list {
    display: flex;
    justify-content: space-between;
}
.constructionStages__item {
    position: relative;
    width: 15%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.constructionStages__item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 15%;
    right: -40%;
    display: block;
    height: 2px;
    width: 74px;
    border: 1px dashed #fff;
}
.constructionStages__desc-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #fff;
}
.constructionStages__desc-el {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}
.constructionStages__desc-number {
    font: 26px / 31.2px var(--exoMedium);
    font-weight: 600;
    letter-spacing: 1px;
}
.constructionStages__subtitle {
    font: var(--h3) var(--exoMedium);
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 24px;
}
.constructionStages__desc {
    font: var(--small-text) var(--exo);
    font-weight: 500;
    line-height: 22.4px;
}
.constructionStages__img-block {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: #fff;
    margin-bottom: 15px;
}
.step_icon1 {
    background-image: url('../img/sprite_stage.png');
    background-position: 0 0;
    width: 44px;
    height: 44px;
}
.step_icon2 {
    background-image: url('../img/sprite_stage.png');
    background-position: -88px 0;
    width: 28px;
    height: 30px;
}
.step_icon3 {
    background-image: url('../img/sprite_stage.png');
    background-position: -44px 0;
    width: 44px;
    height: 44px;
}
.step_icon4 {
    background-image: url('../img/sprite_stage.png');
    background-position: 0 -44px;
    width: 44px;
    height: 44px;
}
.step_icon5 {
    background-image: url('../img/sprite_stage.png');
    background-position: -44px -44px;
    width: 44px;
    height: 44px;
}
.topQuestions__block,
.сompletedWork__block {
    margin-bottom: var(--mb-section);
}
.сompletedWork__block .section__title {
    text-align: center;
    width: 100%;
}
.сompletedWork__block .section__subtitle {
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #4b3e3e;
}
.footer__block {
    padding: 48px 0;
    background: #eaf7fb;
    margin-top: 80px;
}
.footer__block .section__subtitle {
    height: 24px;
    font-style: normal;
    font-weight: 500;
    font-size: 24px;
    line-height: 29px;
    color: #4b3e3e;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.footer-contacts .row {
    margin-bottom: 64px;
}
@media (max-width: 600px) {
    .footer-contacts .row {
        margin-bottom: 20px;
    }
}
.servicesBlock-foo a {
    font-style: normal;
    font-weight: normal;
    font-size: 21px;
    line-height: 27px;
    color: #000000;
    margin-bottom: 12px;
    display: block;
}
.footer__link:hover,
.servicesBlock-foo a:hover {
    color: var(--hov-link);
}
.foo-contact {
    display: flex;
    flex-direction: column;
}
.footer__btn-quiz {
    display: none;
}
.foo-contact__el {
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    /* identical to box height */

    color: #000000;
}
.foo-contact__time {
    line-height: 23px;
}
.foo-contact__el:not(:last-child) {
    margin-bottom: 20px;
}
.footer__copyRight-block {
    display: flex;
    justify-content: space-between;
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    /* identical to box height */

    color: #000000;
}
.footer__copyRight {
    margin-bottom: 0;
}
.politica {
    padding-left: 15px;

    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 27px;
    /* identical to box height */

    text-decoration-line: underline;

    color: #000000;
}
.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-list,
.slick-slider .slick-track {
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}
.slick-track:after,
.slick-track:before {
    content: '';
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
ol,
ul {
    list-style: none;
}
.logo__contacts {
    display: flex;
    flex-direction: column;
}
.page-contacts__right {
    width: 60%;
    height: 400px;
}
.page-contacts__right iframe {
    width: 100%;
    height: 500px;
}
.director-quote .in .info .author:before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -46px;
    left: -128px;
    width: 106px;
    height: 91px;
    background: url('../img/director-signature.png');
}
.b-title {
    font-size: 48px;
    color: #d92900;
    line-height: 55px;
}
.b-title.type2 {
    font-size: 28px;
    line-height: 34px;
}
.b-title.type3 {
    font-size: 30px;
    line-height: 35px;
}
.b-title.color333 {
    color: #333;
}
.b-title.color-green {
    color: #2fc060;
}
.b-title.align-center {
    text-align: center;
}
.b-title-desc > a {
    color: #2fc060;
    text-decoration: none;
}
.b-title-desc {
    font-size: 30px;
    line-height: 45px;
}
.b-title-desc.type2 {
    font-size: 18px;
    line-height: 25px;
}
.b-title-desc.type3 {
    font-size: 24px;
    line-height: 35px;
}
.b-title-desc.color-white {
    color: #fff;
}
.b-title-desc.align-center {
    text-align: center;
}
.b-title-desc.color-green {
    color: #2fc060;
}
.b-title-desc.color666 {
    color: #666;
}
.b-title-desc.color333 {
    color: #333;
}
.b-title-desc.color-2 {
    color: #efff3f;
}
.active {
    display: block !important;
}
.step_table_paragraph {
    text-align: center;
    margin-top: 30px;
}
.active .step_block_text span {
    color: #2899e8 !important;
}
.img-footer {
    width: 250px;
    height: auto;
}
.fullConstruction__block-content p {
    margin-left: 15px;
    margin-right: 15px;
    font-size: 16px / 100% var(--exo);
    font-weight: 500;
    text-indent: 2em;
}
.step_table_tr:not(:last-child) {
    margin-right: 30px;
}
.mobile-only {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    font-size: 13px;
    line-height: 16px;
}
.mobile-only-2 {
    display: block;
}
.block__desc {
    font-size: 18px;
    font-family: var(--exo);
    font-weight: 700;
    line-height: 28.8px;
    text-align: left;
    padding: 0 15px;
    margin-bottom: 48px;
    text-indent: 2em;
}
.politika-konf {
    text-decoration: underline;
    color: #b41616;
}
.konf__section {
    margin-top: 50px;
}
.konf-lvl2__list {
    list-style-type: none;
    margin-bottom: 20px;
}
.konf-lvl2__list li {
    margin-bottom: 10px;
}
.servicesBlock-foo .politika {
    color: #007bff;
    text-decoration: none;
    font-size: 18px;
}
.page-contacts__top {
    display: flex;
    justify-content: space-between;
}
.page-contacts__left {
    display: flex;
    flex-direction: column;
}
.page-contacts__el:not(:last-child) {
    margin-bottom: 10px;
}
@media (max-width: 800px) {
    .page-contacts__top {
        display: flex;
        flex-direction: column;
        justify-content: start;
        gap: 20px;
    }
}
.tableParams {
    width: 100%;
    margin: 10px 30px;
}
.tableParams .row:nth-child(2n + 1) {
    color: #fff;
    background-color: #bbb;
}
.page-about .catalog__title {
    text-align: left;
}
.ourwork-page__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.ourwork-page__item {
    width: 31%;
    margin-bottom: 20px;
}
.ourwork-page__img {
    width: 100%;
}
.page-contacts,
.topQuestions-page {
    margin-bottom: 30px;
}
.cardProduct__block .title__block,
.prices .section__title,
.prices-page .section__title {
    text-align: center;
}
#cardProduct__block .col-12,
#cardProduct__block .col-6 {
    margin-bottom: 10px;
}
.prices-page__scroll {
    margin-bottom: 40px;
}
.prices-page h3,
.prices-page__scroll h2,
.prices-page__scroll h3 {
    text-align: center;
    text-transform: uppercase;
}
.prices-page__table thead tr,
.prices-page__table tr:nth-child(even) {
    background-color: var(--hov-item);
}
.prices-page__table tr th,
.prices-page__table tr:nth-child(even) td {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}
#profnastil tfoot tr td,
#shtaketnik tfoot tr td {
    font-family: var(--exoMedium);
}
.prices-page__table td {
    padding: 10px 0 10px 5px;
    font: var(--small-text) var(--exo);
    border: 1px solid var(--hov-item);
    font-weight: 700;
}
.prices-page__table {
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
    border: 1px solid #fff;
}
.prices-page__table caption {
    caption-side: top;
    font: 20px / 24px var(--exoMedium);
    color: #000;
    text-transform: uppercase;
}
.prices-page__table th {
    padding: 10px 0 10px 5px;
    font: var(--small-text) var(--exoMedium);
    font-weight: 600;
}
.city {
    padding: 55px 0 70px;
    background-color: var(--bg-section);
}
.city__container {
    display: flex;
    flex-direction: column;
}
.city__title {
    color: #fff;
    text-align: center;
    line-height: 50.4px;
}
.city__block {
    margin-bottom: 20px;
}
.city__list {
    display: flex;
    flex-wrap: wrap;
}
.city__list_invisible {
    display: none;
    flex-wrap: wrap;
}
.city__item,
.city__item_invisible {
    width: 20%;
    color: #fff;
}
.city__btn {
    width: 200px;
    padding: 16px 0;
    margin: 0 auto;
}
.show__city {
    display: flex;
}
.catalog__block__container {
    justify-content: center;
}
.quiz-block__title {
    margin-bottom: 20px;
    text-align: center;
}
.quiz-block__desc {
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.quiz {
    position: relative;
    z-index: 999;
    max-width: 1080px;
    margin: 0 auto;
}
.quiz ul {
    list-style: none;
}
.quiz-section__container .close__btn {
    display: none;
}
.quiz__item {
    display: flex;
    border-radius: 4px;
    border: 1px solid #2f4e6c;
    box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    -webkit-box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    -moz-box-shadow: 1px 1px 38px 0 rgba(0, 0, 0, 0.37);
    margin-bottom: 40px;
    background-color: #fff;
    padding: 20px;
}
.quiz__question {
    width: 100%;
}
.quiz10__item,
.quiz11__item,
.quiz12__item,
.quiz13__item,
.quiz2__item,
.quiz3__item,
.quiz4__item,
.quiz5__item,
.quiz6__item,
.quiz7__item,
.quiz8__item,
.quiz9__item {
    display: none;
}
.questions__title {
    font-weight: 400;
    font-size: 30px;
}
.questions__header {
    display: flex;
    justify-content: space-between;
}
.questions__footer {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.questions__progress {
    height: 10px;
    width: 90%;
    background-color: var(--bg-section);
    border-radius: 10px;
}
.questions__bar {
    height: 100%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.bar1 {
    width: 16.6%;
    background-color: var(--bg-btn);
}
.questions__number {
    font-size: 30px;
    color: var(--bg-section);
    font-weight: 700;
}
.questions__number b {
    color: var(--bg-btn);
}
.question1__title {
    margin-bottom: 0;
}
.question10__list,
.question1__list,
.question2__list,
.question3__list,
.question4__list,
.question5__list,
.question6__list,
.question7__list,
.question9__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.question__items {
    max-height: 240px;
}
.question10__item,
.question2__item,
.question3__item,
.question4__item,
.question5__item,
.question9__item {
    position: relative;
    width: 23%;
}
.question6__item,
.question9__item {
    position: relative;
    width: 20%;
}
.question1__item,
.question7__item {
    position: relative;
    width: 24%;
    margin-bottom: 10px;
}
.question7__item {
    width: 25%;
}
.question1__item:not(:nth-child(4n)) {
    margin-right: 10px;
}
.question7__item:not(:nth-child(3n)) {
    margin-right: 30px;
}
.question10__item:not(:nth-child(3n)),
.question2__item:not(:nth-child(3n)),
.question3__item:not(:nth-child(3n)),
.question4__item:not(:nth-child(3n)),
.question5__item:not(:nth-child(3n)),
.question6__item:not(:nth-child(4n)),
.question9__item:not(:nth-child(4n)) {
    margin-right: 50px;
}
.question10__img,
.question1__img,
.question2__img,
.question3__img,
.question4__img,
.question5__img,
.question6__img,
.question7__img,
.question9__img {
    border-radius: 8px 8px 0 0;
    width: 100%;
    height: 100%;
    max-height: 120px;
    margin-bottom: 15px;
}
@-webkit-keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -60px;
        margin-top: -60px;
        opacity: 0;
    }
}
@keyframes click-wave {
    0% {
        height: 40px;
        width: 40px;
        opacity: 0.35;
        position: relative;
    }
    100% {
        height: 200px;
        width: 200px;
        margin-left: -60px;
        margin-top: -60px;
        opacity: 0;
    }
}
.custom__radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    opacity: 0;
    top: 13.33333px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    transition: 0.2s ease-out;
    background: #cbd1d8;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: 0;
    position: absolute;
    z-index: 1000;
}
.custom__radio:hover {
    background: #9faab7;
}
.custom__radio:checked {
    position: absolute;
    left: calc(100% / 3);
    width: 75px;
    height: 75px;
    opacity: 1;
    background: var(--bg-section);
}
.custom__radio:checked::before {
    opacity: 1;
    height: 75px;
    width: 75px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 75px;
}
.custom__radio:checked::after {
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: 0.65s 0.1s click-wave;
    animation: 0.65s 0.1s click-wave;
    background: var(--bg-section);
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
.custom__radio.radio,
.custom__radio.radio::after {
    border-radius: 50%;
}
.question10__lbl,
.question1__lbl,
.question2__lbl,
.question3__lbl,
.question4__lbl,
.question5__lbl,
.question6__lbl,
.question7__lbl,
.question9__lbl {
    font-family: var(--exo);
    display: block;
    font-weight: 700;
    width: 100%;
    text-align: center;
    font-size: 15px;
}
.bar2 {
    width: 33.3%;
    background-color: var(--bg-btn);
}
.question10__img,
.question2__img,
.question3__img,
.question4__img,
.question5__img,
.question6__img,
.question7__img,
.question9__img {
    margin-bottom: 15px;
}
.bar3 {
    width: 49.8%;
    background-color: var(--bg-btn);
}
.question11__list,
.question12__block,
.question13__list {
    width: 40%;
}
.question11__item,
.question13__item {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #fff;
    margin-bottom: 5px;
    border: 1px solid var(--bg-btn);
}
.question11__check:checked::before,
.question11__radio:checked::before,
.question13__check1:checked::before,
.question13__check2:checked::before,
.question13__radio1:checked::before,
.question13__radio:checked::before {
    opacity: 0;
}
.question11__check:checked,
.question11__radio:checked,
.question13__check1:checked,
.question13__check2:checked,
.question13__radio1:checked,
.question13__radio:checked {
    width: 100%;
    height: 100%;
    border-radius: 0;
    left: 0;
    top: 0;
}
.question11__check:checked + label,
.question11__radio:checked + label,
.question13__check1:checked + label,
.question13__check2:checked + label,
.question13__radio1:checked + label,
.question13__radio:checked + label {
    color: #fff;
}
.question11__radio,
.question13__check1,
.question13__check2,
.question13__radio,
.question13__radio1 {
    top: 0;
}
.question11__check:checked::after,
.question11__radio:checked::after,
.question13__check1:checked::after,
.question13__check2:checked::after,
.question13__radio1:checked::after,
.question13__radio:checked::after {
    border-radius: 0;
}
.question11__lbl,
.question13__lbl {
    font-size: 16px;
    width: 100%;
    font-weight: 700;
    padding: 5px 10px;
    margin-bottom: 0;
    position: relative;
    z-index: 1001;
}
.question11__input,
.question13__input {
    display: none;
    border: 1px solid #eaeaea;
    height: 100%;
    width: 100%;
    padding: 5px 10px;
    z-index: 1001;
}
.bar4 {
    width: 66.4%;
    background-color: var(--bg-btn);
}
.bar5 {
    width: 83%;
    background-color: var(--bg-btn);
}
.question12__title {
    display: inline-flex;
    flex-direction: column;
    line-height: 24px;
    margin-bottom: 50px;
}
.question12__title small {
    font-size: 16px;
    text-align: center;
    color: #aaa;
}
.question12__block {
    margin-bottom: 15px;
}
.question12__input {
    width: 100%;
    display: block;
    font-size: 15px;
    height: 50px;
    border: none;
    padding: 0 30px;
    border-radius: 5px;
    border: 1px solid var(--bg-btn);
}
.questions__block-btn {
    display: flex;
}
.questions__block-btn button {
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid var(--bg-btn);
    background: #fff;
    font-weight: 700;
    color: var(--bg-btn);
}
.questions__back {
    margin-right: 20px;
}
.questions__block-btn button:hover {
    color: #fff;
    background-color: var(--bg-btn);
}
.question13__item:last-child {
    border: none;
    flex-direction: column;
}
.question13__subitem,
.question13__subtitle {
    width: 100%;
}
.question13__subitem {
    position: relative;
    border: 1px solid var(--bg-btn);
    margin-bottom: 5px;
}
.bar6 {
    width: 100%;
    background-color: var(--bg-btn);
}
.quiz__last {
    width: 100%;
}
.question-end__result {
    width: 47%;
    padding: 20px;
    border: 1px solid var(--bg-btn);
    margin-bottom: 20px;
    background-color: rgba(93, 146, 190, 0.3);
}
.question-end__title {
    margin-bottom: 10px;
}
.questions__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.questions__img {
    width: 40%;
}
.questions__img img {
    width: 100%;
}
.question-end__form {
    width: 47%;
    display: flex;
    flex-direction: column;
}
.question-end__form .question-end__input {
    width: 100%;
    display: block;
    font-size: 16px;
    font-weight: 700;
    height: 50px;
    border: none;
    padding: 0 20px;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 25%);
    -webkit-box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 25%);
    -moz-box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}
.question-end__submit {
    width: 100%;
    height: 50px;
    border: none;
    color: #fff;
    border-radius: 4px;
    background-color: #49ca08;
    margin-bottom: 10px;
}
.question-end__label {
    text-align: center;
    font-size: 12px;
}
.question-end-el:not(:last-child) {
    margin-bottom: 10px;
}
.question-end__gate-name,
.question-end__goal-name,
.question-end__name {
    font-weight: 700;
}
.quiz__popup {
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    overflow-y: auto;
}
.popup .black {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
}
.rating-block {
    display: flex;
    justify-content: space-around;
    font-size: 16px;
    margin-bottom: 10px;
    color: #000;
    font-family: var(--exo);
    font-weight: 700;
}
.rating-block-element {
    display: flex;
    justify-content: center;
    font-size: 16px;
    margin: 20px;
}
.rating {
    display: flex;
    justify-content: center;
    margin-top: 3px;
}
.el {
    width: 24px;
    height: 24px;
    background-image: url('../img/stars/star.svg');
    font-size: 0;
}
.el_pol {
    width: 24px;
    height: 24px;
    background-image: url('../img/stars/star_pol.svg');
}
.el_dis {
    width: 24px;
    height: 24px;
    background-image: url('../img/stars/star_dis.svg');
}
.banner__container {
    margin-bottom: 40px;
}
.banner__img {
    width: 100%;
}
.banner__link {
    background-color: transparent;
}
.popup-notification {
    width: 500px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ff7d00;
    padding: 60px;
    background-color: #fff;
    border-radius: 10px;
    display: none;
    z-index: 9999999;
}
.popup-notification.active {
    display: block;
}
.popup-notification__close {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 15px;
    font-weight: 800;
    cursor: pointer;
}
.popup-notification__title {
    font-size: 30px;
    color: #f71414;
    text-align: center;
    font-weight: 800;
    margin-bottom: 5px;
}
.popup-notification__description {
    text-align: center;
    font-size: 20px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
body{
    overflow-x: unset !important;
}
header.header {
    position: sticky;
    top: 0;
    background: #ffff;
    z-index: 7;
}

@media (max-width: 900px) {
    .popup-notification {
        padding: 40px;
    }
}
@media (max-width: 700px) {
    .popup-notification {
        width: calc(100% - 30px);
    }
}
@media (min-width: 992px) and(max-width:1199px) {
    .container {
        max-width: 870px;
    }
    .section__subtitle {
        font-size: 17px;
    }
    .catalog__item {
        width: 30%;
    }
    .catalog__img {
        height: 170px;
    }
    .catalog__price {
        font-size: 17px;
    }
    .header-top__dropbtn {
        padding: 22px 20px;
    }
    .fieldset__main-block {
        justify-content: space-around;
    }
    .b-title {
        font-size: 44px;
        line-height: 50px;
    }
    .b-title-desc {
        font-size: 28px;
        line-height: 38px;
    }
    .b-title-desc.type2 {
        font-size: 17px;
        line-height: 23px;
    }
    .b-title-desc.type3 {
        font-size: 22px;
        line-height: 30px;
    }
    .constructionStages__item:not(:last-child)::after {
        top: 10%;
        right: -45%;
    }
    .quiz {
        width: 80%;
    }
    .question10__item:not(:nth-child(3n)),
    .question2__item:not(:nth-child(3n)),
    .question3__item:not(:nth-child(3n)),
    .question4__item:not(:nth-child(3n)),
    .question5__item:not(:nth-child(3n)),
    .question6__item:not(:nth-child(4n)) {
        margin-right: 35px;
    }
}
@media (min-width: 768px) and(max-width:991px) {
    .container {
        max-width: 720px;
    }
    .header-top__dropbtn {
        padding: 15px 5px;
    }
    .triangle_icon {
        right: -8px;
    }
    .catalog__price,
    .section__subtitle {
        font-size: 17px;
    }
    .catalog__item {
        width: 45%;
    }
    .catalog__item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .catalog__item:not(:nth-child(2n)) {
        margin-right: 30px;
    }
    .b-title {
        font-size: 40px;
        line-height: 46px;
    }
    .b-title-desc.type2 {
        font-size: 16px;
        line-height: 22px;
    }
    .b-title-desc.type3 {
        font-size: 20px;
        line-height: 28px;
    }
    .page-contacts__top {
        align-items: center;
        flex-direction: column;
    }
    .page-contacts__left {
        width: 100%;
    }
    .page-contacts__desc br {
        display: none;
    }
    .page-contacts__right {
        width: 100%;
    }
    .b-title-desc {
        font-size: 24px;
        line-height: 30px;
    }
    header .logo__block .logo__block-item:nth-child(2) a {
        font-size: 21px;
    }
    header .logo__block .logo__block-item:nth-child(3n) a {
        font-size: 17px;
    }
    .logo__contacts {
        font-size: 14px;
    }
    .review-slider .slide-item {
        flex-direction: column;
        margin: 0;
    }
    .constructionStages__container {
        padding: 0;
        margin: 0 15px;
        max-width: 100% !important;
    }
    .constructionStages__img-block {
        width: 70px;
        height: 70px;
    }
    .constructionStages__item:not(:last-child)::after {
        top: 9%;
        right: -53%;
        width: 65%;
    }
    .servicesBlock-foo__service {
        margin-bottom: 20px;
    }
    .header-top__dropbtn {
        font-size: 15px;
    }
    .designSchemes__elems2,
    .fieldset__main-block {
        width: 100%;
    }
    .footer__copyRight-block {
        flex-direction: column;
    }
    .footer__btn-quiz,
    .footer__copyRight {
        margin-bottom: 15px;
    }
    .quiz {
        width: 100%;
    }
    .question1__item:not(:nth-child(4n)) {
        margin-right: 5px;
    }
    .questions__block-btn button {
        padding: 8px 15px;
    }
    .questions__number {
        font-size: 22px;
    }
    .question10__item:not(:nth-child(3n)),
    .question2__item:not(:nth-child(3n)),
    .question3__item:not(:nth-child(3n)),
    .question4__item:not(:nth-child(3n)),
    .question5__item:not(:nth-child(3n)) {
        margin-right: 35px;
    }
    .questions__img {
        width: 50%;
    }
    .questions__img img {
        width: 100%;
    }
    .header-top__time {
        display: none;
    }
}
@media (max-width: 768px) {
    .header-top,
    .header-top__block-link,
    .header-top__time {
        display: none;
    }
    .header-top__icon {
        display: flex;
    }
    .header-top__icon:nth-child(2),
    .header-top__img {
        margin-bottom: 20px;
    }
    .burger-menu {
        position: absolute;
        right: 0;
    }
    .catalog__block {
        padding-top: 0 !important;
    }
}
@media (min-width: 0px) and(max-width:767px) {
    .container {
        max-width: 540px;
    }
    .logo__contacts {
        display: none !important;
    }
    :root {
        --h1: 30px;
        --h2: 26px;
        --mb-section: 48px;
        --mb-title: 24px;
    }
    .catalog__title {
        margin-bottom: 24px;
    }
    .ourAdvantages__block {
        display: none;
    }
    .FormEstimate__block .section__title,
    .designSchemes__block .section__title,
    .fullConstruction__block .section__title,
    .sliderAnswer__block .section__title {
        line-height: 33.6px;
    }
    .block__desc {
        margin-bottom: 30px;
    }
    header {
        position: relative;
    }
    .header-top {
        position: absolute;
        z-index: 1;
        width: 100%;
        top: -15px;
        padding-top: 30px;
        padding-bottom: 48px;
    }
    .header-top__container {
        position: relative;
    }
    .burger__container {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 30px;
    }
    .burger__close {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        display: block;
        border: none;
        background-color: var(--bg-section);
    }
    .header-top__time-burger {
        display: block;
        margin-bottom: 10px;
        color: #fff;
    }
    .header-top__dropbtn {
        padding: 0;
    }
    .header-top__item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .header-top__item:not(:last-child) {
        margin-bottom: 5px;
    }
    .header-top__icon:nth-child(2) {
        display: flex;
        width: 100%;
        font: 20px var(--exoMedium);
        color: var(--bg-section);
    }
    .dropdown-content__container {
        padding: 10px;
    }
    .header-top__dropdown-content {
        position: static;
        width: 100%;
        background: #c9f2ff;
        display: block;
    }
    .header-top__item:nth-child(2) .dropdown-content__list {
        height: auto;
    }
    .header-top__item svg {
        display: none;
    }
    .logo__block {
        margin: 0;
        padding: 15px 0;
        border-bottom: 1px solid var(--bg-section);
    }
    .header-top__icon {
        display: flex;
        align-items: center;
        height: 100%;
        width: 26%;
        border: none;
        background-color: #fff;
        padding: 0;
        margin-left: 10px;
    }
    .header-top__mobile-btn {
        display: block;
    }
    .header-top__btn,
    .header-top__time {
        display: none;
    }
    .triangle_icon {
        right: -18px;
        transform: translateY(10px);
    }
    .header-top__dropdown:hover > .triangle_icon {
        left: 57px;
        top: 8px;
    }
    .catalog__price,
    .section__subtitle {
        font-size: 17px;
    }
    .catalog__item {
        width: 100%;
    }
    .catalog__item:not(:nth-child(2n)),
    .catalog__item:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .banner__block-form form .form-control {
        width: 44%;
    }
    .form-check-label {
        width: 48%;
    }
    .fullConstruction__block {
        margin-bottom: var(--mb-section);
    }
    .fullConstruction__block .section__title {
        width: 100%;
    }
    .director-quote .in .info .author {
        margin-top: 40px;
    }
    .title__block {
        line-height: 32px;
        padding: 0 15px;
    }
    .b-title {
        font-size: 28px;
        line-height: 34px;
    }
    .b-title-desc.type2 {
        font-size: 15px;
        line-height: 21px;
    }
    .b-title.type3 {
        font-size: 28px;
        line-height: 34px;
    }
    .b-title-desc {
        font-size: 20px;
        line-height: 26px;
    }
    .b-title-desc.type3 {
        font-size: 18px;
        line-height: 24px;
    }
    .tableParams .row {
        flex-wrap: nowrap;
    }
    .page-contacts__top {
        align-items: center;
        flex-direction: column;
    }
    .page-contacts__left,
    .page-contacts__right {
        width: 100%;
    }
    .teamFaces__block {
        display: none;
    }
    .review-slider .slide-item {
        flex-direction: column;
        margin: 0;
    }
    .review-slider .slick-arrow {
        top: auto !important;
        bottom: -75px;
    }
    .review-slider .slick-arrow.slick-prev {
        left: 30%;
    }
    .review-slider .slick-arrow.slick-next {
        right: 30%;
    }
    .constructionStages__container {
        padding: 0;
        margin: 0 15px;
        max-width: 100% !important;
    }
    .constructionStages__list {
        flex-direction: column;
    }
    .constructionStages__item {
        justify-content: space-between;
        width: 100%;
        flex-direction: row;
    }
    .constructionStages__item:not(:last-child) {
        margin-bottom: 60px;
    }
    .constructionStages__item:not(:last-child)::after {
        top: auto;
        bottom: -29%;
        right: auto;
        left: 4%;
        height: 2px;
        width: 40px;
        transform: rotate(90deg);
    }
    .constructionStages__img-block {
        margin-bottom: 0;
    }
    .constructionStages__desc-block {
        text-align: left;
        width: 85%;
        flex-direction: row;
    }
    .constructionStages__desc-el {
        text-align: center;
        width: 35%;
    }
    .constructionStages__desc {
        width: 100%;
    }
    .topQuestions__block {
        display: none;
    }
    .servicesBlock-foo__service {
        margin-bottom: 20px;
    }
    .designSchemes__item {
        width: 47%;
    }
    .footer-contacts .section__subtitle {
        height: 24px;
    }
    .ourwork-page__item {
        width: 48%;
    }
    .fieldset__main-block {
        width: 100%;
    }
    .prices-page .container {
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .prices-page__table {
        width: 900px;
    }
    .customScroll {
        display: flex;
        flex-direction: column;
        position: relative;
        overflow-x: scroll;
    }
    .customScroll .simplebar-horizontal {
        display: flex;
        align-items: center;
        width: 100%;
        height: 10px;
        background-color: #f2f2f2;
        border: 1px solid #d2d2d2;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 1;
    }
    .customScroll .simplebar-horizontal .simplebar-visible {
        background-color: var(--bg-nav);
        border-radius: 10px;
    }
    .customScroll .simplebar-horizontal .simplebar-scrollbar:before {
        background-color: var(--bg-nav);
    }
    .designSchemes__elems1,
    .designSchemes__elems2 {
        width: 100%;
    }
    .city__item,
    .city__item_invisible {
        width: 33%;
    }
    .footer__copyRight-block {
        flex-direction: column;
    }
    .footer__copyRight {
        margin-bottom: 15px;
    }
    .quiz {
        width: 100%;
    }
    .question10__list,
    .question1__list,
    .question2__list,
    .question3__list,
    .question4__list,
    .question5__list,
    .question6__list,
    .question7__list,
    .question9__list {
        flex-direction: column;
    }
    .question10__item,
    .question1__item,
    .question2__item,
    .question3__item,
    .question4__item,
    .question5__item,
    .question6__item,
    .question7__item,
    .question9__item {
        width: 100%;
        border-radius: 4px;
        margin-bottom: 5px;
        border: 1px solid var(--bg-btn);
    }
    .question10__item:not(:nth-child(3n)),
    .question2__item:not(:nth-child(3n)),
    .question3__item:not(:nth-child(3n)),
    .question4__item:not(:nth-child(3n)),
    .question5__item:not(:nth-child(3n)),
    .question6__item:not(:nth-child(4n)),
    .question9__item:not(:nth-child(4n)) {
        margin-right: 0;
    }
    .questions__header {
        justify-content: center;
    }
    .questions__title {
        font-size: 24px;
    }
    .question10__img,
    .question1__img,
    .question2__img,
    .question3__img,
    .question4__img,
    .question5__img,
    .question6__img,
    .question7__img,
    .question9__img {
        display: none;
    }
    .custom__radio:checked + label::before {
        background-image: none;
    }
    .question10__lbl,
    .question1__lbl,
    .question2__lbl,
    .question3__lbl,
    .question4__lbl,
    .question5__lbl,
    .question6__lbl,
    .question7__lbl,
    .question9__lbl {
        position: relative;
        z-index: 1001;
        margin-bottom: 0;
        padding: 5px 0;
    }
    .questions__block-btn button {
        padding: 8px 15px;
    }
    .questions__number {
        font-size: 22px;
    }
    .questions__progress {
        width: 80%;
    }
    .custom__radio:checked {
        width: 100%;
        height: 100%;
        border-radius: 0;
        left: 0;
        top: 0;
    }
    .custom__radio:checked + label {
        color: #fff;
    }
    .custom__radio:checked::after {
        border-radius: 0;
    }
    @-webkit-keyframes click-wave {
        0% {
            height: 100%;
            width: 100%;
            opacity: 0.35;
            position: relative;
        }
        100% {
            height: 130%;
            width: 130%;
            margin-left: -20px;
            margin-top: -20px;
            opacity: 0;
        }
    }
    @keyframes click-wave {
        0% {
            height: 100%;
            width: 100%;
            opacity: 0.35;
            position: relative;
        }
        100% {
            height: 130%;
            width: 130%;
            margin-left: -20px;
            margin-top: -20px;
            opacity: 0;
        }
    }
    .custom__radio:checked::before {
        opacity: 0;
    }
    .question11__list,
    .question13__list {
        width: 100%;
    }
    .question11__lbl,
    .question13__lbl,
    .question13__subtitle {
        text-align: center;
    }
    .questions__img {
        display: none;
    }
    .question12__block {
        width: 70%;
    }
    .block-end {
        flex-direction: column;
    }
    .question-end__form,
    .question-end__result {
        width: 100%;
    }
    .question-end__form .question-end__input {
        height: 35px;
        margin-bottom: 10px;
    }
    .banner__img {
        margin-bottom: 40px;
    }
}
@media (max-width: 650px) {
    .footer__block a {
        font-size: 16px;
    }
    .footer__copyRight {
        font-size: 16px;
    }
}
.button-to-top {
    display: none;
}
@media (max-width: 580px) {
    .button-to-top {
        position: fixed;
        display: flex;
        visibility: hidden;
        align-items: center;
        justify-content: center;
        background-color: #00c2ff;
        border-radius: 50%;
        width: 60px;
        height: 60px;
        bottom: 20px;
        right: 20px;
        z-index: 9;
        border: none;
    }

    .button-to-top img {
        width: 20px;
        transform: rotate(-90deg);
    }
}
@media (max-width: 576px) {
    .header-top__img {
        width: 100%;
    }
    .header-top__icon {
        width: 12%;
    }
    .header-top__icon:nth-child(2) {
        justify-content: center;
    }
}
@media only screen and(max-width:540px) {
    .mobile-only-2,
    .pc-only,
    .step_description .text_center {
        display: none;
    }
    .fieldset__main-block {
        flex-direction: column;
        align-items: center;
    }
    .banner__block-form form .form-control {
        width: 80%;
    }
    .form-control {
        margin-bottom: 10px;
    }
    .form-check-label {
        width: 67%;
    }
    .fieldset__btn {
        margin-top: 25px;
    }
    .teamFaces__slider .slide-item {
        margin: 0 100px;
    }
    .ourwork__slider .slick-arrow {
        top: auto;
        bottom: -100px;
    }
    .ourwork__slider {
        margin-bottom: 150px;
    }
    .ourwork__slider .slick-arrow.slick-prev {
        left: 20%;
    }
    .ourwork__slider .slick-arrow.slick-next {
        right: 20%;
    }
    .review-slider .slick-arrow {
        width: 40px;
        height: 40px;
    }
    .constructionStages__block {
        padding: 48px 0;
    }
    .constructionStages__block .section__title {
        text-align: center;
    }
    .constructionStages__item {
        flex-direction: column;
    }
    .constructionStages__item:not(:last-child) {
        margin-bottom: 70px;
    }
    .constructionStages__item:not(:last-child)::after {
        bottom: -20%;
        left: 46%;
    }
    .constructionStages__desc-block {
        width: 100%;
        flex-direction: column;
    }
    .constructionStages__desc {
        margin-bottom: 0;
        text-align: center;
    }
    .constructionStages__desc-el {
        justify-content: center;
        align-items: center;
        width: 100%;
        flex-direction: row;
    }
    .constructionStages__desc-number {
        margin-right: 15px;
    }
    .footer__copyRight {
        margin-bottom: 20px;
    }
    .ourwork-page__item {
        width: 100%;
    }
    .fieldset__main .form-control__main {
        width: 80% !important;
    }
    .footer__btn,
    .footer__btn-quiz {
        width: 160px;
        font-size: 14px;
    }
    .designSchemes__elems1 {
        width: 100%;
    }
    .city__item,
    .city__item_invisible {
        width: 50%;
    }
}
@media (max-width: 500px) {
    .footer__block .section__subtitle {
        font-size: 18px;
    }
    .footer__block a {
        font-size: 14px;
    }
    .foo-contact__el {
        font-size: 14px;
    }
    .footer__copyRight {
        font-size: 14px;
    }

    .footer__link.politica {
        padding: 0;
    }

    .footer__btn {
        width: auto;
        min-width: 168px;

        font-size: 13px;
    }
}

@media (max-width: 400px) {
    .footer__btn {
        min-width: auto;

        font-size: 10.5px;
    }

    .footer__left-column {
        padding-left: 0 !important;
    }

    .footer__block .col-6 {
        padding-right: 0;
    }

    .footer__block .section__subtitle {
        font-size: 16px;
    }

    .footer__block .footer__email {
        font-size: 11px;
    }

    .footer__copyRight-block * {
        width: 100%;
    }

    .footer__link.politica,
    .footer__copyRight {
        font-size: 12px;
    }

    .footer__block {
        padding-bottom: 20px;
    }
}
