.flats_content_container {overflow: hidden;}
.flats_container .popup_loader {background-color: rgba(0,0,0,0.3);}

#flat_popup .flat_detail_data {max-width: 100%;}
#flat_popup .popup_content {padding: 10px 30px 30px 30px;}

.flats .btn.remove {background-color: #F4F6F7; width: 40px; height: 40px; line-height: 40px; border: none; padding: 0; text-align: center; border-radius: 20px;}
.flats .btn.remove svg {vertical-align: middle; display: inline-block; margin-top: -4px;}
.flats .btn.remove:hover {background-color: var(--OPTION_BASE_COLOR)}
.flats .btn.remove:hover svg path {stroke: #FFF;}


.flats.tile {margin-right: -32px;}

.flat_item {font-weight: 500; border: 1px solid #F0F1EB; border-radius: 12px; position: relative;}
.flat_item:hover {border: 1px solid var(--OPTION_BASE_COLOR);}
.flat_item .number {color: #949499; font-size: 12px; min-width: 50px; padding: 10px;}
.flat_item .notice {font-size: 12px; color: #949499}
.flat_item .notice span {color: var(--OPTION_BASE_COLOR)}
.flat_item .name a {font-size: 20px; text-decoration: none;}
.flat_item .area {font-size: 20px; text-decoration: none; color: #949499;}
.flat_item .price {color: var(--OPTION_BASE_COLOR); font-size: 20px; font-weight: 500; margin-top: 4px;}
.flat_item .old_price {color: #949499; font-size: 12px; font-weight: 500; margin-top: 11px; text-decoration: line-through;}
.flat_item .main_label {padding: 4px 8px; background-color: var(--OPTION_BASE_COLOR); color: #FFF; border-radius: 50px; font-size: 12px; margin-top: 10px; display: inline-block;}
.flat_item .house_name {font-size: 16px; font-weight: 400;}
.flat_item .buttons > a {margin-left: 8px;}

.flat_item .descr_ul {margin-top: 10px;}
.flat_item .descr_ul .item {font-size: 14px; color: #949499; display: flex; margin-right: 10px;}
.flat_item .descr_ul .item.color {color: var(--OPTION_BASE_COLOR); margin-right: 0px;}
.flat_item .descr_ul .item:not(.color):before {display: inline-block; vertical-align: middle; margin-top: 6px; margin-right: 4px; content: ""; width: 4px; height: 4px; background-color: #949499; border-radius: 4px;}

.flat_item .btn.like.active, .flat_item  .btn.compare.active {background-color: var(--OPTION_BASE_COLOR); border: 1px solid var(--OPTION_BASE_COLOR);}
.flat_item .btn.like.active svg path {stroke: #FFF; }
.flat_item .btn.compare.active svg rect {fill: #FFF; }  


/*tile [view_type]*/
.flat_item.tile {width: 334px; height: 548px; margin: 0 32px 32px 0; background-color: #FFF;}
.flat_item.tile .top_header {padding: 6px 10px;}
.flat_item.tile .notice:before {display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 4px; content: ""; width: 4px; height: 4px; background-color: var(--OPTION_BASE_COLOR); border-radius: 4px;}
.flat_item.tile .top_content {padding: 20px 24px; height: 90px;}
.flat_item.tile > .img {width: 280px; height: 280px; margin: 0 auto;}
.flat_item.tile > .img img {object-fit: contain; width: 100%; height: 100%;}
.flat_item.tile .bottom_content {padding: 20px 24px;}
.flat_item.tile .btn.remove {position: absolute; right: 10px; top: 10px;}

/*lines [view_type]*/
.flat_item.lines {min-height: 180px; width: 100%; margin-bottom: 32px; display: flex; padding: 20px; flex-wrap: wrap; position: relative; overflow: hidden;}
.flat_item.lines .img {flex: 0 0 200px; max-width: 200px; text-align: center;}
.flat_item.lines .img img {max-width: 180px; max-height: 180px;}
.flat_item.lines .old_price {margin: 18px 0 0 10px;}
.flat_item.lines .info {padding-left: 30px;}
.flat_item.lines .flat_labels {padding-left: 20px;}
.flat_item.lines .buttons {position: absolute; right: 20px; top: 20px;}
.flat_item.lines .btn.remove {position: absolute; right: 20px; top: 50%; margin-top: -20px}
.flat_item.lines .house_name::before {display: inline-block; vertical-align: middle; margin-right: 5px; margin-top: -1px; content: ""; width: 4px; height: 4px; background-color: var(--OPTION_BASE_COLOR); border-radius: 4px;}

/*flat_labels*/
.flat_labels {margin-top: 10px; display: flex; flex-wrap: wrap;}
.flat_labels .item {color: #949499; font-size: 12px; border-radius: 50px; border: 1px solid #E1E2E3; margin: 0 4px 4px 0; cursor: pointer;}
.flat_labels .item .img {margin-right: 10px; display: none;}
.flat_labels .item .img svg {max-height: 14px;}
.flat_labels .item .name {padding: 7px; white-space: nowrap;}
.flat_labels .item:hover {border: 1px solid var(--OPTION_BASE_COLOR); color: var(--OPTION_BASE_COLOR)}
.flat_labels .item:hover .img path {stroke: var(--OPTION_BASE_COLOR);}
.flat_labels .item:hover .img.fill path {fill: var(--OPTION_BASE_COLOR); stroke: none;}
.flat_labels .item.active {color: #FFF; background-color: var(--OPTION_BASE_COLOR); border: 1px solid var(--OPTION_BASE_COLOR);}
.flat_labels .item.active .img path {stroke: #FFF;}
.flat_labels .item.active .img.fill path {fill: #FFF;}

/*flat_labels*/
.ul_button_labels {display: flex; flex-wrap: wrap;}
.ul_button_labels .item {color: #4E4F54; border-radius: 50px; border: 1px solid #F0F1EB; margin: 0 8px 8px 0; cursor: pointer;}
.ul_button_labels .item .name {padding: 8px 16px; white-space: nowrap;}
.ul_button_labels .item:hover {border: 1px solid var(--OPTION_BASE_COLOR); color: var(--OPTION_BASE_COLOR)}
.ul_button_labels .item.active {color: #FFF; background-color: var(--OPTION_BASE_COLOR); border: 1px solid var(--OPTION_BASE_COLOR);}
.ul_button_labels .item .name:before {content:""; width: 4px; height: 4px; border-radius: 2px; background-color: var(--OPTION_BASE_COLOR); display: inline-block; vertical-align: middle; margin: -3px 10px 0 0;}


/*Объекты на карте*/
.houses_map_container {position: relative; border-radius: 28px; overflow: hidden; border: 5px solid #E1E2E3}
.houses_map_container .close {position: absolute; right: 30px; top: 30px; z-index: 1;}
.houses_map_container .close:hover svg > * {stroke: #4E4F54}
.houses_map_container [class*='map-copyrights-promo'] {display: none;}

.polygon_layout {position: absolute;  background: #ffffff;  border: 1px solid var(--OPTION_BASE_COLOR); 
    width: 220px; 
    height: 50px; 
    left: -110px; 
    top: -25px; 
    border-radius: 25px;
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.polygon_layout:after, .polygon_layout:before {top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute;}
.polygon_layout:after {border-top-color: var(--OPTION_BASE_COLOR); border-width: 4px; margin-left: -4px;}
.polygon_layout:before {border-top-color: var(--OPTION_BASE_COLOR);border-width: 6px; margin-left: -6px;}
.polygon_layout img {height: 49px; border-radius: 25px; width: 49px;}
.polygon_layout .info {padding: 0 15px; height: 48px;}
.polygon_layout .info .name {font-size: 12px; font-weight: 400;}
.polygon_layout.hover {background: var(--OPTION_BASE_COLOR)!important; color: #fff;}
.polygon_layout .href {position: absolute; width: 100%; height: 100%; z-index: 1;}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
       
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
     
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    .flat_item.lines {flex-direction: column;}
    .flat_item.lines .flat_labels {padding: 0;}    
    .flat_item.lines .info {height: auto!important; padding: 0;}
    .flat_item.lines .img {text-align: left;}
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}