/*Проекты*/
.projects_list_container h2 {margin: 0;}

//.projects_list.owl-carousel {width: 120%;}
.projects_list {padding-bottom: 50px;}
.projects_list .item {
    flex: 0 0 458px;
    width: 458px; 
    height: 580px;
    overflow: hidden;
    border: 1px solid #CCC;
    border-radius: 16px;
    margin-right: 32px;
    position: relative;
    background-color: #FFF;
}
.projects_list .item .href {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.projects_list .item:hover {border: 1px solid var(--OPTION_BASE_COLOR);}

.projects_list .item .descr {padding: 32px 32px 5px 32px;}



.projects_list .item .descr .name a {font-weight: 500; font-size: 32px; text-decoration: none; line-height: 32.5px; margin-top: 15px; display: block;}

.projects_list .item .descr .icon_list {color: #949499; font-size: 14px; margin-top: 7px;}
.projects_list .item .descr .icon_list .icon_item {margin-right: 10px; display: flex; align-self: center;}
.projects_list .item .descr .icon_list .icon_item.color {color: var(--OPTION_BASE_COLOR)}
.projects_list .item .descr .icon_list .icon_item img {display: inline-block; margin-right: 3px; margin-top: -2px;}

.projects_list .item .anons {padding: 12px 0;}

.projects_list .item .img_container {height: 360px; overflow: hidden;}
.projects_list .item .img {width: 100%;}
.projects_list .item .img img {object-fit: cover; width: 100%; height: 360px;} 

.projects_list .link {
  position: absolute;
  bottom: 32px;
  right: 32px;
  background-color: #FFF;
  width: 56px;
  height: 56px;
  text-align: center;
  line-height: 60px;
  display: inline-block;
  border-radius: 28px;
  opacity: 0;
  transition: all 0.3s ease-out 0s;
}
.projects_list .link img {width: auto; display: inline-block!important;}
.projects_list .item:hover .link {opacity: 1}

.projects_list_container .show_map{ display: inline-block; vertical-align: middle; text-decoration: none}
.projects_list_container .show_map svg {vertical-align: middle; margin-top: -3px;}
.projects_list_container .houses_map_container {position: relative; border-radius: 28px; overflow: hidden; border: 5px solid #E1E2E3}
.projects_list_container .houses_map_container .close {position: absolute; right: 30px; top: 30px; z-index: 1;}
.projects_list_container .houses_map_container .close:hover svg > * {stroke: #4E4F54}


/*Процент*/
.projects_list .item .procent {font-size: 0.8rem; font-weight: 400; margin-top: 8px;}
.projects_list .item .procent .value, .progress .procent_mobile .value {padding-right: 10px; white-space: nowrap;}
.projects_list .item .procent .indicator {
    background-color: #e7e7e7;
    padding: 1px;
    height: 6px;
    position: relative;
    margin-top: 5px;
    border-radius: 2px;

}
.projects_list .item .indicator .val {background-color: #009900; overflow: hidden; width: 0; height: 4px; border-radius: 2px;}
.projects_list .item .deadline {white-space: nowrap; padding-left: 10px;}

/*Информер*/
.projects_list .informer {margin: 15px 0;}
.projects_list .informer .inf_item {margin-bottom: 10px; flex-grow: 1; }
.projects_list .informer label {display: block; font-size: 14px; color: #949499;}
.projects_list .informer .inf_item:nth-child(3n+2) {text-align: center;}
.projects_list .informer .inf_item:nth-child(3n+3) {text-align: right;}  

/*.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)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    .projects_list .item {max-width: 90%;} 
    .projects_list_container .slider_navigator {margin-top: 10px;}
}

@media screen and (max-width: 456px)
{
    .projects_list .item {width: 98vw;} 
}