@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


html {
    --color_main: #222831;
    --color_link: #32b5e4;
    --color_link_hover: #1cbffa;
    --color_link_active: #00bfff;
    --color_link_footer: #fff;
    --color_link_hover_footer: #fafafa;
    --color2: rgba(31, 192, 85, 1.0);
    --color_bg_header: #fff;
    --color1: #393E46;
    --color3: #eeeeee;
    --color_dop1: rgba(31, 192, 85, 1.0);
    /* SWIPER */
    --swiper-navigation-color: rgba(31, 192, 85, 1.0);
    --swiper-theme-color: rgba(31, 192, 85, 1.0);
    --swiper-pagination-color: rgba(31, 192, 85, 1.0);
    --theme1: rgba(34, 40, 49, 1.0);
    --theme2: rgba(57, 62, 70, 1.0);
    --theme3: rgba(31, 192, 85, 1.0);
    --theme4: rgba(238, 238, 238, 1.0);
    --bg-info: #17a2b8;
    --bg-header: rgba(36, 38, 45, 0.10);
    --bg-footer: rgba(34, 40, 49, 1.0);
    --price-color: #a32829;

}

body {
    color: var(--color_main) !important;
    font-size: 16px !important;
}

img {
    image-rendering: crisp-edges;
}

p {
    font-size: 1rem;
    line-height: 1.4rem;
}

footer.footer {
    background-color: var(--bg-footer);

}

footer.footer .text-muted {
    color: var(--theme4) !important;
}

footer.footer p {
    color: #f1f1f1;
}


#left_menu_logo img {
    height: auto !important;
}

.color3 {
    color: var(--theme3);
}

.btn.btn-warning,
.btn.btn-warning.active,
.btn.btn-warning:active {
    color: #FFFF !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    background: #A32829 !important;
    border-radius: 4px;
    border: 1px solid #A32829;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 8px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 250px;
    line-height: 18px !important;
}

.btn.btn-warning:hover,
.btn.btn-warning.active:hover {
    border: 1px solid #A32829 !important;
    color: #A32829 !important;
    background: rgba(255, 255, 255, .85) !important;
}

.btn-trm {
    position: relative;
    display: inline-block;
    color: #FFFF;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    background: #A32829;
    border-radius: 4px;
    border: 1px solid #A32829;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 8px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    min-width: 250px;
}

.btn-trm.btn-trm-xl {
    font-size: 16px;
    padding: 14px 14px 11px;
}

.btn-trm:hover {
    border: 1px solid #A32829;
    color: #A32829 !important;
    background: rgba(255, 255, 255, .85);
}

/* .btn.btn-warning:hover {
    background-color: var(--color2);
    color: #fff;
    opacity: 0.8;
    border: none;
} */

.btn.btn-success,
.btn.btn-success.active,
.btn.btn-success:active {
    background-color: var(--color2) !important;
    white-space: nowrap;
    color: #fff !important;
    border: none;
    border-radius: 0.7rem !important;
    line-height: 2rem;
    text-transform: uppercase;
    padding: 0.2rem 1.4rem;
    border-radius: 4px !important;
}

.btn.btn-success:hover {
    background-color: var(--color2);
    color: #fff;
    opacity: 0.8;
    border: none;
}





.color_dop1 {
    color: var(--color_dop1) !important;
}

a:not(.btn):link,
a:not(.btn):visited {
    color: var(--color_link);
    border-bottom: 1px solid var(--color_link);
    transition: all 150ms ease-out;
}

a:not(.btn):hover {
    color: var(--color_link_hover);
    border-bottom: 1px solid var(--color_link_hover);
    opacity: 0.9;
}

a:not(.btn):active {
    color: var(--color_link_active);
    border-bottom: 1px solid var(--color_link_active);
    opacity: 0.6;
}

footer.footer a:not(.btn):link,
footer.footer a:not(.btn):visited {
    color: var(--color_link_footer);
    border-bottom: 1px solid var(--color_link_footer);
    padding: 0.3rem 0.5rem;
    /* border-radius: 13px; */
}

footer.footer a:not(.btn):hover {
    color: var(--color_link_hover_footer);
}

footer.footer a:not(.btn).active {
    background-color: rgba(255, 255, 255, .13);
}

.link_noborder,
.link_noborder:hover {
    border-bottom: none !important;
    text-decoration: none !important;
}


/* BOOTSTRAP CHANGE AND FIX */
.form-group .formTop {
    color: var(--color1);
}

.form-group input,
.form-group select,
.form-group textarea {
    border-radius: 11px !important;
}

#catalog_filter label {
    cursor: pointer;
    margin: 0;
}

#catalog_filter input[type="radio"] {
    display: none;
}

.catalog_filter_el_parent {
    opacity: 1;
    transition: opacity 200ms ease-out;
}

/* Маркированный список */

.check-list {
    list-style: none;
    padding: 0;
}

.check-list i {
    color: var(--color1);
}

.check-list li {
    color: #30304e;
    font-weight: 300;
    list-style: none;
    margin-bottom: 4px;
}

.check-list-small {
    margin: 0;
    padding: 0;
}

.check-list-small li {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 12px;
}

.max-390 {
    max-width: 390px;
}

#project-plans {
    width: 100%;
}

#left_menu a,
#project-plans a {
    border-bottom: none;
}

#carcas_top_nav {
    background-color: var(--color_bg_header);
}

.caps {
    text-transform: uppercase;
}

.no-wrap {
    white-space: nowrap;
}

textarea.autoheight {
    resize: none;
}

a.topmenu_call {
    border-bottom: none !important;
    padding: 0.5rem 1.6rem;
}

#sidebar-toggle {
    color: var(--color1);
    height: 56px;
}

#sidebar-toggle:hover {
    color: var(--color2);
    background-color: var(--theme2);
}

.call_me_bt {
    color: var(--color2) !important;
    font-size: 1.0rem;
    border: none !important;
    font-family: "Oswald", sans-serif;
    white-space: nowrap;

}

.call_me_bt>i {
    font-size: 1.4rem;
}

#left_menu hr {
    margin-top: 0;
    margin-bottom: 24px;
}

#left_menu .menu {
    margin: 0;
    margin-bottom: 8px;
}

#left_menu .menu li a {
    margin: 0;
    padding: 0 8px;
    padding-left: 16px;
    line-height: 3.0rem;
    font-size: 1.2rem;
}

#left_menu .menu li a.active {
    background-color: rgba(98, 0, 238, 0.12);
    color: #000;
}

#left_menu .menu li a>i {
    line-height: 40px;
}


.telegram_link>span {
    background-color: #24B7F2 !important;
}

.whatsapp {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 32px;
    text-align: left;
    border-bottom: none !important;
}

.whatsapp:hover {
    opacity: 0.86;
}

.whatsapp img {
    width: 26px;
    z-index: 5;
    margin-right: 4px;
}

.telegram-ico {
    display: flex;
    justify-content: start;
    align-items: center;
    padding-left: 2px;
    line-height: 22px;
    text-align: left;
    border-bottom: none !important;
}

