/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.26, autoprefixer: v9.7.3) */
@import url('font/stylesheet.css');

html {
    scroll-behavior: smooth;
}

#appartament_search {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: 'Bw Modelica Cyrillic Medium', sans-serif;
    font-size: 0.9375rem;
    max-width: 83.125rem;
}

#appartament_home {
    padding-top: 3.375rem;
    background: rgb(255, 255, 255);
    display: none;
}

#afterLoader {
    width: 100%;
    height: 50vh;
    position: relative;
}

#appartament_home + #table-preloader {
    position: absolute;
    top: 0;
}

#srtTableSearch-section.active {
    padding: 0 !important;
}

.appartamentSearchWidget--floor,
.appartamentSearchWidget--section,
.appartamentSearchWidget--rooms {
    display: none;
}

.appartamentSearchWidget--facing {
    margin-bottom: 1rem;
    display: none;
}

.tablet-flat-name {
    display: none;
}

.srt-modal .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

#btn-calc {
    transition: background 400ms ease;
    font-family: 'Roboto Slab';
    font-weight: 600;
    line-height: 3rem;
    letter-spacing: 0.45px;
    width: 100%;
}

.srt-search-container {
    padding: 0rem 0rem 0rem;
    margin-bottom: 3.75rem;
}

.srt-search-slider__inputs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -1.25rem;
}

.irs {
    height: 2.5rem;
}

.irs--round .irs-handle {
    background-color: #008bce;
    box-shadow: 0px 3px 6px #0000003b;
    border: 2px solid #ffffff;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #008bce;
}

.irs--round .irs-bar {
    background-color: #dee4ec;
}

.srt-search-container .irs {
    height: 0;
    margin-top: -2.25rem;
}

.srt-search-control {
    line-height: 1;
}

.srt-search-control span {
    font-weight: 400;
    font-size: 12px;
    color: #959ba6;
    margin-bottom: 0.5625rem;
}

.appartamentSearchWidget--wrapper {
    border: 0.0625rem solid #efefef;
}

.irs-from,
.irs-to,
.irs-single {
    background: #2c772c !important;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
    border-top-color: #2c772c !important;
}

.srt-search-slider {
    margin-top: 0;
}

.search-btn,
.reset-btn {
    display: block;
}

.FlatFilter-buttonsCol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 !important;
}

.FlatFilter-alterLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    font-family: 'Bw Modelica Cyrillic Medium', sans-serif;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem;
}

.FlatFilter-alterLink__link {
    color: #2c2f34;
    text-decoration: underline !important;
    -webkit-transition: color 200ms ease;
    -o-transition: color 200ms ease;
    transition: color 200ms ease;
    font-family: 'Roboto Slab';
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6875rem;
}

.FlatFilter-alterLink__link:hover {
    color: #fba028;
}

.FlatFilter-alterLink__pref {
    font-family: 'Fira Sans';
    font-weight: 400;
    line-height: 1.6875rem;
    letter-spacing: 0.16px;
    color: #2c2f34;
    font-size: 1rem;
    margin-right: 1rem;
}

.search-btn {
    background: #fba028;
    line-height: 3.4rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    border: none;
    border-radius: 0;
    padding: 0 1.0625rem;
    /* text-transform: uppercase; */
    color: #fff !important;
    margin-bottom: 1.55rem;
    margin-right: 1.875rem;
    padding-left: 0.625rem;
    position: relative;
    font-weight: normal;
    font-size: 15px;
    text-align: center;
    text-decoration: none !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
    font-family: 'Roboto Slab';
    border-radius: 2px;
}

.search-btn:hover {
    background: #bd791e;
}

.reset-btn {
    background: #dadbde;
    line-height: 3.125rem;
    color: #fff;
    cursor: pointer;
    overflow: hidden;
    border: none;
    padding: 0 1.2625rem;
    /* text-transform: uppercase; */
    color: #333 !important;
    margin-bottom: 1.55rem;
    /* padding-left: 0.8125rem; */
    position: relative;
    font-weight: 500;
    font-size: 1rem;
    /* text-transform: uppercase; */
    text-decoration: none !important;
    /* text-align: center; */
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.reset-btn img {
    vertical-align: top;
    margin-right: 1.0625rem;
    margin-top: 0.625rem;
    display: none;
}

.reset-btn:hover path {
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}

.reset-btn:hover path {
    fill: #d58546;
}

.table-preloader,
#table-preloader {
    height: 100vh;
    margin: 3.125rem auto;
    display: inline-block;
    width: 100%;
    text-align: center;
    min-height: 100vh;
    top: 10px;
    position: absolute;
}

.table-preloader > .transparent-circle,
#table-preloader > .transparent-circle {
    display: inline-block;
    border-top: 0.125rem solid rgba(255, 255, 255, 0.2);
    border-right: 0.125rem solid rgba(255, 255, 255, 0.2);
    border-bottom: 0.125rem solid rgba(255, 255, 255, 0.2);
    border-left: 0.125rem solid #fff;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: transparent-circle 1.1s infinite linear;
    animation: transparent-circle 1.1s infinite linear;
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 100%;
}

.table-preloader > .transparent-circle,
#table-preloader > .transparent-circle {
    border-top: 0.125rem solid rgba(252, 148, 50, 0.3);
    border-right: 0.125rem solid rgba(252, 148, 50, 0.3);
    border-bottom: 0.125rem solid rgba(252, 148, 50, 0.3);
    border-left: 0.125rem solid #f63;
}

.table-preloader > .transparent-circle:after,
#table-preloader > .transparent-circle:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

