/*Карта*/
.houses_map {
    border-radius: 10px;
    overflow: hidden;
    border: 5px solid #d8e6f0;
    box-shadow: 0px 20px 20px 0px rgba(175, 196, 215, 0.4);
    overflow: hidden;
}

.balloon_content {min-width: 400px; font-family: 'Montserrat', Arial, sans-serif !important;}
.balloon_content .name {font-size: 20px; line-height: 32px; font-weight: 600;}
.balloon_content .img {position: relative;}
.balloon_content .img img {display: inline-block; max-width: 100%;  height: auto;}
.balloon_content .address img {display: inline-block; vertical-align: middle; padding-right: 5px; margin-top: -4px;}
.balloon_content .label 
{
    position: absolute; 
    right: 10px; 
    top: 10px; 
    display: block;
    z-index: 1;
    padding: 5px 10px;
    background-color: #ff4d14;
    color: #FFF;
    font-size: 0.8rem;
}
.balloon_content .procent {font-size: 0.8rem; font-weight: 400; margin: 0 0 8px 0;}
.balloon_content .procent .value, .progress .procent_mobile .value {padding-right: 10px; white-space: nowrap;}
.balloon_content .procent .indicator {
    background-color: #e7e7e7;
    padding: 1px;
    height: 6px;
    position: relative;
    margin-top: 8px;
}
.balloon_content .procent .indicator .val {background-color: #ff4d14; overflow: hidden; width: 0; height: 4px;}
.balloon_content .procent .deadline {white-space: nowrap; padding-left: 10px;}
.balloon_content .href {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2;}


.houses_map_container .close {
    height: 60px;width: 60px;color: #FFFFFF;   color: #555;
    cursor: pointer;
    margin: 0;
    padding: 6px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 999;
}
.houses_map_container .close  svg {
  fill: transparent;
  opacity: .8;
  stroke: currentColor;
  stroke-width: 1.5;
  transition: stroke .1s;
  color: #000;
}

/*Плитка*/
.houses_container {overflow: hidden;}
.houses_header h2.styled::after {margin: 0;}

.houses_header .house_name {padding-right: 50px;}
.houses_header .map_buttons a {margin-top: -19px; line-height: 20px; text-decoration: none;}
.houses_header .map_buttons a img {height: 20px; padding-right: 5px; vertical-align: middle; display: inline-block; margin-top: -5px;}
.houses_header .status_menu {margin-top: -19px;}
.houses_header .status_menu a.active {
  color: #FFF;
  background-color: #001d36;
  border: 1px solid #001d36;
}
.houses_header .status_menu a {
  font-size: 0.9rem;
  line-height: 20px;
  display: inline-block;
  border: 1px solid #cfdce6;
  padding: 5px 12px 7px 12px;
  margin: 0 4px 4px 0;
  color: #425a6e;
  text-decoration: none;
}


.houses .item_wrapper {position: relative; margin-bottom: 35px;}

.houses .label 
{
    position: absolute; 
    right: 10px; 
    top: 10px; 
    display: block;
    z-index: 1;
    padding: 5px 10px;
    background-color: #ff4d14;
    color: #FFF;
    font-size: 0.8rem;
}
.houses .item:hover .label {opacity: 0.6}

.houses .item .img {overflow: hidden; width: 100%; height: 240px;} 
.houses .item .img img {
    width: 100%;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: -webkit-transform .9s cubic-bezier(.22,1,.36,1);
    transition: transform .9s cubic-bezier(.22,1,.36,1);
    transition: transform .9s cubic-bezier(.22,1,.36,1),-webkit-transform .9s cubic-bezier(.22,1,.36,1);
}

.houses .item .name a {font-size: 20px; line-height: 32px; font-weight: 600; text-decoration: none; margin-top: 5px; display: block}
.houses .item:hover .img img 
{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.houses .item:hover .name a {color: #007eff;}

.houses .item .address {font-size: 0.95rem; font-weight: 500; color: #262626;}
.houses .item .address img {width: 16px; display: inline-block; vertical-align: middle; padding-right: 5px; margin-top: -2px;}

.houses .item .descr {margin-top: 10px;}
.houses .item .descr  label {color: #898d98; font-size: 0.8rem; display: block;}
.houses .item .descr .val {display: inline-block; padding: 3px 0;}
.houses .item .hypotec_descr .val {border-bottom: 1px solid #ff4d14}

.houses .href {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; z-index: 2;}


.houses .item .procent {font-size: 0.8rem; font-weight: 400; margin-top: 8px;}
.houses .item .procent .value, .progress .procent_mobile .value {padding-right: 10px; white-space: nowrap;}
.houses .item .procent .indicator {
    background-color: #e7e7e7;
    padding: 1px;
    height: 6px;
    position: relative;
    margin-top: 5px;
}
.houses .item .indicator .val {background-color: #009900; overflow: hidden; width: 0; height: 4px;}
.houses .item .deadline {white-space: nowrap; padding-left: 10px;}
.houses .item:hover .indicator .val {background-color: #ff4d14}

/*.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)
{  
    
}

/*800*/
@media screen and (max-width: 850px)
{
    .houses_container {padding: 0 5px}
    .houses_header h2.styled::after {margin: 0 auto;}
    .houses_header .house_name {padding: 0; width: 100%;}
    
    .houses_header {margin-bottom: 20px;}
    .houses_header .map_buttons {width: 100%; text-align: center; margin-top: 10px;}
    .houses_header .map_buttons a {margin: 0 auto;}
    
    .houses_header .status_menu {margin: 0; width: 100%; text-align: center;}
    
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}
.snoska {
    font-size: 13px;
    margin-top: 10px;
    font-style: italic;
}