.telegram-ico:hover {
    opacity: 0.86;
}

.telegram-ico img {
    width: 22px;
    z-index: 5;
    margin-right: 6px;
}



.bg-contain {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bg-parallax {
    background-attachment: fixed;
    background-position: top center;
    background-repeat: no-repeat;
}

.left_menu_logo {
    display: block;
    position: relative;
    height: 66px;
    line-height: 66px;
    margin-left: 57px;
    background-image: url('/template/img/logo.svg');
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto 88%;
    padding-left: 76px;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--color-main) !important;
}

input[type="date"],
input[type="time"] {
    padding: 8px 16px;
}

.timepicker {
    padding: 8px 16px;
    width: 100px;
}

.form-group input,
.form-group select,
.form-group textarea {
    font-size: 1.2rem;
}

.mobile-menu-close-btn {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2300;
    padding: 12px;
    border-radius: 50%;
}

.mobile-menu-close-btn:hover {
    background-color: rgba(0, 0, 0, .05);
}

.hero-section {
    aspect-ratio: 16 / 18;
    position: relative;
    overflow: hidden;
    background-position: 5% 50%;
}

@media screen and (min-width:568px) {
    .hero-section {
        aspect-ratio: 16 / 15;
    }

    .hero-title-1 {
        /* margin-top: 22vw !important; */
    }
}

@media screen and (min-width:992px) {
    .hero-section {
        aspect-ratio: 16 / 12;
        background-position: 20% 0%;
    }
}

@media screen and (min-width:1200px) {
    .hero-section {
        aspect-ratio: 16 / 9;
    }
}

.hero-section .swiper-wrapper {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.hero-slide-2 {
    background-image: url('/template/severnydom/img/slider/pd20-11.jpg');
}

.hero-half {
    height: 220px !important;
}

.hero-section>div {
    height: 100%;
}








.offer-1 {
    position: relative;
}

h1.title-1,
h1.title-2,
h1.title-3,
h1.title-b1,
h1.title-b2,
h1.title-b3 {
    color: var(--color1);
}

.title-1,
.title-2,
.title-3,
.title-b1,
.title-b2,
.title-b3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.title-1 {
    font-size: 24px;
    font-weight: 300;
}

.title-2 {
    font-size: 21px;
    font-weight: 300;
}

.title-3 {
    font-size: 18px;
    font-weight: 300;
}

.title-b1 {
    font-size: 32px;
}

.title-b2 {
    font-size: 28px;
}

.title-b3 {
    font-size: 24px;
}

.title-underlined {
    border-bottom: 1px solid var(--color2);
    margin-bottom: 8px;
    padding-right: 16px;
}


/* Старый блок "Наши преимущества" Класс применим к списку ul, дальше голый html */

.features {
    list-style: none;
    margin: 0;
    padding: 0;
}

.features>li {
    padding: 16px;
    padding-left: 48px;
    position: relative;
}

.features>li:before {
    position: absolute;
    left: 0;
    top: 50%;
    width: 36px;
    height: 36px;
    margin-top: -18px;
    content: '';
    background: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20baseProfile%3D%22full%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20xmlns%3Aev%3D%22http%3A%2F%2Fwww.w3.org%2F2001%2Fxml-events%22%20xml%3Aspace%3D%22preserve%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2235px%22%20height%3D%2235px%22%20%20viewBox%3D%220%200%2035%2035%22%20preserveAspectRatio%3D%22none%22%20shape-rendering%3D%22geometricPrecision%22%3E%22%3Cg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23fb9000%22%3E%3Cpath%20d%3D%22M33.616%2017.5c0%208.901-7.214%2016.116-16.116%2016.116-8.901%200-16.116-7.214-16.116-16.116%200-8.901%207.214-16.116%2016.116-16.116A.692.692%200%201%200%2017.5%200C7.834%200%200%207.834%200%2017.5S7.834%2035%2017.5%2035%2035%2027.166%2035%2017.5a.692.692%200%201%200-1.384%200z%22%2F%3E%3Cpath%20d%3D%22M11.74%2014.284a1.035%201.035%200%200%200-1.44-.002.978.978%200%200%200-.003%201.406l6.135%206.02c.41.402%201.083.387%201.474-.034l15.83-17.01a.979.979%200%200%200-.07-1.405%201.035%201.035%200%200%200-1.437.067l-15.11%2016.237-5.38-5.279z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E) 0 0 no-repeat;
}

.features-flex i {
    font-size: 64px;
    color: var(--color2);
}


.collapse {
    transition: all 350ms !important;
}

.yandex-map {
    height: 350px;
    overflow: hidden;
}

.swiperComplectation {
    margin-left: -16px;
    margin-right: -16px;
}

.swiperComplectation .complectator-element {
    padding-left: 16px;
    padding-right: 16px;
}

.swiperComplectation-swiper-button-next,
.swiperComplectation-swiper-button-prev,
.swiperLine-swiper-button-next,
.swiperLine-swiper-button-prev {
    padding: 14px !important;
}

.swiperComplectation-swiper-button-prev,
.swiperLine-swiper-button-prev {
    background-image: url('/template/img/slider/arrow-left.svg') !important;
}

.swiperComplectation-swiper-button-next,
.swiperLine-swiper-button-next {
    background-image: url('/template/img/slider/arrow-right.svg') !important;
}

@media screen and (min-width:480px) {
    .yandex-map {
        height: 400px;
    }
}

.worktime_table>div:first-child {
    width: 120px;
}


/* Главный слайдер */

.hero-title-1 {
    font-family: "Oswald", sans-serif;
    font-weight: 700;
    padding: 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 15vw;
    font-size: 12vw;
    margin-top: 11vw;
}

.hero-title-2 {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    padding: 0px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    line-height: 5vh;
    font-size: 4vh;
    margin-top: 2.5rem;
}

.slider_text1 {
    font-family: "Oswald", sans-serif;
    font-weight: 300;
    text-align: center;
    color: #fff;
    font-size: 6vw;
    margin-top: 3vw;
}

.slider_text_big {
    font-size: 160%;
    font-weight: 700;
    white-space: nowrap;
}

.slider_text_small {
    display: block;
    margin-top: 1.4vw;
    font-size: 5vw !important;
    font-weight: 300 !important;
}

.slider_text_small .slider_text_small_mini {
    font-size: 70% !important;
}

.slider-smm {
    margin-top: 8px;
}

.slider-smm .whatsapp>img {
    width: 32px;
}

.st-nowrap {
    white-space: nowrap;
    display: inline-block;
}

.st-bold {
    font-weight: 700;
}

.st-color2 {
    color: var(--color2);
}

.st-white {
    color: #fff;
}

.st-gray {
    color: #555;
}

.st-shadow {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.7);
}

.st-shadow2 {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.45);
}

.st-shadow-w {
    text-shadow: 1px 0px 0px rgba(255, 255, 255, 0.7);
}

.st-red {
    color: rgba(255, 0, 0, 0.85);
}

.st-red2 {
    color: #BB1F22;
}

.st-1-mega {
    font-size: clamp(7rem, 20vw, 20rem);
}