@-webkit-keyframes transparent-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes transparent-circle {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*table*/
.srt-table-container {
    display: inline-block;
    width: 100%;
}

.srt-table-container table {
    font-size: 1rem;
    text-transform: uppercase;
    border-bottom: 0.0625rem solid #bfc4ca;
    font-family: 'Bw Modelica Cyrillic', sans-serif;
    font-weight: 500;
    text-align: center;
}

.srt-table-container table th {
    font-weight: 600;
    font-size: 1rem;
    padding: 0.625rem;
    color: #2c772c;
}

.srt-table-container table td {
    padding: 0.625rem;
    -webkit-transition: 150ms;
    -o-transition: 150ms;
    transition: 150ms;
}

.srt-table-container table td:nth-child(odd),
.srt-table-container table th:nth-child(odd) {
    background: #f7f8fa;
}
.SumoSelect > .optWrapper > .options li.opt.opt-multi {
    border-bottom-width: 0;
}
.SumoSelect > .optWrapper > .options li.opt.opt-multi:hover {
    color: #fff !important;
    background-color: #008bce;
    border-color: #008bce;
}
.srt-table-container thead th {
    border-top: 0.0625rem solid #bfc4ca;
    border-bottom: 0.0625rem solid #bfc4ca !important;
}

.srt-table-container tbody td {
    border-bottom: 0.0625rem solid #f1f2f4;
    vertical-align: middle;
}

.srt-table-container tbody tr:hover td,
.srt-table-container tbody tr:hover td > a {
    background: #369;
    color: #fff;
}
.ml-0 {
    margin-left: 0 !important;
}
.srt-table-container table td.price,
.srt-table-container table th.price {
    color: #fc9432;
}

.srt-table-container table td > a {
    color: #369;
}

.srt-table-container table td > a:hover {
    text-decoration: underline;
    cursor: pointer;
}

.dataTables_length {
    display: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none !important;
    background: #369 !important;
    color: #fff !important;
    border-radius: 0rem !important;
}

.dataTables_wrapper .dataTables_paginate {
    padding-top: 1.5625rem !important;
    padding-bottom: 1.5625rem !important;
}

.dataTables_wrapper .dataTables_info {
    padding-top: 2.0625rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: none !important;
    margin-left: 0.1875rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: none !important;
    margin-left: 0.1875rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    border: none !important;
    margin-left: 0.1875rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: url(/wp-content/plugins/srt-genplan/assets/img/bg3.jpg) !important;
    margin-left: 0.1875rem !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: url(/wp-content/plugins/srt-genplan/assets/img/bg3.jpg) !important;
    margin-left: 0.1875rem !important;
}

.app-div {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    height: 0rem;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.app-div.app-div-open {
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    /* min-height: 31.25rem; */
    margin-top: 0.9375rem;
    margin-bottom: 0.9375rem;
    height: 100%;
}

.appartament-contain td > div {
}

.appartament-open td > div {
}

.appartament-contain td {
    padding: 0rem !important;
    background: #fff !important;
    color: #000 !important;
}

.plan-wrap {
    position: relative;
}

.plan-wrap img {
    display: none;
    max-height: 23.4375rem;
    max-width: 100%;
}

.plan-wrap img.active {
    display: inline-block;
}

.cart-info {
    text-align: left;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.cart-info div span {
    display: block;
}

.submit-area {
    text-align: left;
}

.cart-info > div {
    margin: 0.9375rem 0;
    padding: 0rem;
    border-left: 0.0625rem solid;
    padding-left: 0.9375rem;
}

.cart-info h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    margin-bottom: 1.25rem;
    line-height: 2.5rem;
    padding-left: 0.9375rem;
    color: #2c772c !important;
    border-left: 0.3125rem solid #2c772c;
}

.cart-info > div.price span {
    font-size: 1.25rem;
    font-weight: 600;
    color: #fc9432;
    line-height: 2.5rem;
}

.cart-info > div.price {
    border-color: #fc9432;
}

.change-plan {
    line-height: 2.5rem;
    color: #fff;
    cursor: pointer;
    border: none;
    padding: 0 0.9375rem;
    text-transform: uppercase;
    color: #fff !important;
    position: relative;
    font-weight: 500;
    font-size: 1rem;
    text-transform: uppercase;
    margin-right: 0.3125rem;
    background: #369;
}

.change-plan[data-target='floor'] {
    margin-left: 0.625rem;
}

.change-plan-area span {
    line-height: 2.5rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.625rem;
    font-weight: 600;
}

.change-plan.active {
    background: #2c772c;
}

.plan-zoom {
    position: absolute;
    right: 0rem;
    top: 0rem;
    background: url(/wp-content/plugins/srt-genplan/assets/img/ser_big.png) !important;
    padding: 0.625rem;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.plan-zoom:hover {
    background: #2c772c !important;
}

.plan-zoom img {
    display: inline-block;
}

.plan-print img {
    display: inline-block;
}

.plan-print:hover {
    background: #2c772c !important;
}

.plan-print {
    position: absolute;
    right: 0rem;
    top: 3.75rem;
    background: url(/wp-content/plugins/srt-genplan/assets/img/ser_big.png) !important;
    padding: 0.625rem;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.appartament-contain td > div {
    position: relative;
}

.home-cart-close {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    right: 0rem;
    top: 0rem;
    background: url(/wp-content/plugins/srt-genplan/assets/img/ser_big.png) !important;
    padding: 0.8125rem;
    -webkit-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
    z-index: 1000;
    width: 3.125rem;
    height: 3.125rem;
    text-align: center;
    cursor: pointer;
}

.home-cart-close:hover {
    background: #2c772c !important;
}

.home-cart-close img {
    display: inline-block;
}

.plan-popup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #fff;
    padding: 3.125rem 6.25rem;
    text-align: center;
    z-index: 100;
}

.plan-popup-close {
    position: absolute;
    top: 3.125rem;
    right: 3.125rem;
    cursor: pointer;
}

.FlatInfo {
    position: absolute;
    right: 0;
    top: 0;
    width: 45%;
    height: 100%;
    background: #fff;
    margin-top: -2rem;
}

@media (max-width: 1200px) {
    /* .appartamentSearchRow {
        margin-right: -10px;
        margin-left: 4px;
    } */

    .FlatsResultTable-rowTitle--feature span {
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    /* .appartamentSearchRow {
        margin-right: -15px;
        margin-left: -15px;
    } */

    .appartamentSearchRow{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .tablet-flat-name {
        display: block;
        position: absolute;
        font-family: 'Roboto Slab';
        font-weight: 600;
        color: #4c5264;
        font-size: 2.125rem;
        line-height: 2.625rem;
        letter-spacing: 0.34px;
        z-index: 15;
        left: calc(29% - 5rem);
        top: 0rem;
    }

    .FlatInfo {
        width: 37%;
    }

    #appartament_home {
        padding-top: 9vw;
    }

    .srt-search-container {
        padding: 0.625rem 0.3125rem 0rem;
        margin-bottom: 3.2rem;
    }

    .search-btn,
    .reset-btn,
    .btn-bron,
    .btn-calc {
        font-size: 0.875rem !important;
        padding: 0 1rem;
        /* text-align: center; */
    }

    .search-btn {
        margin-right: 1.375rem;
    }

    .reset-btn span {
        text-align: center;
        text-decoration: underline;
        color: #b4b4b4;
    }

    .reset-btn:hover span {
        color: #d58546;
    }

    .appartamentSearchWidget--wrapper {
        padding: 1.475rem 1rem 2rem !important;
    }
}

/*==========*/
.site-content {
    overflow: visible !important;
}

.appartamentSearchRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: static;
}

.appartamentSearchWidget > .row {
    position: -webkit-sticky;
    position: sticky;
    top: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.FlatsResultTable-data {
    border-radius: 0.25rem;
    /* text-decoration: none !important; */
    /* transform: translate3d(0,100px,1px); */
    /* opacity: 0; */
    visibility: hidden;
}

.FlatsResultTable-data.active {
    visibility: visible;
}

.FlatsResultTable-link {
    width: 100%;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    text-decoration: none !important;
}

.FlatsResultTable-link,
.FlatsResultTable-row {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.FlatsResultTable-row {
    background-image: url(/wp-content/uploads/2020/07/001_m.svg) !important;
    background-repeat: no-repeat !important;
    background-position: top right !important;
    background-size: contain !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: border-color 0.4s ease;
    -webkit-transition: border-color 0.4s ease, -webkit-transform 0.4 ease;
    transition: border-color 0.4s ease, -webkit-transform 0.4 ease;
    -o-transition: border-color 0.4s ease, transform 0.4 ease;
    transition: border-color 0.4s ease, transform 0.4 ease;
    transition: border-color 0.4s ease, transform 0.4 ease,
        -webkit-transform 0.4 ease;
    background: #fff;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    color: #959ba6;
    letter-spacing: 0;
    text-align: right;
    border: 0.0625rem solid #efefef;
    border-radius: 0rem;
    padding: 0 1.5rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    /* text-decoration: none !important; */
    -webkit-box-shadow: 0px 3px 6px #00000029;
    box-shadow: 0px 3px 6px #00000029;
    font-family: 'Bw Modelica Cyrillic Medium', sans-serif;
    /* animation: FadeUp 1s ease 0.5s forwards; */
    /* transform: translate3d(0,100%,1px); */
    /* opacity: 0; */
    align-items: center;
}

.FlatsResultTable-row:hover .FlatsResultTable-rowPriceTitle {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

.FlatsResultTable-row:hover .FlatsResultTable-rowPriceSubTitle {
    -webkit-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
}

/* CSS анимация FadeUp удалена, используется JavaScript анимация */

.FlatsResultTable-row:hover {
    border-color: #ccc;
    cursor: pointer;
}

.FlatsResultTable-row:hover .FlatsResultTable-rowPrice {
    border-color: #ccc;
}

.FlatsResultTable-row:last-child {
    margin-bottom: 0;
}

.FlatsResultTable-rowInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.FlatsResultTable-rowLayout {
    width: 7.4375rem;
    display: block;
    height: auto;
    /* max-height: 6.875rem; */
    background-size: contain;
    margin-right: 2rem;
    background-position: 50%;
    background-repeat: no-repeat;
}

.FlatsResultTable-rowTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 1.25rem 0;
}

.FlatsResultTable-rowTitle--section {
    font-size: 1.125rem;
    color: #4c5264;
    letter-spacing: 0.54px;
    line-height: 2.125rem;
    /* margin: .5rem 0 0rem; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    /* flex-grow: 1; */
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: 'Fira Sans';
    max-width: 34rem;
}
.FlatsResultTable-rowTitle--section-commerce {
    margin-top: 2rem;
}

.FlatsResultTable-rowTitle--feature span,
.FlatsResultTable-rowTitle--section span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.FlatsResultTable-rowTitle--feature span {
    margin-right: 3rem;
}

.FlatsResultTable-rowTitle--room {
    font-weight: 700;
    font-size: 1.625rem;
    color: #4c5264;
    letter-spacing: 0.26px;
    line-height: 2.125rem;
    font-family: 'Roboto Slab';
    margin-bottom: 0.5rem;
}

.FlatsResultTable-rowTitle--feature {
    font-size: 1.125rem;
    color: #a7a7a7;
    letter-spacing: 0.54px;
    line-height: 2.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-family: 'Fira Sans';
    font-weight: 400;
}

.FlatsResultTable-rowTitle--feature .ShowRoomMap-contacts-dot {
    margin: 0 0.25rem;
}

.FlatsResultTable-rowTitle--reserved {
    position: absolute;
    font-size: 0.75rem;
    color: #959ba6;
    letter-spacing: 0;
    top: 0.5625rem;
    left: 0.625rem;
    cursor: pointer;
}

.FlatsResultTable-rowTitle--reserved svg path {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.FlatsResultTable-rowTitle--reserved:hover svg path {
    fill: #222;
}

.FlatsResultTable-rowTitle--reserved .__react_component_tooltip {
    padding: 0.5rem 1.3125rem;
    background-color: #26334d !important;
}

.FlatsResultTable-rowBanners {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    flex: 1;
    align-items: flex-end;
    /* margin-bottom: 12px; */
}

.FlatsResultTable-rowBanners,
.FlatsResultTable-rowDiscount {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /* align-items: center; */
    -ms-flex-item-align: end;
    align-self: flex-end;
    /* margin-top: 1.25rem; */
}

.FlatsResultTable-rowDiscount {
    border: 0.0625rem solid rgba(255, 66, 20, 0.3);
    color: #ff4214;
    border-radius: 0.1875rem;
    font-size: 0.625rem;
    letter-spacing: 0;
    font-weight: 500;
    text-align: center;
    height: 1.25rem;
    margin-left: 0.5rem;
    width: 4.8125rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.FlatsResultTable-rowDiscount svg {
    margin-right: 0.1875rem;
}

.FlatsResultTable-rowFinishing {
    /* padding: 0.25rem 0.5rem 0.1875rem; */
    /* border-radius: 0.1875rem; */
    /* border: 0.0625rem solid #e6e6e6; */
    font-size: 0.875rem;
    color: #ccc;
    /* letter-spacing: 0; */
    text-align: right;
    /* font-weight: 500; */
    /* -webkit-box-sizing: border-box; */
    /* box-sizing: border-box; */
}

.FlatsResultTable-rowFinishingFalse,
.FlatsResultTable-rowFinishingTrue {
    color: #4a2050;
    /* padding: 0.25rem 0.375rem 0.125rem 0.3125rem; */
    /* border: 0.0625rem solid rgba(85,187,1,.3) */
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* position: absolute; */
    bottom: 0.9375rem;
    right: 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* max-width: 5.5625rem; */
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2rem 0 1.5rem;
}

.FlatsResultTable-row .FlatsResultTable-rowFinishingFalse,
.FlatsResultTable-row .FlatsResultTable-rowFinishingTrue {
    margin: 0 0 0;
    /* margin: 2rem 0 0; */
}

.FlatsResultTable-row
    .FlatsResultTable-rowFinishingTrue.FlatsResultTable-rowSaleTrue {
    margin: 0rem 0 0 0rem;
}

.FlatsResultTable-rowFinishingFalse,
.FlatsResultTable-rowFinishingFalse path {
    fill: #d5d5d5;
    color: #d5d5d5;
}

.FlatsResultTable-rowTitle--section svg,
.FlatsResultTable-rowTitle--feature svg,
.FlatsResultTable-rowFinishingFalse svg,
.FlatsResultTable-rowFinishingTrue svg {
    /* fill: #41d95a; */
    width: 1.3rem;
    height: 2rem;
    margin-right: 0.625rem;
}

.FlatsResultTable-rowFurniture {
    border: 0.0625rem solid hsla(219, 9%, 62%, 0.3);
    border-radius: 0.1875rem;
    width: 5.5rem;
    height: 1.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 0.625rem;
    color: #959ba6;
    letter-spacing: 0;
    white-space: nowrap;
}

.FlatsResultTable-rowFurniture svg {
    fill: #959ba6;
    margin-right: 0.25rem;
}

.FlatsResultTable-rowPrice {
    /* border-left: 0.0625rem solid #efefef; */
    height: auto;
    width: auto;
    padding-left: 1rem;
    min-width: 7.4375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: border-color 0.4s ease;
    -o-transition: border-color 0.4s ease;
    transition: border-color 0.4s ease;
    will-change: auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.25rem 0 0rem;
    position: relative;
}

.FlatsResultTable-rowPriceSettlement {
    max-width: 7.4375rem;
    font-size: 0.6875rem;
    color: #959ba6;
    letter-spacing: 0;
    text-align: right;
}

.FlatsResultTable-rowPriceTitle {
    font-size: 1.8rem;
    font-weight: 600;
    font-family: 'Fira Sans', sans-serif;
}

.FlatsResultTable-rowPriceMeter,
.FlatsResultTable-rowPriceTitle {
    letter-spacing: 0;
    text-align: right;
    line-height: 2rem;
    /* display: flex; */
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    color: #008bce;
    font-family: 'Fira Sans';
    font-weight: 600;
    line-height: 43px;
    letter-spacing: 0.32px;
}

.FlatsResultTable-rowPriceSubTitle {
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
}

.FlatsResultTable-rowPriceTitle--red {
    color: #940000;
}
.FlatsResultTable-rowPriceTitle--blue {
    color: #008bce;
}
.FlatsResultTable-rowPriceMeter {
    font-size: 0.875rem;
    color: #ababab;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
}

.FlatsResultTable-rowPriceWish {
    padding-top: 1.125rem;
}

.FlatsResultTable-rowPriceSubTitle {
    line-height: 1.3;
    font-family: 'Roboto Slab';
    font-size: 1.1875rem;
    line-height: 1.5625rem;
    font-weight: 600;
    letter-spacing: 0.19px;
    color: #008bce;
    margin-top: -0.5rem;
}

.FlatsResultTable-rowPriceWish svg path {
    -webkit-transition: stroke 0.2s ease-in-out;
    -o-transition: stroke 0.2s ease-in-out;
    transition: stroke 0.2s ease-in-out;
}

.FlatsResultTable-rowPriceWish:hover svg path {
    stroke: #222;
}

.FlatsResultTable .NothingToShow {
    margin: 0 1.5rem 1.5rem;
}

/*  mobile  */
@media only screen and (max-width: 47.9375rem) {
    .FlatsResultTable {
        border: none;
        border-radius: 0;
        margin-top: 0;
        padding: 0;
    }
    .FlatsResultTable-rowTitle--commerce {
        padding-bottom: 0;
    }
    .FlatsResultTable .NothingToShow {
        margin-top: 1.5rem;
    }

    .FlatsResultTable-count {
        margin-bottom: 0;
        padding: 0 1rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .FlatsResultTable-row {
        background-image: none !important;
        padding: 0.5rem;
        margin-bottom: 0.25rem;
        border: none;
    }

    .FlatsResultTable-rowWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 0.625rem;
    }

    .FlatsResultTable-rowInfo,
    .FlatsResultTable-rowPrice {
        width: 100%;
    }

    .FlatsResultTable-rowPrice {
        padding-left: 0;
        border: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .FlatsResultTable-rowPriceTitle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        font-weight: 600;
        font-size: 22px;
        line-height: 20px;
        letter-spacing: 0.22px;
        margin-right: 13px;
    }

    .FlatsResultTable-rowPriceMeter {
        font-weight: 400;
        padding-left: 0.5rem;
        font-size: 0.6875rem;
        line-height: normal;
    }

    .FlatsResultTable-rowPriceWish {
        padding-top: 0;
        display: none;
    }

    .FlatsResultTable-rowInfo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .FlatsResultTable-rowInfo {
        display: flex;

        flex-grow: 1;

        flex-direction: column;
        padding-left: 0.625rem;
    }
    .FlatsResultTable-rowLayout {
        margin-right: 0;
        width: 3.75rem;
        min-width: 3.75rem;
        height: 3.75rem;
    }

    .FlatsResultTable-rowTitle {
        width: 100%;
    }

    .FlatsResultTable-rowTitle--reserved {
        padding-top: 0;
        display: inline-block;
        margin-left: 0.5rem;
        height: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        width: auto;
        top: 0;
        left: 0;
    }

    .FlatsResultTable-rowTitle--room {
        font-size: 1.125rem;
        /* line-height: 1.0625rem; */
        /* margin-bottom: 0.125rem; */
    }

    .FlatsResultTable-rowTitle--feature span {
        color: #959ba6;
        line-height: 1.5rem;
        font-size: 0.6875rem;
    }

    .FlatsResultTable-rowTitle--section {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: 400;
        line-height: 16px;
        color: #2c2f34;
        text-transform: none;
        letter-spacing: 0.13px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    .reset-btn span {
        font-family: 'Fira Sans';
        font-weight: 400;
        font-size: 16px !important;
        line-height: 27px;
        letter-spacing: 0.16px;
    }
}

/** CheckBox*/
.FlatFilter-filter {
    margin-bottom: 1rem;
    /* padding: 0 0.9375rem; */
}

.FlatFilter-name {
    font-weight: 400;
    font-size: 12px;
    line-height: 27px;
    letter-spacing: 0.12px;
    color: #707070;
    margin-bottom: 0rem;
    font-family: 'Fira Sans';
}

.FlatFilter-buttonsWrapper {
    height: 2.875rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #fff;
    border-radius: 0rem;
}

.FlatFilter-buttonsWrapperChecked {
    overflow: hidden;
}

.FlatFilter-buttonsWrapperChecked {
    overflow: hidden;
}

.FlatFilter-buttonsItem {
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border: 0.0625rem solid #e6e6e6;
    border-right-color: #fff;
}

.FlatFilter-buttonsItem span {
    font-weight: 400;
    font-size: 0.9375rem;
    color: #222;
    letter-spacing: 0;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
}

.FlatFilter-buttonsItem:hover {
    cursor: pointer;
}

.FlatFilter-buttonsItem:hover span {
    color: #f63;
}

.FlatFilter-buttonsItem--active {
    background: #f63;
    border: 0.0625rem solid #e64c1e !important;
}

.FlatFilter-buttonsItem--active:hover span,
.FlatFilter-buttonsItem--active span {
    color: #fff;
}

.FlatFilter-buttonsItem:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}

.FlatFilter-buttonsItem:last-child {
    border-right-color: #e6e6e6;
    border-radius: 0 0.25rem 0.25rem 0;
}

.FlatFilter-check {
    cursor: pointer;
    height: 100%;
    transition: background-color 0.2s ease;
}

.FlatFilter-check span {
    transition: 0.2s ease color;
    font-size: 1rem;
}

@media (min-width: 1025px) {
    .FlatFilter-check:hover {
        background-color: #008bce;
    }

    .FlatFilter-check:hover span {
        color: #fff;
    }
}

.FlatFilter-check:first-child .FlatFilter-checkCheckedCustom {
    border-radius: 0rem 0 0 0rem;
}

.FlatFilter-check:last-child .FlatFilter-checkCheckedCustom {
    border-right: 0.0625rem solid #e6e6e6;
    border-radius: 0;
}

.FlatFilter-checkChecked {
    display: none;
}

.FlatFilter-checkCheckedCustom {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transition: 100ms ease;
    -o-transition: 100ms ease;
    transition: 100ms ease;
    color: #363636;
    font-family: 'Fira Sans';
    font-size: 16px;
    line-height: 34px;
    letter-spacing: 0.48px;
}

.FlatFilter-checkCheckedCustom:after {
    content: '';
    position: absolute;
    top: 0rem;
    left: 0rem;
    right: 0rem;
    bottom: 0rem;
    border-left: 0.0625rem solid #d5d5d5;
    border-top: 0.0625rem solid #d5d5d5;
    border-bottom: 0.0625rem solid #d5d5d5;
    -webkit-transition: 100ms ease;
    -o-transition: 100ms ease;
    transition: 100ms ease;
}

@media (min-width: 1025px) {
    .FlatFilter-checkChecked:checked + .FlatFilter-checkCheckedCustom:after,
    .FlatFilter-checkChecked:hover + .FlatFilter-checkCheckedCustom:after {
        border: 0.0625rem solid #008bce;
    }
}
.FlatFilter-checkChecked:checked + .FlatFilter-checkCheckedCustom:after {
    border: 0.0625rem solid #008bce;
}
.FlatFilter-checkChecked:checked + .FlatFilter-checkCheckedCustom {
    background-color: #008bce;
    border-color: #008bce;
    color: #fff;
}

.FlatFilter-inputsWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.FlatFilter-inputsWrapperPrice .FlatFilter-inputsItem {
    height: 1.5rem;
}

.FlatFilter-inputsWrapperPrice .FlatFilter-inputsItem:last-child .Input input {
    text-align: right;
}

.FlatFilter-inputsWrapperPrice .Input-placeholder {
    left: 0;
}

.FlatFilter-inputsWrapperPrice .Input input {
    padding: 0;
    border: none;
    font-size: 0.9375rem;
    color: #222;
}

.FlatFilter-inputsWrapperDual {
    /* border: 0.0625rem solid #e6e6e6; */
    border-radius: 0;
    width: 100%;
    font-family: inherit;
}

.FlatFilter-inputsWrapperDual .FlatFilter-inputsItem {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 50%;
}

.FlatFilter-inputsItem .irs {
    height: 0rem;
}

.FlatFilter-inputsWrapperDual .FlatFilter-inputsItem input {
    -webkit-box-shadow: inset 0 0 0 3.125rem #fff;
    -webkit-text-fill-color: #000;
    font-size: 0.875rem;
    color: #222;
    letter-spacing: 0;
    /* padding-left: 0.75rem; */
    position: relative;
    top: 0;
    height: 1.625rem;
    width: 100%;
}

.FlatFilter-inputsWrapperDual .FlatFilter-inputsItem input[name='floor_max'],
.FlatFilter-inputsWrapperDual .FlatFilter-inputsItem input[name='price_max'],
.FlatFilter-inputsWrapperDual .FlatFilter-inputsItem input[name='area_max'] {
    text-align: right;
}

.FlatFilter-inputsWrapperDual .Input input {
    border: none;
    color: #363636;
    font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    outline: 0;
}

.FlatFilter-inputsWrapperDual .Input-placeholder {
    left: 0.6875rem;
    top: 0.375rem;
    font-size: 0.625rem;
}

.Input-placeholder {
    position: absolute;
    left: 0.8125rem;
    top: 0.625rem;
    font-size: 0.6875rem;
    color: #7a7a7a;
    letter-spacing: 0;
}

.FlatFilter-inputsItem {
    /* height: 2.625rem; */
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.75rem;
    flex: 0 0 8.8125rem;
}

.Input {
    height: 100%;
    width: 100%;
    position: relative;
}

/* .FlatnavSortRow */
.FlatnavSortRow {
    position: -webkit-sticky;
    position: sticky;
    top: 5rem;
    padding: 0.625rem 0 0;
    z-index: 2;
    background: #fff;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 100%;
    margin: 0;
}

.Picking-popupHead,
.Flats-navFilter {
    display: none;
}

.SumoSelect .CaptionCont span {
    font-size: 0.9375rem;
    cursor: pointer;
    font-family: inherit;
    padding-right: 0.9375rem;
}

.Flats-navSort-container {
    display: flex;
    justify-content: flex-end;
}

.Flats-navSort--prename {
    text-align: right;
    margin-bottom: 0.625rem;
    color: #324e5c;
    font-family: 'Fira Sans';
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: 0.14px;
}

/* .Flats-navSort {
    width: 10rem;
} */

.Flats-navSort .SumoSelect span {
    line-height: 16px !important;
}

/* .FlatnavSortRow div {
    padding: 0rem;
} */

@media screen and (max-width: 1024px) {
    .FlatsResultTable-data {
        padding: 1rem 0 1rem;
    }

    .FlatImages {
        width: calc(100% - 39%);
    }

    .FlatFilter-filter {
        margin-bottom: 0rem;
    }

    .FlatsResultTable-rowLayout {
        margin-right: 0.5rem;
    }

    .search-btn,
    .reset-btn,
    .btn-bron,
    .btn-calc {
        font-size: 20px !important;
    }

    .reset-btn {
        margin-bottom: 1.55rem;
    }

    .FlatInfo-furnitureTooltipText {
        text-align: center;
        font-size: 1.33rem !important;
        /* margin-top: 2rem; */
    }

    .Picking-popupHead {
        /* display: flex; */
        /* justify-content: center; */
        /* margin-bottom: 1.875rem; */
    }

    .Picking-popupHead svg {
        position: absolute;
        right: 0.9375rem;
        top: 50%;
        /* -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); */
    }

    .Flats-navFilter,
    .Flats-navSort,
    .Flats-navSwitch {
        height: 100%;
        font-size: 0.875rem;
        /* width: 33%; */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .appartamentSearchWidget.show {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 10;
        padding-top: 0.9375rem;
        background: #fff;
        overflow-y: scroll;
    }

    .Flats-navFilter--title {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .Flats-navSort .SumoSelect {
        margin-bottom: 0rem;
    }

    .Flats-navFilter select,
    .Flats-navSort select,
    .Flats-navSwitch select {
        font-size: 0.875rem;
    }

    .Flats-navSort svg,
    .Flats-navSwitch svg {
        width: 0.5rem;
        height: 0.3125rem;
        stroke: #999;
        margin-left: 0.3125rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
    }

    .FlatsResultTable-rowTitle--section svg,
    .FlatsResultTable-rowTitle--feature svg,
    .FlatsResultTable-rowFinishingFalse svg,
    .FlatsResultTable-rowFinishingTrue svg {
        width: 1rem;
        height: 1.8rem;
    }
}

/* #FlatsPage  */
/* Убрана анимация страницы, чтобы избежать двойного дёрганья */
/* html:not(.safari) #FlatsPage {
    -webkit-animation: FadeUp 1s ease 0s forwards;
    animation: FadeUp 1s ease 0s forwards;
    -webkit-transform: translate3d(0, 10%, 0.0625rem);
    transform: translate3d(0, 10%, 0.0625rem);
} */

#FlatsPage {
    background: rgb(255, 255, 255);
}

.FlatData {
    height: 51.25rem;
    position: relative;
    font-family: 'Bw Modelica Cyrillic Regular', sans-serif;
}

.FlatFeatures-button--backToTable {
    font-size: 0.875rem;
    width: 8rem;
    background-color: #4c5264;
    padding: 1.1rem 1.1rem 1rem 0.8rem;
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    background-image: url(/wp-content/uploads/2020/07/flatcatd-treug.svg);
    background-repeat: no-repeat;
    background-position: top right;
}

.FlatFeatures-button--backToTable span {
    color: #fff;
    float: right;
    line-height: 0.875rem;
    text-align: right;
    font-family: 'Roboto Slab';
    font-size: 0.875rem;
    letter-spacing: 0.14px;
    font-weight: 400;
}

.FlatFeatures-button--backToTable svg {
    width: 1.2rem;
    height: 1.5rem;
    margin-top: 2px;
    padding-left: 0.3rem;
}

.FlatFeatures-button--backToTable svg path,
.FlatFeatures-button--backToTable svg {
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}

.FlatFeatures-button--backToTable:hover svg {
    -webkit-transform: translate3d(-0.5rem, 0, 0);
    transform: translate3d(-0.5rem, 0, 0);
}

/*.FlatFeatures-button--backToTable:hover svg path {*/
/*    fill: #D58546;*/
/*}*/
.FlatData-img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0.0625rem;
    height: 0.0625rem;
}

.FlatData-compass {
    position: absolute;
    z-index: 9;
    left: 2.8125rem;
    top: 2.8125rem;
    width: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.FlatData-compassCompass,
.FlatData-compassSection {
    width: 3.125rem;
    height: 3.125rem;
}

.FlatData-compass img {
    width: 100%;
    height: 100%;
}

.FlatData-3d,
.FlatData-floor {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    /* ширина и положение как у плана 2D (.PlaningSlide-background = 85% колонки) */
    width: calc((100% - 46%) * 0.85);
    left: 0;
    max-height: 49.5rem;
    margin: 0 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
}

@media only screen and (max-width: 47.9375rem) {
    #appartament_home {
        padding-top: 0;
    }

    .FlatData {
        height: auto;
        border-bottom: none;
    }

    .FlatData-3d,
    .FlatData-floor {
        height: 18rem;
        width: 100%;
        margin-top: 0;
        position: inherit;
    }

    .FlatData-name {
        max-width: 60%;
        top: 0.875rem;
    }

    .FlatData-name .FlatName-title {
        font-size: 1.375rem;
        color: #242424;
        letter-spacing: 0;
        line-height: 1.875rem;
    }

    .FlatData-compass {
        left: 0;
        right: auto;
        top: 2.5rem;
        /* display: flex !important; */
    }
}

.FlatData-TabContent {
    display: none;
}

.FlatData-TabContent.FlatSwitch-button--active {
    display: block;
}

.FlatData-compass.FlatSwitch-button--active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.FlatImages {
    position: relative;
    width: calc(100% - 46%);
    height: 100%;
}

.FlatImages img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}

.FlatImages .PlaningSlide {
    height: 100%;
}

.FlatImages .PlaningSlide-background {
    width: calc(100% - 15%);
    max-height: 48.5rem;
    margin-top: 0;
}

@media only screen and (max-width: 47.9375rem) {
    .FlatImages {
        width: 100%;
        height: 18rem;
    }

    .FlatImages-mview {
        top: 6.5rem;
        right: 1rem;
        width: 2rem;
        height: 2rem;
        background: #fcfcfc;
        border: 0.0625rem solid #dbdbdb;
        color: #4a4a4a;
        font-size: 0.75rem;
    }

    .FlatImages-mview:hover {
        border: 0.0625rem solid #eaeaea;
        -webkit-box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, 0.07);
        box-shadow: 0 0.3125rem 1.25rem 0 rgba(0, 0, 0, 0.07);
        color: #4a4a4a;
    }

    .FlatImages .PlaningSlide-background {
        width: 100%;
        height: 19rem;
    }
}

.PlaningSlide-swipe {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 8;
}

.PlaningSlide-image,
.PlaningSlide-swipe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.PlaningSlide-image {
    top: 0;
    left: 0;
    overflow: hidden;
    will-change: width;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.PlaningSlide-image--planing {
    background-color: #e6ebed;
    -webkit-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 0.1s;
    -o-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: width;
    -o-transition-property: width;
    transition-property: width;
    will-change: width;
}

.PlaningSlide {
    width: 100%;
    height: 100vh;
    position: relative;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}

.PlaningSlide--loading {
    opacity: 0.5;
}

.PlaningSlide-image--planing.no-bg {
    background-color: white;
}

.PlaningSlide-background {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    width: calc(100vw - 26.25rem);
    text-align: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#desktopSwitch {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: absolute;
    top: -1rem;
    left: calc(54% - 6rem);
    z-index: 10;
    background-color: transparent;
}

.desktopSwitch-btn:after,
.desktopSwitch-btn:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: opacity 300ms ease;
    left: 0;
    background-size: cover;
    background-image: url(/wp-content/uploads/2020/07/rect-grey.svg);
}
.desktopSwitch-btn {
    width: 100%;
    height: 3rem;
    font-size: 1.5rem;
    line-height: 3rem;
    letter-spacing: 0.24px;
    font-weight: 600;
    color: #ffffff;
    margin-top: 0.92rem;
    padding: 0 0.75rem;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-family: 'Fira Sans', sans-serif;
}
.desktopSwitch-btn span {
    display: block;
    z-index: 1;
    position: relative;
}
.block-text {
    color: #fff;
    position: absolute;
    height: 3rem;
    font-size: 1.5rem;
    line-height: 3rem;
    letter-spacing: 0.24px;
    font-weight: 600;
    padding: 0 0.75rem;
    cursor: pointer;
    text-align: center;
    z-index: 100;
}

.desktopSwitch-btn:after {
    opacity: 0;
    background-image: url(/wp-content/uploads/2020/07/rect-blue.svg);
}
.desktopSwitch-btn:hover:before,
.desktopSwitch-btn.active:before {
    opacity: 0;
}
.desktopSwitch-btn:hover:after,
.desktopSwitch-btn.active:after {
    opacity: 1;
}
.FlatSwitch {
    position: absolute;
    z-index: 10;
    bottom: 6.25rem;
    left: 0;
    width: calc(100% - 40%);
}

.FlatSwitch.switchMobile {
    display: none;
}

.FlatSwitch,
.FlatSwitch-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ComplexSwitchContainer-container > .FlatSwitch-buttons {
    background: #fff;
    border: 0.0625rem solid #d5d5d5;
    border-radius: 0;
}

.FlatSwitch-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 2.3rem;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    color: #ababab;
    letter-spacing: 0.14px;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
    z-index: 1;
    position: relative;
    font-family: 'Fira Sans';
}

.FlatSwitch-button,
.FlatSwitch-button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.FlatSwitch-button span {
    border-right: 0.0625rem solid hsla(0, 0%, 100%, 0.3);
    height: 100%;
    width: 100%;
}

.FlatSwitch-button:after {
    position: absolute;
    right: 0;
    top: 50%;
    height: 50%;
    width: 0.0625rem;
    background: #fff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.FlatSwitch-button:last-child span {
    border-right: none;
}

.FlatSwitch-button:last-child:after {
    display: none;
}

.FlatSwitch-button:hover {
    cursor: pointer;
    color: gray;
}

.FlatSwitch-button--active {
    color: #fff;
}

.FlatSwitch-button--active:last-child span {
    border-right: none;
}

.FlatSwitch-button--active:hover {
    cursor: default;
    color: #fff;
}

.FlatSwitch-current {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 0.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ComplexSwitchContainer-container {
    width: 100%;
    position: relative;
}

.ComplexSwitchContainer-active {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 0;
    left: 0.125rem;
    background: #008bce;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    -o-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}

.FlatInfo:before {
    content: ' ';
    width: 2px;
    height: 90%;
    background-color: #f5f5f5;
    position: absolute;
}

.FlatInfo-block {
    padding: 0;
    /* background: #fff; */
    /* border: 0.0625rem solid #eee; */
    border-radius: 0.25rem;
    /* width: 100%; */
    max-width: 32rem;
    margin: 0 3.5rem;
}

.FlatInfo-blockFeature {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 29rem;
}

.FlatInfo-blockFeature .srt-widget-phone-btn,
.FlatInfo-blockFeature .FlatInfo-credits,
.FlatInfo-blockFeature,
.FlatInfo-blockFeature .FlatInfo-callback,
.FlatInfo-blockFeature .FlatInfo-pdf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.FlatInfo-blockFeature.FlatInfo-blockFeature--btn {
    display: inline-flex;
    align-items: center;
    margin-top: 1.5rem;
    justify-content: flex-start;
    position: relative;
}

i.fas.fa-circle-notch.fa-spin {
    color: #008bce;
    /* transform-origin: center; */
    position: absolute;
    top: 50%;
    right: -10px;
    font-size: 20px;
    margin-top: -6px;
}

.search-flats__setting-icon{
    display: none;
}

.FlatInfo-blockFeature .FlatInfo-mortgage,
.FlatInfo-blockFeature .srt-widget-phone-btn,
.FlatInfo-blockFeature .FlatInfo-credits,
.FlatInfo-blockFeature .FlatInfo-callback,
.FlatInfo-blockFeature .FlatInfo-pdf {
    font-weight: 500;
    font-size: 0.9375rem;
    color: #2c2f34;
    letter-spacing: 0;
    text-align: center;
    text-decoration: none;
    min-width: 50%;
    width: 100%;
    /* border-top: 0.0625rem solid #F38825; */
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 3rem;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: color 0.4s ease;
    -o-transition: color 0.4s ease;
    transition: color 0.4s ease;
    font-family: 'Bw Modelica Cyrillic Bold', sans-serif;
}

#FlatInfo-callback {
    background: #fba028;
    color: #fff;
    /* margin-right: 1rem; */
    -webkit-transition: background 400ms ease;
    -o-transition: background 400ms ease;
    transition: background 400ms ease;
    font-family: 'Roboto Slab';
    font-weight: 600;
    line-height: 1.625rem;
    letter-spacing: 0.45px;
}

#btn-calc:hover,
#FlatInfo-callback:hover {
    background: #c07a1e;
}

#btn-calc:hover {
    color: #fff;
}

#btn-calc {
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
    background: #dadbde;
    margin-left: 0.5rem;
}

.FlatInfo-blockFeature .FlatInfo-callback:hover,
.FlatInfo-blockFeature .FlatInfo-pdf:hover {
    color: #222;
}

.FlatInfo-blockFeature .FlatInfo-pdf {
    /* border-right: 0.0625rem solid #e6e6e6; */
    height: auto;
    font-family: 'Roboto Slab';
    font-weight: 700;
    font-size: 1.25rem;
    /* line-height: 2.187rem; */
    text-align: left;
    letter-spacing: 0.2px;
    /* margin-top: 1.5rem; */
    justify-content: flex-start;
    display: inline-block;
    width: auto;
    border-bottom: 1px solid;
    border-bottom-color: #4c5264;
    transition: border-bottom-color 300ms ease;
    margin-right: 2rem;
}
@media (max-width: 1024px) {
    .FlatInfo-blockFeature .FlatInfo-pdf {
        font-size: 0.9rem;
    }
}
@media (max-width: 767px) {
    .FlatInfo-blockFeature .FlatInfo-pdf {
        margin: 1rem auto 0;
        font-size: 1rem;
    }
}

.FlatInfo-pdf:hover {
    border-bottom-color: transparent;
}

.FlatInfo-name {
    padding: 0 0 0rem 0;
    font-family: 'Roboto Slab';
    font-weight: 600;
    color: #4c5264;
    font-size: 2.375rem;
    line-height: 3.25rem;
    letter-spacing: 0.38px;
}

.FlatInfo-table {
    padding: 0;
    margin-bottom: 2rem;
    max-width: 20rem;
    margin-top: 3rem;
}

.FlatInfo-row {
    /* border-bottom: 0.0625rem solid #f0f1f2; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.8rem;
}

#srtTableSearch-section
    .FlatInfo
    .FlatInfo-block
    .FlatInfo-table
    .FlatInfo-row:not(.FlatInfo--tiltleRow) {
    background-image: url(/wp-content/uploads/2020/07/dot_grey.svg);
    background-repeat: repeat-x;
    background-size: 4px 4px;
    background-position: 0px 1.3rem;
}

#srtTableSearch-section
    .FlatInfo
    .FlatInfo-block
    .FlatInfo-table
    .FlatInfo-row.FlatInfo-priceRow {
    background-image: none;
}

.FlatInfo-rowFinishing {
    padding: 0.25rem 0.5rem 0.1875rem;
    border-radius: 0.1875rem;
    border: 0.0625rem solid #e6e6e6;
    width: 4.875rem;
    margin: 0.875rem 0 1rem 1.9375rem;
    font-size: 0.625rem;
    color: #ccc;
    letter-spacing: 0;
    text-align: center;
    font-weight: 500;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.FlatInfo-rowFinishingTrue {
    color: #55bb01;
    padding: 0.25rem 0.375rem 0.125rem 0.3125rem;
    border: 0.0625rem solid rgba(85, 187, 1, 0.3);
    width: 5.3125rem;
}

.FlatInfo-rowFinishingTrue svg {
    fill: #41d95a;
    width: 0.75rem;
    height: 0.5625rem;
    margin-right: 0.25rem;
}

.FlatInfo-rowFinishingTrueWhiteBox {
    width: 8.625rem;
}

.FlatInfo-row--furniture {
    background: #f0f0f5;
    position: relative;
    left: -2rem;
    width: calc(100% + 4rem);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 2rem;
    top: -0.0625rem;
}

.FlatInfo-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.FlatInfo-col,
.FlatInfo-col .ButtonShowAll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.FlatInfo-col .ButtonShowAll {
    width: 7.75rem;
    min-width: 7.75rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2.25rem;
}

.FlatInfo-col .ButtonShowAll-arrow {
    margin-bottom: -0.25rem;
}

.FlatInfo-finishItem {
    margin-bottom: 1.375rem;
    font-size: 0.6875rem;
    color: #959ba6;
    letter-spacing: 0;
    text-align: center;
    line-height: 1rem;
}

.FlatInfo--tiltleRow .FlatInfo-nom {
    font-weight: 700;
}

.FlatInfo--tiltleRow {
    margin-top: 2rem;
    font-family: 'Roboto Slab';
    font-weight: 600;
    color: #4c5264;
    font-size: 1.25rem;
    line-height: 2.187rem;
    letter-spacing: 0.2px;
}

.FlatInfo-nom,
.FlatInfo-value {
    font-weight: 400;
    font-family: 'Fira Sans';
    font-size: 1.125rem;
    line-height: 1.6875;
    letter-spacing: 0.18px;
    color: #4c5264;
    background-color: #fff;
}

.FlatInfo-value {
    font-weight: 700;
}

.FlatInfo-value--sale,
.FlatInfo-value--blue {
    font-weight: 600;
    color: #008bce;
    font-size: 1.625rem;
    font-family: 'Fira Sans';
    line-height: 2.187rem;
    letter-spacing: 0.26px;
}

.FlatInfo-value--red {
    color: #be0000;
}

.FlatInfo-value--underline {
    text-decoration: line-through;
}

.FlatsResultTable-rowPriceDelta--red,
.FlatInfo-value--delta {
    color: #be0000;
}

.FlatsResultTable-rowPriceOld {
    font-family: 'Fira Sans';
    line-height: 1rem;
}

.FlatsResultTable-rowPriceSale,
.FlatInfo-value--sale {
    color: #fff;
    background: -o-linear-gradient(45deg, #be0000, #940000);
    background: linear-gradient(45deg, #be0000, #940000);
    padding: 0.125rem 1.5625rem 0.125rem 1.875rem;
    position: relative;
    margin: 0.625rem -1.25rem 0.625rem auto;
}

.FlatsResultTable-rowPriceSale {
    margin: 0.3rem -1.5rem 0rem auto;
}

.FlatInfo-row.FlatInfo-priceRow {
    align-items: flex-start;
}
.FlatInfo-row.FlatInfo-priceRow.FlatInfo-priceRow--sale {
    margin-top: 0rem;
}

.FlatInfo-row.FlatInfo-priceRow--priceOld > .FlatInfo-nom {
    color: #ababab;
}

.FlatInfo-row.FlatInfo-priceRow--priceOld > .FlatInfo-nom,
.FlatInfo-row.FlatInfo-priceRow--priceOld > .FlatInfo-value {
    font-size: 1rem;
    line-height: 1rem;
}
.FlatInfo-row.FlatInfo-priceRow--priceOld {
    margin: 0;
    justify-content: flex-end;
    gap: 6px;
    align-items: baseline;
    padding-bottom: 12px;
}

.FlatInfo-value.FlatInfo-value--sale {
    margin-top: 0;
    margin-bottom: 0;
}

.FlatInfo-value--sale-exp-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.FlatInfo-value--sale-exp {
    background-color: #be0000;
    color: white;
    text-transform: lowercase;
    padding: 0 10px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    align-self: flex-end;
    white-space: nowrap;
}

.FlatsResultTable-row .FlatInfo-value--sale-exp {
    margin: -4px 0 4px;
}

@media screen and (width > 47.9375rem) and (width < 1024px) {
    .FlatsResultTable-row .FlatInfo-value--sale-exp {
        margin: -2px 0 6px;
    }
}

@media screen and (max-width: 47.9375rem) {
    .FlatsResultTable-row .FlatInfo-value--sale-exp {
        margin: 6px 13px 13px;
        font-weight: bold;
        font-family: 'Fira Sans';
        height: 20px;
        line-height: 20px;
    }

    .FlatsResultTable-rowPrice {
        /* flex-direction: column; */
        /* align-items: flex-end; */
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}

.FlatsResultTable-rowPriceSale:before,
.FlatInfo-value.FlatInfo-value--sale:before {
    content: '';
    width: 1.25rem;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: -2px;
    background-image: url(/wp-content/uploads/threeangle.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

.FlatInfo-priceRow .FlatInfo-nom,
.FlatInfo-priceRow {
    height: auto;
    font-family: 'Roboto Slab';
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 2.187rem;
    letter-spacing: 0.2px;
}

.FlatInfo-priceRow {
    margin-top: 2.2rem;
}

.FlatInfo-priceRow--price {
    margin-bottom: 0.3rem;
}

.FlatInfo-value .Toggle {
    width: 2.25rem;
    height: 1.25rem;
    border: 0.0625rem solid #cfcfcf;
    background: #e6e6e6;
    border-radius: 0.625rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background, border-color;
    -o-transition-property: background, border-color;
    transition-property: background, border-color;
    will-change: background, border-color;
}

.FlatInfo-value .Toggle-off,
.FlatInfo-value .Toggle-on {
    display: none;
}

.FlatInfo-value .Toggle-switch {
    width: 1rem;
    height: 1rem;
    -webkit-box-shadow: 0.125rem 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0.125rem 0 0.25rem 0 rgba(0, 0, 0, 0.1);
    -webkit-transform: translateX(0.125rem);
    -ms-transform: translateX(0.125rem);
    transform: translateX(0.125rem);
}

.FlatInfo-value .Toggle--active {
    background-color: #f63;
    border-color: #e64b17;
}

.FlatInfo-value .Toggle--active .Toggle-switch {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
}

.FlatInfo-typeFurniture {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 2rem 2rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.FlatInfo-typeFurnitureItem {
    cursor: pointer;
    width: calc(50% - 0.5rem);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 0.5rem);
    flex: 0 0 calc(50% - 0.5rem);
    height: 6rem;
    background: #fff;
    -webkit-box-shadow: 0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 0.375rem 1.25rem 0 rgba(0, 0, 0, 0.08);
    border-radius: 0.25rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0.75rem;
}

.FlatInfo-typeFurnitureItem--active .FlatInfo-typeFurnitureSvg svg path {
    fill: #222;
}

.FlatInfo-typeFurnitureItem--active .FlatInfo-typeFurnitureName {
    color: #222;
}

.FlatInfo-typeFurnitureCheck {
    position: absolute;
    top: 0.5625rem;
    right: 0.5625rem;
}

.FlatInfo-typeFurnitureSvg {
    margin-bottom: 0.8125rem;
}

.FlatInfo-typeFurnitureSvg svg path {
    fill: #969ba5;
}

.FlatInfo-typeFurnitureName {
    font-weight: 500;
    font-size: 0.875rem;
    color: #4d4d4d;
    letter-spacing: 0;
    line-height: 0.875rem;
    margin-bottom: 0.5rem;
}

.FlatInfo-typeFurniturePrice {
    font-size: 0.6875rem;
    color: #959ba6;
    letter-spacing: 0;
    line-height: 0.6875rem;
}

.FlatInfo-furnitureTooltip {
    display: inline-block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    border-radius: 100%;
    color: gray;
    font-size: 0.6875rem;
    border: 0.0625rem solid gray;
    margin-left: 0.375rem;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: color, background, border;
    -o-transition-property: color, background, border;
    transition-property: color, background, border;
    will-change: color, background, border;
}

.FlatInfo-furnitureTooltip:hover {
    color: #fff;
    background: #222;
    border-color: #222;
}

.FlatInfo-furnitureTooltipText {
    margin-top: 2rem;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: 400ms ease;
    -o-transition: 400ms ease;
    transition: 400ms ease;
}

.FlatInfo-furnitureTooltipText:hover {
    color: #d58546;
}

@media only screen and (max-width: 47.9375rem) {
    .FlatSwitch.switchMobile {
        width: 100%;
        top: 36rem;
        bottom: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: static;
        margin-top: 10px;
    }

    .FlatInfo:before {
        content: none;
    }

    .appartamentSearchWidget > .row {
        position: relative;
        top: 0.5rem;
        display: block;
    }

    #Flats-navFilter {
        /* padding: 0rem !important; */
        /* padding-left: 1.3125rem !important; */
    }

    .FlatInfo {
        position: relative;
        width: 100%;
        right: 0;
        background: #fff;
        margin-top: 0;
    }

    .FlatInfo-block {
        border: none;
        border-bottom: none;
        border-radius: 0;
        padding-bottom: 1.5rem;
        margin-top: 0;
    }

    .FlatInfo-blockFeature {
        padding: 0 1rem;
    }

    .FlatInfo-blockFeature .FlatInfo-credits,
    .FlatInfo-blockFeature .FlatInfo-callback {
        /* border: 0.0625rem solid #e6e6e6; */
        /* border-radius: 0; */
        min-width: 49%;
        width: 49%;
        height: 4rem;
        font-size: 1.33rem;
        /* margin: 1rem auto 0; */
    }

    .FlatInfo-tooltipWrapper {
        -webkit-transform: translateX(-20%);
        -ms-transform: translateX(-20%);
        transform: translateX(-20%);
        left: 20%;
    }

    .FlatInfo-value--sale {
        margin: 1.15rem -1.5rem 0.625rem auto;
    }

    .FlatInfo-tooltipWrapper:after {
        left: 21%;
    }

    .FlatInfo-row--furniture {
        padding: 0 1rem;
    }

    .FlatImages {
        width: 100%;
    }
}

.FlatName-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0.3125rem;
}

.FlatName-actionFire {
    display: inline-block;
    width: 1.0625rem;
    height: 1.3125rem;
    background: url(//2.db-estate.cdn.pik-service.ru/attachment_pikru/0/1fc9e2f0-cf8f-e008-d868-0e871c376751/fire_d1afaf564fa88b89e13fe5f2acd8aeb5.png)
        no-repeat 50%;
    background-size: cover;
    margin-right: 0.3125rem;
}

.FlatName-actionText {
    font-size: 0.75rem;
    color: #ff4019;
    letter-spacing: 0;
    line-height: 1rem;
}

.FlatName-finishing {
    padding: 0.25rem 0.25rem 0.125rem;
    background: hsla(219, 9%, 62%, 0.1);
    border-radius: 0.25rem;
    font-size: 0.6875rem;
    color: #959ba6;
    letter-spacing: 0;
    text-align: center;
    width: 4.5rem;
    margin-top: 0.625rem;
}

.FlatName-finishingTrue {
    color: #55bb01;
    background: rgba(90, 189, 8, 0.1);
    border: 0 solid #eff9e7;
    width: 5.25rem;
}

.FlatName-finishingTrue svg {
    fill: #41d95a;
    width: 0.75rem;
    height: 0.5625rem;
    margin-right: 0.25rem;
}

.FlatFeatures-button {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* background: #f63; */
    /* border: 0.0625rem solid #e64b17; */
    border-radius: 0.25rem;
    font-size: 1rem;
    color: #ababab;
    letter-spacing: 0;
    font-weight: 500;
    /* width: 12rem; */
    /* height: 3rem; */
    text-decoration: none;
    -webkit-transition: background 0.4s ease, border 0.4s ease;
    -o-transition: background 0.4s ease, border 0.4s ease;
    transition: background 0.4s ease, border 0.4s ease;
    margin: 0 0 1rem 0;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
}

#backbtn {
    margin-right: 0.625rem;
}

.appartamentSearchWidget--facing .SumoSelect > .CaptionCont,
.appartamentSearchWidget--home .SumoSelect > .CaptionCont {
    border: 1px solid #a4a4a4;
}

@media screen and (max-width: 1024px) {
    .FlatInfo:before {
        top: 2rem;
    }

    #desktopSwitch {
        left: calc(53% - 1rem);
    }

    .FlatData {
    }

    .FlatInfo-table {
        margin-top: 0;
    }

    .FlatFeatures-button--backToTable svg {
        width: 1.1rem;
        height: 1.1rem;
        margin-top: 7px;
        padding-left: 0.1rem;
    }

    .FlatName-title {
        font-size: 1.75rem;
        text-align: left;
    }

    .FlatInfo-priceRow.FlatInfo-row {
        height: auto !important;
    }

    .FlatInfo-blockFeature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }

    #btn-calc,
    #FlatInfo-callback {
        font-size: 0.9rem !important;
        height: 2.9rem;
    }

    #btn-calc {
        margin: 1rem 0 0;
        /* font-size: 1.33rem; */
        height: 3rem;
    }

    .FlatSwitch-buttons {
        width: 17.5rem !important;
    }

    .FlatFeatures-button--backToTable {
        padding: 0.56rem;
        width: 6rem;
    }

    .FlatFeatures-button--backToTable span {
        font-size: 12px;
    }

    .FlatInfo--tiltleRow {
        margin-top: 0.8rem;
    }

    .FlatInfo-block {
        padding: 1.9375rem 0 0;
        /* background: #fff; */
        /* border: 0.0625rem solid #eee; */
        border-radius: 0.25rem;
        /* width: 100%; */
        padding-top: 1.1rem;
        max-width: 32rem;
        margin: 0 2.4rem;
    }

    .FlatInfo-block .FlatName.FlatInfo-name {
        display: none;
    }

    #appartament_search.commerce ~ #appartament_home .tablet-flat-name {
        left: 0;
        right: 0;
        text-align: center;
    }

    .FlatInfo-value.FlatInfo-value--blue {
        font-size: 1.625rem;
    }

    .search-flats__setting-icon{
        display: block;
        width: 18px;
        height: 18px;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translate(0, -50%);
    }
}

