body{   
   font-family: "Montserrat", sans-serif !important;
  }
   h1, h2, h3, h4, h5, h6 {
       font-family: "Montserrat", sans-serif !important;
       color: #fff;
           margin: 0;
   }
.main {
    flex: 1 1 auto;
    margin: 0 0px 120px 0px;
    transition: 0.5s ease;
}

 .table__arrow{
        opacity: 0;
        transition:.1s;
 }


 td.table-search__item.item__price.flat:hover{
    
     background-color: #f5f5f5;
 }

 .mw-tab-nav .tab-btn-active {
    background-color: #424659;
    color: #ffffff;
}
   .not-isset-mw, polygon.st2.not-isset-mw {
    fill: #ccc;
}
.tprice {
    font-size: 12px;
     
}.price-e {
    font-size: 18px;
    /* width: 200px; */
    /* float: right; */
    margin-bottom: 20px;
    margin-left: 5px;
}
.price-m2-e {
    font-size: 18px;
    margin-top: -10px;
    margin-left: 10px;
}
.prcice-total-h {
    display: flex;
    margin-bottom: 20px;
}
     p.costNum {
    font-weight: 600;
}
/* ПОтом удалить */ .chai-home-choise__content { background-color: #007952 !important; } /* Удалить енд */

.mw-home-choise__content {
    background-color: #424659 !important;

}
.home-choise__title > h1 > span:first-child::after {
    content: '' !important;
}

.mw-count-apartments__body{
  flex: 100%;
}
.main-search-table__container::after{
    border-bottom:transparent;
}
.nav-floor__item>p { display: flex; align-items: center; justify-content: center; width: 6px; height: 24px; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; }
li.nav-floor__item { margin: 0px 5px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; padding: 0; }
p{
  padding: 0 ;
  margin: 0 ;
}
.plan-c {
    display: flex;
    flex-direction: row;
}


.mw-action__block span, .mw-action__block .home-view__note span {
    font-size: 12px;
    max-width: 100%; 
    text-align:left; 
    color: #424659;
    margin-bottom: 20px;
}
  
  .home-view__note {
    display: flex;
    align-items: center;
    justify-content: center;
    justify-content: flex-start;
}

    .costs-available__text{ align-items: center; flex-direction: row; } .live { display: flex; overflow: hidden; flex-direction: row; justify-content: center; gap: 30px; align-items: center; } .secton-navigation { display: flex; justify-content: space-between; } .miniSection { width: 150px; height: auto; } .miniSection { width: 150px; height: auto; margin-top: 0px; } li.nav-floor__item { margin: 0px 5px; } .navi-plan-new{ margin: 30px 0; } .navi-plan-new .view-nav__floor { display: flex; flex-direction: row; height: 50px; align-items: center; justify-content: center; width: 100%; } li.nav-floor__item{ transition: .3s; } .nav-floor__item>p{ user-select: none !important; } li.nav-floor__item.active-flor { background-color:  #424659; color: #fff; transition: .3s; } li.nav-floor__item:hover { background-color:  #424659; color: #fff; transition: .3s; } g.st0{ opacity: 1; } /* СВОЙСТВО ДЛЯ АКТИВНОЙ КВАРТИРЫ */ .isset { OPACITY: 0.5 !important; FILL:  #081346  !important; display: block !important; } .isset:hover { transition: .1s; opacity: 0.6 !important; } /* СВОЙСТВО ДЛЯ НЕ АКТИВНОЙ КВАРТИРЫ */ .not-isset {cursor: no-drop; OPACITY: 0.2; FILL: #000; display: block !important; } .isset:hover { transition: .3s; opacity: 0.7; cursor: pointer; } /* УБЕРЕМ ЛИШНИЕ ОПАСИТИ У ЭТАЖА */ svg#etaji g { opacity: 1; } .fancybox__container{ margin: 0 auto !important; } svg#etaji_klad .st0 { display: block; } #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; /* change if the mask should have another color then white */ z-index: 99; /* makes sure it stays on top */ } #status { width: 200px; height: 200px; position: absolute; left: 50%; /* centers the loading animation horizontally one the screen */ top: 50%; /* centers the loading animation vertically one the screen */ background-image: url(https://raw.githubusercontent.com/niklausgerber/PreLoadMe/master/img/status.gif); /* path to your loading animation */ background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px; /* is width and height divided by two */ } .navi-plan-new .nav-floor__block { display: flex; flex-direction: row; } .miniSection svg polygon{ fill: #ccc; transition: .3s; cursor:pointer; display: block; } .miniSection svg path{ opacity: 1; transition: .3s; cursor:pointer; display: block; } .miniSection svg polygon:hover{ fill: #424659; transition: .3s; cursor:pointer; } .miniSection svg text { fill: #000 !important; font-size: 14px; color: #000000; font-family: "Montserrat", sans-serif; opacity: 1; user-select: none; } .miniSection svg .active-section-mini-map{ fill:  #424659; transition: .3s; } 
    .home-view__notes { max-width: 705px; padding: 20px; text-align: left; flex: auto; display: flex; width: 30%; margin: 0 auto;} 
    .view-nav__section { text-align: center; display: flex; flex-direction: column; gap: 14px; position: sticky; top: 100px; height: auto;box-shadow: 5px 5px 19px -10px rgba(0, 0, 0, 0.7); -webkit-box-shadow: 5px 5px 19px -10px rgba(0, 0, 0, 0.7); padding: 15px 0; border-radius: 10px;  } 
    .home-view__body .home-view__navigation .nav-floor__block{ overflow: scroll; /*  width: 100%; */ overflow-y: hidden; justify-content: start; max-width:1100px; gap: 0; padding: 20px 0; } .nav-floor__block.flor-navi::-webkit-scrollbar { width: 5px; height:8px; background-color: #fff; } .nav-floor__block.flor-navi::-webkit-scrollbar-thumb { border-radius: 5px; height:8px; height:50px; background-color:  #424659; } @media only screen and (max-width: 1024px) { .entrance-plans { height: auto; width: 100%; } .home-view__body .home-view__navigation .nav-floor__block{ overflow: scroll; width: 100%; overflow-y: hidden; justify-content: start; gap: 0; padding: 20px 0; } .navi-plan-new .view-nav__floor { display: flex; flex-direction: column; height: 105px; align-items: center; justify-content: center; width: 100%; } .nav-floor__block.flor-navi.kladClick { justify-content: center; } } @media (max-width:767.99px){ .home-view__body .home-view__navigation .nav-floor__block{ justify-content: start; } .home-view__body .home-view__navigation .nav-floor__block.parkingClick{ justify-content: center; } .home-view__body .home-view__navigation .nav-floor__block.kladClick{ justify-content: center; } .home-view__body .home-view__navigation .nav-floor__block.commercialClick{ justify-content: center; } } #etaji_com rect{ OPACITY: 0.2; FILL: #000; display: block !important; } #etaji_com path{ OPACITY: 0.2; FILL: #000; display: block !important; } .home-view__body.tab-pane.tab-pane-show { flex-direction: column;width: 100%; display: flex; justify-content: center; } .home-view__navigation{ width: 100%; } .main-view__content { width: 100%; } svg#etaji_com text { FONT-WEIGHT: 600; }
    .table-search__item>a {
    color: #424659;
    display: flex;
    align-items: center;
    justify-content: center;
}

.entrance-plans > svg, .entrance-plans-parking  > svg, .entrance-plans-com  > svg, .entrance-plans-klad  > svg{
    width: 100%;
    height: auto;
}.entrance-plans > svg {
    width: 100%;
    height: auto;
}
.controls button {
    background-color: #424659;
    color: #fff;
    transition: .3s;
    height: 40px;
    width: 40px;
}

.home-choise__header {
    position: sticky;
    top: 70px;
    z-index: 2;
}


.isset-mw:hover{
    cursor: pointer !important;
    fill-opacity: 0.3 !important;
 
    transition: 0.3s !important;
}
.isset-mw{
     OPACITY: 0.5 !important;
    FILL: #081346 !important;
    display: block !important;

}
.not-isset-mw, polygon.st2.not-isset-mw {
    opacity: 0.2;
    fill: #cccccc;
}


.isset {
    OPACITY: 0.5 !important;
    FILL: #081346 !important;
    display: block !important;
}
.mw-count-apartments__body {
    background-color: #424659;
}
.mw-action__block::before {
    content: '';
    width: 16px;
    background-color: rgb(66 70 89);
}

.mw-action__block{
        width: 70%;
}


.not-isset{ 
    opacity: 1 !important; 
    fill: rgba(29, 34, 51, 0.3)!important;
    transition: .3s !important;
    stroke-width: 0;
    stroke: #101010 !important;
 }


 div#exampleModal {
    z-index: 999999;
}


.plan-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.plan-viewer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-viewer.dragging {
    cursor: grabbing;
}

.plan-img {
    max-width: 100%;
    max-height: 100%;
    user-select: none;
    -webkit-user-drag: none;
    transform-origin: center center;
 
}

.zoom-controls {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 20;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.zoom-controls button {
    width: 42px;
    height: 42px;
    border: none;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 2px 12px rgba(0,0,0,.15);
    cursor: pointer;
    font-size: 20px;
}
.open-btn {
    margin: 50px;
    padding: 12px 20px;
}

.modalBooking {
    position: fixed;
    inset: 0;
    z-index: 1000;
    opacity: 0; 
    visibility: hidden;
     transition: opacity 0.5s ease, visibility 0.5s ease;

}

.modalBooking.active{
  opacity: 1;
  visibility: visible;
}
 

.modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
}

.modal__content {
    position: relative;
    width: 95%;
    max-width: 1400px;
   height: 80vh;
    margin: 3vh auto;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.modal__close {
    position: absolute;
    top: 20px;
    right: 20px;
    border: none;
    background: transparent;
    font-size: 24px;
    cursor: pointer;
    z-index: 10;
}
.section-title {
    font-weight: 700;
    font-size: 20px;
 
}
.modal__layout {
    display: flex;
    height: 100%;
}

/* Левая часть */

.plan-section {
    flex: 1;
    
    padding: 30px;
    display: flex;
    flex-direction: column;
}

.plan-filter {
    align-self: flex-start;
    background: #fff;
    border-radius: 10px;
    padding: 12px 18px;
    margin-bottom: 20px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-filter p {
    font-size: 15px;
    font-weight: 600;
}

.plan-image {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.plan-tabs {
    display: flex;
    gap: 10px;
    justify-content: center;
 
    flex-wrap: wrap;
    justify-content: space-between;
}

.plan-tabs button {
    border: none;
    background: #fff;
    border-radius: 25px;
    padding: 12px 18px;
    cursor: pointer;
}

.plan-tabs button.active {
color: #1e2028;
    font-weight: 600;
}

/* Правая колонка */

.info-panel {
    width: 380px;
    border-left: 1px solid #eee;
    padding: 30px;
    overflow-y: auto;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.info-panel h2 {
    font-size: 26px;
    margin-bottom: 12px;
}

.price {
    color: #424659;
    font-size: 34px;
    font-weight: 700;
}
.price-e {
    font-size: 20px;
    /* width: 200px; */
    /* float: right; */
    margin-bottom: 20px;
}


.price-m2 {
    color: #999;
        font-size: 24px;
 
        font-weight: 700;
    color: #424659;
}

.notice {
    background: #f5f5f5;
    padding: 14px;
    border-radius: 12px;
    margin: 20px 0;
}

.section-title {
    font-weight: 700;
    font-size: 20px;
   
}

.option:hover {
    transition: .3s;
    border: 1px solid #424659;
}

.option {
    transition: .3s;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 12px;
    cursor: pointer;
}

.option.active {

    transition: .3s;
    border: 1px solid #424659;
}

.option__header {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    color: #424659;
}

.option__price {
    margin-top: 8px;
    font-weight: 700;
}

.option__desc {
    margin-top: 5px;
    color: #888;
    font-size: 14px;
}

.select-btn {
    width: 100%;
    margin-top: 20px;
    padding: 16px;
    border: none;
    border-radius: 30px;
    background: #424659;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.actions {
    display: flex;
    gap: 10px;
    margin-top: 0px;
}

.actions .button {
    flex: 1;
    height: 48px;
    border-radius: 24px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
}

.details {
    margin: 30px 0;
}

.row {
    display: flex;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

@media (max-width: 1024px) {
    .modal__layout {
        flex-direction: column;
    }

    .info-panel {
        width: 100%;
        border-left: none;
        border-top: 1px solid #eee;
    }
}

.mw-tab-nav.fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;

    background: #fff;
    box-shadow: 0 -2px 15px rgba(0,0,0,.15);

    padding: 10px;
}

/* Чтобы кнопки не сжимались */
.mw-tab-nav.fixed-bottom {
    display: flex;
    gap: 10px;
    overflow-x: auto;
}

.tab-content-wrapper {
    position: relative;
}
.price-e small {
    font-size: 14px;
}

.price-m2-e {
    font-size: 18px;
}
.price-m2-e small {
    font-size: 14px;
}
.tab-pane {
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity .3s ease, transform .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
}

.tab-pane.tab-pane-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    position: relative;
    pointer-events: auto;
}

.actions .button a{
    color: #4F4F4F;
}.actions .button {
    color: #4F4F4F;
}
.share-wrapper {
    position: relative;
    display: inline-block;
}
.home-choise__container{
    padding: 0px calc(50% - 760px);
}
.share-btn {
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
}

.share-menu {
    position: absolute;
    bottom: calc(100% + 10px);
    right: 0;
    min-width: 180px;

    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,.15);

    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);

    transition: .2s;
}

.share-menu.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.share-menu a {
    display: flex;
    align-items: center;
    gap: 10px;

    padding: 12px 15px;
    text-decoration: none;
    color: #333;
}

.share-menu a:hover {
    background: #f5f5f5;
}

.share-menu a:first-child {
    border-radius: 12px 12px 0 0;
}

.share-menu a:last-child {
    border-radius: 0 0 12px 12px;
}

.info-panel{
        overflow: hidden;
}

.booking-form {
    margin-top: 20px;
}

.booking-form input,
.booking-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-bottom: 12px;
}

.booking-form textarea {
    height: 120px;
    resize: vertical;
}

.send-form {
    width: 100%;
    padding: 15px;
    border: 0;
    border-radius: 30px;
    background: #ff5b00;
    color: #fff;
    cursor: pointer;
    background: #1e2028;
}
.booking-info,
.booking-form {
    transition: all .4s ease;
}

.booking-info {
 
    max-height: 2000px;
    opacity: 1;
}

.booking-info.hide {
    max-height: 0;
    opacity: 0;
 
}

.booking-form {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transform: translateY(50px);
}

.booking-form.show {
    max-height: 800px;
    opacity: 1;
    transform: translateY(0);
}

.booking-form span {
    color: #424659;
  
    font-weight: 600;
    margin: 15px auto;
    display: flex;
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.booking-form.show .form-group {
    background: transparent;
    border: 0;
    box-shadow: none;
}
span.modal-true-sgol {
    font-weight: 400;
    text-align: left;
}


.modal-true-sgol{
        display: flex;
    flex-direction: column;
    font-size: 12px;
}

button.back-to-info {
    margin: 0 auto;
    display: flex;
    margin-top: 45px;
}


.entrance-plans > svg{
    min-height:600px;
}

@media (max-width: 767.99px) {
.tab-btn {
    background-color: #F0F0F0;
    font-size: 8px;
}
.entrance-plans > svg{
    min-height:200px;
}
    .main-view__buttons {
        flex-direction: row;
        gap: 10px;
    }
    .home-choise__content {
        margin: 0px 0;
        flex-direction: column;
        padding: 5px;
        gap: 20px;
    }

    .home-choise__title > h1 > span:last-child {
        font-size: 14px;
    }

    .home-choise__content .home-choise__title small {
    font-size: 9px;
}

 
.plan-c {
    display: flex;
    flex-direction: column;
}

.table__search-parameter{
    overflow: scroll;
}
 

 .entrance-plans > svg {
    width: 100%;
    height: 100%;
}
.tab-pane.tab-pane-show{
    overflow: scroll;
}
.home-choise__header {
    position: sticky;
    top: 30px;
    z-index: 2;
}
}

.plan-viewer svg{

 

    position: absolute;
    z-index: 999;
    width: AUTO;
    HEIGHT: 600PX;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.plan-viewer svg .isset-mw:hover {
    OPACITY: 0.5 !important;
    FILL: #081346 !important;
    display: block !important;
}