.st-2-mega {
    font-size: clamp(3rem, 5vw, 5rem);
}

.st-1 {
    font-size: clamp(3.1rem, 11.0vw, 7rem);
}

.st-2 {
    font-size: clamp(2.5rem, 5.2vw, 3.6rem);
}

.st-3 {
    font-size: clamp(2.0rem, 3.0vw, 2.8rem);
}

.st-4 {
    font-size: clamp(2.8rem, 4.0vw, 4.8rem);
}

.swiperHero {
    /* background-color: rgba(21, 31, 37, 0.32); */
    /* background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); */
}

.main_slider_btn {
    margin-top: 32px;
    margin-left: auto;
    margin-right: auto;
}

.main_slider_hint_text {
    color: #fff;
    padding-top: 42px;
    line-height: 15px;
    font-size: 12px;
}

.main_slider_btn .btn.btn-warning,
.btn.btn-warning.active,
.btn.btn-warning:active {
    line-height: 3rem;
}

@media screen and (min-width:568px) {
    .slider_text_small {
        font-size: 5vw !important;
    }
}

@media screen and (min-width:675px) {
    .slider_text_small {
        font-size: 3.3vw !important;
        /* background-color: rgba(0, 0, 0, .33);
        border-radius: 15px;
        padding: 0.4rem 1.6rem; */
    }
}

@media screen and (min-width:1420px) {
    .slider_text_small {
        font-size: 1.6vw !important;
        /* background-color: rgba(0, 0, 0, .33);
        border-radius: 15px;
        padding: 0.4rem 1.6rem; */
    }
}

@media screen and (min-width:992px) {
    .slider-smm {
        margin-top: 24px;
    }

    .slider-smm .whatsapp>img {
        width: 48px;
    }

    .main_slider_hint_text {
        color: #fff;
        padding-top: 62px;
        line-height: 18px;
        font-size: 15px;
    }
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}


/* Каталог проектов */

.project_photos {
    width: 100%;
    height: 100%;
}


/* .project_photos:before,
.project_photos:after{
    display: block;
    position: absolute;
    top: 40%;
    font-size:72px;
    opacity: 0.1;
    transition: all 200ms;
}
.project_photos:before{
    content: '‹';
    left: -10px;
}
.project_photos:after{
    content: '›';
    right:-10px;
}
.project_photos:hover:before,
.project_photos:hover:after{
    opacity: 0.9;
} */

.swiperProject_small {
    width: 100%;
    height: 220px;
}

.swiperProject_big {
    width: 100%;
    height: 220px;
}

.swiperBanner_domrf {
    width: 100%;
    max-width: 480px;
}

.swiperBanner_domrf img {
    width: 100%;
}

.swiperLine-x2 {
    height: 500px;
}

.swiperLine-x2 .swiper-slide {
    height: calc((100% - 30px) / 2);
}

.swiperLine-x2 .swiper-button-prev,
.swiperLine-x2 .swiper-button-next {
    color: var(--color2);
    top: 22px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.56);
    padding: 24px;
}

.swiperLine-x2 .swiper-button-prev {
    left: 0;
}

.swiperLine-x2 .swiper-button-next {
    right: 0;
}

.swiper-button-prev,
.swiper-button-next {
    color: var(--color2);
    top: 22px;
    height: 100%;
    /* background-color: rgba(255,255,255,0.56); */
    background-color: rgba(255, 255, 255, 0.1);
    padding: 24px;
    transition: background-color 200ms ease-out;
}

.swiper-container:hover .swiper-button-prev,
.swiper-container:hover .swiper-button-next {
    background-color: rgba(255, 255, 255, 0.36);
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: rgba(255, 255, 255, 0.56) !important;
}

.swiper-button-prev {
    left: 0;
}

.swiper-button-next {
    right: 0;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%231FC055'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%231FC055'%2F%3E%3C%2Fsvg%3E");
}


/* Каталог проектов */

.cat-banner {
    height: calc(100% - 30px);
    min-height: 364px;
    margin-bottom: 30px;
}

.cat-wrap {
    display: block;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);
    margin-bottom: 30px;
}

.cat-img {
    height: 280px;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.cat-title {
    color: var(--color1);
    font-size: 18px;
    font-weight: 300;
}

.cat-features {
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
    white-space: nowrap;
    color: #A9A9A9;
    font-size: 18px;
    font-weight: 600;
}

.cat-features .title {
    font-size: 12px;
    font-weight: 300;
    display: none;
}

.cat-price p {
    color: #8f8fa8;
    font-size: 13px;
    margin-bottom: -7px;
}

.cat-price>span {
    display: block;
    color: #30304e;
    font-size: 28px;
    font-weight: 500;
    position: relative;
    white-space: nowrap;
}

.cat-price.old>span {
    font-size: 26px;
    font-weight: 400;
    opacity: 0.5;
}

.cat-price.old>span:after {
    content: '';
    display: none;
    position: absolute;
    top: -1px;
    right: 7px;
    bottom: 0;
    margin: auto;
    width: 104px;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.8);
    transform: rotate(-6deg);
}

@media screen and (max-width: 576px) {
    .cat-price>span {
        font-size: 18px;
    }

    .cat-price.old>span {
        font-size: 15px;
    }
}

.shild_hit {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 8;
    width: 115px;
}

.category_small:after,
.category_medium:after,
.category_big:after {
    content: 'Серия';
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    z-index: 10;
    margin: auto;
    padding-top: 30%;
    text-align: center;
    height: 280px;
    color: #fff;
    font-size: 22px;
    background-color: var(--color2);
    opacity: 0.0;
    transition: all 200ms ease-in-out;
}

.category_small:after {
    background-color: var(--complect3-color);
}

.category_medium:after {
    background-color: var(--complect4-color);
}

.category_big:after {
    background-color: var(--complect5-color);
}

.category_small {
    border-bottom-color: var(--complect3-color) !important;
}

.category_medium {
    border-bottom-color: var(--complect4-color) !important;
}

.category_big {
    border-bottom-color: var(--complect5-color) !important;
}

.category_small:before,
.category_medium:before,
.category_big:before {
    content: 'Серия';
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    right: 15px;
    z-index: 11;
    margin: auto;
    padding-top: 33%;
    text-align: center;
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    opacity: 0.0;
    transition: all 300ms ease-in-out;
}

.category_small:before {
    content: 'КОМФОРТ';
}

.category_medium:before {
    content: 'ПРЕМИУМ';
}

.category_big:before {
    content: 'ЛЮКС';
}

.category_small:hover:after,
.category_medium:hover:after,
.category_big:hover:after {
    padding-top: 28%;
    opacity: 0.72;
}

.category_small:hover:before,
.category_medium:hover:before,
.category_big:hover:before {
    padding-top: 36%;
    opacity: 0.92;
}


/* Страница проекта */

html {
    --complect1-color: #66CC66;
    --complect2-color: #66CC66;
    --complect3-color: #009900;
    --complect4-color: #5bb622;
    --complect5-color: #deaa0c;
}

.nav-complactation-tabs {
    border-bottom: none !important;
}