/* tablet vertically */
@media screen and (max-width: 900px) {
    #desktopSwitch {
        left: calc(51% - 1rem);
    }

    .FlatInfo-block {
        margin: 0 1.4rem;
    }

    .FlatInfo-value.FlatInfo-value--blue {
        font-size: 1.1rem;
    }
}

@media screen and (max-width: 47.9375rem) {
    .FlatsResultTable-rowTitle--section svg {
        width: 14px;
        height: 14px;
        margin-right: 0.5rem;
    }
    #btn-calc,
    #FlatInfo-callback {
        font-size: 1rem !important;
    }
    .FlatFeatures-button--backToTable {
        position: static;
        margin-left: 1rem;
    }

    .tablet-flat-name {
        display: none;
    }

    #desktopSwitch {
        display: none;
    }

    .FlatInfo-block .FlatName.FlatInfo-name {
        display: block;
        font-size: 26px;
        line-height: 34px;
    }

    .FlatInfo-block {
        width: 100%;
        padding-top: 4.6875rem;
        max-width: 100%;
        margin: 0;
        padding: 2rem 1.7rem 9rem;
        background-color: white;
    }

    .FlatInfo-table {
        padding: 0;
        margin-bottom: 2rem;
        max-width: 100%;
    }

    .FlatImages .PlaningSlide {
        /* height: 37rem; */
    }

    .ComplexSwitchContainer-container {
        width: 100%;
        position: relative;
    }

    .FlatInfo-nom,
    .FlatInfo-value {
        font-size: 1.34rem;
    }

    .FlatInfo-nom--bold {
        font-family: 'Bw Modelica Cyrillic Bold', sans-serif;
    }

    .FlatInfo-value--red,
    .FlatInfo-value--sale {
        font-size: 2.34rem;
    }

    .FlatsResultTable-rowFinishing {
        font-size: 1.33rem;
    }

    .FlatInfo-row {
        height: 2.5rem;
    }

    .FlatName-title {
        font-size: 26px;
        line-height: 34px;
        text-align: center;
    }

    .FlatInfo-blockFeature {
        max-width: 42rem;
        margin: auto;
    }

    .FlatInfo-blockFeature {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    #btn-calc {
        margin: 0;
        /* margin: 1rem auto 0; */
    }

    .FlatsResultTable-rowFinishingFalse svg,
    .FlatsResultTable-rowFinishingTrue svg {
        width: 3rem;
    }

    #FlatsResultTable-data .FlatsResultTable-rowFinishingFalse,
    #FlatsResultTable-data .FlatsResultTable-rowFinishingTrue {
        margin: 0rem 0 0 !important;
    }

    .FlatInfo-priceRow {
        margin-top: 1.2rem;
    }

    #FlatInfo-callback {
        width: 100%;
        margin: 0 auto;
        background-color: #008bce;
    }

    #FlatInfo-callback:hover {
        background-color: #026da0;
    }
}

