@font-face {
  font-family: "Mont";
  src: local("Mont Regular"), local("Mont-Regular"), url("fonts/Mont-Regular.woff2") format("woff2"), url("fonts/Mont-Regular.woff") format("woff"), url("fonts/Mont-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Mont";
  src: local("Mont Semi Bold"), local("Mont-Semi-Bold"), url("fonts/Mont-SemiBold.woff2") format("woff2"), url("fonts/Mont-SemiBold.woff") format("woff"), url("fonts/Mont-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Mont";
  src: local("Mont Bold"), local("Mont-Bold"), url("fonts/Mont-Bold.woff2") format("woff2"), url("fonts/Mont-Bold.woff") format("woff"), url("fonts/Mont-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root{
    --primary: #7a231c;
    --dark: #333f48;
    --dark2: #14191d;
    --grey: #f5f5f5;
    --grey2: #ebeaea;

    --color-white-solid: #fff;
    --color-violet-16: #2a2032;
    --color-black-solid: #000;
    --color-spring-green-42: #27ae60;
    --color-white--300: rgba(255, 255, 255, 0.3);
    --color-white--200: rgba(255, 255, 255, 0.2);
    --color-azure-23: #333741;
    --color-azure-7: #0e1216;
    --color-white--400: rgba(255, 255, 255, 0.4);
    --color-orange-54: #f6781d;
    --color-spring-green-31: #158a46;
    --color-grey-15: #252629;
    --color-black--100: rgba(0, 0, 0, 0.1);
    --color-black--200: rgba(0, 0, 0, 0.2);
    --color-black--300: rgba(0, 0, 0, 0.3);
    --color-black--400: rgba(0, 0, 0, 0.4);
}

html, body {font-family: 'Mont'; font-size: 14px; font-weight: 400; margin:0; padding:0; width:100%;  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
html {scroll-behavior: smooth; height: 100%;}
body{display: flex; flex-direction: column; min-height: 100%;}
*[id] {
    scroll-margin-top: 30px;
}

*, *:before, *:after {box-sizing: border-box; padding: 0px; margin: 0px; border: none}
aside, nav, footer, header, section, main {display: block;}
h1, h2, h3, h4, h5, h6, p {font-size: inherit; font-weight: inherit;}
img, svg {border: none; outline: 0; display: block; max-width: 100%}
a {color: inherit; outline: 0; cursor: pointer; text-decoration: none;}
a:hover {text-decoration: underline; outline:0}
ul, ol, li {list-style: none;}
input, textarea, select, option, button {border: none; outline: 0; font-family: inherit; font-size: 16px; color: inherit;}
input[type=submit], button {cursor: pointer; box-shadow: none; background-color: transparent; background: none;}

.site-btn{
  display: inline-flex;
  align-items: center;
  height: 70px;
  padding: 0 20px;transition: all 0.3s ease; font-weight: 600; font-size: 14px; line-height: 200%; cursor: pointer;}
.site-btn.small{height: 40px;}
.site-btn.primary{color: var(--color-white-solid); background-color: var(--dark);}
.site-btn.primary:hover{background-color: var(--primary); text-decoration: none;}
.site-btn.red{color: var(--color-white-solid); background-color: var(--primary);}
.site-btn.red:hover{background-color: var(--dark2); text-decoration: none;}
.site-btn.grey{color: #111; background-color: #e4e4e4;}
.site-btn.grey:hover{background-color: var(--dark); color: var(--color-white-solid); text-decoration: none;}

h2.title{font-weight: 600; font-size: 40px; line-height: 60%; color: var(--dark2);}

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

.checkbox-styled{display: flex; position: relative;}
.checkbox-styled input{width: 0!important; height: 0!important; opacity: 0; position: absolute;}
.checkbox-styled .checkbox-btn{flex: 0 0 18px; width: 18px; height: 18px; border-radius: 5px; border: 1px solid #E7E7E7; background: #FFF; position: relative;  transition: all 250ms cubic-bezier(.4,.0,.23,1);}
.checkbox-styled input:checked + .checkbox-btn{background: #191B26; border-color: #191B26;}
.checkbox-styled input:checked + .checkbox-btn:before{content: ""; position: absolute; top: 7px; left: 3px; border-right: 2px solid transparent; border-bottom: 2px solid transparent; transform: rotate(45deg); transform-origin: 0% 100%; animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;}
.checkbox-styled .checkbox-text{margin-left: 12px; color: rgba(0, 0, 0, 0.63); font-size: 14px;}
.checkbox-styled.disabled{pointer-events: none; opacity: 0.5;}
@keyframes
 checkbox-check{
    0%{width: 0; height: 0; border-color: #fff; transform: translate3d(0,0,0) rotate(45deg);}
    33%{width: 5px; height: 0; transform: translate3d(0,0,0) rotate(45deg);}
    100%{width: 5px; height: 10px; border-color: #fff; transform: translate3d(0,-.5em,0) rotate(45deg);}
}

.file-styled{display: flex; position: relative; flex-direction: column; cursor: pointer}
.file-styled input{position: absolute; opacity: 0; z-index: -1}
.file-styled span.btn{font-size: 14px; color: #191B26; display: inline-flex;}
.file-styled span.btn::before{content: ""; width: 27px; height: 20px; background: url(images/upload.svg) no-repeat center center / contain; margin-right: 12px;}
.file-styled span.text{font-size: 14px; line-height: 16px; color: #191B26;}

.alert {position: relative; padding: 0.75rem 1.25rem; border: 1px solid transparent; font-weight: normal;}
.alert-error {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
.alert-info {color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}

.form-styled{width: 100%; position: relative}
.form-styled .form-row:not(.last){margin-bottom: 20px;}
.form-styled .form-row::after{content: ''; display: block; clear: both;}
.form-styled .form-row label:not(.checkbox-styled){font-size: 14px; color: #333; margin-bottom: 5px; display: block;}
.form-styled .form-row label:not(.checkbox-styled) .req{color: red;}
.form-styled .form-row input,
.form-styled .form-row textarea{width: 100%; padding: 0 17px; box-sizing: border-box; border: 1px solid rgba(51, 63, 72, 0.3); color: var(--dark2); font-family: inherit; outline: none; height: 60px; font-size: 16px; background: #fff; border-radius: 0;}
.form-styled .form-row textarea{height: 140px; resize: none; padding: 10px 17px;}
.form-styled .form-row input::placeholder,
.form-styled .form-row textarea::placeholder{color: rgba(51, 51, 51, 0.83);}
.form-styled .form-row .nice-select{height: 60px; line-height: 60px; border-radius: 0; border: 1px solid rgba(51, 63, 72, 0.3); background-color: #fff; width: 100%;}
.form-styled .form-row .nice-select .nice-select-dropdown{left: -1px; right: -1px; width: auto;}
.form-styled .form-row .nice-select .list{border-radius: 0;}
.form-styled .alert{margin-top: 15px;}
.form-styled .form-note{font-size: 11px; color: var(--dark2);}

.modal {position: fixed; width: 100vw; height: 100vh; opacity: 0; visibility: hidden; transition: all 0.3s ease; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
.modal.open {visibility: visible; opacity: 1; transition-delay: 0s;}
.modal-bg {position: absolute; background: rgba(0, 0, 0, .5); width: 100%; height: 100%;}
.modal-container {background: #fff; position: relative; padding: 70px 50px 50px; max-width: 580px; max-height: 100%;}
.modal-container h1{color: var(--dark2); font-size: 40px; font-weight: 600; margin-bottom: 50px;}
.modal-container h2{color: var(--dark2); font-size: 35px; font-weight: 600; text-align: center;}
.modal-close {position: absolute; right: 20px; top: 20px; outline: none; appearance: none; background: url(images/close-ico.svg) no-repeat center center; border: none;  cursor: pointer; width: 18px; height: 18px; transition: all .3s ease; padding: 0;}
.modal-container .form-styled .alert{width: 100%; box-sizing: border-box; }
.modal-container .buttons{display: flex; gap: 20px; margin-top: 50px;}
.modal-container .site-btn{width: 160px; display: flex; justify-content: center; margin: 0 auto;}

header {--header-logo-w: 127px; display: flex; align-items: center; height: 98px; justify-content: space-between; position: relative;}
header .menu-btn{display: inline-flex; align-items: center; width: calc(50% - var(--header-logo-w) / 2); font-weight: 600; font-size: 14px; line-height: 157%; text-transform: uppercase; color: var(--dark);}
header .menu-btn::before{content: ''; display: inline-block; width: 40px; height: 40px; background: url('images/menu-ico.svg') center no-repeat; margin-right: 16px;}
header .logo{width: var(--header-logo-w);}
header .header-right-part{display: flex; align-items: center; justify-content: flex-end; width: calc(50% - var(--header-logo-w) / 2);}
header .header-phone{font-weight: 600; font-size: 15px; line-height: 187%; color: var(--dark); margin-right: 55px;}

main{flex: 1;}

.swiper.swiper-arrows .swiper-button-next, 
.swiper.swiper-arrows .swiper-button-prev{width: 30px; height: 30px; margin-top: -15px; background-color: #F5F5F5; border-radius: 30px; opacity: 0.8; transition: opacity 0.3s ease;}
.swiper.swiper-arrows .swiper-button-next:hover, 
.swiper.swiper-arrows .swiper-button-prev:hover{opacity: 1;}
.swiper.swiper-arrows .swiper-button-next:after, 
.swiper.swiper-arrows .swiper-button-prev:after{content: ""; display: inline-block; width: 10px; height: 11px;}
.swiper.swiper-arrows .swiper-button-next::after{background: url(images/arr-next.svg) no-repeat center;}
.swiper.swiper-arrows .swiper-button-prev::after{background: url(images/arr-prev.svg) no-repeat center;}
.swiper:not(.swiper-initialized) .swiper-button-next,
.swiper:not(.swiper-initialized) .swiper-button-prev{display: none !important;}
.radio-disabled {
    opacity: 0.5;
    pointer-events: none;
}

#index-images {--swiper-pagination-bottom: 35px;}
#index-images .swiper-pagination-bullet{width: 60px; height: 5px; border-radius: 0; background: var(--color-white-solid); opacity: 1; margin: 0 5px;}
#index-images .swiper-pagination-bullet-active{background: var(--primary);}

#index-objects{background-color: var(--grey); padding: 35px 0 70px;}
.index-objects-tabs{margin-bottom: 34px;}
.index-objects-tabs ul{display: flex; justify-content: center; align-items: center; gap: 10px}
.index-objects-tabs ul li{display: inline-flex; width: 180px; height: 70px; align-items: center; justify-content: center; background-color: #fff; font-weight: 600; font-size: 14px; line-height: 200%; color: var(--color-azure-23); cursor: pointer;}
.index-objects-tabs ul li.active{color: var(--color-white-solid); background-color: var(--dark);}
.index-objects-tabs .index-object-filter-item-inputs{display: grid;grid-template-columns: repeat(3,1fr); justify-content: center; align-items: center; gap: 10px}
#index-objects .index-objects-tabs .index-object-filter-item-inputs{display: flex;flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px}
.index-objects-tabs .index-object-filter-item-inputs .radio{display: inline-flex; flex: 1 1 100px; height: 70px; align-items: center; justify-content: center; background-color: #fff; font-weight: 600; font-size: 14px; line-height: 200%; color: var(--color-azure-23); cursor: pointer;}
.index-objects-tabs .index-object-filter-item-inputs .radio input{display: none;}
.index-objects-tabs .index-object-filter-item-inputs .radio:has(input:checked){color: var(--color-white-solid); background-color: var(--dark);}
.index-objects-tabs-content{position: relative;}
.index-objects-tabs-content.loading::after{content: ''; position: absolute; inset: 0; z-index: 10; background: rgba(255, 255, 255, 0.64) url(images/loading.svg) no-repeat center / 50px; }
.index-objects-tabs-content > div{display: none;}
.index-objects-tabs-content > div.active{display: block;}
.index-objects-tabs-content > .index-object-content.active{display: flex; gap: 10px}
.index-object-content-left,
.index-object-content-right{flex: 1; background: var(--color-white-solid); padding: 65px; min-width: 1px; }

.index-object-filter{margin-bottom: 58px;}
.index-object-filter .index-object-filter-item:not(:last-child){margin-bottom: 36px;}
.index-object-filter .index-object-filter-item.hidden{display: none;}
.index-object-filter-item-title{font-weight: 600; font-size: 18px; line-height: 122%; color: var(--dark); margin-bottom: 36px;}
.index-object-filter-item-inputs .checkbox input{display: none;}
.index-object-filter-item-inputs .checkbox span{min-width: 60px; height: 48px; padding: 13px 27px; display: inline-flex; align-items: center; background: var(--grey); font-weight: 600; font-size: 14px; line-height: 157%; color: var(--dark); cursor: pointer;}
.index-object-filter-item-inputs .checkbox input:checked + span{background: var(--primary); color: var(--color-white-solid);}
.index-object-filter-item-inputs .checkbox.disabled{opacity: 0.5; display: none;}

.index-object-sort{display: flex; gap: 50px; margin-bottom: 50px;}
.index-object-sort-item{font-size: 14px; line-height: 200%; color: var(--dark2); cursor: pointer; display: inline-flex; align-items: center; gap: 10px}
.index-object-sort-item::after{content: ""; display: inline-flex; width: 17px; height: 17px; background: url(images/asc.svg) no-repeat center;}
.index-object-sort-item.desc::after{background: url(images/desc.svg) no-repeat center;}
.index-object-sort-item.active{font-weight: 600;}

.index-object-list{display: flex; flex-wrap: wrap; gap: 10px}
.index-object-list.scroll{height: auto; max-height: 425px; overflow: auto; padding-right: 33px; margin-right: -32px;}
.index-object-list.scroll::-webkit-scrollbar{width: 3px; background: #e4e4e4;}
.index-object-list.scroll::-webkit-scrollbar-track{width: 3px; background: #e4e4e4;}
.index-object-list.scroll::-webkit-scrollbar-thumb{width: 3px; background: var(--primary);}
.index-object-list .index-object-item{max-height: 400px; border: 1px solid rgba(51, 63, 72, 0.13); padding: 20px; flex: 0 0 33%; max-width: calc(100% / 3 - 10px * 2 / 3); text-decoration: none; flex-shrink: 0;}
.index-object-list .index-object-item > p{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.index-object-list .index-object-item:hover,
.index-object-list .index-object-item.active{border-color: var(--primary);}
.index-object-item-image{display: flex; width: 100%; height: 167px; justify-content: center; align-items: center; margin-bottom: 30px;}
.index-object-item-image img{max-width: 100%; max-height: 100%;}
.index-object-item-info{display: flex; justify-content: space-between; margin-top:15px}
.index-object-item-info-price,
.index-object-item-info-square{font-weight: 600; font-size: 14px; line-height: 157%; color: var(--dark);}
.index-object-item-info-price span{font-weight: 700; color: var(--primary);}
.index-object-item-info-rooms,
.index-object-item-info-floor{font-weight: 600; font-size: 11px; line-height: 200%; color: var(--dark);}

.object-content-detail-title{font-weight: 600; font-size: 18px; line-height: 122%; color: var(--dark); margin-bottom: 36px;}
.object-content-detail-images{display: flex; height: 424px; justify-content: space-between;}
.object-content-detail-images-main{flex: 0 0 72%; max-width: calc(72% - 5px); margin: 0;}
.object-content-detail-images-main img{object-fit: cover; width: 100%; height: 100%;}
.object-content-detail-images-thumbs{flex: 0 0 28%; max-width: calc(28% - 5px); margin: 0;}
.object-content-detail-images-thumbs .swiper-slide img{width: 100%; height: 100%; object-fit: cover;}
.object-content-detail-images-thumbs .swiper-button-next,
.object-content-detail-images-thumbs .swiper-button-prev{width: 100%; height: 42px; background: var(--grey); margin: 0; opacity: 0.8; transition: opacity 0.3s ease;}
.object-content-detail-images-thumbs .swiper-button-prev{left: 0; right: 0; top: 0;}
.object-content-detail-images-thumbs .swiper-button-next{left: 0; right: 0; bottom: 0; top: auto;}
.object-content-detail-images-thumbs .swiper-button-next:hover,
.object-content-detail-images-thumbs .swiper-button-prev:hover{opacity: 1;}
.object-content-detail-images-thumbs .swiper-button-prev::after,
.object-content-detail-images-thumbs .swiper-button-next::after{content: ""; display: inline-flex; width: 18px; height: 11px;}
.object-content-detail-images-thumbs .swiper-button-prev::after{background: url(images/arr-up.svg) no-repeat center;}
.object-content-detail-images-thumbs .swiper-button-next::after{background: url(images/arr-down.svg) no-repeat center;}

.object-features{display: flex; align-items: center; gap: 5px; margin-top: 34px;}
.object-features-item{font-weight: 600; font-size: 14px; color: var(--dark2); display: inline-flex; max-width:25%; align-items: center;}
.object-features-item .icon{display: inline-flex; flex: 0 0 32px; width: 32px; height: 32px; justify-content: center; align-items: center; margin-right: 15px;}
/* .object-features-item.window::before{background: url(images/window-ico.svg) no-repeat center;}
.object-features-item.building::before{background: url(images/building-ico.svg) no-repeat center;} */

.object-content-detail .index-object-item-info{display: none;}
.object-content-detail-actions{display: flex; gap: 23px; align-items: center; margin-top: 46px;}
.object-content-detail-actions .site-btn{width: 230px; justify-content: center;}
.object-content-detail-actions .link{font-weight: 600; font-size: 14px; line-height: 200%; text-decoration: underline; text-decoration-skip-ink: none; color: var(--dark2);}
.object-content-detail-actions .link:hover{text-decoration: none;}

.object-content-detail-wrap{display: flex; gap: 50px; align-items: flex-start;}
.object-content-detail-wrap > .object-content-detail-images{flex: 1; max-width: calc(50% - 25px); height: auto;}
.object-content-detail-wrap > .object-content-detail-info{flex: 1; max-width: calc(50% - 25px); height: auto; min-height: 500px;}
.object-content-detail-text{background: var(--grey); padding: 20px 30px; color: var(--dark); height: 214px; }
.object-content-detail-text-scroll{max-height:100%; overflow-y: auto; padding-right: 20px;}
.object-content-detail-text-scroll::-webkit-scrollbar{width: 3px; background: #e4e4e4;}
.object-content-detail-text-scroll::-webkit-scrollbar-track{width: 3px; background: #e4e4e4;}
.object-content-detail-text-scroll::-webkit-scrollbar-thumb{width: 3px; background: var(--primary);}
.object-content-detail-price{font-weight: 600; line-height: 157%; color: var(--dark); margin-bottom: 24px;}
.object-content-detail-price > span{font-size: 18px;}
.object-content-detail-price span span{color: var(--primary); font-size: 18px; font-weight: bold;}
.object-content-detail-free{font-weight: 600; font-size: 18px; color: var(--primary); line-height: 122%; margin-bottom: 30px;}

.object-content-banks-block{margin-top: 55px;}
.object-content-banks{display: flex; gap: 10px}
.object-content-banks-item{flex: 1; max-width: calc(25% - 10px * 3 / 4); height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--grey);}
.object-content-banks-item-logo{display: flex; height: 44px; width: 100%; justify-content: center; align-items: center; margin-bottom: 10px;}
.object-content-banks-item-logo img{max-width: 100%; max-height: 100%;}
.object-content-banks-item-name{font-weight: 600; font-size: 14px; line-height: 200%; color: var(--dark); margin-top: 15px;}
.object-content-banks-item-info{display: flex; gap: 30px}
.object-content-banks-item-info p{font-weight: 600; line-height: 157%; color: var(--dark2);}
.object-content-banks-item-info p span{font-weight: bold; color: var(--primary);}
.object-content-banks-item .link{line-height: 200%; text-decoration: underline; font-weight: 600; color: var(--dark); margin-top: 10px;}


#index-features{margin-top: 70px;}
.index-features-grid{display: flex; gap: 10px;}
.index-features-item,
.index-features-item .swiper-slide{position: relative; flex-shrink: 0;}
.index-features-item.feat-images{flex: 1; max-width: calc(50% - 5px); --swiper-pagination-bottom: 45px}
.index-features-item .feat-images-slider{height: 100%;}
#index-features .swiper-pagination-bullet{width: 14px; height: 14px; border-radius: 14px; background: var(--color-white-solid); opacity: 1; margin: 0 10px;}
#index-features .swiper-pagination-bullet-active{background: var(--primary);}

.index-features-item.feat-right{flex: 1; max-width: calc(50% - 5px);}
.index-features-item.feat-right .swiper-wrapper{display: grid; gap: 10px; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr);}
.index-features-item.feat-1{grid-area: 1 / 1 / 2 / 3;}
.index-features-item.feat-2{grid-area: 2 / 1 / 3 / 2;}
.index-features-item.feat-3{grid-area: 2 / 2 / 3 / 3;}
.index-features-item img{width: 100%; height: 100%; object-fit: cover;}
.index-features-item .feat-info{position: absolute; inset: 0; background: var(--color-black--400); display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 40px 40px 66px;}
.index-features-item .feat-info-title{font-weight: 600; font-size: 26px; color: var(--color-white-solid); margin-bottom: 10px;}
.index-features-item .feat-info-text{font-weight: 600; font-size: 17px; line-height: 120%; color: var(--color-white-solid);}

.index-features-item .swiper-slide .feat-info{padding: 0 10% 106px;}
.index-features-item .swiper-slide .feat-info .site-btn{margin-top: 40px;}

#all-objects{margin-top: 70px;}
.news-list{margin-top: 40px; display: flex; gap: 10px; flex-wrap: wrap;}
.news-item{flex: 0 0 25%; max-width: calc(100% / 4 - 10px * 3 / 4); position: relative; padding-top: calc(100% / 4 - 10px * 3 / 4);}
.news-item img{width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.news-item .object-code{position: absolute; z-index: 2; left: 0; top: 0; font-size: 22px; background: var(--primary); padding: 5px 10px; color: var(--color-white-solid); font-weight: bold;}

.news-item-info{position: absolute; inset: 0; background: linear-gradient(transparent, rgba(0,0,0,.5) 50%, rgba(0,0,0,.75) 100%); display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 30px;}
.news-item-info p{font-weight: 600; font-size: 25px; line-height: 140%; color: var(--color-white-solid);}
.news-item-info .news-item-date{font-size: 14px; line-height: 250%;}

.breadcrumbs{background-color:var(--grey) ; padding: 20px 0; margin-bottom: 60px;}
.bx-breadcrumb{display: flex; gap: 4px; align-items: center; flex-wrap: wrap;}
.bx-breadcrumb .bx-breadcrumb-item{margin-bottom: 0;}
.bx-breadcrumb .bx-breadcrumb-item span{font-size: 14px; line-height: 200%; color: var(--dark);}

main h1{font-weight: 600; font-size: 40px; line-height: 120%; color: var(--dark2); /*margin-bottom: 60px;*/}

.page-404 p{font-size: 14px; line-height: 157%; color: var(--dark2);}
.page-404 a{font-weight: 600; font-size: 14px; line-height: 157%; text-decoration: underline; color: var(--primary);}
.page-404 a:hover{text-decoration: none;}
.error-404-img{margin-top: -50px; z-index: -1; position: relative;}

.footer-menu{background-color: var(--primary); position: sticky; bottom: -1px; z-index: 200; margin-top: 86px;}
.footer-menu-404{margin-top: 0;}
.footer-menu ul{display: flex; flex-wrap: wrap; justify-content: center;}
.footer-menu ul li a{font-weight: 600; font-size: 14px;color: var(--color-white-solid); display: flex; justify-content: center; height: 70px; line-height: 70px; padding: 0 30px; border-bottom: 7px solid transparent;}
.footer-menu ul li a:hover{text-decoration: none; border-bottom: 7px solid var(--color-white-solid)}

footer{background: var(--dark); padding: 57px 0;}
.footer-cols{display: flex; justify-content: space-between; gap: 20px;}
.footer-col-title{font-weight: 700; font-size: 14px; color: var(--color-white-solid); margin-bottom: 20px;}
.footer-col ul li:not(:last-child){margin-bottom: 10px;}
.footer-col ul li,
.footer-col ul li a{font-weight: 600; font-size: 14px; color: var(--color-white-solid);}
.footer-col ul li .site-btn{margin-top: 10px;}

.footer-copyright{border-top: 1px solid var(--color-white--400); margin-top: 60px; padding-top: 46px;}
.footer-copyright p{font-weight: 600; font-size: 12px; color: var(--color-white-solid); max-width: 45%;}

.nice-select{border-radius: 0; background: var(--grey); height: 48px; line-height: 48px; border: none; min-width: 200px;}
.nice-select::after{border: none; width: 12px; height: 7px; background: url(images/select-arrow.svg) no-repeat center / contain; transform: rotate(0); transform-origin: center;}
.nice-select.open:after{transform: rotate(180deg);}
.nice-select .current{font-size: 14px; color: var(--dark2);}
.nice-select .nice-select-dropdown{background: var(--grey); border-radius: 0; border: none; box-shadow: none; margin-top: 0; /*width: 100%;*/ border-top: 1px solid var(--color-black--100);}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus{background: var(--grey2);}

.docs-filter{display: flex; margin-bottom: 60px; gap: 50px}

.docs-list{display: flex; gap: 30px; flex-wrap: wrap;}
.docs-item{flex: 0 0 33%; max-width: calc(100% / 3 - 30px * 2 / 3); display: flex; gap: 18px}
.docs-item:hover{text-decoration: none;}
.docs-item-ico{flex: 0 0 55px;}
.docs-item-info{flex: 1;}
.docs-item-title{font-weight: 600; font-size: 14px; color: var(--dark2);}
.docs-item-date{font-size: 14px; line-height: 250%; color: var(--dark2)}

.news-detail-date{color: var(--primary); margin-bottom: 15px;}
.news-detail-photos{margin-top: 20px;}
.news-detail-photos .swiper-wrapper{align-items: stretch;}
.news-detail-photos .swiper-slide{height: auto;}
.news-detail-photos .swiper-slide img{height: 100%; width: 100%; object-fit: cover;}
.news-detail-back{margin-top: 30px;}
.news-detail-back a{color: var(--primary);}

.contacts-list .contacts-item{display: flex; gap: 34px}
.contacts-list .contacts-item:not(:last-child){margin-bottom: 50px;}
.contacts-list .contacts-item-image{flex: 0 0 433px;}
.contacts-list .contacts-item-info{flex: 1;}
.contacts-list .contacts-item-info p{font-size: 14px; line-height: 157%; color: var(--dark2); margin-bottom: 10px;}
.contacts-list .contacts-item-info .contacts-item-name{font-weight: 600; font-size: 18px; line-height: 122%; color: var(--dark2);}
.contacts-list .contacts-item-info .contacts-item-phone{display: inline-block; margin-bottom: 10px; font-weight: 600; font-size: 18px; line-height: 122%; color: var(--primary);}
.contacts-list .contacts-item-address,
.contacts-list .contacts-item-schedule,
.contacts-list .contacts-item-email{display: flex; align-items: center; gap: 10px;}
.contacts-list .contacts-item-email{display: inline-flex; margin-bottom: 10px;}
.contacts-list .contacts-item-address::before,
.contacts-list .contacts-item-schedule::before,
.contacts-list .contacts-item-email::before{content: ""; display: inline-flex; flex: 0 0 15px; width: 15px; height: 15px; justify-content: center; align-items: center; margin-right: 12px;}
.contacts-list .contacts-item-address::before{background: url(images/address-ico.svg) no-repeat center;}
.contacts-list .contacts-item-schedule::before{background: url(images/schedule-ico.svg) no-repeat center;}
.contacts-list .contacts-item-email::before{background: url(images/email-ico.svg) no-repeat center;}
.contacts-list .contacts-item-route{padding: 0 55px;}

.about-page{display: flex; gap: 50px}
.about-page-left{width: 55%; display: flex; flex-direction: column;}
.about-page-text p{color: var(--dark2); margin-bottom: 25px; line-height: 157%;}
.about-page-numbers{display: flex; flex-wrap: wrap; gap: 37px; margin-top: auto;}
.about-page-numbers-item{flex: 1 1 200px; background: var(--grey); padding: 50px 30px 40px;}
.about-page-numbers-title{font-weight: 700; font-size: 48px; line-height: 80%; color: var(--primary); margin-bottom: 50px;}
.about-page-numbers-text{font-size: 14px; line-height: 157%; color: var(--dark2);}
.about-page-right{width: 45%;}
.about-page-right img{  
  object-fit: cover;
  height: 100%;
}

.cookie-message{
  position: fixed;
  bottom: 10px;
  left: 10px;
  background-color: #fff; 
  z-index: 1001; opacity: 1;
  transform: translateX(0);
  padding: 16px 24px; width: 300px;
  transition: opacity 0.5s 0.5s ease-in-out, transform 0.5s 0.5s ease-in-out;
  box-shadow: 0px 3px 14px 2px gray;
}
.cookie-message-text{font-size: 14px; line-height: 157%; color: var(--dark2); margin-bottom: 10px;}
.cookie-message.hidden{opacity: 0; transform: translateX(-320px);}

.project-detail-top{display: flex; gap: 50px}
.project-detail-image{flex: 0 0 60%;}
.project-detail-info{flex: 1}
.project-detail-free{font-weight: 600; font-size: 18px; color: var(--primary); line-height: 122%; margin-bottom: 20px;}
.project-detail-text{color: var(--dark2); line-height: 157%;}
.project-detail-text span{font-weight: 600;}
.project-detail-price{font-weight: 600; color: var(--dark2); margin: 20px 0;} 
.project-detail-price > span{font-size: 18px;}
.project-detail-price span span{color: var(--primary); font-size: 18px; font-weight: bold;}
.project-detail-plan{margin-top: 55px;}
.h2{font-size: 40px; font-weight: 600; color: var(--dark2); margin-bottom: 60px;}
.project-detail-plan-block{display: flex; gap: 23px}
.project-detail-plan-block > *{flex: 1;}
.project-detail-plan-image img{max-width: 100%;}
.project-detail-features{display: flex; gap: 45px; flex-wrap: wrap; background: var(--grey); padding: 45px 50px;}
.project-detail-features-item{max-width: calc(50% - 22.5px); display: flex; justify-content: space-between; align-items: center; gap: 20px}
.project-detail-features-item .icon{flex: 0 0 96px; height: 90px;}
.project-detail-features-item .icon img{max-width: 100%; max-height: 100%;}
.project-detail-features-item .text{font-size: 14px; line-height: 157%; font-weight: 600; color: var(--dark);}
.project-detail-objects{margin-top: 55px;}

#objects-block{display: flex; gap: 40px; margin-top:40px}
#objects-block .index-object-filter{flex: 0 0 440px; max-width: 25%;}
#objects-block .index-objects-tabs .index-object-filter-item-inputs .radio{border: 1px solid var(--dark);}
#objects-block .bx-filter{padding: 34px; background: var(--grey); margin-top: 50px;}
#objects-block .index-object-filter-item-inputs .checkbox span{background: var(--color-white-solid);}
#objects-block .index-object-filter-item-inputs .checkbox input:checked + span{background: var(--primary);}

#objects-block .object-block-items{flex: 1}
#objects-block .object-block-items .object-block-panel{height: 70px; margin-bottom: 130px; display: flex; align-items: center;}
#objects-block .object-block-items .sort-block{display: flex; gap: 5px; align-items: center;}
#objects-block .object-block-items .sort-block label{line-height: 143%; color: var(--dark2);}
#objects-block .object-block-items .sort-block::after{content: ""; display: block; clear: both;}
#objects-block .object-block-items .sort-block .nice-select {background: none; min-width: 0;}
#objects-block .object-block-items .sort-block .nice-select .nice-select-dropdown{width: auto;}
#objects-block .object-block-items .index-object-list .index-object-item{max-width: calc(20% - 10px * 4 / 5);}


.container iframe, .contacts-list, .about-page {margin-top:40px}
.bx-filter .bx-filter-slider-input-container{display: flex; justify-content: space-between;}
.bx-filter .bx-filter-slider-input-container input{height: 48px; background: #fff; text-align: center; width: 80px; font-weight: 600; color: var(--dark2);}
.bx-filter .bx-ui-slider-track-container {position: relative; padding-top: 15px; width: calc(100% - 14px); margin: 0 auto;}
.bx-filter .bx-ui-slider-track-container::before,
.bx-filter .bx-ui-slider-track-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    display: block;
    height: 5px;
    width: 7px;
    background-color: #cecece;
    pointer-events: none;
}
.bx-filter .bx-ui-slider-track-container::before {
    left: -7px;
}
.bx-filter .bx-ui-slider-track-container::after {
    right: -7px;
}
.bx-filter .bx-ui-slider-track {position: relative; height: 5px; /*background: #d8e9f0;/* COLOR */}

.bx-filter .bx-ui-slider-range,
.bx-filter .bx-ui-slider-pricebar,
.bx-filter .bx-ui-slider-pricebar-vd,
.bx-filter .bx-ui-slider-pricebar-vn,
.bx-filter .bx-ui-slider-pricebar-v {position: absolute; top: 0; bottom: 0;}
.bx-filter .bx-ui-slider-range {z-index: 150;}
.bx-filter .bx-ui-slider-pricebar {z-index: 100;}
.bx-filter .bx-ui-slider-pricebar-vd {z-index: 60; background: #849da4;}
.bx-filter .bx-ui-slider-pricebar-vn {z-index: 70; background: #cecece;}
.bx-filter .bx-ui-slider-pricebar-v {z-index: 80; background: var(--primary);}
.bx-filter .bx-ui-slider-handle {position: absolute; top: 50%; transform: translateY(-50%); width: 15px; height: 15px; border-radius: 15px; z-index: 200; border: 2px solid var(--primary); background: var(--color-white-solid);}
.bx-filter .bx-ui-slider-handle:hover {-webkit-cursor: grab; -ms-cursor: grab; -o-cursor: grab; cursor: grab;}
.bx-filter .bx-ui-slider-handle:active {-webkit-cursor: grabbing; -ms-cursor: grabbing; -o-cursor: grabbing; cursor: grabbing;}
.bx-filter .bx-ui-slider-handle.left {left: 0; margin-left: -7px;}
.bx-filter .bx-ui-slider-handle.right {right: 0; margin-right: -7px;}


.bx-retina .bx-filter .bx-filter-select-container {border-style: solid; border-width: 1px; -webkit-border-image: url(images/border_default.png) 2 repeat; -moz-border-image: url(images/border_default.png) 2 repeat; -o-border-image: url(images/border_default.png) 2 repeat; border-image: url(images/border_default.png) 2 repeat;}
.bx-filter .bx-filter-select-block {position: relative; display: flex; width: 100%; height: 48px; background: #fff; padding: 0 34px 0 15px;}
.bx-filter .bx-filter-select-text {font-size: 15px; line-height: 48px; overflow: hidden; max-width: 100%; height: 48px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis;}
.bx-filter .bx-filter-select-text.fix {min-width: 120px;}
.bx-filter .bx-filter-select-text label {cursor: pointer;}
.bx-filter .bx-filter-select-arrow {position: absolute; top: 0; right: 0; width: 34px; height: 48px; cursor: pointer; background: url(images/select-arrow.svg) no-repeat center;}


.bx-filter-select-popup {background: #fff; padding: 0; min-width: 173px; margin: -10px;}
.bx-filter-select-popup ul {margin: 0; padding: 0; list-style: none;}
.bx-filter-select-popup ul li {display: block; text-align: left; vertical-align: middle;}
.bx-filter-select-popup ul li:first-child {border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 5px;}
.bx-filter-select-popup ul li label {font-size: 14px; line-height: 34px; display: block; text-align: left !important; overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 34px; padding: 0 5px; cursor: pointer; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; -ms-text-overflow: ellipsis; color: #575757;}
.bx-filter-select-popup ul li label.selected,
.bx-filter-select-popup ul li label:hover {color: #000; background: #f3f8fa;}
.bx-filter-select-popup ul li label.disabled {color: #b8b8b8; background: transparent;}
.bx-filter-select-popup ul li .bx-filter-param-text {line-height: 34px !important;}

.bx-filter #set_filter,
.bx-filter #del_filter{margin: 37px auto 0; display: flex; width: 57%; justify-content: center;}
.bx-filter #set_filter{display: none;}
.bx-filter .expand-filter{font-size: 18px; font-weight: 600; line-height: 122%; color: var(--dark2); cursor: pointer; display: flex; align-items: center; justify-content: space-between; transition: margin-bottom 0.3s ease;}
.bx-filter .expand-filter::after{content: ""; display: inline-block; width: 12px; height: 7px;  background: url(images/select-arrow.svg) no-repeat center; transition: transform 0.3s ease;}
.bx-filter .expand-filter.active{margin-bottom: 37px;}
.bx-filter .expand-filter.active::after{transform: rotate(180deg);}


.sidebar {position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; align-items: center; justify-content: center; z-index: 9999;}
.sidebar canvas {position: absolute; top: 0; left: 0; z-index: 0;}
.sidebar .container {position: relative; height: 100%; z-index: 1;}
.menu-container {width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 224px;}

.menu ul {width: 100%; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.main-menu__link {margin-right: 88px; margin-bottom: 20px; overflow: hidden; flex: 1 0 50%; max-width: calc(50% - 88px);}
.main-menu__link-submenu {display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; opacity: 0; max-height: 0; margin-left: 22px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out}
.main-menu__link-submenu li {width: 100%; margin-bottom: 0; margin-top: 32px; font-weight: 300}
.main-menu__link-container {-webkit-transform: translate3d(0, 120%, 0); transform: translate3d(0, 120%, 0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease}
.main-menu__link-container.active {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform .5s ease .7s; transition: -webkit-transform .5s ease .7s; transition: transform .5s ease .7s; transition: transform .5s ease .7s, -webkit-transform .5s ease .7s}
.main-menu__link-link {position: relative; display: inline-block; padding-bottom: 3px; font-size: 34px; font-weight: 500; line-height: 227%; color: #fff; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease}
.main-menu__aside { position: absolute; left: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 162px; height: 100%; background-color: #6b2019; z-index: 10; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: -webkit-transform .5s ease .3s; transition: -webkit-transform .5s ease .3s; transition: transform .5s ease .3s; transition: transform .5s ease .3s, -webkit-transform .5s ease .3s }
.main-menu__aside.active {-webkit-transform: translateZ(0); transform: translateZ(0) } 
.main-menu__aside-link {-webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); white-space: nowrap; font-size: 30px; font-weight: 600; letter-spacing: .1em; color: #fff; -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease }  
.main-menu__aside-link:after {content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 1px; background-color: #fff; opacity: 0; -webkit-transform: translateY(4px); transform: translateY(4px); -webkit-transition: opacity .2s ease,-webkit-transform .2s ease; transition: opacity .2s ease,-webkit-transform .2s ease; transition: opacity .2s ease,transform .2s ease; transition: opacity .2s ease,transform .2s ease,-webkit-transform .2s ease }  
.main-menu__aside-link:hover {-webkit-transform: translate(-4px) rotate(-90deg); transform: translate(-4px) rotate(-90deg) }  
.main-menu__aside-link:hover:after {opacity: 1; -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-transition: opacity .2s ease .2s,-webkit-transform .2s ease .2s; transition: opacity .2s ease .2s,-webkit-transform .2s ease .2s; transition: opacity .2s ease .2s,transform .2s ease .2s; transition: opacity .2s ease .2s,transform .2s ease .2s,-webkit-transform .2s ease .2s }  
.main-menu__close {position: absolute; left: 68px; top: 76px; width: 20px; height: 20px; z-index: 10; cursor: pointer; -webkit-transform: translateZ(0) scale(0); transform: translateZ(0) scale(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; background: url(images/close-w-ico.svg) no-repeat center }  
.main-menu__close.active {-webkit-transform: translateZ(0) scale(1); transform: translateZ(0) scale(1); -webkit-transition: -webkit-transform .3s ease .5s; transition: -webkit-transform .3s ease .5s; transition: transform .3s ease .5s; transition: transform .3s ease .5s, -webkit-transform .3s ease .5s }  


.project-detail-plan.project-detail-section .project-detail-features {
  flex-wrap: nowrap;
}

.bx-filter-title {
  display: none;
}
  header .header-right-part{ width: auto;}
  header .menu-btn{width: auto; padding-left: 30px;}





.index-objext-item-modal {
  display: none;
}

.btn-open-bx-filter {
  display: none;
}
 
@media (min-width: 1800px) {
.project-detail-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} 
.project-detail-image {
  height: 545px;
}
}
@media (max-width: 1560px) {
    .index-object-list .index-object-item {flex: 0 0 50%;max-width: calc(100% / 2 - 10px * 1 / 2);}
    #objects-block .object-block-items .index-object-list .index-object-item {
        flex: 0 0 33%;
        max-width: calc(100% / 3 - 10px * 2 / 3);
    }
    .object-features{flex-wrap: wrap; gap: 20px}
}

@media (max-width: 1350px) {
    .footer-menu ul {margin: 0 -15px;}
    .footer-menu ul li a {height: 40px; line-height: 40px; padding: 0 15px; white-space: nowrap;}
    .footer-menu ul li a:hover {border-width: 3px;}
    .news-item-info {padding: 15px;}
    .news-item-info p {font-size: 20px;}
     .index-features-item .feat-info-title {
      font-size: 20px;
     }
     .index-features-item .feat-info-text {
      font-size: 16px;
     }
     
    .project-detail-plan.project-detail-section .project-detail-features {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
    }
    .project-detail-plan.project-detail-section .project-detail-features .project-detail-features-item {
      max-width: 100%;
      justify-content: flex-start;

    }

}

@media (max-width: 1160px) {
    header .header-phone {margin-right: 25px;}
    .footer-menu ul {justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto;}
    .index-object-list .index-object-item {flex: 0 0 100%;max-width: 100%;}
    .news-item {
        flex: 0 0 50%;
        max-width: calc(100% / 2 - 10px * 1 / 2);
        padding-top: calc(100% / 2 - 10px * 1 / 2);
    }
}

@media (max-width: 1100px) {
  .feat-info .site-btn {
    height: 60px;
    font-size: 13px;
  }
  .index-features-item .feat-info-text {
    font-size: 12px;
  }
  .index-features-item .feat-info-title {
    font-size: 19px;
  }
}
@media (max-width: 1024px) {
 
    header .header-phone {display: none;}
    .about-page{flex-direction: column-reverse;}
    .about-page-left, .about-page-right{width: 100%;}
    .about-page-right img {width: 100%; max-height: 350px; object-fit: cover; object-position: bottom;}
    .about-page{gap: 25px;}
    #objects-block .object-block-items .index-object-list .index-object-item {
        flex: 0 0 50%;
        max-width: calc(100% / 2 - 10px * 1 / 2);
    }
    .index-objects-tabs .index-object-filter-item-inputs .radio {
      height: 50px;
    }
    .index-objects-tabs .index-object-filter-item-inputs{grid-template-columns: repeat(1,1fr);} 
    #objects-block .object-block-items .object-block-panel {
      padding-bottom: 150px;
    }
}

@media only screen and (max-width: 768px) {
  .index-objects-tabs .index-object-filter-item-inputs{grid-template-columns: repeat(2,1fr);} 
  .menu-container {-webkit-box-align: start;   -ms-flex-align: start;   align-items: flex-start;   height: auto;   padding-top: 110px;   padding-left: 0;   overflow: auto;}
  .main-menu__link {max-width: 100%; }
  .main-menu__link-link{font-size: 14px; line-height: 200%;}
  .main-menu__aside {-webkit-transform:translate3d(0,-100%,0); transform: translate3d(0,-100%,0) } 
  .main-menu__aside {bottom:auto; top: 0; width: 100vw; height: 80px } 
  .main-menu__aside-link {font-size:20px; -webkit-transform: translate(0); transform: translate(0) } 
  .main-menu__aside-link:hover {-webkit-transform:translate(0) rotate(0); transform: translate(0) rotate(0) } 
  .main-menu__close {top:32px; left: auto; right: 16px }

  h2.title{font-size: 20px;}

  header .header-right-part .site-btn{height: 56px; text-align: center;}
  .site-btn{height: 48px; line-height: 16px}

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

  #index-objects .index-object-content-left{background: none; padding: 0;}
  /* #index-objects .index-object-content-right{display: none;} */
   .index-objects-tabs-content > .index-object-content.active {
    flex-direction: column;
  }


  .news-list .news-item {margin-bottom:20px}


  .index-object-content-left {
    width: 100%;
  }
  .index-object-filter{margin-bottom: 35px;}
  .index-object-filter-item-title{margin-bottom: 15px;}
  .index-object-filter-item-inputs .checkbox span{background: var(--grey2);}
  .index-object-sort{display: none;}
  .index-object-list.scroll{max-height: none; overflow: visible; padding-right: 0; margin-right: 0; flex-wrap: nowrap; gap: 0; height: auto;}
  .index-object-list .index-object-item{max-width: 100%; flex: 0 0 auto; background: #fff;}

  #index-objects .swiper.swiper-arrows .swiper-button-next, 
  #index-objects .swiper.swiper-arrows .swiper-button-prev{background-color: var(--dark); top: 65%;}
  #index-objects .swiper.swiper-arrows .swiper-button-next::after{background: url(images/arr-next-w.svg) no-repeat center;}
  #index-objects .swiper.swiper-arrows .swiper-button-prev::after{background: url(images/arr-prev-w.svg) no-repeat center;}

  .index-features-grid{display: block;}
  .index-features-item.feat-images{max-width: 100%; --swiper-pagination-top: 284px}
  .index-features-item.feat-images img{height: 320px;}
  .index-features-item.feat-images .feat-info{position: relative; background: none; padding: 35px 20px;}
  .index-features-item.feat-images .feat-info-title{color: var(--dark2); font-size: 20px;}
  .index-features-item.feat-images .feat-info-text{color: var(--dark2); font-size: 14px;}
  .index-features-item.feat-images .feat-info .site-btn{display: flex; margin: 27px auto 0;}
  .index-features-item.feat-right{max-width: 100%; --swiper-pagination-bottom: 20px; padding-bottom: 30px; margin-bottom: -30px;}
  .index-features-item.feat-right .swiper-wrapper{display: flex; gap: 0;}
  .index-features-item.feat-right .index-features-item{height: 315px;}
  .index-features-item.feat-right .feat-info{padding: 0 20px 30px;}
  .index-features-item.feat-right .index-features-item .feat-info-title{font-size: 20px;}
  .index-features-item.feat-right .index-features-item .feat-info-text{font-size: 14px;}
  #index-features .index-features-item.feat-right  .swiper-pagination-bullet{background: #e4eaf8;}
  #index-features .index-features-item.feat-right  .swiper-pagination-bullet-active{background: var(--primary)}
.object-features-item {max-width:42%}

  .footer-menu {display: none;}
  header{height: 76px; gap: 10px;}

  footer{padding: 35px 0 40px; margin-top: 40px;}
  .footer-cols{flex-wrap: wrap;}
  .footer-cols .footer-col:nth-child(1){width: 55%;}
  .footer-cols .footer-col:nth-child(2){width: 45%;}
  .footer-cols .footer-col:nth-child(3),
  .footer-cols .footer-col:nth-child(4){width: 100%; margin-top: 35px; position: relative;}
  .footer-copyright{margin-top: 35px; padding-top: 35px;}
  .footer-copyright p{max-width: 100%;}

  #projects-list{margin-top: 60px;}
  .swiper-initialized .news-list{flex-wrap: nowrap; margin-top: 0;}
  .swiper-initialized .news-item{padding-top: 0;}

  .modal-container{max-width: 100%; padding: 34px 20px;}
  
  
  
  .breadcrumbs{margin-bottom: 35px;}  
  main h1{font-size: 20px; margin-bottom: 35px;}

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

  .news-list .news-item{padding-top: 50%;}

  .project-detail-top{flex-direction: column; gap: 35px;} 
  .project-detail-free{font-size: 18px;}
  .project-detail-objects{margin-top: 35px;}
  .project-detail-plan-block{flex-direction: column;}
  .project-detail-features{flex-direction: column; padding: 20px;}
  .project-detail-features-item{max-width: 100%;}

  .object-content-detail-wrap{flex-direction: column; gap: 35px;}
  .object-content-detail-actions{flex-wrap: wrap;}
  .object-content-detail-actions .site-btn{width: auto; margin: 0;}
  .object-content-detail-actions .link{margin: 0 auto;}
  .object-content-detail-wrap > .object-content-detail-images{max-width: 100%;}
  .object-content-detail-wrap > .object-content-detail-info{max-width: 100%; min-height: 1px;}
  .object-content-detail-wrap > .object-content-detail-info .object-content-detail-actions .site-btn{width: 100%;}
  .object-content-detail-images{flex-direction: column; height: auto; margin-bottom: 20px;}
  .object-content-detail-images-main{flex: 0 0 297px; max-width: 100%; margin-bottom: 10px; height: 297px;}
  .object-content-detail-images-thumbs{flex: 0 0 98px; max-width: 100%; height: 98px;}

  .object-content-detail-images-thumbs .swiper-button-next, 
  .object-content-detail-images-thumbs .swiper-button-prev{width: 42px; height: 100%;}
  .object-content-detail-images-thumbs .swiper-button-next{left: auto; right: 0;}
  .object-content-detail-images-thumbs .swiper-button-prev::after,
  .object-content-detail-images-thumbs .swiper-button-next::after{transform: rotate(-90deg);}
  .object-features{flex-wrap: wrap; gap: 20px}
  .object-content-detail .index-object-item-info{display: flex}

  .object-content-banks{flex-direction: column;}
  .object-content-banks-item{max-width: 100%; flex: 0 0 180px;}

  .about-page-numbers{flex-direction: column;}
  .about-page-numbers-item{text-align: center;}

  #objects-block{flex-direction: column;}
  #objects-block .index-object-filter{flex: 0 0 100%; max-width: 100%; margin-bottom: 0;}
  #objects-block .object-block-items .object-block-panel{display: none;}
  #objects-block .object-block-items .index-object-list .index-object-item{max-width: calc(50% - 5px); flex: 0 0 50%;}

  .contacts-list .contacts-item{flex-direction: column; gap: 35px}
  .contacts-list .contacts-item-image{flex: 0;}
  .contacts-list .contacts-item-route{width: 100%; justify-content: center; }

  .error-404-img{margin-bottom: -40px; margin-top: 0;}

  .docs-filter{flex-direction: column; gap: 20px;}
  .docs-filter-item .nice-select{width: 100%;}
  .docs-list{flex-direction: column;}
  .docs-item{flex: 0 0 100%; max-width: 100%; } 

  #index-images {--swiper-pagination-bottom: 20px;}
  #index-images .swiper-pagination-bullet {width: 40px; height: 3px;}

  header .menu-btn span{display: none;}

    .wr-bx-filter.hidden {
        display: none;
    }
    .wr-bx-filter {
        overflow: scroll;
        height: 100%;
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 1000;
        background: #fff;
    }
    /*filter*/
	#objects-block .wr-bx-filter .bx-filter {
    padding: 20px 10px;
		margin-top: 0;
	}

  .bx-filter-title {
    font-size: 20px;
    display: block;
    color: var(--dark);
    font-weight: 600;
    margin: 0 0 35px;
  }
  .index-object-filter-item-title {
    margin-bottom: 36px;
  }
  .bx-filter #set_filter,
  .bx-filter #del_filter {
    width: 100%;
    display: flex;
  }
  .bx-filter #del_filter{
    margin-top: 10px;
  }

	.btn-close-bx-filter {
		background-image: url('/local/templates/happygroup/images/close-ico.svg');
		background-repeat: no-repeat;
		width: 20px;
  		height: 20px;
		display: block;
        margin-left: auto;
	}

	.btn-open-bx-filter {
		margin: 20px auto 0;
  	display: block;
    width: 100%;
	}
    #objects-block .bx-filter {
    background: white;
  }

  #objects-block .index-object-filter-item-inputs .checkbox span {
    background: #F5F5F5;
  }

  #objects-block .bx-filter {
    padding: 34px 9px;
  }
}

@media (max-width: 700px) {
   .project-detail-plan.project-detail-section .project-detail-features {
      grid-template-columns: repeat(1, 1fr);
    }
    .project-detail-plan.project-detail-section .project-detail-features .project-detail-features-item .icon{ height: 60px; flex: 0 0 60px;}
}
@media (min-width: 481px) {
    .mobile-show {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .mobile-hide {
        display: none;
    }
    
  header .header-phone{display: none;}
  header .header-right-part .site-btn{text-align: center; width: 145px;}
  header .menu-btn::before{margin-right: 0;}

  #objects-block .object-block-items .index-object-list .index-object-item{max-width: calc(100%); flex: 0 0 100%; margin-bottom: 0;}

  .index-objects-tabs .index-object-filter-item-inputs .radio {
    height: 48px;
  }

  #index-objects {
    padding-bottom: 0;
  }

  #index-features {
    margin-top: 0;
  }

  #index-objects .swiper.swiper-arrows .swiper-button-next, #index-objects .swiper.swiper-arrows .swiper-button-prev {
    top: 60%;
  }
  #index-objects.not-has-filter .swiper.swiper-arrows .swiper-button-next,
  #index-objects.not-has-filter .swiper.swiper-arrows .swiper-button-prev {
    top: 40%;
  }

  .index-object-content-right {padding: 10px;}
  .index-object-content-right .object-features-item {font-size: 13px;}
  

  .index-object-list .index-object-item {
    margin-bottom: 30px;
  }

  /* .index-objext-item-modal {
    display: block;
    position: relative;
    width: calc(100% + 40px);
    bottom: -86px;
    left: -20px;
    text-align: center;
    line-height: 48px;
  } */
  .breadcrumbs {
    overflow: scroll;
  }

  .bx-breadcrumb {
    flex-wrap: nowrap;
  }

  .bx-breadcrumb .bx-breadcrumb-item {
    white-space: nowrap;
  }

    .news-list {
        gap: 0;
    }
    .news-list .news-item {
        flex-shrink: 0;
        padding-top: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .index-features-item.feat-right .swiper-button-next,
    .index-features-item.feat-right .swiper-button-prev {
        display: none;
    }
}


.modal-ico-heart
{
  color: red;
}

.swiper-pagination {
  height: 2px;
}
.docs-item.doc-hidden {
  display: none;
}

.popup-window {
  font: 13px 'Mont';
}

.legal-page {
  min-height: 55vh;
}
.legal-page .legal-page-items {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.legal-page .legal-page-link {
    padding: 20px 25px 20px 0;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    transition: 0.15s;
    background-image: url("data:image/svg+xml,%3Csvg width='55' height='55' viewBox='0 0 55 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.666 2.66602L27.041 28.291' stroke='%23333333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M52.6661 13.916V2.66602H40.3086' stroke='%23333333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cpath d='M25.166 2.66602H7.66602C4.90459 2.66602 2.66602 4.90459 2.66602 7.66602V47.666C2.66602 50.4275 4.90459 52.666 7.66602 52.666H47.666C50.4275 52.666 52.666 50.4275 52.666 47.666V29.541' stroke='%23333333' stroke-width='4' stroke-linecap='round' stroke-linejoin='round' /%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 15px;
}
.legal-page .legal-page-link:hover {
    border-bottom: 1px solid var(--dark2);
  }