.nav-complactation-tabs>a {
    display: block;
    opacity: 0.88;
    text-decoration: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .25) !important;
    background-color: rgba(0, 0, 0, .05);
    border-top: 4px solid #ccc !important;
    /* box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important; */
}

.nav-complactation-tabs>.active {
    border: none;
    opacity: 1.0;
    background-color: #fff;
    border-bottom: none !important;
    box-shadow: none !important;
    box-shadow: 0 -7px 8px rgba(0, 0, 0, .15) !important
}

.mobile-head-com1,
.mobile-head-com2,
.mobile-head-com3,
.mobile-head-com4,
.mobile-head-com5 {
    border-top: 4px solid #ccc !important;
    text-align: center;
}

#fakemodal_window {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    background-color: #fff;
    overflow-y: scroll;
    z-index: 101;
}

#fakemodal_window footer .fakemodal_window_close_bt {
    margin: 32px;
    display: block;
}

#fakemodal_window header .fakemodal_window_close_bt {
    position: fixed;
    top: 8px;
    right: 16px;
    z-index: 102;
}

.btn_more {
    display: inline-block;
}

*[aria-expanded="false"] .expand_more,
*[aria-expanded="true"] .expand_less {
    display: block;
    float: left;
}

*[aria-expanded="false"] .expand_less,
*[aria-expanded="true"] .expand_more {
    display: none;
    float: left;
}

.unpx {
    margin-left: -15px;
    margin-right: -15px;
}

.communication_header_accordion:hover {
    opacity: 0.9;
    background-color: rgba(0, 0, 0, .07);
    cursor: pointer;
}

.communication_header_accordion:active {
    opacity: 0.82;
    background-color: rgba(0, 0, 0, .12);
}

#nav-com1-tab,
.mobile-head-com1 {
    color: var(--complect1-color);
    border-top-color: var(--complect1-color) !important;
}

#nav-com2-tab,
.mobile-head-com2 {
    color: var(--complect2-color);
    border-top-color: var(--complect2-color) !important;
}

#nav-com3-tab,
.mobile-head-com3 {
    color: var(--complect3-color);
    border-top-color: var(--complect3-color) !important;
}

#nav-com4-tab,
.mobile-head-com4 {
    color: var(--complect4-color);
    border-top-color: var(--complect4-color) !important;
}

#nav-com5-tab,
.mobile-head-com5 {
    color: var(--complect5-color);
    border-top-color: var(--complect5-color) !important;
}

.color_com1 {
    color: var(--complect1-color) !important;
}

.color_com2 {
    color: var(--complect2-color) !important;
}

.color_com3 {
    color: var(--complect3-color) !important;
}

.color_com4 {
    color: var(--complect4-color) !important;
}

.color_com5 {
    color: var(--complect5-color) !important;
}

.pricer-marker {
    font-size: 13px !important;
    color: #333;
}

.complect-left-line {
    margin-left: 2px;
    padding-left: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-left: 3px solid #ccc;
}

#nav-com1 .complect-left-line {
    border-left-color: var(--complect1-color);
}

#nav-com2 .complect-left-line {
    border-left-color: var(--complect2-color);
}

#nav-com3 .complect-left-line {
    border-left-color: var(--complect3-color);
}

#nav-com4 .complect-left-line {
    border-left-color: var(--complect4-color);
}

#nav-com5 .complect-left-line {
    border-left-color: var(--complect5-color);
}

.features-line {
    font-size: 80%;
}

.box-shadow {
    -webkit-box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);
    box-shadow: 2px 2px 30px rgba(0, 0, 0, .1);
}

p.text {
    color: #6f6f8a;
    font-weight: 300;
}

.project-price {
    text-align: right;
}

.project-price p {
    margin-bottom: 0;
}

.project-price span {
    color: #f00;
    font-size: 32px;
}

.counter-info>span {
    font-size: 42px;
}

.new-year-bt {
    color: var(--color2) !important;
}

.topmenu_call_bt>a {
    padding: 4px 0px;
    text-align: left;
}

.card-opacity {
    background-color: rgba(255, 255, 255, 0.88);
}

.about-officebg {
    background-image: url(/template/severnydom/img/DJI_0442.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.about-planninbg {
    background-image: url(/template/severnydom/img/bg-planning.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: auto 100%;
}

.contacts-officebg {
    height: 300px;
    background-image: url(/template/severnydom/img/office.jpg);
    position: relative;
    background-position: 25% 50%;
}

.contacts-officebg-description {
    position: absolute;
    bottom: 32px;
    right: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.8);
    color: var(--color1);
    border-radius: 2px;
}

/* ****************************** География ****************************** */

.geography.bg-map {
    background: url('/template/severnydom/img/map-4.png') no-repeat;
    background-position: top center;
    background-size: auto 550px;
}

.geography .container {
    position: relative;
    height: 640px;
}

.geography_text1 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(255, 255, 255, 0.82) !important;
}

.info__g {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: rgba(23, 162, 184, 0.82) !important;
}

@media (min-width: 992px) {
    .geography.bg-map {
        background-position: 100% 0;
    }

    .geography .container {
        height: 540px;
    }

    .geography_text1 {
        max-width: 420px;
        right: auto;
    }

    .info__g {
        max-width: 520px;
        right: auto;
    }
}

@media (min-width: 1520px) {
    .geography.bg-map {
        background-position: 50% 50%;
    }
}


/*
Новое боковое меню
*/

#modal {
    margin-bottom: 72px;
}

@media screen and (min-width:480px) {
    #modal {
        margin-bottom: 0;
    }
}

#main_area {
    position: relative;
    height: 100%;
    width: 100%;
    left: 0;
    -webkit-transition: left 0.4s ease-in-out;
    -moz-transition: left 0.4s ease-in-out;
    -ms-transition: left 0.4s ease-in-out;
    -o-transition: left 0.4s ease-in-out;
    transition: left 0.4s ease-in-out;
}

#main_content {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}


.gallery_img {
    position: relative;
    width: 148px;
    height: 98px;
    overflow: hidden;
    border: 3px solid #fff;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .6);
}

.gallery_img>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
}

@media screen and (min-width: 992px) {
    .gallery_img {
        width: 330px;
        height: 220px;
        border: 7px solid #fff;
    }
}


.credit-bg {
    background-image: url('/template/severnydom/img/bg_1.jpg');
    position: relative;
}

.credit-bg-text-box {
    font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.15;
    background-color: rgba(255, 255, 255, 0.4);
    font-size: clamp(2rem, 3.2vw, 4rem);
    padding: 1.2rem;
    color: #fff;
}

.installment-bg {
    background-image: url('/template/severnydom/img/bg-instalment.jpg');
    position: relative;
}

.in-bg_panel {
    position: absolute;
    bottom: 32px;
    left: 0;
    background-color: rgba(255, 255, 255, 0.78);
    color: var(--color2);
    padding: 24px 0 32px 0;
}

.banks-cards>.card {
    height: 90px;
}

.biglead {
    font-size: 64px;
    font-weight: bold;
    line-height: 64px;
}