@media screen and (max-width: 30rem) {
    .FlatInfo-blockFeature {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #btn-calc {
        margin: 1rem 0 0;
        margin: 1rem auto 0;
        max-width: 25rem;
        width: 100%;
    }

    .FlatInfo-furnitureTooltipText {
        margin-top: 2rem;
    }

    .FlatsResultTable-rowBanners,
    .FlatsResultTable-rowDiscount {
        margin-top: 0;
    }

    .FlatsResultTable-rowWrapper {
        padding-left: 0rem;
    }
}

@media screen and (max-width: 1024px) {
    /* #appartament_search .FlatnavSortRow .tablet-bottom {
        align-self: flex-end;
        } */

    .SumoSelect {
        display: block;
    }

    .FlatsResultTable-rowBanners,
    .FlatsResultTable-rowDiscount {
        margin-top: 0rem;
    }

    .FlatsResultTable-rowPriceMeter {
        padding: 0.3rem 0;
    }

    #appartament_search {
        font-size: 1.325rem;
        max-width: 100vw;
        width: 100%;
        margin: auto;
        padding: 0 10px;
    }

    .FlatsResultTable-rowTitle--feature,
    .srt-search-control span {
        font-size: 14px;
    }

    .FlatsResultTable-rowTitle--feature span {
        margin-right: 0.5rem;
    }

    .appartamentSearchWidget--wrapper
        .FlatFilter-inputsWrapperDual
        .FlatFilter-inputsItem
        input {
        font-size: 16px;
        line-height: 27px;
    }

    .FlatFilter-inputsWrapperDual .FlatFilter-inputsItem input {
        font-size: 1.325rem;
        margin-bottom: 0.5rem;
    }

    .FlatInfo-priceRow .FlatInfo-nom,
    .FlatInfo-priceRow {
        font-size: 1rem;
    }

    .FlatInfo-value--red,
    .FlatInfo-value--sale {
        font-size: 1.5rem !important;
    }

    .Picking-popupHead svg {
        position: absolute;
        right: 0;
        top: 0.9rem;
        /* -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);*/
        transform: translate(-100%, 50%); 
    }

    .Flats-navFilter,
    .Flats-navSort,
    .Flats-navSwitch {
        height: 100%;
        font-size: 1.25rem;
        /* width: 33%; */
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .Flats-navSort .SumoSelect {
        margin-bottom: 0rem;
        /* padding: 0.3125rem 0.3125rem !important; */
    }

    .Flats-navSort-container {
        margin-bottom: 10px;
        justify-content: flex-start;
    }

    .Flats-navSort .SumoSelect > .CaptionCont {
        padding: 0 0.3125rem !important;
    }

    .Flats-navSort-container .SumoSelect > .CaptionCont.srt-select-active {
        font-size: 14px;
        border: none;
        color: #fba028;
        text-decoration: underline;
    }

    .Flats-navFilter select,
    .Flats-navSort select,
    .Flats-navSwitch select {
        font-size: 1.5rem;
    }

    .Flats-navSort svg,
    .Flats-navSwitch svg {
        width: 0.9rem;
        height: 0.5rem;
        stroke: #999;
        margin-left: 0.3125rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: absolute;
        right: 1rem;
        top: 45%;
    }

    .FlatInfo-row {
        height: 2rem !important;
    }

    .FlatInfo-blockFeature {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /* flex-direction: column; */
    }

    .FlatInfo-furnitureTooltipText {
        margin: 1.5rem auto !important;
        /* margin: auto; */
        text-align: left;
        font-size: 1.25rem;
        width: 17rem;
    }

    .FlatInfo-nom,
    .FlatInfo-value {
        margin-bottom: 0;
        font-size: 1rem;
    }

    .FlatsResultTable {
        border: none;
        border-radius: 0;
        margin-top: 0;
        padding: 0;
    }

    .Flats-navFilter select,
    .Flats-navSwitch select {
        font-size: 1.5rem;
    }

    .Flats-navSort select {
        font-size: 14px;
    }

    .Flats-navSort .SumoSelect > .CaptionCont{
        background-color: unset;
    }

    .Flats-navFilter--title {
        line-height: 2.825rem;
    }

    .FlatsResultTable-rowPriceTitle {
        font-size: 1.5rem;
        margin-top: 0;
        font-family: 'Fira Sans';
    }

    .FlatFilter-alterLink {
        display: none;
    }

    .FlatsResultTable-rowPriceSale {
        margin: 0.3rem -1rem 0rem auto;
    }

    .FlatsResultTable-rowTitle--room {
        font-size: 1.325rem;
        line-height: 1.325rem;
        /* margin-bottom: 0.125rem; */
    }

    .FlatsResultTable-rowTitle--section {
        font-size: 14px;
        /* margin-bottom: 0.5rem; */
    }

    #FlatsResultTable-data .FlatsResultTable-rowFinishingFalse,
    #FlatsResultTable-data .FlatsResultTable-rowFinishingTrue {
        margin: 0 0;
        /* margin: 2.5rem 0 0; */
    }

    #FlatsResultTable-data
        .FlatsResultTable-row
        .FlatsResultTable-rowFinishingTrue.FlatsResultTable-rowSaleTrue {
        margin: 0rem 0 0 3rem;
    }

    .FlatsResultTable-rowPrice {
        padding: 0;
    }

    /* .appartamentSearchRow {
        margin: auto;
    } */

    .Flats-navSort-container {
        margin-bottom: 0rem;
    }

    .FlatsResultTable-row {
        padding: 0.5rem 0.5rem;
    }

    .appartamentSearchWidget--facing .SumoSelect > .CaptionCont,
    .appartamentSearchWidget--home .SumoSelect > .CaptionCont {
        line-height: 1.68rem !important;
        font-size: 16px;
    }

    .FlatFilter-buttonsWrapper {
        height: 3.5rem;
    }

    .Flats-navSort--prename {
        display: none;
    }

    .row.FlatnavSortRow {
        margin: auto;
        width: 100%;
        padding: 0;
        /* width: 100%; */
        margin: auto;
        top: 4.8rem;
    }

    .Flats-navSort .SumoSelect span {
        line-height: 2.9rem !important;
        color: #363636;
        font-family: 'Fira Sans';
        font-weight: 400;
        font-size: 14px;
    }

    .Flats-navSort-container {
        display: block;
        /* font-family: 'Bw Modelica Cyrillic Medium', sans-serif !important; */
        /* outline: 0.0625rem solid #d5d5d5; */
        /* padding: 0.3125rem !important; */
        position: relative;
    }

    .search-flats__setting{
        outline: none;
        background-color: #EFEFEF;
        color: #363636;
        font-size: 15px;
        font-family: 'Fira Sans';
        text-decoration: none;
        /* padding: 15px 10px; */
        padding: 0 10px;
        position: relative;
    }

    .search-flats__setting_filters{
        background-color: #008BCE;
        color: white;
    }

    .SumoSelect.sumo_sort .CaptionCont span{
        text-decoration: none !important;
        padding: 0;
    }

    .Flats-navSort .SumoSelect.sumo_sort>.CaptionCont.SelectBox{
        padding: 0 !important;
    }

    .SumoSelect>.CaptionCont>label{
        display: none;
    }
}

