/*modal-cookie*/
.cookie_modal {
    position: fixed; 
    width: 100%;
    z-index: 9999999999999;
    bottom: 0px;
}
.cookie_modal > div {
    max-width: 98%;
    padding: 15px 30px 15px 15px; 
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto!important;
    background-color: transparent;
    font-size: 14px;
    position: relative;
}
.cookie_modal .close {opacity: 1; text-decoration: none;}
.cookie_modal a {text-decoration: underline;}
.cookie_modal::after {
  background-color: rgba(232, 232, 232, 0.7);
  position: absolute;
  content: "";
  inset: 0px;
  backdrop-filter: blur(32px);
  pointer-events: none;
  z-index: -1;
  transition-timing-function: ease;
  transition-duration: 0.3s;
  transition-property: background-color;
}
@media screen and (max-width: 767px)
{ 
    .cookie_modal > div {flex-wrap: wrap;}
    .cookie_modal .btn_wrapper {flex-grow: 1; margin-top: 10px;}
}
footer .adit_link {font-size: 1rem;}
footer .adit_link a {text-decoration: underline;}




/*Дома на главной*/
.house_index .img a {width: 100%;
  height: 100%;
  display: block;
  text-align: center;
}
.house_index .img img {max-width: 100%; min-width: 300px; min-height: 300px;}
.house_index .text {text-align: center; padding-top: 10px;}
.house_index .name {text-transform: uppercase; font-size: 1.8rem; font-weight: bold;}
.house_index .name a {text-decoration: none;}
.house_index .descr {font-weight: 300; font-size: 1rem;}

.house_index .procent {margin: 10px 0; font-size: 1rem;}
.house_index .procent > .indicator {
    width: 170px;
    height: 8px;
    border: 1px solid 
    #3D9193;
    border-radius: 3px;
    margin: 0 auto;
}
.house_index .procent > .indicator .val {
    background-color: #379cc8;
    height: 100%;
    border-right: 1px solid #3D9193;
}