/* FOOTER */

footer.footer {
    border-top: 1px solid #c3c3c3;
}

.footer-tel {
    padding: 0 !important;
    line-height: 2.6rem;
    font-size: 1.5rem;
    text-decoration: none;
    border-bottom: none !important;
}

.any-tel {
    font-size: 24px;
    font-weight: bold;
    color: var(--color2) !important;
    border-bottom: none !important;
}

.footer-links {
    max-width: 270px;
    min-width: 200px;
    margin: 0 auto;
}


.footer-links a {
    line-height: 1.9rem;
    border-bottom: none !important;
    border-radius: 13px;
}

.planning-works>div {
    max-width: 360px;
}

.mobile-head-link {
    border-bottom: none !important;
    color: var(--color1) !important;
}

.mobile-logo {
    width: 53px;
    height: 50px;
    margin-right: 8px;
    background-image: url(/template/img/logo.svg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border-bottom: none !important;
    text-decoration: none !important;
}

.bg_promo_qr {
    background-image: url('/template/severnydom/img/bg-promo_qr.jpg');
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.bg_promo_qr>div {
    min-height: 350px;
}

.bg_promo_qr_text {
    max-width: 600px;
}

@media screen and (max-width:576px) {
    .bg_promo_qr>div {
        background-color: rgba(255, 255, 255, 0.8);
    }
}


.project_description {
    font-size: 17px;
}

.pd-lead {
    font-size: 32px;
    opacity: 0.9;
    color: var(--color2);
}

.pricer-start {
    font-size: 32px;
    color: var(--color2);
}

.ps-lead {
    font-size: 140%;
}



.checkselect {
    position: relative;
    display: inline-block;
    min-width: 160px;
    text-align: left;
}

.checkselect-control {
    position: relative;
    padding: 0 !important;
}

.checkselect-control select {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding-left: 5px;
    height: 38px;
}

.checkselect-over {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
}

.checkselect-popup {
    display: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    max-height: 200px;
    position: absolute;
    top: 100%;
    left: 0px;
    border: 1px solid #dadada;
    border-top: none;
    background: #fff;
    z-index: 99;
    overflow: auto;
    user-select: none;
}

.checkselect label {
    position: relative;
    display: block;
    margin: 0;
    padding: 6px 8px 6px 32px;
    font-weight: normal;
    font-size: 1.0em;
    line-height: 1.4;
    cursor: pointer;
}

.checkselect-popup input {
    position: absolute;
    top: 9px;
    left: 12px;
    margin: 0 !important;
    padding: 0;
}

.checkselect-popup label:hover {
    background: #03a2ff;
    color: #fff;
}

.checkselect-popup fieldset {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
}

.checkselect-popup fieldset input {
    left: 15px;
}

.checkselect-popup fieldset label {
    padding-left: 32px;
}

.checkselect-popup legend {
    display: block;
    margin: 0;
    padding: 5px 8px;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.1;
}

/* БЛОК ТАБОВ В ГАЛЕРЕЕ */
.galleryTabsContainer {
    overflow-x: scroll;
}

.galleryTabsContainer::-webkit-scrollbar {
    display: none;
}

#galleryTabs {
    display: flex;
    flex-wrap: nowrap;
}

.galleryTabsContainer .nav-item {
    display: block;
}

.galleryTabsContainer a.nav-link {
    display: block;
    max-width: 40vw;
    font-size: 13px;
    text-align: center;
    color: #888;
    text-transform: uppercase;
    border-radius: 7px;
    border: none;
}

.galleryTabsContainer a.nav-link.active {
    color: #000;
    background-color: rgba(98, 0, 238, 0.12);
    border: none;
}

/* ФОТОГРАФИИ В ГАЛЕРЕЕ */
.gallery>* {
    width: 232px;
    min-height: 232px;
    margin: 16px;
    transition: all 150ms;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.gallery>*:hover {
    opacity: 0.92;
    -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, .2);
    box-shadow: 2px 2px 16px rgba(0, 0, 0, .2);
}

.gallery-default>* {
    position: relative;
}

.gallery-default>*:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

.gallery-default>*>img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.gallery-default>*:hover>img {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.downloader {
    opacity: 0;
    z-index: 9101;
}

.gallery-default>*:hover .downloader {
    opacity: 0.8;
}

.gallery-default>*:hover .downloader:hover {
    opacity: 1.0;
    color: #222;
}


.sketchfab_embed {
    position: absolute;
    bottom: 18px;
    left: 15px;
    width: 24px;
}

.youtube_embed {
    position: absolute;
    bottom: 20px;
    left: 46px;
    width: 28px;
}





#carcas_top_title_mobile {
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 14px;
}


.section-box {
    padding: 100px 0 80px;
}

.sec-title h2 {
    position: relative;
    display: block;
    font-size: 42px !important;
    line-height: 1.1em;
    color: #24262d;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Oswald', sans-serif;
    margin: 0;
}

.sec-title .title {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: normal;
    color: #de9e53;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 14px;
    letter-spacing: 0.05em;
    color: var(--color2);
}

.about-section .counter-column .counter-title {
    color: #787878;
}

.step-box {
    display: block;
    position: relative;
}

.step-box .step-number {
    position: absolute;
    top: 0;
    right: 30%;
    z-index: 4;
    font-size: 8rem;
    opacity: 0.3;
    color: var(--color2);
    font-family: 'Oswald', sans-serif;
}

.step-box .step-text {
    bottom: 0;
    width: 90%;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.step-box-big {
    display: block;
    min-height: 190px;
    position: relative;
    margin-bottom: 2rem;
}

.step-box-big:after {
    clear: both;
    display: block;
    content: '';
}

.step-box-big .step-number {
    position: absolute;
    top: -3rem;
    right: 15%;
    z-index: 4;
    font-size: 10rem;
    opacity: 0.3;
    color: var(--color2);
    font-family: 'Oswald', sans-serif;
}

.step-box-big .step-text {
    width: 90%;
}

.step-text-title {
    font-weight: bold;
}

.page-containter {
    padding-top: 0;
}

.img-pulled {
    max-width: 45%;
    margin-left: 1rem;
    margin-bottom: 1rem;
    width: 100%;
    float: right;
}

/* .ipoteka-container {
    background-color: #f8f8f8;
    border-radius: 21px;
    padding: 32px 0 32px;
    margin-top: 2rem;
} */


.svgicon-managment {
    background-image: url('/template/img/farm/management.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    height: 53px;
    display: block;
}

.svgicon-calendar {
    background-image: url('/template/img/farm/calendar.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    height: 53px;
    display: block;
}

.svgicon-garant {
    background-image: url('/template/img/farm/icon-garant.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;

    height: 53px;
    display: block;
}

@media screen and (min-width: 992px) {
    .ipoteka-container {
        padding: 57px 25px 32px;
    }
}

.ipoteka-block {
    width: 48%;
    min-height: 180px;
    padding-top: 2rem;
    padding-right: 1.1rem;
    padding-bottom: 1.6rem;
    padding-left: 1.3rem;
    margin-bottom: 2rem;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 11px;
    /* box-shadow: 0px 7px 13px rgba(232, 232, 232, 0.25); */
}

.ipoteka-block .hh {
    font-size: 120%;
    margin-bottom: 8px;
}

.card-box {
    width: 100%;
    position: relative;
    min-height: 545px;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.card-box-img {
    height: 250px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

.card-box-title {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-weight: 700;
    padding: 20px 16px 12px;
}

.card-box-text {
    padding: 0 16px 35px;
}

.card-box-link {
    position: absolute;
    bottom: 16px;
    left: 0;
    width: 100%;
}

#accordionFaq .card-header>div {
    font-size: 1.1rem;

}

#accordionFaq .card-header>div:after {
    content: '–';
    display: block;
    float: right;
    font-size: 1.1rem;
    font-weight: bold;
    color: var(--color2);

}

#accordionFaq .card-header>div.collapsed:after {
    content: '+';

}

.section-pt {
    padding-top: 50px !important;
}

.section-mb {}

.form-box {
    border-top: 1px solid #f2f2f2;
    border-bottom: 2px solid #f2f2f2;
    background-color: #f2f2f2;

}

.form-box>div {
    background-image: url('/template/img/farm/roof-bg-right.png');
    background-repeat: no-repeat;
    background-size: auto 60%;
    background-position: 40% 100%;
}

.cat-box {
    display: block;
    height: 160px;
    font-size: 22px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1.0);
    position: relative;
    margin-bottom: 8px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 300ms;
}

.cat-box-full {
    background-position: center bottom;
    background-size: auto 90%;
}


.cat-box:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.22);
}

.cat-box>span {
    position: absolute;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif;
    white-space: nowrap;
    line-height: 2rem;
    bottom: 10%;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
    color: rgba(255, 255, 255, 1.0);
    transition: all 300ms;
}

.cat-box>span>small {
    font-size: 0.6em;
    text-transform: none;
}

.cat-box:hover>span {
    bottom: 15%;
}

.main-box-2-row>div {
    width: 100%;
    max-width: 120px;
}

.bank-logo-sber,
.bank-logo-alfa,
.bank-logo-vtb,
.bank-logo-domrf,
.bank-logo-rsb,
.bank-logo-rosbank {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 100px;
    margin: 0 16px;
}

.bank-logo-sber {
    background-image: url('/template/img/bank/Sberbank_Logo_2020.svg');
}

.bank-logo-alfa {
    background-image: url('/template/img/bank/Alfa-Bank.svg');
}

.bank-logo-vtb {
    background-image: url('/template/img/bank/VTB_Logo_2018.svg');
}

.bank-logo-domrf {
    background-image: url('/template/img/bank/Dom.rf_Bank_Logo.png');
}

.bank-logo-rsb {
    background-image: url('/template/img/bank/rsb.png');
}

.bank-logo-rosbank {
    background-image: url('/template/img/bank/rosbank.png');
}

.fun-fact-section .counter-column .count-text {
    font-family: "Oswald", sans-serif;
    font-weight: 100 !important;
    font-size: 46px !important;
}

.fun-fact-section .counter-column .counter-title {
    font-family: "Oswald", sans-serif !important;
    font-weight: 300 !important;
}

@media screen and (min-width: 576px) {
    .nav-complactation-tabs>a {
        padding: 12px 32px;
        margin-right: 8px;
    }

    .nav-complactation-tabs>a:last-child {
        margin-right: 0 !important;
    }

    .features-line {
        font-size: 100%;
    }
}

@media screen and (max-width:767px) {
    .sketchfab-embed-wrapper {
        margin: 0 -15px;
    }

    .sketchfab-embed-wrapper>iframe {
        margin: 0;
        width: 100%;
        max-width: 420px;
        height: 440px;
    }

    .fun-fact-section .counter-column .inner {
        padding: 30px 15px !important;
    }

    .about-section-two .fun-fact-section .inner-container:before {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .wireframe-2blocks {
        display: flex;
        justify-content: space-between;
        align-items: start;
    }

    .wireframe-2blocks>div {
        width: 48%;
    }

    .sketchfab-embed-wrapper,
    .sketchfab-embed-wrapper>iframe {
        width: 100%;
        max-width: 620px;
        height: 320px;
    }

    .hero-title-1 {}

    .hero-title-2 {
        line-height: 6vh;
        font-size: 5vh;
        margin-top: 5vh;
    }

    .title-1 {
        font-size: 36px;
    }

    .title-2 {
        font-size: 32px;
    }

    .title-3 {
        font-size: 23px;
    }

    .main-box-2-row>div {
        max-width: 160px;
    }

    .cat-box {
        height: 320px;
        margin-bottom: 24px;
    }
}


@media screen and (max-width: 960px) {
    #nav-tabContent {
        margin-left: -15px;
        margin-right: -15px;
    }

    #nav-tabContent.tab-content>.tab-pane {
        display: block !important;
        opacity: 1.0 !important;
    }

    .footer-links {
        font-size: 80%;
        padding-right: 16px;
    }
}