@media screen and (min-width: 60.0625rem) {
    .reset-btn span {
        display: none;
    }
}

@media screen and (max-width: 60rem) {
    .appartamentSearchWidget {
        display: none;
    }

    .search-btn {
        line-height: 4rem;
    }

    .Picking-popupHead svg:hover g {
        fill: #f38825;
    }

    .Flats-navFilter {
        display: block;
        /* font-family: 'Bw Modelica Cyrillic Medium', sans-serif !important;
        padding: 0.3125rem !important;
        position: relative; */
    }

    .Picking-popupHead {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 1rem;
        margin-top: 1rem;
    }

    .col-md-2.col-4 {
        width: 50%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-md-2.col-4:nth-child(3) {
        display: none;
    }

    /* .FlatnavSortRow {
        padding: 0 0.9375rem;
        margin: 1rem 0;
        top: 6rem;
        } */

    .appartamentSearchWidget--wrapper {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .appartamentSearchWidget--wrapper,
    .row.FlatFilter-buttonsRow {
        max-width: 35rem;
        margin: auto;
    }

    .appartamentSearchWidget--wrapper {
        width: auto !important;
        padding: 0 !important;
    }

    .row.FlatFilter-buttonsRow {
        width: 100%;
    }

    .FlatFilter-buttonsCol {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 0 1.875rem;
    }

    .search-btn {
        margin-right: 0rem;
    }

    .FlatFilter-alterLink,
    .reset-btn svg {
        display: none;
    }

    .reset-btn {
        background: #fff;
    }
}

@media screen and (max-width: 47.9375rem) {
    .Flats-navSort-container {
        /* padding: 0rem !important; */
        /* padding-left: 0.3125rem !important; */
        margin-bottom: 0;
        /* outline: 0.0625rem solid #d5d5d5; */
    }

    .FlatFilter-buttonsWrapper {
        height: 3.2rem;
    }

    .FlatFilter-checkCheckedCustom {
        font-size: 11px;
        line-height: 19px;
    }

    #appartament_search {
        padding: 0 10px;
    }

    .row.appartamentSearchRow {
        width: 100% !important;
    }

    .no-padding-mobile {
        padding: 0 !important;
    }

    .FlatsResultTable-rowFinishingFalse svg,
    .FlatsResultTable-rowFinishingTrue svg {
        width: 2rem;
    }

    .FlatsResultTable-rowBanners {
        -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    }

    .FlatsResultTable-rowPriceSale,
    .FlatInfo-value--sale {
        padding: 0.125rem 1.3rem 0.125rem 1.5rem;
    }

    .FlatsResultTable-rowPriceSale {
        margin: 0rem -1rem 0.25rem auto;
    }

    .FlatsResultTable-rowTitle {
        width: 100%;
        padding: 0;
    }

    .FlatInfo-value.FlatInfo-value--blue {
        font-size: 22px;
    }

    .FlatInfo-nom,
    .FlatInfo-value {
        margin-bottom: 0rem;
    }

    .FlatInfo--tiltleRow .FlatInfo-nom {
        font-size: 18px;
    }

    .FlatInfo-priceRow .FlatInfo-nom {
        font-size: 1.125rem;
    }

    .FlatsResultTable-rowInfo,
    .FlatsResultTable-rowPrice {
        width: 100%;
        margin-top: 12px;
    }

    .FlatsResultTable-rowPrice {
        margin-top: 1©rem;
    }

    .FlatsResultTable-rowLayout {
        margin-right: 6px;
        width: 6.7rem;
        min-width: 6.7rem;
        height: 6.7rem;
    }

    .FlatsResultTable-rowTitle--room {
        font-size: 15px;
        line-height: 20px;
        letter-spacing: 0.15px;
    }

    .FlatsResultTable-row {
        padding: 0;
        margin-bottom: 1rem;
        border: none;
    }

    .search-btn {
        /* text-transform: uppercase; */
        width: 15.2rem;
        margin: 0 auto;
        margin-bottom: 1rem;
        line-height: 3rem;
        /* text-transform: uppercase; */
        /* background-color: #008bce; */
    }

    .search-btn,
    .reset-btn,
    .btn-bron,
    .btn-calc {
        font-size: 15px !important;
    }

    /* .Flats-navFilter svg {
        width: 0.7rem;
        height: 0.3rem;
    } */

    .Flats-navSort-container .SumoSelect > .CaptionCont.srt-select-active {
        text-decoration: none;
    }

    /* .Flats-navFilter--title {
        line-height: 2.9rem;
        color: #363636;
        font-family: 'Fira Sans';
        font-weight: 400;
        font-size: 14px;
    } */

    .FlatFilter-name {
        line-height: 22px;
    }

    .col-0 {
        display: none;
    }
}

.Picking-popupHead--title {
    font-size: 1.5rem;
    font-family: 'Roboto Slab';
    font-weight: 600;
    color: #4c5264;
    line-height: 2rem;
    letter-spacing: 0.2px;
}

.FlatsResultTable-row:before {
    background: #ffffff00;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.FlatsResultTable-row.hover::before {
    background: #008bce2e;
}

.FlatsResultTable-row:before,
.FlatsResultTable-row {
    transition: 500ms ease;
    transition-property: background, box-shadow, border-color;
}

.FlatsResultTable-row.hover {
    box-shadow: 0px 3px 6px #008bce3d;
    border-color: #008bce52;
}
.form-check-label {
    border: none;
    color: #363636;
    font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    outline: 0;
}
label.form-check-label {
    border: none;
    color: #363636;
    font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 400;
    line-height: 34px;
    outline: 0;
    cursor: pointer;
}

.form-check-input:checked {
    /* background-color: #008bce; */
    border-color: #008bce;
}

.form-check-input[type='checkbox'] {
    border-radius: 0.25em;
    cursor: pointer;
}

.form-check-input {
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-right: 6px;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 2px solid #008bce;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    /* display: block; */
    position: relative;
    box-shadow: 0 0 0 0.25rem transparent;
    outline: 0;
    transition: box-shadow 300ms ease;
}

.form-check-input:checked[type='checkbox'] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23008bce' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check-input:hover {
    box-shadow: 0 0 0 2px rgba(13, 110, 253, 0.25%);
}

