.flat_detail .left_block_flat {margin-right: 32px; border: 1px solid #F0F1EB; border-radius: 12px;}
.flat_detail .left_block_flat_content {border: 1px solid #F0F1EB; border-radius: 12px; width: 100%; height: 100%; position: relative;}


/*Верхняя панель*/
.flat_detail .left_block_flat .image_top_panel {margin: 30px;}
.flat_detail .left_block_flat .image_top_panel .show_sun_container .styled_switch {margin: 7px 0 0 10px;}
.flat_detail .left_block_flat .image_top_panel .cnt_container {line-height: 23px; text-align: center;}
.flat_detail .left_block_flat .image_top_panel .cnt_container img {padding-right: 8px;}
.flat_detail .left_block_flat .image_top_panel .cnt_container > div {display: inline-block;}
.flat_detail .left_block_flat .image_top_panel .cnt_container > div > div {margin-bottom: 5px;}

.flat_detail .project_menu_sun{z-index: 1; position: relative;}



/*Картинки*/
.flat_detail .image_content {padding: 50px; overflow: hidden;}
.flat_detail .image_content .item {width: 100%; height: 700px;}
.flat_detail .image_content .item img {max-width: 100%;}
.flat_detail .image_content .item.plan {text-align: center;}
.flat_detail .image_content .item.plan img {max-width: 100%; max-height: 100%; margin: 0 auto;}

.flat_detail .image_content .owl-dots {display: none;}

/*Солнце*/
.sun_container {
    bottom:0;
    left: 0; right: 0;
    position: absolute; z-index: 10; width: 100%; height: 100%; 
    visibility: hidden; opacity: 0;
}
.sun_container.active {visibility: visible; opacity: 1;}
.sun_container_overlay {bottom:0; left: 0; right: 0; background-color: rgba(255,255,255,0.6); height: 100%; width: 100%; position: absolute; z-index: 9;}
.sun_container #pointer {cursor: pointer;}

/*SVG схемы*/
.flat_detail .flat_floor.disabled path {fill: rgba(102,102,102,0.65) !important;transition: all ease 0.3s;opacity: 1 !important;}
.flat_detail .rooms_label {width: 100px; height: 100px; line-height: 100px; background-color: var(--OPTION_BASE_COLOR); font-size: 40px; text-align: center; border-radius: 50px; color:#FFF; cursor: pointer;}

.flat_detail .genplan_path path {fill: rgba(102,102,102,0.65) !important;transition: all ease 0.3s;opacity: 1 !important;}
.flat_detail .genplan_path.active path {fill: #0F4CA5 !important; stroke: #0F4CA5 !important; stroke-width: 3; opacity: 0.4 !important;}

.flat_detail .section_label {opacity: 0.7; padding: 20px; background-color: #CCC; font-size: 20px; color:var(--OPTION_BASE_COLOR); border: 1px solid #949499; border-radius: 50px; padding: 10px 24px; display: inline-block;}
.flat_detail .section_label.active {opacity: 1; background-color: var(--OPTION_BASE_COLOR); color: #FFF; }

/*--------------Правый блок*/
.flat_detail .right_block_flat {flex: 0 0 450px; max-width: 450px;border: 1px solid #F0F1EB;border-radius: 12px; overflow: hidden;}
.flat_detail .flat_disabled {background-color: #F0F1EB}

/*Заголовок*/
.flat_detail .flat_header {padding: 25px; border-bottom: 1px solid #F0F1EB;}
.flat_detail .flat_header .buttons .btn.like {margin-left: 4px;}
.flat_detail .flat_header .buttons .btn.like.active svg path {stroke: #cc0000}
.flat_detail .flat_header .buttons .btn.share svg {margin-left: -2px;}
.flat_detail .flat_header .share_container .share_href_container {right: -40px; left: auto!important;}
.flat_detail .flat_header .flat_id {text-align: center; padding: 8px 0; font-size: 12px; color: #949499;}

/*Метки*/
.flat_detail .house_labels {margin: 10px 0;}
.flat_detail .house_labels .house_label {color: var(--OPTION_BASE_COLOR); font-weight: 500; margin-top: 1px;}
.flat_detail .house_labels .main_label {padding: 4px 8px; background-color: var(--OPTION_BASE_COLOR); color: #FFF; border-radius: 50px; font-size: 12px; margin-right: 10px; display: inline-block;}
.flat_detail .flat_labels {margin-top: 20px;}

/*Инфо*/
.flat_detail .flat_info {padding: 25px; border-bottom: 1px solid #F0F1EB;}
.flat_detail .flat_info .flat_descr {color: #949499; font-weight: 500; margin: 10px 0;}
.flat_detail .flat_info .flat_descr > div {margin-right: 25px; margin-bottom: 10px;}
.flat_detail .flat_info .flat_descr span {color: var(--TEXT-COLOR)}

/*Характеристики*/
.flat_info .descr_line_container {margin-top: 10px;}
.flat_info .descr_line {display: block; overflow: hidden; margin: 0; font-size: 14px; font-weight: 500; margin-bottom: 15px;}
.flat_info .descr_line dt, .flat_info .descr_line dd { background: url('/include/svg/line.svg') no-repeat;  background-position: 0px 8px; background-repeat: repeat-x; width: 50%;}
.flat_info .descr_line span {background: #FFF;}
.flat_info .descr_line dt span {padding-right: 5px; color: #949499;}
.flat_info .descr_line dd span {padding-left: 5px;}
.flat_info .descr_line dl { clear: both; }
.flat_info .descr_line dt {float: left;clear: both;}
.flat_info .descr_line dd {float: right; text-align: right;}


/*Цена*/
.flat_detail .price_area {padding: 25px 25px 0 25px;}
.flat_detail .area {font-size: 28px; font-weight: 500;}
.flat_detail .price {color: var(--OPTION_BASE_COLOR); font-size: 24px; font-weight: 500; margin-top: 8px;}
.flat_detail .old_price {color: #949499; font-size: 12px; font-weight: 500; margin-top: 11px; text-decoration: line-through;}
.flat_detail .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_detail .buy_variants {padding: 25px 25px 10px 25px;}

/*Кнопки*/
.flat_detail .action_buttons {padding: 0 25px 25px 25px;}
.flat_detail .action_buttons .action {margin-top: 8px;}
.flat_detail .action_buttons .action > div:first-child {padding-right: 8px;}
.flat_detail .action_buttons .action > div:last-child {padding-left: 8px;}
.flat_detail .action_buttons .action .btn {padding: 17px 26px 18px; width: 100%;}

.flat_detail .ul_button_labels {padding: 0 25px;}
/*--------------Правый блок*/

.flat_detail .notice {font-size: 12px; color: #949499}
.flat_detail .notice span {color: var(--OPTION_BASE_COLOR)}


/*Баннеры*/
.flat_banners .item_container {flex: 0 0 33.3%; max-width: 33.3%; height: 400px; position: relative;  padding-right: 20px;} 
.flat_banners .item_container.w30 {flex: 0 0 30%; max-width: 30%}
.flat_banners .item_container.w40 {flex: 0 0 40%; max-width: 40%}
.flat_banners .item_container.w50 {flex: 0 0 50%; max-width: 50%}
.flat_banners .item_container.w60 {flex: 0 0 60%; max-width: 60%}
.flat_banners .item_container.w70 {flex: 0 0 70%; max-width: 70%}
.flat_banners .item_container:last-child {padding-right: 0;}

.flat_banners .item_container .item {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%; height: 100%; border-radius: 12px; overflow: hidden;
 }
.flat_banners .item .text {padding: 32px; max-width: 440px; font-size: 32px; font-weight: 500;}
.flat_banners .item .text .icon {margin-top: 25px;}


.ipoteka_wrapper .ipoteka_container {padding: 50px 0!important;}

/*.col-xl-  (>= 1200px)*/
@media screen and (min-width: 1200px)
{
           
}
/*.col-lg-  (>= 992px)*/
@media screen and (max-width: 1200px)
{
    .flat_banners .item_container {flex: 0 0 490px!important; max-width: 100%!important;}   
    
    .flat_detail_blocks {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}    
    .flat_detail_blocks .left_block_flat {margin-right: 0; margin-bottom: 20px; padding-bottom: 20px;}
    .flat_detail_blocks .right_block_flat {flex: 0 0 100%; max-width: 100%;}
    .flat_detail .image_content .item {width: 100%; height: auto;}
    
    .flat_detail .left_block_flat .image_top_panel {margin: 0; position: absolute; left: 10px; top: 10px; z-index: 10;}
    
}
/*.col-md-  (>= 768px)*/
@media screen and (max-width: 991px)
{
    .flat_banners .item_container {margin-bottom: 20px; padding-right: 0;}   
    
}
/*.col-sm-  (>= 576px)*/
@media screen and (max-width: 767px)
{
    
}
/*.col-*/
@media screen and (max-width: 575px)
{
    
}