@media screen and (max-width: 991px) {
    #left_menu {
        position: fixed;
        z-index: 2200;
        width: 95%;
        max-width: 360px;
        height: 100%;
        top: 0;
        left: -100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        background-color: rgba(255, 255, 255, 1.0);
        transition: all 350ms;
    }

    #left_menu.open-sidebar {
        left: 0;
        -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    }

}


@media screen and (min-width: 992px) {
    .left_menu_logo {
        display: none;
    }

    .header-tapmenu>div {
        padding: 0 4px;
    }

    .header-tapmenu a {
        display: block;
        padding: 8px 16px;
        font-size: 0.9rem;
    }

    .header-tapmenu a:hover {
        background-color: #eceff1;
        color: #3b3b3b;
        text-decoration: none;
    }

    .desktop_logo {
        display: block;
        position: absolute;
        z-index: 15;
        width: 80px;
        height: 76px;
        top: 0px;
        background-image: url('/template/img/logo.svg');
        background-position: center top;
        background-size: auto 64px;
        background-repeat: no-repeat;
        border-top: 5px solid #fff;
    }

    .desktop_logo>span {
        display: block;
        text-align: center;
        position: absolute;
        bottom: 3px;
        left: 0;
        width: 100%;
        text-transform: uppercase;
        font-size: 0.6rem;
        color: #222;

    }

    #left_menu {
        transition: all 350ms;
        position: fixed;
        top: 0;
        background-color: rgba(255, 255, 255, 1.0);
        width: 100%;
        z-index: 10;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.10);
    }

    #left_menu a {

        color: #222;
    }

    #left_menu .desktop_logo {
        background-color: #fff;
        border-radius: 0 0 0.2rem 0.2rem;
    }

    #left_menu .menu li a {
        color: #222;
        font-size: 0.9rem;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 2.2rem;
        border-radius: 0.9rem;
        margin: 0;
        margin-right: 4px;
        padding-left: 0.7rem !important;
        padding-right: 0.7rem !important;
    }

    #left_menu .menu li a.topmenu_call {
        padding-left: 1.2rem !important;
        padding-right: 1.2rem !important;
        margin-left: 1rem;
    }

    #left_menu.adaptive_desktop_menu:not(.menu_scrolled) {
        background-color: var(--bg-header);
    }

    #left_menu.adaptive_desktop_menu:not(.menu_scrolled) a,
    #left_menu.adaptive_desktop_menu:not(.menu_scrolled) .menu li a {
        color: #fff !important;
    }

    #left_menu.adaptive_desktop_menu:not(.menu_scrolled) a:hover,
    #left_menu.adaptive_desktop_menu:not(.menu_scrolled) .menu li a:hover {
        color: #333 !important;
    }


    .mobile-menu-close-btn {
        display: none;
    }

    .hero-title-1 {
        font-size: 7vw;
        line-height: 9vw;
        margin-top: 9vw !important;
    }

    .galleryTabsContainer a.nav-link {
        font-size: 18px;
    }

    /* Фильтр в каталоге */
    #catalog_filter {
        position: sticky;
        top: 0;
        z-index: 15;
    }

    #contentMain {
        padding-top: 0;
    }

    .left_menu_container {
        display: none;
    }

    .page-containter {
        padding-top: 82px;
    }

    .cat-box {
        font-size: 32px;
    }

    .form-box>div {
        background-size: auto 55%;
        background-position: 10% 100%;
    }
}