.form-check {
    /* cursor: pointer; */
}

.hidden {
    display: none !important;
}
@media (max-width: 767px) {
    .FlatInfo-blockFeature--text-center {
        text-align: center;
    }
    .FlatInfo-blockFeature.FlatInfo-blockFeature--btn {
        margin-top: 0;
    }
}

.d-flex {
    display: flex !important;
}

.align-items-center {
    align-items: center;
}

.FlatInfo-value--price span {
    font-family: 'Roboto Slab';
}

.search-flats__tags{
    display: none;
    flex-wrap: wrap;
    margin: 19px 0px 19px;
    gap: 10px 9px;
}

.search-flats__tag{
    background-color: #4C5264;
    border-radius: 5px;
    padding: 9px 12px;
    display: flex;
    gap: 14px;
    font-size: 14px;
    color: white;
    align-items: center;
    font-family: 'Fira Sans';
}

.search-flats__tag-close{
    cursor: pointer;
    width: 12px;
    height: 12px;
    background: center no-repeat url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.67" height="11.67" viewBox="0 0 11.67 11.67"><path id="icon_close" d="M5.591,4a.528.528,0,0,0-.375.155L4.155,5.216a.53.53,0,0,0,0,.75L8.024,9.835,4.155,13.7a.53.53,0,0,0,0,.75l1.061,1.061a.53.53,0,0,0,.75,0l3.869-3.869L13.7,15.514a.53.53,0,0,0,.75,0l1.061-1.061a.53.53,0,0,0,0-.75L11.646,9.835l3.869-3.869a.53.53,0,0,0,0-.75L14.453,4.155a.53.53,0,0,0-.75,0L9.835,8.024,5.966,4.155A.528.528,0,0,0,5.591,4Z" transform="translate(-4 -4)" fill="%23fff"/></svg>');
}