.house_index .price_kol {background-color: #F1F1F1; font-size: 0.9rem; width: 400px; max-width: 100%; margin: 0 auto;}
.house_index .price_kol img {display: block;}
.house_index .kol_container {line-height: 2.5rem;}
.house_index .price_kol .kol {font-size: 2.5rem; font-weight: 600}
.house_index .price_kol .kol_sep {padding: 0 10px;}
.house_index .price_kol .sale_container .w100p {border-top: 1px solid #D4D4D4;}
.house_index .price_kol .sale_container .kol_sep {padding: 0 20px;}


/*Страница дома*/
.house_page .house_advantage a {color: var(--color1); margin: 5px 0; display: block; padding-left: 25px; position: relative;}
.house_page .house_advantage a:before {color: var(--color1);content:''; position: absolute; content: "\f00c"; font-family: "FontAwesome"; top: 0; left: 0;}
.house_page .house_advantage .content {font-weight: 300; display: none;}
.house_advantage_popup {width: 800px; max-width: 90%;}

.slider_progress .owl-stage-outer {height: 300px; overflow: hidden;}

.btn.video {position: relative; padding: 12px 19px 13px 50px; background-color: #ff0049;}
.btn.video:before {
    position: relative;
    color: #FFFFFF;
    content: '';
    position: absolute;
    content: "\f144";
    font-family: "FontAwesome";
    top: 12px;
    left: 10px;
    font-size: 2rem;
}

/*Планы этажей*/
.floors_plan_container {background-color: #F1F1F1;}
.floor_select {text-align: center; margin: 20px 0;}
.floor_select a {
    background-color: #ffffff;
    color: #232323; display: inline-block; text-decoration: none;
    padding: 6px 14px; margin: 0 7px 7px 0; border-radius: 3px; font-size: 1rem;
}
.floor_select a.active {background-color: var(--color1); color: #FFFFFF;}

.floor_content {max-width: 920px; margin: 0 auto;}

.floors_slider h2 {color: var(--color1); }

.svg_content g path:hover {
  fill: rgba(0,204,0,0.5)!important;
  transition: all ease 0.3s;
}
.svg_content g.disabled path {
    fill: 
    rgba(102,102,102,0.7) !important;
    transition: all ease 0.3s;
}



/*Квартиры*/
.table-flat {border-spacing: 0px; width:100%;
    margin: 10px auto;  
    border:#d9d9d9 1px solid;
    border-radius: 4px;
    box-shadow: 0 1px 2px #d1d1d1;
    text-align: center;
    font-size: 1rem;
}
.table-flat th:first-child {border-top-left-radius: 4px;}
.table-flat th:last-child {border-top-right-radius: 4px;}
.table-flat th {
    padding:18px;
    border-bottom:1px solid #CEDAE0;
    background: #f8f8f8;
    vertical-align: middle;
    color: #000000;
}
.table-flat tr {text-align: center; padding-left:20px;}
.table-flat tr td {text-align: center; background: #FFFFFF; vertical-align: middle; padding:18px; border-bottom: 1px solid #CEDAE0; border-left: 1px solid #CEDAE0; }
.table-flat tr:last-child > td {border-bottom: 0 none;}
.table-flat tr:last-child td:first-child {border-bottom-left-radius: 4px;}
.table-flat tr:last-child td:last-child {border-bottom-right-radius: 4px;}
.table-flat tr td:nth-child(2n) {background: #f2f2f2;} 
.table-flat.no_strip tr:nth-child(2n) {background: inherit!important;}

.table-flat tr.sold td {background-color: #d8d8d8!important;} 
.table-flat tr.sold td:last-child {font-weight: bold;}
.table-flat tr:hover td {
    background-color: rgba(255,210,0,0.1);
    cursor: pointer;
}


.table-flat th a.sort {text-decoration: none;}
.table-flat th a.sort.active::after {color: var(--color1)!important;}
.table-flat th a.sort::after {
    display: block;
    content: "\f107";
    font-family: "FontAwesome";
    right: 15px;
    top: 0;
    color: #232323;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -ms-transition: -ms-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
}
.table-flat th a.sort.down::after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.table-flat tr {position: relative;}
.table-flat tr td {position: relative;}
.table-flat .action {
    position: absolute;
    right: 0;
    top: 0;  
}
.table-flat .action .bg {
    width: 0;
    height: 0;
    border-top: 50px solid #ff0049; 
    border-left: 50px solid transparent;
}
.table-flat .action span 
{
    transform: rotate(45deg);
    margin-top: -40px;
    display: block;
    margin-right: -18px;
    font-size: 0.9rem;
}

.table-flat .action span {color: #FFFFFF;}

.table-flat .sold_comment {padding: 8px 16px 10px;}

.search_filter a {
    background-color: #e6e6e6; color: #232323; 
    display: inline-block; text-decoration: none; 
    padding: 10px 16px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    font-size: 1rem;
}
.search_filter a.active {background-color: #379cc8; color: #FFFFFF;}
.search_filter label {font-weight: 600; margin: 5px 0; display: inline-block; font-size: 1.3rem;}
.search_filter .floor_filter {width: 70%;}


.search_filter .floor_filter {padding-right: 30px;}
.search_filter .floor_filter a {padding: 4px 8px; font-size: 0.8rem;}

.search_filter .room_filter {text-align: center;}
.search_filter .room_filter a {border-radius: 50%;}


/*Popup*/
#main_popup {
    color: #232323;
    font-size: 1.2rem;
    line-height: 1.6;
    display: none;
    width: 100%;
    max-width: 1000px;
    //padding: 80px 40px 30px 40px;
    background-color: #ededee;
    //text-transform: uppercase;
}
#main_popup .compas img {position: absolute; z-index: 1; top: 25px; left: 25px;}
#main_popup .btn {display: block; font-size: 1.1rem;}
.hr {border-top: 1px solid #D8D8D8; height: 1px; margin: 30px 0; clear: both;}
#main_popup .flat_images img {max-width: 100%;}
#main_popup .flat_images > div:first-child {text-align: center; width: 90%; padding: 0 10px; height: auto; margin-bottom: 25px;}
#main_popup .flat_images > div {width: 250px; height: 200px; float: left;}
#main_popup .flat_images > div img {max-height: 100%;}
#main_popup .styled_switch {text-transform: none; font-size: 1rem}
#main_popup a {color: #000000;}
#main_popup .error, #main_popup .ok  {
    color: #000000!important; border: 1px solid #000000; padding: 10px 15px;
    font-size: 1rem; text-transform: none;
}
#main_popup h3 {font-size: 1.3rem;}


#floor_popup {
    color: #232323;
    font-size: 1.2rem;
    line-height: 1.6;
    display: none;
    width: 100%;
    max-width: 1000px;
    padding: 20px 40px 30px 40px;
    background-color: #ededee;
}



/*Ход строительства*/
.progress_slider .owl-theme .owl-dots {bottom: 0;}
.progress .years a {border: 2px solid #F1F1F1;  font-size: 1.3rem; padding: 10px 15px; display: inline-block; text-decoration: none;}
.progress .years a.active {background-color: #F1F1F1;}

.progress .months {margin: 10px 0;}
.progress .months a {background-color: #e6e6e6; padding: 6px 12px 8px 12px; font-size: 1rem; border-radius: 2px; display: inline-block; text-decoration: none;}
.progress .months a.active {background-color: #379CC8; color: #FFFFFF;}

.progress .item {
    padding: 10px;
    margin: 0 15px 15px 0;
    height: 300px;
    
}
.progress .item img {
    height: 100%;
    width: auto;
    display: inline-block;  
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.3);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.3);
}
.progress .owl-theme .owl-dots .owl-dot span {
    width: 9px;
    height: 9px;
}
.progress .owl-carousel {padding-bottom: 20px;}



/*Реализованные дома*/
.realized_container {background-color: #F1F1F1; padding: 30px 0;}
.realized_container h2 {text-transform: uppercase; font-size: 1.7rem;}

.realized_container .content > div:nth-child(1){padding: 0 50px 0 0; position: relative;}
.realized_container .content > div:nth-child(1):after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 25px;
    top: 0;
    background-color: #799ba2;
}
.realized_container .content > div:nth-child(2) {overflow: hidden;width: 100%;}

.realized_list .item {width: 220px; height: 200px; overflow: hidden; float: left; margin: 0 15px 0 0; position: relative;}
.realized_list .item .img {height: 100%;}
.realized_list .item img {height: 100%;}

.realized_list .item .descr_container {
    position: absolute; width: 100%; bottom: 0;
    background-image: linear-gradient(to bottom, #379BC6, #1E556D);
    opacity: 0.8;
    color: #FFFFFF;
    padding: 15px;
    font-size: 0.9rem;
    font-weight: 300;
}
.realized_list .item .name {font-weight: 500; font-size: 0.9rem;}

.realized_list .item .descr_container .descr {display: none; transition: all 0.1s ease-out 0s; }
.realized_list .item .descr_container .descr p {padding: 0;}
.realized_list .item:hover .descr_container .descr {display: block; font-style: normal;} 
.realized_list .item .descr_container .descr a {color: #FFFFFF;}

.map_markers {width: 100%; height: 100%;}



/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px){

}

/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px) {
    
    .flats_table_container {padding: 0 10px 0 0;}
    
}

/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px){
    .house_index .kol_container {line-height: 1.5rem;}
    .house_index .price_kol .kol {font-size: 1.5rem; font-weight: 600} 
    .house_index .price_kol .kol_sep {padding: 0 20px;}
    .house_index .price_kol .sale_container .kol_sep {padding: 0 10px;}
    
    .table-flat th {padding: 8px;}
    

}

/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px){
    
        
    .table-flat tr th:nth-child(3) {display: none;}
    .table-flat tr td:nth-child(3) {display: none;}


}

/*.col-*/
@media screen and (max-width: 575px){   
    .table-flat {font-size: 0.9rem;}
    
    .search_filter {flex-direction: column;}
    .search_filter .floor_filter  {justify-content: center; width: 100%; padding: 0; }
    .search_filter .floor_filter label {text-align: center; display: block;}
    .search_filter .room_filter  {justify-content: center;}
    
    .table-flat tr td {padding: 5px;}
    .table-flat .btn {font-size: 0.7rem; padding: 2px 5px;}

}