@media screen and (max-width:1200px) {
    .about-section-two .fun-fact-section {
        margin: 0 !important;
    }

    .about-section-two .fun-fact-section .inner-container {
        padding: 20px 15px !important;
        text-align: center !important;
        margin: 0 !important;
    }
}

@media screen and (min-width:1200px) {

    .hero-title-1 {}

    .hero-title-2 {
        line-height: 6vh;
        font-size: 5vh;
        margin-top: 5vh;
    }

    .slider_text1 {
        font-size: 4vw;
        margin-top: 2.4vw;
    }

    .main_slider_btn {
        bottom: 5vw;
    }
}

.seo_h1 {
    display: none !important;
}

.sec-title h1.title {
    font-family: 'Roboto', sans-serif;
}

.breadcrumb {
    padding: 0 !important;
    background-color: transparent !important;
}

ul.breadcrumb li {
    display: block;
    position: relative;
    margin-right: 8px;
    padding-right: 22px;
    text-transform: capitalize;
    color: #555;
}

ul.breadcrumb li a {
    border-bottom: none !important;
}

ul.breadcrumb li:after {
    content: '→';
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.7;

}

ul.breadcrumb li:last-of-type:before,
ul.breadcrumb li:last-of-type:after {
    display: none;
}

.mobile-menu-lk-btn {
    display: block;
    padding: 19px 5px;
    background-color: #F6F6F6;
    position: relative;
}

.mobile-menu-lk-btn p {
    color: #000;
}

.mobile-menu-lk-btn svg {
    margin-right: 24px;
    margin-left: 16px;
}

.mobile-menu-lk-btn:after {
    content: "";
    position: absolute;
    right: 9px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 9px;
    background: url(/template/img/m-menu-arrows_2.svg);
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: .2s all;
    -o-transition: .2s all;
    transition: .2s all;
}

.lk-banner {}

.lk-banner-bg {
    display: block;
    height: 190px;
    background-image: url(/template/img/lk-bg.avif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center left;
}

.fix_catalog_form {
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.fix_catalog_form .form-group {
    margin-bottom: 8px;
}

@media screen and (min-width:768px) {
    .lk-banner {
        display: flex;
    }

    .lk-banner-text {}

    .lk-banner-bg {
        width: 50%;
    }
}


.specs {
    width: 100%;
    display: grid;
    border-radius: 4px;
    border: 1px solid #d4d4d4;
    box-shadow: 0 8px 13px rgba(0, 0, 0, .05);
    overflow: hidden;
    grid-template-columns: auto auto 1fr auto;
}

.specs-price {
    background-color: #f3f4f4;
    padding: 20px 32px 20px 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid #d4d4d4;
}

.specs-price_old {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 4px;
}

.specs-price_value {
    font-size: 24px;
    font-weight: 300;
    font-family: 'Oswald', sans-serif;
}

.specs-price_credit {
    font-size: 15px;
    color: #1b9e53;
    margin-top: 4px;
}

.specs-price_credit_link {
    display: inline;
    border-bottom: 1px solid #a9d1b7;
}

.ipoteka-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
}

.specs-grid {
    display: flex;
    flex: auto;
    align-items: baseline;
    padding: 28px 20px;
}

.specs-type {
    min-width: 160px;
    margin-right: auto;
    padding: 28px 0 28px 32px;
}

.specs-type_name {
    color: #7d7d7d;
    font-size: 15px;
}

.specs-type_name::after {
    content: ":";
}

.specs-type_value {
    font-size: 16px;
    font-weight: 600;
    hyphens: auto;
    margin-top: 2px;
}

.specs-type_action {
    margin-top: 16px;
}

.specs-options {
    display: grid;
    grid-gap: 16px;
    grid-template-columns: repeat(4, auto);
    justify-content: space-between;
    flex: auto;
}

.specs-option {
    padding-left: 36px;
    position: relative;
    line-height: 1rem;
}

.specs-option_icon {
    position: absolute;
    left: 0;
    top: 0;
    opacity: .5;
}

.specs-option_name {
    color: #7d7d7d;
    font-size: 15px;
}

.specs-option_name::after {
    content: ":";
}

.specs-option_value {
    font-size: 16px;
    font-weight: 600;
    hyphens: auto;
    margin-top: 2px;
}

.specs-button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: none;
    flex-direction: column;

    position: relative;
    transition: all .25s;

    border-bottom: none !important;
    text-decoration: none;

    color: #FFFF !important;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-align: center;
    background: #A32829 !important;
    border-radius: 4px;
    border: 1px solid #A32829;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 10px 8px;
    padding: 20px 28px 20px 32px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    line-height: 18px !important;
}

.specs-button_text {
    color: #fff !important;
    border-bottom: none !important;
}

.specs-button:hover {
    background-color: #fff !important;
}

.specs-button:hover .specs-button_text {
    color: #A32829 !important;
}

.layouts-highlight {
    background-color: #1b9e53;
    color: #fff;
    padding: 0;
    margin: 40px 0;
    position: relative;
    border: 28px solid transparent;
    background-clip: padding-box;
    border-image: 1 url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" width="3" height="3" fill="%231b9e53"><polygon points="0,0 1,0 2,0 3,1 3,3 2,3 1,3 0,3" /></svg>');
    display: flex;
    align-items: center;
}

.layouts-highlight:last-child {
    margin-bottom: 0;
}

.layouts-highlight::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: .2;
    background-image: url(/bitrix/templates/v2.0/static/css/../img/waves.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: -28px;
}