.search-flats__tag-chevron{
    margin-right: -10px;
    width: 12px;
    height: 12px;
    background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.58' height='11.67' viewBox='0 0 6.58 11.67'%3E%3Cpath d='M14.678,3h0c1.072,0,1.712.96,1.117,1.677l-3.45,4.158,3.45,4.158c.595.717-.044,1.677-1.117,1.677h0a1.456,1.456,0,0,1-1.118-.48L9.714,9.554a1.09,1.09,0,0,1,0-1.439L13.56,3.48A1.457,1.457,0,0,1,14.678,3Z' transform='translate(-9.442 -3)' fill='%23fff'/%3E%3C/svg%3E");
}

.search-flats__tag-chevron_reverse{
    background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6.58' height='11.67' viewBox='0 0 6.58 11.67'%3E%3Cpath d='M10.787,3h0c-1.073,0-1.712.96-1.117,1.677l3.45,4.158-3.45,4.158c-.595.717.044,1.677,1.117,1.677h0a1.456,1.456,0,0,0,1.118-.48l3.846-4.636a1.09,1.09,0,0,0,0-1.439L11.905,3.48A1.457,1.457,0,0,0,10.787,3Z' transform='translate(-9.442 -3)' fill='%23fff'/%3E%3C/svg%3E");
}

@media screen and (max-width: 1024px) {
    .search-flats__tags:not(.hide){
        display: flex;
    }

    .search-flats__settings{
        gap: 15px;
    }
    
    .search-flats__setting-container{
        padding: 0 !important;
        flex: 1 !important;
        max-width: unset !important;
    }
}

.FlatsResultTable-rowFinishing.facing-accent{
    background-color: #4A2050;
    color: white;
    line-height: 24px;
    padding: 0px 8px;
    font-weight: 400;
    margin-bottom: 4px;
    margin-bottom: 10px;
    font-size: 12px;
    white-space: nowrap;
    font-family:"Fira Sans";
}

.facing-accent .a{
    fill: white;
    width: 1.1rem;
}

@media screen and (max-width: 47.9375rem){
    .facing-accent svg{
        width: 1rem;
        height: 1rem;
    }
}

/* Отступ снизу для элементов коммерческой недвижимости в мобильной версии */
@media screen and (max-width: 767px) {
    #appartament_search.commerce .FlatsResultTable-row {
        padding-bottom: 0.8rem;
        padding-right: 0.5rem;
    }
    
    #appartament_search.commerce .FlatsResultTable-rowPrice {
        padding-bottom: 0.5rem;
    }

    #appartament_search.commerce .FlatsResultTable-rowPriceTitle {
        margin-top: 0;
    }

    #appartament_search.commerce .FlatsResultTable-rowPriceMeter {
        display: none;
    }

    #appartament_search.commerce .FlatsResultTable-rowPrice .FlatsResultTable-rowPriceSubTitle {
        margin-top: 8px;
    }
}

