:root{
    --text: #000000;
    --grey: #CFCFCF;
    --grey_text: #9C9C9C;
    --color: #FF4900;
    --color_h: rgba(218, 72, 14, 1);
    --font_1: 'Neoris';
    --font_2: 'Bluescreens';
}
/*TT Neoris*/
@font-face {
    font-family: 'Neoris';
    src: url('../fonts/TT_Neoris/eot/TT_Neoris_Regular.eot');
    src: url('../fonts/TT_Neoris/eot/TT_Neoris_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TT_Neoris/ttf/TT-Neoris-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/*TT Bluescreens*/
@font-face {
    font-family: 'Bluescreens';
    src: url('../fonts/TT_Bluescreens/eot/TT_Bluescreens_Regular.eot');
    src: url('../fonts/TT_Bluescreens/eot/TT_Bluescreens_Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/TT_Bluescreens/ttf/TT_Bluescreens_Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

html {font-family: 'Neoris'; font-size: 16px;}
html {font-family: 'Neoris'; font-size: 16px;}
body {
    font-size: 1rem;
    color:var(--text);
}
a {transition:all 250ms ease 0ms;}
.container {
    max-width: 112.5rem;
    padding: 0 0em;
    width: 100%;
    margin: auto;
	position: relative;
	z-index: 1;
}
.row {
    display: flex;
    width: 100%;
}
.header {
    /*padding: 1.5rem 0 3rem;*/
	padding: 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 10001;
}
.header .header_backdrop {
  position: absolute;
  inset: 0;
  height: 160px;
  backdrop-filter: blur(16px);
  mask-image: linear-gradient(
    to bottom,
    white 0% 50%,
    transparent 50% 100%
  );
  pointer-events: none;
}
.header.active {
    background-color: #ffffff;
    height: 100vh;
    overflow-y: auto;
}
.header_row {
    justify-content: space-between;
    column-gap: 2rem;
}
/*.page_wrap {padding-top:}*/
.header_contacts {
    display: flex;
    flex-grow: 1;
    justify-content: flex-end;
    /*margin-right: 41px;*/
    gap: 1.5rem;
    text-wrap: nowrap;
}
.header_contacts a.header__phone {
    display: block;
    font-size: 15px;
    margin-bottom: 6px;
}
.header_contacts a.header__phone {
    color: inherit;
    outline: none;
    text-decoration: none;
    transition: all .3s;
    font-weight: 600;
}
.header_contacts a.header__phone:hover {
    color: var(--color);
}
.header_contacts .header__note {
    color: rgba(0,0,0,.5);
    font-size: 12px;
}
.header_contacts .header__call {
    border: 1px solid #f65605;
	background-color: #f65605;
    transition: all .3s;
    align-items: center;
    border-radius: 50%;
    display: flex;
    height: 36px;
    justify-content: center;
    margin-right: 20px;
    width: 36px;
}
.header_contacts .header__call:hover {
    background-color: #fff;
    border-color: #f65605;
}
.header_contacts .header__call svg {
    height: 16px;
    width: 16px;
    fill: #fff;
    display: block;
    flex-shrink: 0;
    transition: all .3s;
}
.header_contacts .header__call:hover svg {
    fill: #f65605;
}

.white_h .header_contacts__phone,
.white_h .header__note {
    color: #ffffff;
}
.white_h .header_contacts .header__call svg {
    /*fill: #fff;*/
}
@media (max-width: 767px) {
    .header_contacts .header_contacts__phone {
        display: none;
    }
    .header_contacts .header__call {
        margin-right: 60px;
    }
}
.header_logo{}
.header_logo img{}
.header_btn_wrap {
    /*flex-grow: 1;*/
    display: flex;
    justify-content: flex-end;
}
.header_btn {
    position: relative;
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    cursor: pointer;
    /* 	margin: 0 4rem 0 auto; */
    /*margin: 0 0 0 auto;*/

}
/*.logo_1 .header_btn, .header_btn.active {
    margin: 0 0rem 0 auto;
}*/
.header_btn span {
    width: 1.5rem;
    height: 0.25rem;
    display: block;
    background-color: #000000;
    border-radius: 0.125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0px);
    transition: all 250ms ease 0ms;
}
.header_btn.active span{background-color: #000000;}
.header_btn:hover span{
    background-color: var(--grey_text);
}

.white_h .header_btn.active span{background-color: #000000;}
.white_h .active .header_logo img {filter: invert(0);}
.white_h .header_btn span {background-color: #ffffff;}
/*.white_h .header_logo img {filter: invert(1);}*/

.header_btn span:nth-child(1) {
    margin-top: -0.375rem
}
.header_btn span:nth-child(2) {
    margin-top: 0.125rem
}

.header_btn.active span:nth-child(1) {
    margin-top: 0; transform: translate(-50%, -50%) rotate(45deg);
}
.header_btn.active span:nth-child(2) {
    margin-top: 0; transform: translate(-50%, -50%) rotate(-45deg);
}

.header_logo {
    /* 	display:none; */
    /*visibility: hidden;
    opacity:0;*/
    display: flex;
    margin-right: auto;
    transition: all 0.3s ease 0s;
}
.active .header_logo {display:block;}
.logo_1 .header_logo {
    /* 	display:block; */
    display: flex;
    visibility: visible;
    opacity: 1;
}
.logo_3 .header_logo {
    visibility: hidden;
    opacity: 0;
}


/*.header_info_container {position:relative;}*/
.header_info_container {
    padding-top: 3rem;
    padding-bottom: 3rem;
    min-height: calc(100vh - 4.5rem);
    opacity: 0;
    pointer-events: none;
    transition: all 250ms ease 0ms;
    display:none;
}
.header_info_container.active {
    pointer-events: unset;
    opacity: 1;
    display: block;
    background-color: #ffffff;
}
.header_info_row {
    height: 100%;
    min-height: calc(100vh - 10.5rem);
    background-color: ;
}
.header_info_left {
    width: 50%;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
}
.header_menu {
    margin-top: 4.4rem;
}
.header_menu nav{}
.header_menu ul {
    column-count: 2;
    column-gap: 2rem;
    max-width: 32.85rem;
}
.header_menu li {
    list-style: none;
}
.header_menu li span{
    padding-bottom: 1.8rem;
    display:inline-block;
}
.header_menu a {
    font-size: 1.125rem;
    text-decoration: unset;
    color: var(--text);
    padding: 0.625rem;
    border-radius: 0.25rem;
    white-space: pre;
}
.header_menu a:hover{background-color:#f5f5f5;}
.header_menu img {
    position: absolute;
    right: 0;
    top: 7.5rem;
    background-color: #ffffff;
    height: 100%;
    width: calc(50% - 0.8rem);
    object-fit: cover;
    display:none;
    opacity:0;
    transition:all 250ms ease 0ms;
}
.header_info_img {
    position: absolute;
    right: 0;
    min-height: calc(100% - 7.5rem);
    width: calc(50% - 0.8rem);
    background-image: url(../i/menu_img.webp);
    background-size: cover;
    background-position: center;
    margin-top: 3rem;
}
.header_menu span:hover img {
    display: block;
    opacity: 1;
    z-index: 1;
}
.header_contact{}
.header_call_wrap{}
.header_info_img{}

.header_call_wrap {}
.btn {
    display: inline-block;
    font-size: 1.125rem;
    text-decoration: none;
    padding: 1.125rem 1.5rem;
    background-color: var(--color);
    border-radius: 0.375rem;
    color: #ffffff;
}
.btn:hover{background-color: var(--color_h);}

.header_contact_wrap {}
.header_contact_wrap {
    margin: 2rem 0;
}
.phone{}
.phone a {
    font-size: 5rem;
    font-family: var(--font_2);
    text-decoration: none;
    color: var(--text);
}
.header_contact	{}
.adress{}
.header_adress {
    font-size: 1.125rem;
    margin-top: 0.875rem;
}
.mail{}
.mail a{}
.header_mail {
    font-size: 1.125rem;
    margin-top: 1rem;
    color: var(--grey_text);
}
.header_mail a {
    color: var(--grey_text);
    text-decoration:none;
}
.header_mail a:hover {color: var(--text);}
.header_social {
    max-width: 18rem;
    margin-top: 1.25rem;
}
.social {
    display: flex;
    width: 5rem;
    flex-wrap: wrap;
    column-gap: 2rem;
    width: 100%;
}
.social li {
    margin-top: 1.75rem;
    width: calc(50% - 2.25rem);
    list-style: none;
}
.social li a {
    font-size: 1.125rem;
    text-decoration: none;
    position: relative;
    padding-left: 2.25rem;
    display: inline-block;
    color: var(--text);
}
.social li a:hover{color: var(--grey_text);}
.social li a::before {
    position: absolute;
    content: "";
    display: block;
    width: 1.5rem;
    aspect-ratio: 1 / 1;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.tg:before{background-image: url(../i/tg.svg);}
.wa:before{background-image: url(../i/whatapp.svg);}
.vk:before{background-image: url(../i/vk.svg);}
.yt:before{background-image: url(../i/yt.svg);}

section {padding:3rem 0;}
.offer {
    padding-top: 7.5rem;
    padding-bottom: 4rem;
    background-image: url(../i/hero.svg);
    background-size: cover;
    background-position: center right;
}
.full_screen {height: 100vh;}
.full_screen .container {height: 100%;}
.offer_row {
    height: 100%;
    column-gap: 3rem;
}
.offer_left {
    width: calc(50% - 2.5rem);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.headding {
    font-family: var(--font_2);
    font-size: 11rem;
}
.simple_text {
    font-size: 1.125rem;
    margin-top: 1.25rem;
}
.offer_right {
    width: calc(50% - 1.5rem);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.chat_wrap {
    width: 100%;
    /*height: 21rem;*/
}
.offer .headding {}
.offer .simple_text {max-width: 30rem;}

.second, .nums {
    padding-top: 7.5rem;
    padding-bottom: 4rem;
}
.second {
    background-size: cover;
    background-position: center;
}
.second_row {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.second_block {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}
.second_block .button {
    position: absolute;
    right: 3.8rem;
    margin-bottom: 9px;
}
@media (max-width: 767px) {
    .second_block .button {
        position: relative;
        right: 0;
        margin-bottom: -2rem;
        margin-top: 1.25rem;
    }
}
.second_note {
    flex-grow: 1;
    height: 100%;
    display: flex;
    align-items: center;
}
.second_note span {
    display: inline-block;
    font-size: 1.125rem;
    text-decoration: underline;
    color: #ffffff;
    padding-right: 2.25rem;
    position: relative;
    filter: invert(0);
    opacity: 1;
    cursor: pointer;
    transition:all 500ms ease 0ms;
}
.second_note span:hover {
    filter: invert(1);
    opacity: 0.25;
    cursor: pointer;
}
.second_note span::before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../i/down.svg);
    width: 1.125rem;
    aspect-ratio: 1 / 1;
    right: 0;
    background-size: cover;
}
.headding2 {
    font-family: var(--font_2);
    font-size: 7.5rem;
    line-height: 0.875;
    text-transform: uppercase;
}
.second .headding2 {color:#ffffff;}

.headding3 {
    font-family: var(--font_2);
    font-size: 5rem;
    line-height: 1;
    text-transform: uppercase;
}
.nums {
    padding-bottom: 0;
    padding-top: 0;
    background-color: #ffffff;
}
.nums_row {
    height: 100%;
}
.nums_grid {
    display: grid;
}

.nums_text_wrap {
    display: flex;
    align-items: flex-start;
    padding-left: 1.25rem;
}
.nums_text {}
.nums_slider_wrap {
    /*padding-left: 10rem;*/
    padding-left: 6rem;
}
.nums_item {}
.nums_num {
    font-family: var(--font_2);
    /*font-size: 13.9rem;*/
    font-size: 9.5rem;
    line-height: 1;
    color: var(--grey);
    letter-spacing: -0.05rem;
}
.nums_num .counter,
.nums_num .counter + .slash {
    color: #999999;
}
.nums_num .counter + .slash {
    margin: 0 1rem;
}
.nums_text {
    font-size: 1.5rem;
    max-width: 13rem;
}
.nums_img {
    position: relative;
    margin-top: 8.25rem;
}
.nums_img img {
    position: absolute;
    right: 0;
    display: block;
    object-fit: cover;
    aspect-ratio: 1449 / 606;
    max-width: unset;
    height: 100%;
}
.nums_grid {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: auto 1fr;
    height: 100%;
    width: 100%;
    padding-top: 3rem;
}



.nums_grid {
    display: grid;
    grid-template-columns: 50% 25% 25%;
    grid-template-rows: auto 1fr;
    height: 100%;
    width: 100%;
    /*padding-top: 3.8rem;*/
	padding-top: 8rem;
}

.headding3 {
    grid-column: 1;
    grid-row: 1;
}

.nums_slider_wrap {
    grid-column: 2;
    grid-row: 1 / span 2;
    padding-bottom: 3rem;
}

.nums_text_wrap {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.nums_img {
    grid-column: 1;
    grid-row: 2;
}

/* вертикальный слайдер */
.vertical-nums-slider {
    height: 100%;
    width: 100%;
}
.vertical-nums-slider .swiper-wrapper {
    height: 100%;
    flex-direction: column;
}
.vertical-nums-slider .swiper-slide {
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.map {
    padding: 4rem 0;
    overflow: hidden;
    position: relative;
    height: calc(100vh );
}
.map .container {
    position: relative;
    pointer-events: none;
}
.map_row {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}
.map_wrap {
    position: absolute;
    width: 120rem;
    aspect-ratio: 1920 / 1000;
    left: 0;
    top: 50%;
    transform: translate(-0%,-50%);
    width: unset;
    height: 100%;
}
}
.map_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.point_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.point_wrap.active{}
.map_item {
    position: absolute;
    background-image: url(../i/point.svg);
    width: 2.625rem;
    aspect-ratio: 42 / 50;
    background-size: cover;
    transform: translate(-50%, -100%);
    display:none;
}
.map_item.active{display:block;}
.map_item::before {
    position: absolute;
    content: "";
    display: block;
    width: 2.625rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.375rem 1.375rem;
}
.map_item:hover{z-index:1;}
.map_item_text {
    font-size: 0.875rem;
    padding: 0.625rem 0.875rem;
    background-color: #ffffff;
    border-radius: 0.75rem;
    position: absolute;
    width: max-content;
    left: 100%;
    top: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.16);
    opacity: 0;
    transition: all 250ms ease 0ms;
    pointer-events:none;
}
.map_item:hover .map_item_text{opacity:1;}
.ost_wrap{}
.u_wrap{}
.s_wrap{}
.d_wrap{}
.p_wrap{}
.t_wrap{}
.pop_wrap{}
.all_wrap{}
.ost_wrap:before{background-image: url(../i/ico_transport.svg);}
.u_wrap:before{background-image: url(../i/ico_univer.svg);}
.s_wrap:before{background-image: url(../i/ico_book.svg);}
.d_wrap:before{background-image: url(../i/ico_det.svg);}
.p_wrap:before{background-image: url(../i/ico_prod.svg);}
.t_wrap:before{background-image: url(../i/ico_tc.svg);}
.pop_wrap:before{background-image: url(../i/ico_star.svg);}
.nab_wrap:before{background-image: url(../i/ico_nab.svg);}
.map_nab::before {
    background-image: url(../i/ico_nab.svg);
    width: 100%;
    background-size: 2rem;
}
.map_zk::before {
    background-image: url(../i/ico_zk.png);
    width: 100%;
    top: 0;
    height: 100%;
    background-size: cover;
}
.map_zk {top: 58%; left: 43.9%; width: 4.5rem;}
.map_nab {top: 62%; left: 38%;width: 4.5rem;}

.ost_wrap .map_img{}
.u_wrap .map_img{}
.s_wrap .map_img{}
.d_wrap .map_img{}
.p_wrap .map_img{}
.t_wrap .map_img{}
.pop_wrap .map_img{}
.all_wrap .map_img{}
}
.map_row {
    flex-wrap: wrap;
    height: 100%;
    justify-content: space-between;
}
.map_top {
    width: 100%;
}
.headding3 {}
.map_left {
    width: 32.5rem;
    align-self: flex-end;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.16);
    border-radius: 1.5rem;
    pointer-events: all;
}
.headding4 {
    font-size: 1.625rem;
}
.map .headding4{
    padding: 1.5rem;
}
.map_btns_wrap {
    padding: 1.5rem;
    font-size: 1.25rem;
    list-style: none;
    border-top: 1px solid var(--grey);
}
.map_btns_wrap li {
    padding: 1.325rem 1rem 1.325rem 3.875rem;
    line-height: 1.1;
    position: relative;
    display: block;
    cursor: pointer;
    border-radius:1rem;
    transition:all 250ms ease 0ms;
    background-color:#ffffff;
}
.map_btns_wrap li:hover, .map_btns_wrap li.active {
    background-color: rgba(245, 245, 245, 1);
}
/*.map_btns_wrap li.active {
	background-color: var(--grey_text);
}*/
.map_btns_wrap li::before {
    position: absolute;
    content: "";
    display: block;
    width: 2rem;
    aspect-ratio: 1 / 1;
    background-color: rgba(255, 73, 0, 1);
    border-radius: 0.5rem;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    background-position: center;
    background-size: auto auto;
    background-repeat: no-repeat;
    background-size: 1.5rem;
}
.map_btns_wrap li.ost_wrap:before {background-image: url(../i/ico_transport.svg);}
.map_btns_wrap li.u_wrap:before {background-image: url(../i/ico_univer.svg);}
.map_btns_wrap li.s_wrap:before {background-image: url(../i/ico_book.svg);}
.map_btns_wrap li.d_wrap:before {background-image: url(../i/ico_det.svg);}
.map_btns_wrap li.p_wrap:before {background-image: url(../i/ico_prod.svg);}
.map_btns_wrap li.t_wrap:before {background-image: url(../i/ico_tc.svg);}
.map_btns_wrap li.pop_wrap:before {background-image: url(../i/ico_star.svg);}
.map_right {
    align-self: flex-end;
}
.map_nums_item {
    margin-top: 3.75rem;
    text-align: right;
}
.map_nums_num {
    font-family: var(--font_2);
    font-size: 14rem;
    line-height: 1;
}
.map_nums_text {
    font-size: 1.5rem;
    margin-top: 0.5rem;
}
.nab {}
.nab_row {
    column-gap: 2rem;
    justify-content: space-between;
}
.nab_left {}
.nab_left img {}
.nab_right {
    display: flex;
    align-items: flex-end;
    width: 35rem;
}
.nab_right .headding3 {}
.nab_right .simple_text {
    font-size: 1.5rem;
    line-height: 1.3;
    margin-top: 2.25rem;
    color: var(--grey_text);
}
.nab_right .button {
    display: flex;
    justify-content: flex-end;
    margin-top: 1.75rem;
}
.territory {
    height: 100vh;
    padding-bottom: 4rem;
    background-size: cover;
    background-position: center;
}
.territory .container {
    height: 100%;
}
.territory_row {
    height: 100%;
    align-items: flex-end;
}
.territory_block {
    max-width: 85rem;
    padding: 4.5rem 9rem 4.5rem 4.5rem;
    position: relative;
    background-image: url(../i/okomp.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.supheadding {
    text-transform: uppercase;
    font-size: 1.125rem;
    color: var(--color);
}
.territory_row .headding3 {
    margin-top: 1.75rem;
}
.simple_text2 {
    font-size: 1.5rem;
    line-height: 1.25;
}
.simple_text2 a {color:var(--text);}
.simple_text2 p:nth-child(1) {margin-top: 1.5rem;}
.simple_text2 p {margin: 0.4rem 0 0 0;}
.territory_logo {
    position: absolute;
    right: 9rem;
    height: 1.25rem;
}
.video {}
.video_row {}
.video_left {
    min-width: 66%;
    max-width: 66%;
    width: 100%;
}
.video_slide_wrap {}
.video_item {}
.video_item img {
    min-width: 100%;
}
.video_right {
    flex-grow: 1;
    padding-left: 3.75rem;
}
.video_right .headding3 {}
.video_right .simple_text2 {
    color: var(--grey_text);
    margin-top: 1.5rem;
}


.video.noslide .swiper-wrapper {
    flex-wrap: wrap;
    gap: 1.5rem;
}
.video.noslide .swiper-wrapper .video_item{width:calc(50% - 0.75rem);}
.video.noslide .swiper-wrapper .video_item:nth-child(1){width:100%;}
.video_item {position: relative;}
.video_item a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
    background-image: url(../i/play.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.625rem;
}
/*.video_item.hide-on-desktop {
    height: 480px;
}*/

.zona{}
.zona_row {
    flex-wrap: wrap;
}
.zona_block {
    margin-top: 3rem;
}
.zona .supheadding{}
.zona .headding3 {margin-top: 2rem;}
.zona .simple_text2 {display:none;}
.zona_slide_wrap {margin-top: 3rem;}
.noslide .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
}
.zona_item{}
.zona_item_1{}
.zona_item_2{}
.zona_item_3{}
.zona_item_4{}
.zona_item_info {
    margin-top: 2.125rem;
}
.headding_info {
    text-transform: uppercase;
    font-family: var(--font_2);
    font-size: 3rem;
}
.zona_item_info .simple_text2 {
    display: block;
    max-width: 30rem;
    margin-top: 1.25rem;
    color: var(--grey_text);
}

.noslide .zona_item {height: unset;}
.noslide .zona_item_1 {
    width: 44%;
    margin-top: 9.75rem;
}
.noslide .zona_item_2 {width: 44%;}
.noslide .zona_item_3 {
    margin-top: 4.9rem;
    width: 44%;
    padding-left: 11%;
}
.noslide .zona_item_4 {
    width: 44%;
    margin-top: 6.1rem;
}

.apartment {
    position: relative;
    z-index: 1;
}
.apartment_row {
    flex-wrap: wrap;
}
.apartment_block {
    width: 100%;
    margin-top: 3.75rem;
}
.apartment_block .headding3 {margin-top: 2rem;}
.apartment_block .headding3{}
.apartment_block .simple_text2 {margin-top: 2rem;}
.apartment_block2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.apartment_left {
    /*width: 34.75rem;*/
    width: 41.75rem;
}
.apartment_nums {
    margin-top: 2.5rem;
}
.apartment_nums ul {
    display: flex;
}
.apartment_nums li {
    font-size: 1.5rem;
    width: 100%;
    list-style: none;
}
.apartment_nums span {
    font-family: var(--font_2);
    font-size: 7.5rem;
    display: inline-block;
    padding: 0 1rem;
}
.apartment_list_info {
    margin-top: 1.25rem;
    list-style: none;
}
.apartment_list_info ul {
    column-count: 2;
}
.apartment_list_info li {
    font-size: 1.5rem;
    list-style: none;
    margin-bottom: 1.375rem;
    position: relative;
    padding-left: 1.125rem;
}
.apartment_list_info li::before {
    position: absolute;
    content: "";
    display: block;
    width: 0.625rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: var(--color);
    left: 0;
    top: 0.75rem;
}
.apartment_btn_wrap {
    margin-top: 2.5rem;
}
.apartment_btn_wrap .btn{}
.apartment_right {
    /*width: calc(100% - 34.75rem - 6%);*/
    width: calc(100% - 41.75rem - 5%);
    position: relative;
}

.kv_tabs_list {
    margin-left: 11.5%;
    margin-top: -2.5rem;
}
.kv_tabs_list ul {
    display: flex;
    column-gap: 1rem;
}
.kv_tabs_list li {
    font-size: 1.5rem;
    padding: 0.5rem 1.125rem;
    border: 1px solid var(--grey);
    border-radius: 2rem;
    list-style: none;
    transition: all 250ms ease 0ms;
    white-space: pre;
    cursor:pointer;
}
.kv_tabs_list li.active {
    color: var(--color);
    border: 1px solid var(--color);
}
.kv_cont_list {margin-top: 3.25rem;}
.kv_cont {display: none;}
.kv_cont.active {display: block;}
.kv_slide_wrap {
    overflow: hidden;
}
.kv_slide_wrap .swiper-slide{text-align: center;}
.kv_nav{}
.swiper-button-next {}
.swiper-button-prev {}
.swiper-pagination {}

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

.swiper-button-prev, .swiper-button-next  {
    width: 6.25rem;
    height: 6.25rem;
    max-height: unset;
    border-radius: 50%;
    border: 1px solid var(--grey);
}
.swiper-button-prev:hover, .swiper-button-next:hover{}
.swiper-button-prev svg, .swiper-button-next svg{stroke: var(--text); transition:all 250ms ease 0ms;}
.swiper-button-prev:hover svg, .swiper-button-next:hover svg{stroke: var(--color);}
.kv_nav .swiper-pagination {display:none;}

.prost {}
.prost_slide_wrap {
    width: 100%;
    overflow: hidden;
    padding: 1.5rem 0 1rem;
}

.prost_row {
    column-gap: 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
}
.prost_blok {
    margin-top: 2.75rem;
    width: 100%;
}
.prost_blok .simple_text2 {
    margin-top: 1.75rem;
}
.prost_left {
    margin-top: 4rem;
    width: calc(100% - 22.25rem - 5.5%);
}
.prost_left img {}
.prost_right {
    width: 22.25rem;
}
.prost_right .headding3 {}
.prost_right .simple_text {
    line-height: 1.3;
    margin-top: 1.5rem;
    color: var(--grey_text);
    font-size: 1.5rem;
}
.prost_right_wrap {
    height: 100%;
    margin-top: 4.2rem;
}
.prost_item {
    margin-bottom: 7.25rem;
}
.prost_item:last-child {
    margin-bottom: 0;
}
.prost_item .prost_ico img {
    width: 5rem;
    aspect-ratio: 1 / 1;
}
.prost_item .headding_info {
    text-transform: uppercase;
    font-family: var(--font_2);
    font-size: 3rem;
    line-height: 0.875;
    margin-top: 1.4rem;
}
.color{}
.color_row{}
.color_blok {
    width: 100%;
    margin-top: 3rem;
}

.color_item_wrap {
    display: flex;
    column-gap: 3rem;
    background-color: #fff;
}
.color_item_wrap .color_item {
    width: calc(100% / 3 - 2rem);
}
.color_item_wrap .color_item.hide-on-desktop {
    display: flex;
    justify-content: center;
    align-items: center;
}
.color_item_wrap .color_item.hide-on-desktop .color_name {
    font-size: 3rem;
    margin: 0;
    text-align: center;
}
.color_item img{}
.color_name {
    text-transform: uppercase;
    font-family: var(--font_2);
    font-size: 3rem;
    margin-top: 1rem;
}

.colorit {
    padding: 3rem 0;
}
.favorit {
    padding-top: 3rem;
}
.favorit_row {
    width: 100%;
    justify-content: space-between;
}
.favorit_left {
    min-width: 21.75rem;
    position: relative;
    overflow: hidden;
    max-width: 21.75rem;
}
.favorit_slide_wrap_l {
    padding-top: 2.5rem;
}
.favorit_slide_wrap_l .headding_info {
    margin-top: 1.5rem;
}
.favorit_nav {
    position: relative;
    margin-top: 2.3rem;
}
/*.favorit_nav .swiper-button-next{position:relative;}
.favorit_nav .swiper-button-prev{position:relative;}*/
.favorit_item_l{}
.favorit_item_l .supheadding{}
.favorit_item_l .headding3{}
.favorit_item_l .simple_text2 {
    margin-top: 1.25rem;
    color: var(--grey_text);
}
.favorit_right {
    width: calc(100% - 21.75rem - 6%);
}
.favorit_slide_wrap_r{}
.favorit_right_inside {
    width: 100%;
    overflow: hidden;
}
.favorit_slide_wrap_r img{}

.favorit_nav {
    position: relative;
    margin-top: 6rem;
}
.favorit_nav .swiper-button-prev{left: 0;}
.favorit_nav .swiper-button-next {right: unset;	left: 7.5rem;}
.favorit_slide_wrap_l .custom-pagination, .favorit_slide_wrap_2 .custom-pagination{
    position:absolute;
    bottom:0;
}
.custom-pagination {
    font-size: 1.25rem;
}
.custom-pagination .current-slide{}
.custom-pagination .separator{}
.custom-pagination .total-slides {color: var(--color);}

.ipo {
    position: relative;
    overflow: hidden;
}
.ipo_row {
    margin-top: 1.4rem;
    justify-content: space-between;
}
.ipo_left {
    width: 100%;
    max-width: 53rem;
}
.ipo_left .headding2 {}
.ipo_left .simple_text2 {
    margin-top: 2.4rem;
}
.ipo_inside {
    margin-top: 3.3rem;
    display: flex;
    justify-content: space-between;
    column-gap: 4rem;
}
.ipo_inside>div {width:100%;}
.ipo_prog {}
.ipo_inside_headding {
    font-size: 1.5rem;
}
.ipo_item {
    margin-top: 2.25rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--grey);
}
.ipo_item_headding {
    font-size: 1.125rem;
    color: var(--color);
}
.ipo_item_text {
    margin-top: 1.1rem;
}
.ipo_right {
    width: calc(100% - 53rem - 10%);
}
.ipo_img {
    max-width: unset;
    max-height: unset;
    position: absolute;
    top: 0;
    height: calc(100% + 11.25rem);
    width: unset;
    aspect-ratio: 1200 / 1000;
}
.osob {}
.osob_row {
    gap: 4.5rem;
    flex-wrap: wrap;
}
.oob_list_item {
    width: calc(100% / 3 - 3rem);
    padding: 3rem;
    border: 1px solid var(--grey);
}
.oob_ico {}
.oob_ico img {
    width: 5rem;
    aspect-ratio: 1 / 1;
}
.oob_list_item .headding_info {margin-top: 1.4rem;}
.oob_list_item .simple_text2 {
    margin-top: 1.25rem;
    color: var(--grey_text);
}

.dost {}
.dost_row {
    margin-top: 3.325rem;
    flex-wrap: wrap;
    justify-content: space-between;
    column-gap: 3rem;
}
.dost_headding {
    width: 30rem;
}
.dost_text {
    width: 100%;
    max-width: 55.5rem;
}
.dost_left {
    width: 30rem;
}
.dost_count {
    font-size: 14.5rem;
    font-family: var(--font_2);
    margin-top: 2.4rem;
    color: var(--color);
}
.dost_name {
    margin-top: 4.75rem;
}
.dost_name li {
    font-size: 1.5rem;
    list-style: none;
    margin-top: 1.75rem;
}
.dost_name span {
    display: inline-block;
    margin-left: 1.125rem;
    color: var(--grey);
}
.dost_right {
    width: calc(100% - 36.5rem);
    margin-top: 4rem;
    position: relative;
}

.dost_slide_wrap {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3rem;
}
.dost_list {}
.swiper-slide_insile {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 50%;
}
.dost_item {}
.dost_logo {
    width: 8rem;
    aspect-ratio: 1 / 1 auto;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 4.625rem; */
    background-color: rgba(245, 245, 245, 1);
    border-radius: 50%;
}
.dost_logo img {
    width: 57.1%;
    aspect-ratio: 1 / 1;
}
.dost_item .headding_info {}
.dost_item .simple_text {}

.dost_item_headding {margin-top: 0.75rem;}
.dost_item_text {
    margin-top: 1rem;
    color: var(--grey_text);
    font-size: 0.85rem;
    line-height: 1.4;
}

.dost_nav {
    position: relative;
    margin-top: 3rem;
    padding-left: 1.2rem;
}
.dost_nav .swiper-button-next {
    transform: translateY(-50%);
    top: 50%;
    margin: 0;
    right: 0;
}
.dost_nav .swiper-button-prev {
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 7.6rem;
    left: unset;
}
.dost_nav .custom-pagination{}

.opf {
    padding: 3rem 0;
    background-position: center;
    background-size: cover;
}
.opf_form {
    min-height: calc(100vh - 12.25rem);
    padding: 4.25rem 3.25rem;
    border-radius: 1.125rem;
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    background-image: url(../i/logo.svg);
    background-repeat: no-repeat;
    background-size: auto 0.875rem;
    background-position: right 3.25rem top 4.5rem;
}
.opf_row {
    justify-content: flex-end;
}
.opf_col {
    max-width: 55.75rem;
    width: 100%;
}
.opf_form{}
.opf_form .supheadding{}
.opf_form .headding3 {
    margin-top: 3.5rem;
    flex-grow: 1;
}
.opf_form_wrap{}
.opf_form_wrap input {
    background-color: rgba(245, 245, 245, 1);
    border: 0;
    text-align: center;
    padding: 1.125rem 1rem;
    margin-top: 1rem;
    border-radius: 0.375rem;
    width: 100%;
    transition:all 250ms ease 0ms;
}
.opf_form_wrap input:hover{background-color: rgba(207, 207, 207, 1);}


.opf_form_name{}
.opf_form_btn input {background-color: var(--color);}
.opf_form_btn input:hover {background-color: var(--color_h);}

.opf_form_phone input{}
.opf_form_btn{}
.opf_form_btn input{}
.opf_form_acceptance input {
    margin-top: unset;
    width: unset;
    width: 1.5rem;
    aspect-ratio: 1/1;
    vertical-align: middle;
}
.opf_form_acceptance {
    font-size: 0.875rem;
    margin-top: 1rem;
}
.opf_form_acceptance a {
    text-decoration: none;
    color: var(--text);
}
.opf_form_acceptance .wpcf7-list-item {
    margin: 0 0 0 0;
}
.opf_form_acceptance input {
    margin-top: unset;
    width: unset;
    width: 1.5rem;
    aspect-ratio: 1/1;
    vertical-align: middle;
    margin-right: 1rem;
}

/* Скрываем оригинальный чекбокс */
.wpcf7-acceptance input[type="checkbox"] {
    opacity: 0;
    cursor: pointer;
    z-index: 1;
    position: relative;
}

/* Кастомный чекбокс */
.custom-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5rem;
    width: 1.5rem;
    background-color: rgba(245, 245, 245, 1);
    border: 0px solid #ddd;
    border-radius: 0.325rem;
    transition: all 0.3s ease;
}

/* Когда отмечен */
.wpcf7-acceptance input[type="checkbox"]:checked ~ .custom-checkmark {
    background-color: #f00;
}

/* Галочка (скрыта по умолчанию) */
.custom-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Показываем галочку при выборе */
.wpcf7-acceptance input[type="checkbox"]:checked ~ .custom-checkmark:after {
    display: block;
}

/* Стиль галочки */
.custom-checkmark:after {
    left: 9px;
    top: 5px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.wpcf7-checked .custom-checkmark {
    background-image: url(../i/ok.svg);
    background-position: center;
    background-size: auto 0.5rem;
    background-repeat: no-repeat;
}

.doc {
    padding-top: 6rem;
    width: 100%;
    overflow: hidden;
}
.doc_row {
    flex-wrap: wrap;
}
.doc_heading {
    width: 100%;
}
.doc_list {
    margin-top: 3.75rem;
    width: 100%;
}
.doc_slide {}
.doc_item {
    position: relative;
    padding: 1.5rem;
    min-height: 13.25rem;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--grey);
    border-bottom: 1px solid var(--grey);
    transition: all 250ms ease;
    background-color: #ffffff;
}
.doc_item:hover{background-color: var(--grey);}
.doc_ico {}
.doc_ico img {
    width: 2.25rem;
}
.doc_date {
    margin-top: 1.6rem;
    font-size: 0.875rem;
    color: var(--grey_text);
}
.doc_name {
    margin-top: 0.75rem;
    flex-grow: 1;
}
.doc_name a {
    text-decoration: none;
    color: var(--text);
    display: block;
    position: unset;
}
.doc_name a::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.doc_file {
    position: relative;
    text-transform: uppercase;
    padding-left: 1.6rem;
    font-size: 0.875rem;
    color: var(--grey_text);
    margin-top: 1rem;
}
.doc_file::before {
    position: absolute;
    content: "";
    display: block;
    background-image: url(../i/download.svg);
    width: 0.75rem;
    aspect-ratio: 12 / 18;
    background-size: cover;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}



.doc.noslide .swiper-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: end;
}
.doc.noslide .swiper-slide{
    width:20%;
}

footer {
    padding-top: 4.25rem;
    position: relative;
}
.footer_row {
    flex-wrap: wrap;
}
.footer_col_1 {
    width: 33rem;
}
.footer_col_2 {
    width: calc(100% - 47rem);
}
.footer_col_3 {}
footer .header_contact_wrap {}
footer .phone a {
    font-size: 7.5rem;

}

footer .header_menu {
    margin: 3.1rem auto 0;
    width: max-content;
    padding-left: 11rem;
}
footer  .header_social{
    margin: -0.5rem auto 0;
}
footer .header_call_wrap {
    margin: 1rem 0 0 auto;
}
.footer_copy {
    justify-content: space-between;
    border-top: 1px solid var(--grey);
    margin-top: 1.75rem;
    padding-top: 3rem;
    font-size: 1.125rem;
    padding-bottom: 1.5rem;
    column-gap: 3rem;
}
.footer_copyright {
    flex-grow: 1;
}
.footer_copy + div {
    font-size: 13px;
    width: 100%;
    max-width: 985px;
    color: #888;
    line-height: 1;
}
.copyright {}
.footer_item {}
.footer_item a {
    text-decoration: none;
    color: var(--grey);
}
.footer_item a span {color: var(--text);}


.scrollup {
    position: fixed;
    bottom: 3rem;
    right: 2rem;
    display: none;
    border: 0;
    overflow: hidden;
    border-radius: 50px;
    width: 3rem;
    z-index: 10000000;
    padding-left: 1.5rem;
    opacity: 0.4;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
}
.scrollup:hover {
    background-color: #ffffff;
}



/* чат */
.chat-area._js-chat-area.widget_chat {
    background: unset;
}
._btn-press.arbtn.btn-chat {
    border: 0 !important;
    background-color: var(--color);
    color: #ffffff;
    max-width: min-content;
    /*padding: 0.5rem 0.75rem;
    display: block;
    margin-top: 1.25rem;*/
}
.chat-area div.d-flex {
    /*display: block !important;*/
}
.chat-area .chat-conversation .conversation-list {
    width: 100% !important;
    max-width: unset !important;
}/**/
.user-chat-content {
    width: 100%;
}

.kv_slide_wrap .swiper-slide img {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: contain;
    object-position: center;
}
.apartment_nums span.sup_name {
    font-size: 1.125rem;
    font-family: var(--font_1);
    color: var(--grey_text);
    margin-bottom: 1rem;
    padding: 0;
    display: block;
}
.apartment_nums span {
    padding: 0 0 1rem 0;
    line-height: 0.75;
}
.apartment_nums ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3rem;
}
.apartment_nums li {
    width: calc(50% - 1.5rem);
    margin-bottom: 3rem;
    white-space: pre;
}

.header {
    /* 	width: unset; */
    width:100%;
    right: 0;
}
.small_header .header {
    width: 20rem;
    right: 3.75rem;
}
.small_header .header .header_logo {
    display: none;
}
.small_header .header.active{
    right: 0rem;
}
.logo_1 .header, .header.active {
    width: 100%;
}
/* Фиксируем scrollbar чтобы не было скачков ширины */

.chat-conversation .conversation-list .ctext-wrap-content, .chat-conversation .right .conversation-list .ctext-wrap .ctext-wrap-content {
    background-color: #ecedf3 !important;
}
._btn-pills {
    box-shadow: 0 4px 6px rgba(0,0,0,0.16) !important;
    background-color: #ffffff !important;
}
._btn-pills.choice-selected {background-color: #dedede !important;}

.nab {
    overflow: hidden;
    max-height: 100vh !important;
    background-color: #ffffff;
}
.nab_left {
    height: 100%;
    overflow: hidden;
    max-height: calc(100vh - 12rem);
    position: relative;
    flex-grow: 1;
    aspect-ratio: 1191 / 840;
}
.nab_img {
    position: absolute;
}
.chat_wrap {
    width: 100%;
    max-height: 41rem;
    overflow-y: auto;
    overflow-x: hidden;
}

.steps-container {position:relative; width:100%; height:100vh;}
.step {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
}
.step.step_active{z-index:1;}

.step_1{opacity:1; transition:all 1000ms linear  0ms;}
.step_1.step_passive {z-index:0; opacity:0;}

.step_2{opacity:0; transition:all 1000ms linear  0ms;}
.step_2.step_active{opacity:1;}
.step_2.step_passive {z-index:1; opacity:0;}

.step_3{opacity:1;  transform:translateY(100%); transition: transform 1000ms linear;}
.step_3.step_active{transform:translateY(0%); }
.step_3.step_passive {z-index:2; opacity:1; transform:translateY(0%);}

.step_4{opacity:0; transition:all 1000ms linear  0ms;}
.step_4.step_active{opacity:1; z-index:3 }
.step_4.step_passive {opacity:1; z-index:3}

.map {
    height: calc(100vh );
    background-color: #fff;
}
.nab_left.mob {display:none;}

html {overflow-y: scroll;}


.btn {border: 1px solid var(--color);}
.btn.inverse {
    background-color: #ffffff;
    color: var(--color);
    border: 1px solid var(--color);
    cursor: pointer;
    margin-left: 1.5rem;
}
.btn.inverse:hover {
    background-color: var(--color);
    color: #ffffff;
    border: 1px solid var(--color);
    cursor: pointer;
}
.bay_method_wrap {display:none;}
.bay_method_wrap.active {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100000;
    background: rgba(0,0,0,0.5);
    display: block;
}
.bay_method_popup {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 90%;
    max-width: 75.25rem;
    height: 80%;
    max-height: 38.5rem;
    padding: 3rem;
    border-radius: 1.125rem;
}
.bay_method_close {}
.bay_method_inside {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    column-gap: 2rem;
}
.bay_method_left {
    width: calc(50% - 1.5rem);
}
.bay_method_tabs_wrap {
    overflow-y: auto;
    height: 100%;
}
.bay_method_tabs_list {
    display: flex;
    flex-direction: column;
    row-gap: 0.75rem;
}
.bay_method_right {width: calc(50% - 1.5rem);}
.bay_method_tabs_content {}
.bay_method_tabs_item {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.bay_method_tabs_list_item {
    padding: 1.375rem;
    font-size: 1.125rem;
    border: 1px solid #D6D6D6;
    border-radius: 0.75rem;
    transition: all 250ms ease 0ms;
    line-height: 1.35;
}
.bay_method_tabs_list_item:hover {
    cursor: pointer;
}
.bay_method_tabs_list_item.active {
    border: 1px solid var(--color);
}
.tabs_headding{
    line-height:
}
.tabs_sub_headding {
    color: #9C9C9C;
    margin-top: 1.5rem;
}
.bay_method_tabs_content {height: 100%; display:none;}
.bay_method_tabs_content.active {
    display: block;
    overflow-y: auto;
}
.tab_content_text {
    font-size: 1rem;
    color: #9C9C9C;
    line-height: 1.25;
    flex-grow: 1;
}
.tab_content_text h4 {
    margin: 0;
    margin-top: 3rem;
    font-size: 2rem;
    text-transform: uppercase;
    font-family: var(--font_2);
    margin-bottom: 1.5rem;
    color: #000000;
}
.tab_content_text h4:nth-child(1){margin-top:0;}
.tab_content_text ul {}
.tab_content_text ol li{
    position: relative;
    padding-left: 1.5rem;
}
.tab_content_text ol li::before {
    position: absolute;
    content: "";
    display: block;
    width: 0.25rem;
    aspect-ratio: 1 / 1;
    background-color: #9C9C9C;
    left: 0.5rem;
    top: 0.625rem;
}
.tab_content_text ul li {
    list-style: none;
    position: relative;
    padding-left: 0.875rem;
    margin-top: 0.75rem;
}
.tab_content_text ul li::before {
    position: absolute;
    content: "";
    display: block;
    width: 0.375rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background-color: var(--color);
    left: 0;
    top: 0.5rem;
}

.tab_content_notes {
    color: #9C9C9C;
    margin-top: 3rem;
}
.tab_content_notes p, .tab_content_sub_notes p {
    margin-top: 0.5rem;
    margin-bottom: 0;
}
.tab_content_sub_notes {
    margin-top: 1.5rem;
    font-size: 1.125rem;
}
.tab_content_sub_notes em {
    font-style:normal;
    color:var(--color);
}

.bay_method_tabs_list, .bay_method_tabs_content {
    overflow-y: auto;
    height: 100%;
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #888 #f1f1f1; /* Для Firefox: thumb track */
    padding-right:1rem;
}

/* Для WebKit браузеров */
.bay_method_tabs_list::-webkit-scrollbarm, .bay_method_tabs_content::-webkit-scrollbar {
    width: 6px;
}

.bay_method_tabs_list::-webkit-scrollbar-track, .bay_method_tabs_content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.bay_method_tabs_list::-webkit-scrollbar-thumb, .bay_method_tabs_content::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.bay_method_tabs_list::-webkit-scrollbar-thumb:hover, .bay_method_tabs_content::-webkit-scrollbar-thumb:hover {
    background: #555;
}
.bay_method_close{}
.logo_popup {
    display: none;
}
.close_popup{}
.close_popup .close_btn {
    position: absolute;
    right: 0;
    width: 3rem;
    background-color: #ffffff;
    top: -4rem;
    aspect-ratio: 1 / 1;
    border-radius: 0.75rem;
    cursor: pointer;
}
.close_popup .close_btn span {
    width: 1.5rem;
    height: 0.25rem;
    display: block;
    border-radius: 0.125rem;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #000000;
}

.close_popup .close_btn span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(45deg);
}

.close_popup .close_btn span:nth-child(2) {
    transform: translate(-50%, -50%) rotate(-45deg);
}
.pin-spacer {background-color:#ffffff;}

/*
body {
	background-image: url(../i/qqq.jpg);
	background-position: center top -9.7rem;
	background-repeat: no-repeat;
	background-size: unset;
}/**/
/*
============================================================
============================================================
============================================================
Ширины экранов
-- xs	320-499		Смартфоны
-- sm	500-767		Фаблеты
-- md	768-1023	Планшеты
-- ml	1024-1180	Нетбуки
-- lg	1181-1299	Ноутбуки
-- xl	1400		Декстопы
============================================================
============================================================
============================================================
*/
/*
@media (max-width: 1920px) {*/
@media (max-width: 1299px) {
    .container {padding: 0 3rem;}
    .territory_block {width: 70%;}
    .nab_right {width: 33rem;}
    .nab_row {column-gap: 4rem;}
    .apartment_right {
        width: calc(100% - 38.75rem);
        position: relative;
    }
    .kv_cont_list {
        width: calc(100% - 9rem);
        margin: 3.25rem auto 0;
    }
    .kv_cont {position: relative;}
    .kv_cont_list .swiper-button-prev, .kv_cont_list .swiper-button-next {
        width: 4.25rem;
        height: 4.25rem;
        transform: translateY(-50%);
        margin-top: 0;
    }
    .kv_cont_list .swiper-button-prev{left: -4.25rem;}
    .kv_cont_list .swiper-button-next{right: -4.25rem;}



    .prost_left {width: calc(66%);}
    .prost_right {width: calc(34% - 4rem);}
    .opf_col {width: 46.5rem;}

}
/*
==============================
	xl ` - Декстопы	(1600)
==============================
*/
/*@media (max-width: 1699px) {*/
@media (max-width: 1299px) {
    .map_top  .headding3 br {display:none;}
    .map_wrap {transform: translate(-3%,-50%);}
}

/*
==============================
	xl 1599 - Декстопы	(1440)
==============================
*/
/*@media (max-width: 1439px) {*/
@media (max-width: 1299px) {
    .kv_tabs_list {margin-left: 2rem;}
    footer .header_menu {padding-left: 8.8rem;}
    .map_wrap {transform: translate(-7%,-50%);}
}
/*
==============================
	lg 1399 - Ноутбуки	(1360)
==============================
*/
/*@media (max-width: 1399px) { */
@media (max-width: 1299px) {
    section {padding: 3rem 0;}
    .kv_tabs_list {
        margin-left: 0;
        overflow-x: auto;
        padding-bottom: 1rem;
    }
    .nums_slider_wrap {padding-left: 5rem;}
    .nums_num {font-size: 10rem;}
    .swiper-slide.nums_item {margin-bottom:10px;}
    .map_nums_num {font-size: 9rem;}
    .map_nums_item {margin-top: 2rem;}
    .map.full_screen {
        min-height: 100vh;
        height: unset;
    }
    .map_left{margin-bottom:2rem;}
    .map_btns_wrap li {padding: 0.75rem 1rem 0.75rem 3.875rem;}
    .map_left {
        width: 27.5rem;
        margin-top: 2rem;
    }
    .zona_block {margin-top: 0;}
    .apartment_block {margin-top: 0;}
    .prost_blok {margin-top: 0;}
    .color_blok {margin-top: 0;}
    .ipo_row {margin-top: 0;}
    .ipo_left {width: 66%;}
    .ipo_right {width: calc(34% - 4rem);}
    .osob_row {gap: 2rem;}
    .oob_list_item {
        width: calc(100% / 3 - 1.4rem);
        padding: 2rem;
    }
    .dost_text {
        max-width: unset;
    }
    .dost_row {margin-top: 0;}
    .dost_left {width: 20rem;}
    .dost_right {width: calc(100% - 24rem);}
    .doc {padding-top: 6rem;}
    footer .header_menu {padding-left: 4.8rem;}
    .opf_col {width: 50%;}
    .map_wrap {
        transform: translate(-9%,-50%);
        width: 120rem;
        height: unset;
    }

}

/*
==============================
	lg 1299 - Ноутбуки	(1280)
==============================
*/
@media (max-width: 1299px) {
    .nums_img {margin-top: 2rem;}
    .nums_text {font-size: 1.25rem;}
    .nums_num {font-size: 7rem;}
    .headding3 {font-size: 3rem;}
    .simple_text2 {font-size: 1.25rem;}
    .nab_right .simple_text {font-size: 1.25rem;}
    .territory_block {padding: 2.5rem 4rem 2.5rem 2rem;}
    .territory_logo {right: 2rem; height: 1rem;}
    .noslide .zona_item_1 {margin-top: 3.75rem;}
    .noslide .zona_item_3 {margin-top: 0;}
    .apartment_nums span {font-size: 5rem;}
    .apartment_nums {margin-top: 1.5rem;}
    .apartment_list_info li {
        font-size: 1.25rem;
        margin-bottom: 1rem;
    }
    .apartment_list_info li::before {
        position: absolute;
        content: "";
        display: block;
        width: 0.625rem;
        aspect-ratio: 1 / 1;
        border-radius: 50%;
        background-color: var(--color);
        left: 0;
        top: 0.4rem;
    }
    .apartment_left {
        width: 40%;
        max-width: 28rem;
    }
    .apartment_right {
        width: 60%;
        position: relative;
        flex-grow: 1;
        min-width: calc(100% - 28rem);
    }
    .kv_tabs_list li {font-size: 1rem;}
    .kv_tabs_list {
        margin-left: 5rem;
        margin-top: -2rem;
    }
    .prost_right .simple_text {
        margin-top: 1.25rem;
        font-size: 1.25rem;
    }
    .prost_item {margin-bottom: 4rem;}
    .favorit_nav {margin-top: 2rem;}
    .favorit_nav .swiper-button-next, .favorit_nav .swiper-button-prev {width: 4rem; height: 4rem;}
    .favorit_nav .swiper-button-next {left: 4.5rem;}
    .favorit_left {padding-bottom: 5rem;}
    .ipo_left .simple_text2 {margin-top: 1.5rem;}
    .ipo_right {width: calc(34% - 2rem);}
    .oob_list_item .headding_info {font-size: 2.5rem;}
    .oob_list_item .simple_text2 {margin-top: 1rem;}
    footer .phone a, .phone a {font-size: 5rem;}
    .header_btn {margin: 0 0rem 0 auto;}
    .btn.inverse {margin-left: unset; margin-top: 1.5rem;}
    .small_header .header {
        width: 4rem;
        right: 5.5rem;
    }
    .small_header .header.active {
        right: 0rem;
        width: 100%;
    }
    .color_item_wrap {
        display: flex;
        column-gap: 1rem;
    }
    .color_item_wrap {column-gap: 1rem;}
    .color_item_wrap .color_item {width: calc(100% / 3 - 0rem);}
}
@media (max-width: 1279px) {



}
/*
==============================
	ml 1180 - Нетбуки	(1024)
==============================
*/
@media (max-width: 1179px) {
    .footer_col_1 {width: 25rem;}
    .footer_col_2 {width: 19rem;}
    footer .header_menu {
        padding-left: 0;
        margin-top: 0;
    }
    .footer_col_3 {
        flex-grow: 1;
        text-align: right;
    }
    .map_nums_num {
        font-size: 6rem;
    }
    .map_nums_text {
        font-size: 1.25rem;
        margin-top: 0.5rem;
    }
    .map_right {max-width: 20%;}
    .map_left {width: 23.5rem;}
    .apartment_block .simple_text2 {
        margin-top: 1rem;
        max-width: 41%;
    }
    .apartment_nums li {
        font-size: 1.25rem;
    }
    .apartment_nums span {
        font-size: 4rem;
        padding: 0;
    }
    .apartment_list_info li {font-size: 1.125rem;}
    .prost_right {width: calc(34% - 2rem);}
    .color.noslide .swiper-wrapper {column-gap: 2rem;}
    .color.noslide .swiper-slide {width: calc(100% / 3 - 1.4rem);}
    .color_name {font-size: 2rem;}
    .zona .headding3 {margin-top: 1rem;}
    .apartment_block .headding3 {margin-top: 1rem;}
    .favorit_slide_wrap_l .headding_info {margin-top: 1rem;}
    .ipo_inside {margin-top: 1.5rem;}
    .ipo_item {margin-top: 1.25rem;}
    .opf_form {background-image: unset;}
    .apartment_nums span.sup_name {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }
    .map_wrap {transform: translate(-12%,-50%);}
    .color_item_wrap {
        column-gap: 12px;
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .color_item_wrap .color_item {
        width: calc(100% / 2 - 6px);
    }
    .color_item img {
        width: 100%;
        aspect-ratio: 158 / 190;
        object-fit: cover;
    }
}
/*
==============================
	md 1023 - Планшеты	(768)
==============================
*/
@media (max-width: 1023px) {
    .oob_list_item .headding_info {font-size: 2rem;}
    footer .phone a, .phone a {font-size: 4rem;}
    .footer_col_1 {width: 20rem;}
}
@media (max-width: 968px) {
    .header_info_left {width: 40%;}
    .header_contact_wrap {margin: 1rem 0;}
    .header_adress {font-size: 1em;	margin-top: 0;}
    .header_mail {font-size: 1rem; margin-top: 0rem;}
    .header_social {margin-top: 0;}
    .social li {margin-top: 1.5rem;}
    .social li a {font-size: 1rem;}
    .header_menu a {
        font-size: 1rem;
        padding: 0.25rem;
    }
    .header_call_wrap {margin-top: 1.5rem;}
    .header_menu li span {
        padding-bottom: 1rem;
        display: inline-block;
    }
    .container {padding: 0 2rem;}
    .headding {font-size: 5rem;}
    .offer_left {width: calc(33% - 1rem);}
    .offer_right {width: calc(64% - 1rem);}
    .simple_text {font-size: 1rem;}
    .headding2 {font-size: 4rem;}
    .second_note {align-items: flex-end;}
    .second .headding2 {margin-top: 8rem;}
    .nums_grid {
        display: flex;
        flex-wrap: wrap;
    }
    .nums {height: unset; padding-bottom: 3rem;}
    .nums .headding3 {order: 1;}
    .nums_text_wrap {order: 2; padding-left: 0;}
    .nums_slider_wrap {
        padding-left: 0;
        order: 3;
        margin-top: 1.5rem;
    }
    .nums_img {
        margin-top: 2rem;
        order: 4;
        width: 100%;
    }
    .nums_img img {
        position: relative;
        width: 100%;
        height: unset;
        right: unset;
        aspect-ratio: unset;
    }
    /*	.nums_slider_wrap .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
    }*/
    .nums_slider_wrap .swiper-wrapper {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2rem;
        flex-direction: inherit;
        justify-content: space-between;
        width: 100%;
    }
    .nums_slider_wrap {
        padding-left: 0;
        order: 3;
        margin-top: 1.5rem;
        width: 100%;
        padding-bottom: 0.5rem;
    }

    .nums_item {
        width: calc(100% / 4 - 1.5rem);
    }
    .map {
        padding-bottom:0;
    }
    .map_top {
        order: 1;
        background-color: #f5f5f5;
        margin: 0 -1em;
        padding: 1em;
        width: calc(100% + 2em);
    }
    .map_right {
        max-width: 100%;
        order: 2;
        display: flex;
        column-gap: 4rem;
        width: 100%;
        justify-content: space-around;
        text-align: center;
    }
    .map_nums_item {
        text-align: center;
    }
    .map_left {
        order: 3;
        width: 100%;
        margin-top:66vw;
    }
    .map_left br {display:none;}
    .map_wrap {
        position: absolute;
        width: 140%;
        top: 19rem;
        /* transform: unset; */
        left: 50%;
        transform: translateX(-50%);
    }
    .map_img {object-position: center;}
    .nab_row {column-gap: 2rem;}
    .nab_left {width: 64%;}
    .nab_right {width: 34%;}
    .nab_right .simple_text {
        font-size: 1rem;
        margin-top: 1.5rem;
    }
    .territory_logo {display: none;}
    .territory_row .headding3 {margin-top: 1rem;}
    .video_right {
        flex-grow: 1;
        padding-left: 2rem;
    }
    .simple_text2 {font-size: 1rem;}
    .headding_info {font-size: 2.5rem;}

    .kv_cont_list .swiper-button-prev,
    .kv_cont_list .swiper-button-next,
    .swiper-button-prev,
    .swiper-button-next,
    .prost_nav .swiper-button-next,
    .prost_nav .swiper-button-prev,
    .favorit_nav .swiper-button-next,
    .favorit_nav .swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem;
    }
    .kv_cont_list .swiper-button-prev svg,
    .kv_cont_list .swiper-button-next svg,
    .swiper-button-prev svg,
    .swiper-button-next svg {
        width: 0.875rem;
    }
    .kv_cont_list {width: calc(100% - 5rem);}
    .kv_cont_list .swiper-button-prev {left: -2.25rem;}
    .kv_cont_list .swiper-button-next {right: -2.25rem;}
    .apartment_nums span {
        font-size: 5rem;
        line-height: 1;
    }
    .apartment_list_info ul {column-count: 1;}
    .prost_right .simple_text {font-size: 1em;}
    .prost_item {margin-bottom: 2rem;}

    .favorit_nav .swiper-button-next {left: 3rem;}
    .ipo_left {width: 50%;}
    .ipo_right {width: calc(50% - 2rem);}
    .oob_list_item {width: calc(100% / 2 - 1rem);}
    .dost_text {margin-top: 1.5rem;}
    .dost_left {
        width: 100%;
        text-align: center;
    }
    .dost_count {margin-top: 0;}
    .dost_name {margin-top: 0;}
    .dost_name li {margin-top: 1rem;}
    .dost_name li:nth-child(1) {margin-top: 0rem;}
    .dost_right {
        width: 100%;
        margin-top: 3.5rem;
    }
    .dost_nav .swiper-button-prev {right: 2.75rem;}
    .opf_form {padding: 2rem;}
    .wpcf7-spinner {display: none;}
    .doc_list {margin-top: 1.5rem;}
    .doc.noslide .swiper-wrapper {flex-wrap: wrap;}
    .doc.noslide .swiper-slide {width: calc(100% / 2);}
    .doc.noslide .swiper-slide:nth-child(-n+3) {width: calc(100% / 3);}
    .doc_item {
        border: 1px solid var(--grey);
        margin: -1px 0 0 -1px;
    }
    .footer_col_1 {
        width: 100%;
        display: flex;
        align-items: center;
        column-gap: 2rem;
        justify-content: space-between;
    }
    footer .header_menu {
        margin-top: 2.5rem;
    }
    .step {
        position: relative;
        left: unset !important;
        top: unset !important;
        z-index: 1 !important;
        width: 100%;
        transform: unset !important;
        opacity: 1 !important;
        overflow: hidden;
    }
    .steps-container {height: unset;}
    .chat_wrap {
        width: 100%;
        max-height: calc(100vh - 7em);
        overflow: hidden;
    }
    .nab {z-index: 2;}

    .header {position: fixed;}
    .header.active {position: fixed;}
    .header_btn_wrap {
        position: fixed;
        right: 2rem;
    }
    .color {overflow: hidden;}
    .nab_left {display:none;}
    .nab_left.mob {
        display:block;
        margin-top: 2rem;
    }

    .close_popup .close_btn {
        position: absolute;
        right: 0;
        width: 3rem;
        background-color: #ffffff;
        top: -4rem;
        aspect-ratio: 1 / 1;
        border-radius: 0.75rem;
        cursor: pointer;
    }
    .close_popup .close_btn {
        position: relative;
        right: unset;
        top: unset;
    }
    .logo_popup {display: block;}
    .bay_method_close {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .bay_method_popup {
        position: fixed;
        left: 0;
        top: 0;
        transform: unset;
        background-color: #ffffff;
        width: 100%;
        max-width: 100%;
        height: 100%;
        max-height: unset;
        padding: 2rem 1rem 3rem;
        border-radius: 0;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .bay_method_inside {
        width: 100%;
        height: 100%;
        display: flex;
        margin-top: 2rem;
        flex-direction: column;
        flex-grow: 1;
    }
    .bay_method_left {
        width: 100%;
    }
    .bay_method_tabs_wrap {
        height: unset;
    }
    .bay_method_tabs_list {
        overflow-y: auto;
        height: 100%;
        scrollbar-width: thin;
        scrollbar-color: #888 #f1f1f1;
        padding-right: 0;
        flex-direction: initial;
        flex-wrap: nowrap;
        column-gap: 1.5rem;
        overflow-x: auto;
        width: max-content;
        padding-bottom: 1rem;
    }
    .bay_method_tabs_list_item {
        width: 85vw;
    }
    .bay_method_right {
        width: 100%;
        flex-grow: 1;
        overflow-y: auto;
    }


}
@media (max-width: 899px) {}

/*
==============================
	sm 767 - Фаблеты	(500)
==============================
*/
@media (max-width: 767px) {
    .offer {
        background-image: url(../i/zhk-bg-mob.png);
        background-size: cover;
        background-position: center;
    }
    .header_row {
        height: 100%;
        align-items: center;
    }
    .header_logo {
        position: fixed;
        display: flex;
    }
    .header_logo img {height: 0.75rem;}
    .headding {font-size: 4rem;}
    .prost_left {
        width: 100%;
        margin-top: 2rem;
    }
    .prost_right {width: 100%;}
    .prost_right_wrap {
        height: 100%;
        margin-top: 2rem;
        width: 100%;
    }
    .header {
        /*display: flex;*/
        padding: 10px 0;
        background-color: rgba(255, 255, 255, 0.13);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        height: 56px;
    }
    .header_info_img {display: none !important;}
    .header_menu span:hover img {display: none !important;}
    .header_menu {margin-top: 4rem;}
    .header_info_left {width: 100%;}
    .nums_item {width: calc(100% / 2 - 1.5rem);}
    .nums_slider_wrap .swiper-wrapper {align-items: flex-start;}
    .map {padding: 2rem 0;}
    .map_nums_text {font-size: 1rem;}
    .headding3 {font-size: 2.75rem;}
    .territory_block {width: 100%;}
    .territory {padding-bottom: 3rem;}
    .video_row {flex-wrap: wrap;}
    .video_right {
        flex-grow: 1;
        padding-left: 0;
        order: 0;
        width: 100%;
    }
    .video {
        overflow: hidden;
        padding-bottom: 0;
    }
    .video_left {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        order: 1;
        margin-top: 2rem;
    }
    .video_item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .video_item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        aspect-ratio: 1188 / 668;
    }
    .video_item.hide-on-desktop img {
        object-fit: contain;
        aspect-ratio: 9 / 16;
    }
    .fancybox-slide--video .fancybox-content {
        height: 100% !important;
    }
    .headding_info {font-size: 2rem;}
    .noslide .zona_item_1 {width: calc(50% - 1rem);}
    .noslide .zona_item_2 {width: calc(50% - 1rem);}
    .noslide .zona_item_3 {width: calc(50% - 1rem); padding-left: 0;}
    .noslide .zona_item_4 {width: calc(50% - 1rem);}
    .zona_item_info {margin-top: 1.25rem;}
    .zona_item_info .simple_text2 {margin-top: 1rem;}
    .apartment_block2 {display: block;}
    .apartment_block .simple_text2 {
        margin-top: 1rem;
        max-width: unset;
    }
    .apartment_left {
        width: 100%;
        max-width: unset;
    }
    .apartment_right {width: 100%;}
    .apartment_btn_wrap {margin-top: 0.5rem;}
    .apartment_nums li {
        margin-bottom: 1rem;
    }
    .kv_tabs_list {
        margin-left: 0;
        margin-top: 0.5rem;
    }
    .kv_cont_list {
        margin-top: 1rem;
    }
    .prost_item .headding_info {
        margin-top: 0;
        font-size: 2rem;
    }
    .prost_item .prost_ico + .headding_info {
        margin-top: 1.4rem;
    }

    .color {
        width: 100%;
        overflow: hidden;
    }
    .favorit_item_l .headding_info {font-size: 2.5rem;}
    .favorit_row {flex-wrap: wrap;}
    .favorit_left {
        padding-bottom: calc(58vw + 5rem);
        width: 100%;
        max-width: unset;
    }
    .favorit_right {
        width: 100%;
        margin-top: calc(-58vw - 3rem);
    }
    .colorit .favorit_left {padding-bottom: calc(126vw + 8rem);}
    .colorit .favorit_right {margin-top: calc(-126vw - 6rem);}
    .color_name {
        font-size: 1.5rem;
        font-weight: 400;
    }

    .favorit_nav .swiper-button-next {
        left: unset;
        right: 0;
    }
    .favorit_nav .swiper-button-prev {
        left: unset;
        right: 2.75rem;
    }
    .favorit_slide_wrap_r img {
        height: calc(58vw - 0rem);
        width: 100%;
    }
    .favorit_nav {
        margin-top: unset;
        position: absolute;
        bottom: 1.125rem;
        width: 100%;
    }
    .favorit_nav {
        margin-top: unset;
        position: absolute;
        bottom: 1.25rem;
        width: 100%;
    }
    .favorit_slide_wrap_l .custom-pagination,
    .favorit_slide_wrap_2 .custom-pagination {
        position: absolute;
        bottom: 0.875rem;
        font-size: 0.875rem;
    }

    .prost_item .prost_ico img {
        width: 2.5rem;
    }
    .prost_item.swiper-slide {
        margin-bottom: 0;
    }
    .prost_nav .swiper-button-next,
    .prost_nav .swiper-button-prev {
        left: unset;
        position: relative;
        right: 0;
    }
    .prost_nav {
        width: 100%;
        height: 50px;
        display: flex;
        gap: 4px;
        justify-content: end;
        margin-top: 10px;
    }

    .ipo_row {
        margin-top: 0;
        flex-wrap: wrap;
    }
    .ipo_left {width: 100%;}
    .ipo_right {
        width: 100%;
        position: relative;
        margin-top: 3rem;
    }
    .ipo_img {
        max-width: unset;
        max-height: unset;
        position: relative;
        top: unset;
        height: unset;
        width: 100%;
    }
    .osob_row {
        gap: 1em;
        flex-wrap: nowrap;
        overflow: hidden;
        overflow-x: scroll;
    }
    .oob_list_item {
        /*width: 100%;*/
        width: calc(100vw - 6em);
        min-width: calc(100vw - 6em);
        max-width: calc(100vw - 6em);
        padding: 1.5rem;
    }
    .custom-pagination {font-size: 0.825rem;}
    .dost_nav {
        position: relative;
        margin-top: 1.5rem;
        padding-left: 0;
    }
    .dost_nav .custom-pagination {
        display: none;
    }
    .opf_col {
        width: 100%;
        max-width: 100%;
    }
    .opf_form {min-height: unset;}
    .opf_form .headding3 {margin-top: 1rem;}
    .opf_form_wrap {margin-top: 1.5rem;}
    .opf_row {
        justify-content: flex-end;
        height: calc(100vh - 6rem);
        align-items: flex-end;
    }
    .opf {
        background-position: left bottom;
    }
    .doc.noslide .swiper-slide:nth-child(-n+4) {width: calc(100% / 2);}
    .doc.noslide .swiper-slide {width: calc(100% / 1);}
    .footer_col_1 {display: block;}
    footer .header_social {margin: 0rem 0 0 0;}
    footer .header_call_wrap {margin: 1.5rem 0 0 0;}
    .footer_col_3 {
        flex-grow: 1;
        text-align: left;
    }
    .footer_copy {
        margin-top: 0rem;
        padding-top: 0;
        padding-bottom: 1.5rem;
        display: block;
    }
    .footer_copy>div {margin-top:1.5rem;}
    .colorit {
        width: 100%;
        overflow: hidden;
        padding-top: 1rem;
        padding-bottom: 0;
    }

    .chat-area._js-chat-area.widget_chat {
        display: block;
        width: 100% !important;
        max-width: unset;
        background: unset;
    }
    .waves-effect.waves-light.btn-chat:not(._btn-pills){
        background-color: var(--color);
        color: #ffffff;
        border: 0;
        /*font-size: 1rem;
        padding: 0.75rem 1.125rem;
        width: min-content !important;*/
    }
    .nab_slide_wrap{margin-right:2rem;}
    .logo_popup {height: 0.75rem;}
    .close_popup .close_btn {width: 1.25rem;}
    .bay_method_popup {padding: 1.25rem 1rem 3rem;}


}
/*
==============================
	xs 499 - Смартфоны	(360, 414)
==============================
*/
@media (max-width: 499px) {
    .container {padding: 0 1rem;}
    .header_menu ul {column-count: 1;}
    footer .header_menu {margin: 1.5rem 0 0 0;}
    .offer_left {
        width: 100%;
        order: 1;
    }
    .offer {
        padding-top: 4.5rem;
    }
    .offer_row {
        flex-wrap: wrap;
        flex-direction: column;
        gap: 3rem;
        justify-content: flex-end;
        min-height: calc(100vh - 9rem);
    }
    .offer_right {
        width: 100%;
        height: unset;
    }
    .chat_wrap {height: unset;}

    .headding {font-size: 3rem;}
    .headding2 {font-size: 3rem;}
    .second {position:relative;}
    .second {
        position: relative;
        overflow: hidden;
    }

    .second::before {
        position: absolute;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        z-index: 1;
        background-size: cover;
    }
    .second .container {position:relative; z-index:1;}
    .nums_num {font-size: 5rem;}
    .swiper-slide.nums_item {margin-bottom: 1rem;}
    .map_nums_num {
        font-size: 5rem;
        white-space: pre;
    }
    .map .headding4 {
        padding: 1rem;
        font-size: 1.5rem;
    }
    .map_btns_wrap {
        padding: 1rem;
        font-size: 1rem;
    }
    .map_btns_wrap li::before {left: 0;}
    .map_btns_wrap li {
        padding: 0.75rem 0rem 0.75rem 2.5rem;
        font-size: 0.875rem;
    }
    .nab_row {flex-wrap: wrap;}
    .nab_left {
        width: 100%;
        order: 1;
        margin-top: 3.5rem;
    }
    .nab_right {width: 100%;}
    .territory_block {padding: 2.5rem 2rem 1rem 1rem;}
    .supheadding {font-size: 0.875rem;}
    .territory_row .headding3 {font-size: 2rem;}
    .simple_text2 p:nth-child(1) {margin-top: 1.25rem;}
    .video_left {
        min-width: calc(100% - 1.25rem);
        width: calc(100% - 1.25rem);
    }
    .zona {
        overflow: hidden;
        width: 100%;
        padding-bottom: 0;
    }
    .zona_slide_wrap {width: calc(100% - 2rem);}
    .zona_item {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .zona .simple_text2 {
        display: block;
        margin-top: 2rem;
        color: var(--grey_text);
    }
    .prost,
    .apartment {
        padding-bottom: 0;
    }
    .kv_nav {
        position: relative;
        height: 4.25rem;
        width: 100%;
    }
    .kv_cont_list {width: 100%;}
    .kv_cont_list .swiper-button-next {right: 0;}
    .kv_cont_list .swiper-button-prev {
        left: unset;
        right: 2.75rem;
    }
    .color {padding: 0;}
    .color_slide_wrap  {width: calc(100% - 2rem);}
    .favorit_nav .swiper-button-next {right: 1rem;}
    .favorit_nav .swiper-button-prev {right: 3.75rem;}
    .ipo_inside {display: block; margin-top: 3rem;}
    .ipo_sert { margin-top: 3rem;}

    .oob_ico img {width: 2.5rem;}
    .doc.noslide .swiper-slide:nth-child(-n+4) {width: 100%;}
    footer .phone a, .phone a {font-size: 3rem;}
    .header_adress {
        margin-top: 1.5rem;
        font-size: 1.125rem;
    }
    .header_mail {
        font-size: 1.125rem;
        margin-top: 0.75rem;
    }
    .footer_col_3 .btn {
        width: 100%;
        text-align: center;
    }
    .header_call_wrap .btn {
        width: 100%;
        text-align: center;
    }
    .favorit_slide_wrap_r {
        width: calc(100% - 2rem);
    }
    .map_wrap {
        width: 230%;
        transform: translateX(-50%);
        margin-top: 2.25rem;
    }
    .map_left {margin-top: 113vw;}
    .map_item {
        transform: translate(-50%, -100%) scale(0.5);
        transform-origin: bottom center;
    }
    .nab {padding-top: 0;}
    .full_screen {
        min-height: 100vh;
        height: unset;
    }
    #second {
        position: relative;
        top: 0;
        width: 100%;
        z-index: 10;
        pointer-events: unset;
        opacity: 1;
        transition: opacity 500ms ease 0ms;
        display: flex;
        align-items: flex-end;
    }
    .second .container {
        position: relative;
        z-index: 1;
        height: unset;
        margin: unset;
    }
    .second .headding2 {
        margin-top: unset;
    }
    .steps-container {
        position: relative;
        z-index: 0;
    }
    .chat_wrap {
        max-height: unset;
    }
    .apartment_nums span {
        font-size: 3.5rem;;
    }
    .bay_method_tabs_list_item {
        padding: 0.75rem;
        font-size: 0.875rem;
    }
    .bay_method_tabs_list_item {
        width: 80vw;
    }
    .tab_content_sub_notes {
        font-size: 1rem;
    }




}

@media (max-width: 413px) {


}

/*
==============================
	xs 359 - Смартфоны	(320)
==============================
*/
@media (max-width: 359px) {


}

/*********************************** анимации *************************/
/*.steps-container {position:relative;}
.animate {}
.offer {z-index: 1; position:relative;}
.second {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	pointer-events:none;
	opacity:0;
	transition:opacity 500ms ease 0ms;
}
.animate#second  {
	pointer-events:unset;
	opacity:1;
}

.steps-container>section{z-index:1; pointer-events:none; margin-top:1px;}
.steps-container>section.active{z-index:10; pointer-events:unset; }
*/




.wow{visibility: hidden;}
.nab_right_wrap .headding3.animated{
    animation-name: fromRight;
    animation-duration: 2s;
    animation-fill-mode: both;
}


.offer_left .headding.animated {
    animation-name: fromBottom;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-delay: 1s;
}
.offer_left .simple_text.animated {
    animation-name: fromBottom;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-delay: 1.250s;
}
.offer_right.animated{
    animation-name: fromBottom;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-delay: 1s;
}
.territory_block.animated{
    animation-name: fromLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 1s;
}
.position_sticky {
    position: sticky;
    top: 100px;
}

.zona_item_1.animated, .zona_item_3.animated{
    animation-name: fromLeft;
    animation-duration: 2s;
    animation-fill-mode: both;
}
.zona_item_2.animated, .zona_item_4.animated{
    animation-name: fromRight;
    animation-duration: 2s;
    animation-fill-mode: both;
}
.animated .prost_item {
    animation-name: fromRight;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated .prost_item:nth-child(1){animation-delay: 250ms;}
.animated .prost_item:nth-child(2){animation-delay: 500ms;}
.animated .prost_item:nth-child(3){animation-delay: 750ms;}

.ipo .headding3.animated {
    animation-name: fromLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.ipo .simple_text2.animated {
    animation-name: fromLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 125ms;
}

.ipo_prog.animated {
    animation-name: fromLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 375ms;
}
.ipo_sert.animated {
    animation-name: fromLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-delay: 250ms;
}
.animated .oob_list_item {
    animation-name: fromBottom;
    animation-duration: 750ms;
    animation-fill-mode: both;
}
.animated .oob_list_item:nth-child(1){animation-delay: 0ms;}
.animated .oob_list_item:nth-child(2){animation-delay: 500ms;}
.animated .oob_list_item:nth-child(3){animation-delay: 1000ms;}
.animated .oob_list_item:nth-child(4){animation-delay: 1500ms;}
.animated .oob_list_item:nth-child(5){animation-delay: 2000ms;}
.animated .oob_list_item:nth-child(6){animation-delay: 2500ms;}

.animated.dost_name li {
    animation-name: fromLeft;
    animation-duration: 750ms;
    animation-fill-mode: both;
}
.animated.dost_name li:nth-child(1){animation-delay: 0ms;}
.animated.dost_name li:nth-child(2){animation-delay: 125ms;}
.animated.dost_name li:nth-child(3){animation-delay: 250ms;}
.animated.dost_name li:nth-child(4){animation-delay: 375ms;}
.animated.dost_name li:nth-child(5){animation-delay: 500ms;}
.animated.dost_name li:nth-child(6){animation-delay: 625ms;}



@keyframes fromBottom {
    0% {
        transform: translateY(3rem);
        opacity: 0;
    }
    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@keyframes fromRight {
    0% {
        transform: translateX(3rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0rem);
        opacity: 1;
    }
}
@keyframes fromLeft {
    0% {
        transform: translateX(-3rem);
        opacity: 0;
    }
    100% {
        transform: translateX(0rem);
        opacity: 1;
    }
}
/*
.favorit_slide_wrap_2 .swiper-slide, .favorit_slide2_wrap_r .swiper-slide {
  opacity: 0 !important;
  transition: opacity 0.8s ease;
}

.favorit_slide_wrap_2 .swiper-slide-active, .favorit_slide2_wrap_r .swiper-slide-active{
  opacity: 1 !important;
}*/

@media only screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}
@media only screen and (min-width: 768px) {
    .hide-on-desktop {
        display: none !important;
    }
}