.layouts-highlight_text {
    margin-right: auto;
    padding-right: 28px;
    font-size: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.layouts-highlight_text_icon {
    margin-right: 10px;
    flex: none;
}

.layouts-highlight_action {
    flex: none;
    position: relative;
    z-index: 1;
    cursor: help;
}

.layouts-highlight_action:hover .tooltip {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
}


@media screen and (max-width:1200px) {
    .specs-price_credit {
        margin-top: 0;
    }

    .product-views {
        display: none;
    }

    .specs {
        grid-template-columns: auto;
    }

    .specs-grid {
        grid-column-end: span 1;
        padding: 20px;
        border-top: 1px solid #d4d4d4;
    }

    .specs-options {
        grid-template-columns: 1fr 1fr;
    }

    .specs-type {
        margin: 0;
        display: grid;
        grid-template-columns: 1fr auto;
        grid-gap: 16px;
    }

    .specs-type_action {
        margin: 0;
    }

    .specs-price {
        padding: 20px;
        border-right: none;
    }

    .specs-type {
        padding: 20px;
    }

    .specs-button {
        padding: 12px 20px;
        order: 1;
        border-left: none;
        flex-direction: row;
    }

    .specs-button_icon {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }

    .layouts-highlight {
        flex-direction: column;
        text-align: center;
    }

    .layouts-highlight_text {
        font-size: 18px;
    }

    .layouts-highlight_text+.layouts-highlight_text {
        padding: 0;
        margin: 8px 0 0;
    }

    .layouts-highlight_text:first-child .layouts-highlight_text_icon {
        display: none;
    }

    .layouts-highlight_text_icon {
        margin: 0;
    }

    .layouts-highlight {
        margin-top: 28px;
        flex-wrap: wrap;
        border-width: 20px;
    }

    .layouts-highlight_text {
        padding: 0;
        margin: 0;
    }


    .layouts-highlight_action {
        width: 100%;
        margin-top: 12px;
    }

    .desktop {
        display: none !important;
    }

}

.b24-widget-button-position-bottom-right {
    left: 24px !important;
    bottom: 16px !important;
}

.whatsapp-widget-button {
    display: block;
    position: fixed;
    z-index: 101;
    left: 12px !important;
    bottom: 60px !important;
    width: 42px;
    height: 42px;
    background-image: url('/template/img/whatsapp.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none !important;
    border: none !important;
}

.telegram-widget-button {
    display: block;
    position: fixed;
    z-index: 101;
    left: 14px !important;
    bottom: 15px !important;
    width: 36px;
    height: 36px;
    background-image: url('/template/img/telegram.svg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    text-decoration: none !important;
    border: none !important;
}

.mobile-left-form-box {
    border-top: 1px solid #f1f1f1;
}

.mobile-left-form-box .sec-title {
    margin-bottom: 0;
    margin-top: 16px;
}

.mobile-left-form-box .form-group {
    margin-bottom: 10px;
}


.ribbon {
    position: relative;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
}

.ribbon3 {
    width: 80px;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    position: absolute;
    left: -8px;
    top: 13px;
    background: #00CCCC;
}

.ribbon3:before,
.ribbon3:after {
    content: "";
    position: absolute;
}

.ribbon3:before {
    height: 0;
    width: 0;
    top: -8.5px;
    left: 0.1px;
    border-bottom: 9px solid black;
    border-left: 9px solid transparent;
}

.ribbon3:after {
    height: 0;
    width: 0;
    right: -14.5px;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #00CCCC;
}



.offer-catalog-block {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    max-width: 725px;
    background-image: url(/template/img/offers/family_mortgage.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    font-family: "Oswald", sans-serif;
}

.offer-card-block {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    background-image: url('/template/img/offers/offer-basement.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 30%;
    font-family: "Oswald", sans-serif;
    position: relative;
}

.offer-hint-text {
    color: #fff;
    line-height: 18px;
    font-size: 16px;
    font-weight: 300;
    padding-bottom: 48px;
}

.offer-card-block::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: rgba(0, 0, 0, .38);
}

.offer-card-block>div {
    position: relative;
    z-index: 2;
}

.offer-catalog-block-title {
    font-size: 2.4rem;
    color: #fff;
    padding-left: 16px;
    padding-left: 16px;
    padding-top: 54px;
    text-transform: uppercase;
    font-weight: 700;
}

.offer-catalog-block-dedline {
    font-size: 1.7rem;
    color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 32px;
}

.offer-catalog-block-link {
    color: #fff;
    padding-left: 32px;
    padding-top: 20px;
    padding-bottom: 64px;
}

@media screen and (min-width: 992px) {
    .offer-catalog-block {
        height: 377px;
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .offer-card-block {
        min-height: 477px;
    }

    .offer-card-block .offer-catalog-block-title {
        font-size: 3.8rem;
        padding-top: 84px;
    }

    .offer-card-block .offer-catalog-block-dedline {
        padding-top: 84px;
    }

}

@media screen and (min-width:1200px) {
    .offer-catalog-block {
        height: 427px;
    }
}

.sert_box {}

.sert_box>div {
    max-width: 300px;
    background-color: rgba(0, 0, 0, .03);
    border-radius: 7px;
    padding: 0.85rem;
    margin: 0 1.2rem 1.2rem 1.2rem;
}

@media screen and (min-width: 992px) {}




/* Раздел ОТЗЫВЫ */
.testimonials .testimonial-wrap {
    padding-left: 10px;
}

.testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px;
    margin: 30px 10px;
    position: relative;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: -1px 5px 20px 0px var(--box-shadow-color);
}

.testimonials .testimonial-item .info-box {
    min-width: 276px;
}

.testimonials .testimonial-item .testimonial-img {
    width: 90px;
    border-radius: 50px;
    margin-right: 15px;
}

.testimonials .testimonial-item h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    color: var(--color-primary);
}

.testimonials .testimonial-item h4 {
    font-size: 14px;
    color: #999;
    margin: 0;
}

.testimonials .testimonial-item .stars {
    margin: 10px 0;
}

.testimonials .testimonial-item .stars {
    color: #ffc107;
    margin: 0 1px;
}

.testimonials .testimonial-item .quote-icon-left,
.testimonials .testimonial-item .quote-icon-right {
    color: var(--color-primary);
    font-size: 26px;
    line-height: 0;
}

.testimonials .testimonial-item .quote-icon-left {
    display: inline-block;
    left: -5px;
    position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
    display: inline-block;
    right: -5px;
    position: relative;
    top: 10px;
    transform: scale(-1, -1);
}

.testimonials .testimonial-item p {
    font-style: italic;
    margin: 15px auto 15px auto;
    color: var(--text-color);
}

.testimonials .swiper-pagination {
    margin-top: 20px;
    position: relative;
}

.testimonials .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background-color: rgb(134 134 134 / 20%);
    opacity: 1;
}

.testimonials .swiper-pagination .swiper-pagination-bullet-active {
    background-color: var(--color-primary);
}

@media (max-width: 767px) {
    .testimonials .testimonial-wrap {
        padding-left: 0;
    }

    .testimonials .testimonial-item {
        padding: 30px;
        margin: 15px;
        flex-direction: column;
    }

    .testimonials .testimonial-item .testimonial-img {
        position: static;
        left: auto;
    }
}