#appartament_search.commerce .FlatsResultTable-rowPriceTitle {
    line-height: 23px;
    margin-top: 10px;
}

#appartament_search.commerce .FlatsResultTable-rowPriceSubTitle {
    color: #008bce;
    font-size: 1.1rem;
    font-weight: 700;
    margin-top: 0;
}

#appartament_search.commerce .FlatsResultTable-rowPriceMeter {
    color: #4c5264;
    font-size: 1.1rem;
    font-weight: 700;
    font-family: 'Roboto Slab';
}

.FlatInfo-priceRow--commerce-header {
    margin-bottom: 0.5rem;
}

.FlatInfo-priceRow--commerce-header .FlatInfo-nom--bold {
    font-size: 1.2rem;
}

.FlatInfo-priceRow--commerce-header + .FlatInfo-priceRow,
.FlatInfo-priceRow--commerce-header + .FlatInfo-priceRow + .FlatInfo-priceRow {
    margin-top: 0;
}

.FlatInfo-priceRow--commerce-header ~ .FlatInfo-priceRow .FlatInfo-nom,
.FlatInfo-priceRow--commerce-header ~ .FlatInfo-priceRow .FlatInfo-value {
    font-size: 1rem;
}

#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--rent .FlatInfo-value--price {
    font-size: 22px;
}

#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--meter .FlatInfo-value--price {
    font-size: 16px;
    color: #4C5264;
}

#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--rent,
#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--meter {
    margin-top: 0;
}

#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--rent .FlatInfo-nom,
#appartament_home .FlatInfo-priceRow.FlatInfo-priceRow--meter .FlatInfo-nom {
    font-size: 1rem;
}

.FlatInfo-buttonsRow--commerce {
    display: flex;
    flex-direction: column;
    gap: 0.8rem;
    margin-top: 1rem;
}

.FlatInfo-buttonsRow--commerce .FlatInfo-buttonsRow__item:first-child {
    flex: 0 0 auto;
}

.FlatInfo-buttonsRow--commerce .FlatInfo-buttonsRow__item:last-child {
    flex: 0 0 auto;
}

.FlatInfo-buttonsRow--commerce .FlatInfo-callback {
    text-align: center;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 3rem;
    font-size: 0.9375rem;
    cursor: pointer;
    white-space: nowrap;
    padding: 0 2rem;
}

.FlatInfo-buttonsRow--commerce .FlatInfo-pdf {
    text-align: center;
    box-sizing: border-box;
}

.FlatInfo-buttonsRow--commerce .FlatInfo-blockFeature--btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@media screen and (max-width: 767px) {
    .FlatInfo-buttonsRow--commerce {
        flex-direction: column;
        gap: 0.8rem;
    }
    
    .FlatInfo-buttonsRow--commerce .FlatInfo-buttonsRow__item:first-child,
    .FlatInfo-buttonsRow--commerce .FlatInfo-buttonsRow__item:last-child {
        flex: 1;
        width: 100%;
    }
    
    .FlatInfo-buttonsRow--commerce .FlatInfo-blockFeature--btn {
        padding: 0;
    }
    
    .FlatInfo-buttonsRow--commerce .FlatInfo-pdf {
        margin: 0;
    }
}

@media screen and (max-width: 47.9375rem) {
    #FlatInfo-callback {
        width: 100%;
        margin: 0 auto;
        background-color: #f09318;
    }
    
    #appartament_search.commerce .FlatSwitch-buttons {
        width: auto !important;
    }
    
    #appartament_search.commerce .FlatSwitch-button {
        flex: 0 0 auto !important;
        min-width: 5rem;
        padding: 0 1rem;
    }
}

#appartament_home .FlatInfo-priceRow:not(:where(.FlatInfo-priceRow--price)) .FlatInfo-nom,
#appartament_home .FlatInfo-priceRow:not(:where(.FlatInfo-priceRow--price)) .FlatInfo-value {
    font-size: 1rem;
}

#appartament_home .FlatInfo-priceRow:not(.FlatInfo-priceRow--commerce-header) {
    margin-top: 0;
}

/* ===== Галерея «Отделка квартиры» ===== */

/* Чуть поднимаем планировку, чтобы освободить место под слайдер */
#appartament_home .FlatImages .PlaningSlide {
    margin-bottom: 0;
}

.FlatFinish {
    margin: 1.25rem 0 0.5rem;
}

.FlatFinish--desktop {
    display: block;
    position: absolute;
    left: 0;
    bottom: 3rem;
    /* ширина = как у блока планировки (.PlaningSlide-background = 85% колонки),
       чтобы слайдер центрировался ровно под планом */
    width: calc((100% - 46%) * 0.85);
    z-index: 10;
}

.FlatFinish--mobile {
    display: none;
}

.FlatFinish-slider {
    position: relative;
    width: 100%;
    max-width: 515px;
    margin: 0 auto;
    /* боковые «дорожки» под стрелки, чтобы они не вылезали за край на планшетах */
    padding: 0 26px;
    box-sizing: border-box;
    /* прячем до инициализации slick, чтобы не было «прыжка» огромных картинок */
    visibility: hidden;
}

.FlatFinish-slider.slick-initialized {
    visibility: visible;
}

.FlatFinish-slide {
    padding: 0;
    box-sizing: border-box;
}

.FlatFinish-thumb {
    display: block;
    width: 72px;
    height: 72px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 76% 0, 100% 24%, 100% 100%, 0 100%);
    cursor: pointer;
    transition: opacity .2s ease;
    font-size: 0;
}

/* На планшетах оставляем компактный размер, чтобы 5 превью помещались */
@media screen and (max-width: 1024px) {
    .FlatFinish-slider {
        max-width: 360px;
    }

    .FlatFinish-thumb {
        width: 56px;
        height: 56px;
    }
}

/* Планшеты (где показывается десктопный слайдер): поднимаем план вверх
   и ставим слайдер сразу под ним. Картинка плана — ландшафт 1600x1333,
   её высота = ширина_плана * 0.833. Ширина .FlatFinish--desktop = ширине
   блока плана, а высота картинки = ~38.2% ширины .FlatData (контейнер). */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* кнопки 2D/Этаж сдвигаем правее, но с отступом от разделительной линии (63%) */
    #desktopSwitch {
        left: 51%;
    }

    .FlatImages .PlaningSlide-background {
        /* верх плана выровнен по кнопке «Этаж» */
        background-position: center 62px;
        /* план расширен до 96% колонки, центрируем по горизонтали (по 2% с боков) */
        width: calc(100% - 4%);
        left: 2%;
    }

    /* планы «Этаж» и «3D» — той же ширины и положения, что и план 2D
       (96% колонки, отступ 2% слева), верх выровнен по кнопке «Этаж» */
    .FlatData-floor,
    .FlatData-3d {
        background-position: center 62px;
        width: calc((100% - 46%) * 0.96);
        left: calc((100% - 46%) * 0.02);
    }

    .FlatFinish--desktop {
        top: 0;
        bottom: auto;
        /* отступ сверху плана (62px) + высота картинки плана (96%*54%*0.833≈43.2%) + зазор */
        padding-top: calc(43.2% + 62px + 2px);
        /* слайдер остаётся по центру колонки (а значит и под планом) */
        left: calc((100% - 46%) * 0.075);
    }
}

.FlatFinish-thumb:hover {
    opacity: 0.85;
}

.FlatFinish-title {
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 700;
    color: #5b5c64;
    margin-top: 0.85rem;
}

/* Стрелки — SVG-стрелки по бокам, по центру высоты миниатюр */
.FlatFinish-slider .slick-prev,
.FlatFinish-slider .slick-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    padding: 0;
    z-index: 5;
}

.FlatFinish-slider .slick-prev {
    left: 0;
}

.FlatFinish-slider .slick-next {
    right: 0;
}

.FlatFinish-slider .slick-prev:before,
.FlatFinish-slider .slick-next:before {
    content: '';
    display: block;
    width: 11px;
    height: 17px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.287' height='21.566' viewBox='0 0 14.287 21.566'%3E%3Cpath d='M2313.918,3981.7h-6.41l-7.877,10.81,7.877,10.756h6.41l-7.931-10.756Z' transform='translate(-2299.631 -3981.701)' fill='%2345a0c5'/%3E%3C/svg%3E") no-repeat center center;
    background-size: contain;
    opacity: 1;
}

.FlatFinish-slider .slick-next:before {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.FlatFinish-slider .slick-disabled {
    opacity: 0.3;
    pointer-events: none;
}

/* Фикс стрелок лайтбокса Elementor: в сгенерированном custom-lightbox.css
   на этой странице отсутствует position:absolute, из-за чего стрелки
   налезают друг на друга вверху слева и не видны. Возвращаем их по краям. */
.elementor-lightbox .elementor-swiper-button {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 10;
}

.elementor-lightbox .elementor-swiper-button-prev {
    left: 0;
    right: auto;
}

.elementor-lightbox .elementor-swiper-button-next {
    right: 0;
    left: auto;
}

/* Лайтбокс должен перекрывать плавающую кнопку «Сравнение»
   (.comparison-container имеет z-index до 100009), иначе она
   налезает на стрелки лайтбокса в мобильной версии. */
.elementor-lightbox {
    z-index: 100010;
}

/* На планшетах стрелки лайтбокса слишком близко к фото — отодвигаем их к краям
   экрана (margin:auto работает надёжнее justify-content, который перекрывается). */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .elementor-lightbox .elementor-swiper-button-prev i {
        margin-right: auto;
        margin-left: 12px;
    }

    .elementor-lightbox .elementor-swiper-button-next i {
        margin-left: auto;
        margin-right: 12px;
    }
}

.FlatFinish-mobileBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 17.5rem;
    max-width: 100%;
    margin: 0 auto;
    height: 2.5rem;
    border: none;
    border-radius: 0;
    background: #d9dbdd;
    color: #2d2f31;
    font-family: 'Fira Sans';
    font-size: 14px;
    line-height: 17px;
    letter-spacing: 0.14px;
    font-weight: 400;
    cursor: pointer;
    text-transform: none;
}

/* ===== Попап-галерея ===== */
.FlatFinishModal {
    display: none;
    position: fixed;
    inset: 0;
    z-index: 100000;
}

.FlatFinishModal.active {
    display: block;
}

.FlatFinishModal-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.85);
}

.FlatFinishModal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    max-width: 60rem;
}

.FlatFinishModal-close {
    position: absolute;
    top: -2.5rem;
    right: 0;
    cursor: pointer;
    z-index: 2;
}

.FlatFinishModal-slide {
    text-align: center;
}

.FlatFinishModal-slide img {
    max-height: 80vh;
    max-width: 100%;
    margin: 0 auto;
    object-fit: contain;
}

.FlatFinishModal-slider .slick-prev,
.FlatFinishModal-slider .slick-next {
    width: 2.5rem;
    height: 2.5rem;
    z-index: 5;
}

.FlatFinishModal-slider .slick-prev {
    left: -3rem;
}

.FlatFinishModal-slider .slick-next {
    right: -3rem;
}

.FlatFinishModal-slider .slick-prev:before,
.FlatFinishModal-slider .slick-next:before {
    font-size: 2.5rem;
    opacity: 1;
}

body.FlatFinishModal-open {
    overflow: hidden;
}

@media only screen and (max-width: 47.9375rem) {
    .FlatFinish--desktop {
        display: none;
    }

    .FlatFinish--mobile {
        display: block;
        padding: 0 1rem;
        margin: 0 0 0.5rem;
    }

    .FlatFinishModal-inner {
        width: 100%;
    }

    .FlatFinishModal-slider .slick-prev {
        left: 0.5rem;
    }

    .FlatFinishModal-slider .slick-next {
        right: 0.5rem;
    }

    .FlatFinishModal-close {
        top: 0.5rem;
        right: 0.5rem;
    }
}