@charset "UTF-8";

/* Переменные */
:root {
    --orange: #EA9926;
    --gray: #808080;
    --color-placehold: #B3B3B3;
    --blue: #3d81da;
    --blue-hover: #2E65AC;
    --red: #EB5757;
    --red-hover: #c94545;
    --container: 1672px;
}

@media screen and (max-width: 1440px) {
    :root {
        --container: 1320px;
    }
}

@media screen and (max-width: 1024px) {
    :root {
        --container: 944px;
    }
}

/* Конец - Переменные */
/** {*/
/*    scrollbar-width: thin;*/
/*    scrollbar-color: rgba(150, 150, 150, 0.5) transparent;*/
/*}*/

/**::-webkit-scrollbar {*/
/*    height: 12px;*/
/*    width: 8px;*/
/*}*/

/**::-webkit-scrollbar-track {*/
/*    background: transparent;*/
/*}*/

/**::-webkit-scrollbar-thumb {*/
/*    background: rgba(150, 150, 150, 0.5);*/
/*    border-radius: 5px;*/
/*    border: 3px solid transparent;*/
/*}*/

body {
    font-family: 'Ubuntu', serif;
    letter-spacing: 0.04em;
    background: #F6F6F6;
    overflow-x: hidden;
    /*overflow-y: overlay;*/
}

body.no-scroll {
    overflow: hidden;
}

.width-fullRight {
    margin-left: calc(0px - (100vw - var(--container) / 2)) !important;
    margin-right: calc(0px - (100vw - var(--container) / 2)) !important;
    padding-left: calc(0px + (100vw - var(--container) / 2)) !important;
    padding-right: calc(0px + (100vw - var(--container) / 2)) !important;
}

@media screen and (max-width: 600px) {
    .width-fullRight {
        margin-left: -10px !important;
        margin-right: -10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

body.noscroll {
    overflow: hidden
}

*::placeholder {
    color: var(--color-placehold);
}

.map * {
    touch-action: auto
}

.clr {
    clear: both;
    display: block
}

.rub {
    font-family: monospace;
}

a {
    text-decoration: none;
    color: #0046B0
}

.hide {
    display: none !important
}

.href {
    cursor: pointer
}

.updown {
    position: relative
}

.updown.active:after {
    content: "\f106"
}

/* кнопки */
.btn {
    font-family: Ubuntu, sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 64px;
    padding: 16px 24px;

    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.04em;
    text-decoration: none;
    color: #FFFFFF;

    width: max-content;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: all 0.2s;
}

@media screen and (max-width: 1500px) {
    .btn {
        font-size: 14px;
    }
}

.btn--blue {
    background: #3D81DA;
    transition: background-color 0.2s ease;
}

.btn--blue:hover {
    background: var(--blue-hover);
}

.btn--white {
    background: #fff;
    color: #000000;
}

.btn--white:hover {
    background: #f6f6f6;
    color: #000000;
}

.btn--transparent {
    background-color: transparent;
    border: 1px solid #3D81DA;
    color: #3D81DA;
    border-radius: 64px;
    transition: background-color 0.4s ease, color 0.4s ease;
}

.btn--transparent:hover {
    background-color: #3D81DA;
    color: #FFFFFF;
}

.btn--gray {
    background: #F6F6F6;
    color: #000000;
    border-radius: 4px;
}

.btn--black {
    background: rgba(0, 0, 0, 0.64);
    backdrop-filter: blur(6px);
}

.btn[disabled] {
    opacity: 0.6
}

.btn span {
    /*margin: 0 5px;*/
}

.btn.btn-primary {
    background-color: var(--blue);
}

.btn.btn-primary:hover {
    background-color: var(--blue-hover);
    color: #fff;
}

.btn.btn-primary.white-btn {
    background-color: #fff;
    color: #000;
}

.btn.btn-primary.white-btn:hover {
    color: var(--blue);
}

.btn.btn-outline-primary {
    border: 1px solid var(--blue);
    background-color: transparent;
    color: var(--blue);
}

.btn.btn-outline-primary:hover {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff;
}

.btn.btn-outline-danger {
    border: 1px solid var(--red);
    background-color: transparent;
    color: var(--red);
}

.btn.btn-outline-danger:hover {
    background-color: var(--red);
    border-color: var(--red);
    color: #fff;
}

.btn.btn-link-primary {
    border: 1px solid transparent;
    background-color: transparent;
    color: var(--blue);
}

.btn.btn-link-primary:hover {
    color: var(--blue-hover);
}

.btn.btn-link-danger {
    border: 1px solid transparent;
    background-color: transparent;
    color: var(--red);
}

.btn.btn-link-danger:hover {
    color: var(--red-hover);
}


.index-header_h1 {
    font-size: 48px;
    line-height: 120%;
    letter-spacing: 0.04em;
    color: #000;
}


.btn_back {
    border: none;
    border-radius: 3px;
    padding: 9px 16px 9px 22px;
    background-color: #fff;
    border: 1px solid #B3B3B3;
    cursor: pointer
}

.btn_back:before {
    content: "\2190";
    font-family: FontAwesome;
    margin-right: 7px;
    font-size: 14px
}

.btn_blue {
    cursor: pointer;
    background-color: var(--blue);
    color: #fff;
    width: 200px;
    padding: 12px 20px;
    font-size: 14px;
}

.btn_white {
    cursor: pointer;
    background-color: #fff;
    color: #000;
    width: 200px;
    padding: 12px 20px;
    font-size: 14px;
}

a.btn_blue {
    display: inline-block;
    text-align: center;
    padding: 8px 0;
    height: auto
}

.link_empty {
    border: 1px solid #000;
    box-sizing: border-box;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    height: 40px;
    width: 212px;
    align-items: center;
    color: #000
}

.link_empty img {
    margin-right: 8px
}

.btn_empty {
    font-size: 14px;
    color: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 20px;
    padding: 8px 38px;
    cursor: pointer;
    background-color: #fff;
    transition: all 0.2s;
}

.btn_empty:hover {
    background-color: var(--blue);
    color: #fff;
}

.btn_ok {
    background-color: #ccc;
    height: 40px;
    color: #000
}

.btn_a {
    cursor: pointer;
    border: none;
    background-color: #fff;
    color: var(--blue)
}


/*Стили для плашек типа "индивидуальная планировка""ипотека" и тп*/
.advantages {
    display: flex;
    grid-column-gap: 4px;
}

.advantage-item {
    background: #F6F6F6;
    border-radius: 50px;
    padding: 8px 12px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #000000;
    user-select: none;
}

.advantage-item.individual {
    background-color: var(--blue);
    color: #FFFFFF;
}

.advantage-item.individual .icon.individual {
    background-color: #ffffff;
    margin-right: 10px;
    font-size: 13px;
    margin-bottom: 3px;
}

@media screen and (max-width: 1250px) {
    .advantages {
        display: flex;
        grid-column-gap: 4px;
        grid-row-gap: 4px;
        margin-top: 12px;

        flex-wrap: wrap;
    }
}

@media screen and (max-width: 800px) {
    .advantages {
        grid-column-gap: 8px;
        grid-row-gap: 8px;
        margin-top: 0;
        /*margin-bottom: 20px;*/
        /*order: -1;*/
    }
}
/*END  */

/*Стили для строки где адрес, метро, минут пешком до метро*/

.address .location {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    margin-top: 28px;
    margin-bottom: 28px;

    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    color: #20313B;
}

.address .location .place {
    width: 100%;
    margin-bottom: 8px;
}

.address .location > div {
    display: flex;
    align-items: center;
}

.address .location .icon {
    margin-right: 5px;
    font-size: 14px;
}

.address .location .icon.metro-icon {
    background-color: #B1C828;
    font-size: 14px;
}

.address .location .walk-metro {
    margin-left: 15px;
}


/*END */



/*Стили для строки ЦЕНА в карточке квартиры и на странице отдельной квартиры*/

.price-wrapper {
    margin-bottom: 28px;
}

.price-wrapper .price-row {
    display: flex;
    align-items: flex-end;
}

.price-wrapper .price-row:not(:first-child) {
    margin-top: 8px;
}

.price-wrapper .full-price {
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    color: #000000;

    margin-right: 8px;
}

.price-wrapper .price-mortgage {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.14;
    color: #3D81DA;
}

.price-wrapper .price-per-meter {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    color: #696969;
}


@media screen and (max-width: 1500px) {
    .price-wrapper .full-price {
        font-size: 20px;
    }
}

@media screen and (max-width: 1250px) {
    .price-wrapper .full-price {
        font-size: 20px;
    }
}

@media screen and (max-width: 1010px) {
    .price-wrapper {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 800px) {
    .price-wrapper {
        margin-bottom: 0;
    }

    .price-wrapper .price-row:not(:first-child) {
        /*margin-top: 0;*/
    }
}

/*END*/


.car {
    display: inline-block
}

.car:before {
    content: url('/icons/icon-car.svg');
    margin-right: 4px
}

.bus {
    display: inline-block
}

.bus:before {
    content: url('/icons/icon-bus.svg');
    margin-right: 4px
}

.walk {
    display: inline-block
}

.walk:before {
    content: url('/icons/icon-people.svg');
    margin-right: 4px;
    margin-left: 10px;
}

.metro .m_color {
    content: '';
    display: inline-block;
    margin-right: 8px;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    background-color: #B1C828
}

.metro {
    display: inline-block
}

.flex {
    display: flex
}

.ul_checks li {
    margin-right: 2px;
    display: inline-block
}

select.modify {
    display: none
}

#breadcrumb_sec {
    margin-top: 10px
}

#breadcrumb_sec ul li {
    display: inline;
    font-size: 14px
}

#breadcrumb_sec ul li + li:before {
    padding: 8px;
    color: black;
    content: "/\00a0"
}


input,
textarea {
    font-size: 16px;
}

input[type='button'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

/*placeholder black start*/
/*::placeholder {opacity: 1}
:-ms-input-placeholder {opacity: 1}
::-ms-input-placeholder {opacity: 1}*/
/*placeholder black end*/

/*ul.tabs {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    width: max-content;*/
/*    margin: 0 auto*/
/*}*/

/*ul.tabs li {*/
/*    margin: 0 8px 0 0;*/
/*    border-radius: 8px;*/
/*    min-width: 48px;*/
/*    height: 48px;*/
/*    display: flex;*/
/*    padding: 5px;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    cursor: pointer;*/
/*}*/

/*ul.tabs li.active {*/
/*    background: var(--blue);*/

/*    font-weight: bold;*/
/*}*/

.ms-options-wrap {
    position: relative
}

label.check {
    border: 1px solid #D9D9D9;
    padding: 11px 15px;
    cursor: pointer;
    border-radius: 10px;
    color: #808080;
    font-size: 14px;
    transition: all 0.1s;
}

label.check:hover {
    border-color: var(--blue);
}

label.checkActive {
    background: var(--blue);
    color: #fff !important;
    border-color: var(--blue);
}

label.check input {
    display: none
}

label.check.inp {
    border: none;
    color: #000;
    position: relative
}

label.check.inp:before {
    content: url('/images/checkbox-empty.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
}

label.checkActive.inp {
    background: none;
    color: #000 !important
}

label.checkActive.inp:before {
    content: url('/images/checkbox-active.svg');
    width: 16px;
    height: 16px;
    display: inline-block;
}

.G-section-pagination {
    margin: 45px auto 0;
    width: 100%;
}

.pagination {
        display: flex;
        flex-wrap: wrap;
        width: max-content;
}

.pagination li {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 8px 0 0;
    padding: 0 5px;
    height: 48px;
    min-width: 48px;

    border: 1px solid #000000;
border-radius: 8px;
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
}

.pagination .go-back,
.pagination .next {
    padding: 0 24px;
}

.pagination li.active {
    background-color: #3D81DA;
    border-color: #3D81DA;
    color: #FFFFFF;
}

.pagination li:hover {
    color: #3D81DA;
    border-color: #3D81DA;
}


/*slider start*/
.slider-range ul {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    font-size: 10px;
    color: #A6A6A6
}

.slider-range ul li {
    margin: 15px 0 0;
}

.slider-range ul li:first-child {
    margin-left: 3px;
}


.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background-color: #fff;
    border-radius: 50%;
    margin-top: -2px
}

.ui-widget.ui-widget-content {
    position: relative;
    width: 100%;
    margin-top: 17px;
    height: auto;
    border: none !important;
}

.ui-widget.ui-widget-content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: #B3B3B3;
}

.ui-slider-horizontal .ui-slider-range {
    background-color: #0047B0;
    box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    height: 3px;
}

#filter_frm_div .ui-state-default,
.ui-widget-content .ui-state-default {
    background: #ffffff;
    border: 2px solid var(--blue);
    top: -5px;
    width: 14px;
    height: 14px;
}

.slider-range span.ui-slider-handle {
    margin: 0 !important;
}

.slider-range span.ui-slider-handle:last-child {
    margin-left: -14px !important;
}

/*slider end*/

#topDiv {
    background: #ffffff;
    /*border-bottom: 1px solid rgba(179, 179, 179, 0.5);*/
}

#topDiv .content {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 30px;
}

#topDiv .logotype {
    display: flex;
    margin-right: 75px;
}

#topDiv .logotype img {
    width: auto;
    height: 38px;
}

#topDiv .content .topBar {
    margin-left: auto;
    flex-shrink: 0;
}

#topMenu {
    width: 50%;
    margin: 0 auto;
    /* margin: 0; */
    display: flex;
    justify-content: space-around;
}

#topMenu li {
    margin-right: 45px;
}

#topMenu li:last-child {
    margin-right: 0px;
}

#topMenu li.closeTopMenu {
    display: none
}

#topMenu li a {
    font-size: 14px;
    color: #000;
    padding: 5px 0;
    white-space: nowrap;
    transition: color 200ms ease;
}

#topMenu li a.active {
    color: var(--orange);
}

#topMenu li a:hover {
    color: var(--orange);
}

#topBar {
    cursor: pointer;
    display: none;
    /*padding: 0 10px;*/
}

.topBar {
    width: 18px;
    height: 16px;

}

/*.topBar .line {*/
/*    width: 18px;*/
/*    height: 2px;*/
/*    background-color: #000000;*/
/*    position: relative;*/

/*    transition: transform 0.2s ease;*/
/*}*/

/*.topBar .line:not(:last-child) {*/
/*    margin-bottom: 5px;*/
/*}*/

/*.topBar.active .line {*/
/*    transform: rotate(45deg);*/
/*    opacity: 0;*/
/*    margin-bottom: 0;*/
/*}*/

/*.topBar.active .line:last-child {*/
/*    transform: rotate(45deg) translate(-1px, -1px);*/
/*    margin-bottom: 0;*/
/*    opacity: 1;*/
/*}*/

/*.topBar.active .line:first-child {*/
/*    transform: rotate(-45deg) translate(-1px, 2px);*/
/*    margin-bottom: 0;*/
/*    opacity: 1;*/
/*}*/


.topBar .line {
    /*transform: translate(-50%, -50%);*/
    width: 18px;
}

.topBar .line:before,
.topBar .line:after,
.topBar .line div {
    background: #000000;
    content: "";
    display: block;
    height: 2px;
    margin: 5px 0;
    transition: 0.5s;
}

.topBar .line:before {
    margin-top: 0;
}

.topBar .line:after {
    margin-bottom: 0;
}

.topBar.active .line:before {
    transform: translateY(7px) rotate(135deg);
}

.topBar.active .line:after {
    transform: translateY(-7px) rotate(-135deg);
}

.topBar.active .line div {
    transform: scale(0);
}


/*#topBar span {*/
/*    display: flex;*/
/*    width: 4px;*/
/*    height: 4px;*/
/*    margin-bottom: 4px;*/
/*    position: relative;*/
/*    background: var(--blue);*/
/*    border-radius: 100%;*/
/*    z-index: 1;*/
/*    transform-origin: 5px 0px;*/
/*    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),*/
/*    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),*/
/*    opacity 0.55s ease;*/
/*}*/

/*#topMenuBar li.closeTopMenu {*/
/*    display: none*/
/*}*/

/*#topBar span:nth-child(1) {*/
/*    transform-origin: 3px 0*/
/*}*/

/*#topBar span:nth-child(3) {*/
/*    transform-origin: 0% 100%*/
/*}*/

/*#topBar.active span {*/
/*    opacity: 0;*/
/*    transform: rotate(0deg) scale(0.2, 0.2)*/
/*}*/

#topMenuBar {
    position: fixed;
    top: 55px;
    left: 0px;
    background-color: #fff;
    width: 100%;
    padding: 50px 30px;
    transform-origin: 0% 0%;
    transform: translate(-120%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    z-index: 100;
    border-radius: 0 0 10px 10px;
    color: #000;
    height: auto;
}

#topMenuBar.active {
    left: 0;
    transform: none;
}

#topMenuBar li {
    margin-bottom: 40px;
    text-align: center;
}

#topMenuBar li:last-child {
    margin-bottom: 0px;
}

#topMenuBar li a {
    color: #000
}

#opac_wnd {
    background-color: #000;
    width: 100%;
    height: 100%;
    position: fixed;
    opacity: .5;
    z-index: 2;
    display: none;
    top: 58px;
}

.owl-dots {
    display: flex;
    justify-content: center;
}

.owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    margin-right: 5px;
    background-color: #fff !important;
    border-radius: 50px !important;
    border: 1px solid var(--blue) !important;
}

.owl-dots button.owl-dot:last-child {
    margin-right: 0px;
}

.owl-dots button.owl-dot.active {
    background-color: var(--blue) !important;
}

.content {
    max-width: calc(var(--container) + 60px);
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    z-index: 1;
}


/* select modify start */
.ms_parent {
    height: 100%;
    position: relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    width: 100%;
}

.custom-input.active {
    /*background: var(--blue) !important;*/
    color: #ffffff;
}

/*.custom-input.active span {*/
/*    color: #ffffff;*/
/*}*/

.ms_parent ul {
    display: none;
    position: absolute;
    z-index: 100;
    background-color: #fff;
    color: #000000;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    border-radius: 10px;
}


.ms_parent ul {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
}

.ms_parent ul,
.inp_modal {
    /*top: 76px;*/
}

.ms_parent.active ul {
    display: block
}

/*.custom-input .sel_op:after {*/
/*    content: "\f107";*/
/*    font-family: FontAwesome;*/
/*    position: absolute;*/
/*    right: 12px;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    height: 100%;*/
/*    font-weight: bold;*/
/*    opacity: .5;*/
/*}*/

.ms_parent.active:after {
    content: "\f106";
}

.ms_parent ul li.optgroup {
    cursor: default;
    font-size: 12px;
    padding-left: 5px
}

.ms_parent ul li {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row-reverse;
    padding: 7px 15px;
    font-size: 14px;
    color: var(--gray);
    cursor: pointer;
}

.ms_parent ul li:hover {
    background-color: var(--blue);
    color: #fff;
}

.ms_parent ul li:hover .check {
    -webkit-filter: brightness(0);
    -moz-filter: brightness(0);
    -o-filter: brightness(0);
    -ms-filter: brightness(0);
    filter: brightness(0);
}

/*.custom-input .sel_op {*/
/*    display: flex;*/
/*    width: calc(100% - 10px);*/
/*    height: 40px;*/
/*    padding-left: 15px;*/
/*    align-items: center;*/
/*    justify-content: flex-start;*/
/*    text-overflow: ellipsis;*/
/*    overflow: hidden;*/
/*    white-space: nowrap;*/
/*    font-size: 14px;*/
/*    cursor: pointer;*/
/*    color: #000;*/
/*    z-index: 50;*/
/*}*/

.ms_parent .check {
    border-radius: 1px;
    width: 9px;
    height: 9px;
    float: left;
    margin: 6px 10px 0 0
}

.ms_parent li.active .check {
    content: "";
    position: relative;
    width: 19px;
    height: 14px;
    background: url('/images/checkbox.svg');
    margin: 0;
    margin-left: auto;
    margin-right: 5px;
}

/* select modify end */

/*custom scroll bar*/
.mCSB_inside > .mCSB_container {
    padding: 10px 0;
}

.mCSB_scrollTools {
    top: 10px;
    height: calc(100% - 20px);
    margin-right: 1px;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
}

.mCSB_inside > .mCSB_container {
    margin-right: 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    /*background-color: #fff;*/
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    /*background-color: var(--blue);*/
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    /*background-color: var(--blue);*/
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    /*background-color: var(--blue);*/
}

/*custom scroll bar end*/


/*FILTER START*/
#filter_sec {
    background: #ffffff;
    padding: 30px 0;
    padding-top: 24px;
    margin-bottom: 40px;
}

#filter_sec .mob-heading {
  display: none;
}

@media screen and (max-width: 911px) {
    #filter_sec .mob-heading {
        display: initial;
    }
}

#filter_sec .mob-heading .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: 12px;
}

#filter_sec .mob-heading .founded {
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #696969;
}

#filter_sec .mob-heading .mob-buttons {
    margin-top: 24px;
    display: flex;
    width: 100%;
    grid-gap: 24px;
}

@media screen and (max-width: 911px) {
    #map #filter_sec {
        background: transparent;
    }

    #map #filter_sec .mob-heading {
        display: initial;
    }

    #map #filter_sec .mob-heading .mob-buttons {
        justify-content: flex-end;
        flex-wrap: wrap;
        grid-gap: 16px;
    }

    #map #filter_sec .mob-heading .btn {
        background: #F6F6F6;
        box-shadow: 0 0 24px rgba(0, 0, 0, 0.16);
        width: max-content;
    }

    #map #filter_sec .mob-heading .btn:first-child {
        margin-right: auto;
        border-radius: 4px;
        width: 125px;
        height: 44px;
        color: #000000;
    }

    #map #filter_sec .mob-heading .btn .icon {
        margin-right: 10px;
        flex-grow: 0;
    }

    #map #filter_sec .mob-heading .btn:first-child .icon.mob-filter {
        background-color: #000000;
    }

    #map #filter_sec .mob-heading .title,
    #map #filter_sec .mob-heading .founded {
        display: none;
    }
}

@media screen and (max-width: 600px) {
    #map #filter_sec .mob-heading .mob-buttons {
        justify-content: space-between;
    }


    #map #filter_sec .mob-heading .btn:first-child {
        width: fit-content;
    }

    #map #filter_sec .mob-heading .btn:first-child span {
        display: none;
    }

    #map #filter_sec .mob-heading .btn:first-child .icon {
        margin-right: 0;
    }

    #map #filter_sec .mob-heading .btn.draw {
        display: none;
    }

}

@media screen and (max-width: 600px) {
    #filter_sec .mob-heading .mob-buttons {
        grid-gap: 12px;
    }
}

#filter_sec .mob-heading .mob-buttons .btn {
    font-size: 14px;
    line-height: 1;
    width: 50%;
    height: 44px;
}

#filter_sec .mob-heading .mob-buttons .icon.mob-filter {
    font-size: 15px;
    background-color: #FFFFFF;
    margin-right: 10px;
}

#filter_sec .mob-heading .mob-buttons .icon.mob-map {
    font-size: 15px;
    background-color: #3D81DA;
    margin-right: 10px;

    transition: background-color 0.3s ease;
}

#filter_sec .mob-heading .mob-buttons .btn img {
    margin-right: 10px;
}

#filter_sec .mob-heading .mob-buttons .btn.open-map:hover .icon.mob-map {
    background-color: #FFFFFF;
}




.P-section-flats-filter .content{
    background-color: #FFFFFF;
}

#filter_sec .filter_btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 17px 0 0
}

#filter_frm_div {
    display: grid;
    grid-template-columns: 200px 160px 160px 160px 1fr;
}

#filter_frm_div select {
    border: none;
    background-color: #E6E6E6;
    border-radius: 5px;
}

/*#filter_frm_div input::placeholder {*/
/*    color: #808080;*/
/*}*/

.custom-input select {
    width: 100%
}

.f-pricetype {
    background: none !important;
}

.priceinp {
    width: 80px;
    padding: 8px 2px !important;
}

.pricediv {
    background-color: #E6E6E6;
    border-radius: 5px;
    padding: 0 14px;
}

#filter_after {
    margin-top: 35px;
    margin-bottom: 35px;
}

#filter_after h1 {
    font-size: 24px;
    font-weight: 500
}

#filter_after .title-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

#filter_after .title-header .filter_after h1 {
    margin-right: 30px;
    margin-bottom: 15px;
    margin-top: 15px;
}

#filter_after .title-header .filter_after h1 span {
    color: var(--blue);
}

#filter_after .title-header .filterGroup {
    display: flex;
    align-items: center;
}

#filter_after .title-header .view-page {
    margin-right: 30px;
}

#filter_after .title-header .filterGroup .recommended-title,
#filter_after .title-header .filterGroup #toMap {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--blue);
}

#filter_after .title-header .filterGroup .recommended-title:hover,
#filter_after .title-header .filterGroup #toMap:hover {
    color: var(--blue-hover);
}

#filter_after .title-header .filterGroup i {
    margin-right: 5px;
    background-color: var(--blue);
    font-size: 16px;
}

#podskazki {
    position: relative;
    min-width: initial;
}

#podskazki_ul {
    /*position: absolute;*/
    /*z-index: 5;*/
    /*background-color: #fff;*/
    /*width: 100%;*/
    /*max-height: 300px;*/
    /*overflow-y: auto;*/
    /*border-radius: 0 0 10px 10px;*/
    /*box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);*/
}

#podskazki_ul li {
    padding: 15px;
    cursor: pointer
}

#podskazki_ul li:hover {
    background-color: #3399FF;
    color: #fff
}

.iss_range {
    height: 100%;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none
}

.iss_range .attr {
    margin-top: 10px;
    color: #000
}

.iss_range .attr > div {
    display: flex;
    justify-content: space-between;
}

.iss_range .attr label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    font-size: 14px;
    margin-right: 30px;
}

.iss_range .attr label input {
    width: auto;
    box-sizing: border-box;
    border-radius: 1px;
    border: none
}

.iss_range .attr span:nth-child(2) {
    color: var(--gray);
    font-size: 14px;
}

.iss_range .attr span:nth-child(2) b {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.iss_range .attr span:nth-child(3) {
    font-size: 16px;
    font-weight: bold;
}

.more_filters,
.iss_range {
    display: flex;
    align-items: center;
}

.more_filters .multiple_div select {
    width: 336px !important
}

.filter_btn {
    margin-left: 16px
}

.iss_modal {
    position: relative;
    cursor: pointer
}

.iss_modal.active {
    background: var(--blue) !important;
    color: #ffffff
}

.f-mortgage.iss_modal.active {
    /*border-radius: 10px 0px 0px 10px;*/
}

.inp_modal {
    display: none;
    position: absolute;
    z-index: 100;
    /*left: 0;*/
    /*width: 367px;*/
    padding: 18px 16px;
    background: #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.30);
    border-radius: 10px;
}

.inp_modal.active {
    display: block;
}

.inp_modal .inputs_from_to .input-from,
.inp_modal .inputs_from_to .input-to {
    max-width: initial;
}

.inputs_from_to {
    display: flex;
    color: #00000078;
}

.custom-input input {
    width: 100%;
    border: 1px solid #B3B3B3;
    /*padding: 10px 10px 10px 30px !important*/
    padding: 10px !important;
    outline: none;
    -webkit-border-radius: 0px;
}

.inputs_from_to_separately {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

.inputs_from_to_separately input {
    border-radius: 10px !important;
    border: 1px solid #B3B3B3 !important;
}

.inputs_from_to .input-from {
    border-radius: 10px 0 0 10px;
    border-right: none;
}

.inputs_from_to .input-to {
    border-radius: 0 10px 10px 0;
}

.inputs_from_to .input-from,
.inputs_from_to .input-to {
    max-width: 56px;
}

/*.inputs_from_to div:nth-child(1):before {*/
/*    content: "от";*/
/*    position: absolute;*/
/*    margin: 8px 0 0 10px*/
/*}*/

/*.inputs_from_to div:nth-child(2):before {*/
/*    content: "до";*/
/*    position: absolute;*/
/*    margin: 8px 0 0 10px*/
/*}*/

.inputs_from_to div {
    position: relative;
}

.inputs_from_to div:after {
    content: "млн";
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgba(0, 0, 0, 0.47);
}

.inputs_from_to.mortgage div:after {
    content: "тыс";
}

.inputs_from_to.floors div:after {
    content: "этаж";
}

.inputs_from_to.area div:after {
    content: "кв.м.";
}

.inputs_from_to.floor div:after,
.inputs_from_to.floors div:after {
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgba(0, 0, 0, 0.47);
}

.inputs_from_to.square div:after {
    content: "кв. м.";
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgba(0, 0, 0, 0.47);
}

.inputs_from_to_separately label {
    position: relative;
}

.inputs_from_to_separately label:after {
    content: "тыс.";
    position: absolute;
    top: 0;
    right: 8px;
    display: flex;
    align-items: center;
    height: 100%;
    color: rgba(0, 0, 0, 0.47);
}

.f-area_all .inputs_from_to div:after {
    content: "кв. м.";
    margin: 5px 0 0 -50px
}

.more_filters_div > div {
    margin: 16px 0
}

.more_multiple_div span.sel_op {
    border: 1px solid #B3B3B3 !important
}

.more_filters_div .btn_ok {
    width: 100%
}

.more_filters_div span {
    display: block;
    margin-bottom: 4px;
    color: #000
}

.f_devs {
    width: 364px
}

.f-extra .tabs {
    width: 100%;
    font-size: 12px;
    color: #808080;
}

.f-extra .tabs li {
    padding: 8px;
    border: 1px solid #808080;
    margin: 4px 2px
}

.duration_metro {
    max-width: 110px;
    border: none;
    border-right: 1px solid #B3B3B3
}

/*#f_buttons {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: end;*/
/*    margin-top: 20px;*/
/*}*/

#f_buttons label.check {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin-right: 20px;
    position: relative;
}

#f_buttons label.checkActive {
    color: #fff !important
}

#f_buttons div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*#f_buttons div input {*/
/*    margin-left: 20px;*/
/*}*/

/*#f_buttons div input:first-child {*/
/*    margin-left: 0px;*/
/*}*/


/*FILTER END*/


/*Типовые квартиры в этом ЖК start*/
.flats {
    background: #ffffff;
    border-radius: 10px;
    padding: 50px 30px 90px;
    margin: 90px 0;
}

.flats .flatsBlock {
    display: flex;
    justify-content: space-between
}

.flats .flatsTitle {
    margin: 0 0 40px
}

.flats .flatsTitle h1 {
    font-size: 2.5vh;
}

.flats .flatsApartments {
    max-width: 260px;
    width: 100%;
}

.flats .flatsApartmentsMenu .flatsApartmentsMenu-ul {
    display: flex;
    margin: 0 0 20px
}

.flats .flatsApartmentsMenu .flatsApartmentsMenu-ul__li {
    border: 1px solid rgba(179, 179, 179, 0.5);
    padding: 12px 24px;
    color: #0000008a;
    border-right: none;
    cursor: pointer;
}

.flats .flatsApartmentsMenu .flatsApartmentsMenu-ul__li:first-child {
    border-radius: 10px 0 0 10px;
}

.flats .flatsApartmentsMenu .flatsApartmentsMenu-ul__li:last-child {
    border-radius: 0 10px 10px 0;
    border-right: 1px solid rgba(179, 179, 179, 0.5);
}

.flats .flatsApartmentsMenu .flatsApartmentsMenu-ul__li.active {
    border: 1px solid var(--blue);
    box-shadow: 0px 0px 5px rgba(62, 130, 218, 0.5);
}

.flats .flatsApartmentsItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(179, 179, 179, 0.5);
    max-height: 380px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 0 30px;
}

.flats .flatsApartmentsItems::-webkit-scrollbar {
    width: 0;
    background: transparent;
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item.active {
    color: var(--blue)
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item.active .flatsApartmentsItems-item__picture {
    border-color: var(--blue);
    box-shadow: 0 0 5px rgba(62, 130, 218, 0.5)
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item {
    margin-bottom: 26px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    position: relative
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item .flatsApartmentsItems-item__picture {
    width: 73px;
    height: 100px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid transparent;
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item .flatsApartmentsItems-item__picture:hover {
    border-color: var(--blue);
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item .flatsApartmentsItems-item__picture.relayout {
    border: 1px solid #E0E0E0;
    border-radius: 3px
}

.flats .flatsApartmentsItems .flatsApartmentsItems-item .flatsApartmentsItems-item__picture .layout {
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.flats .flatsApartmentsPrice {
    margin: 0 0 40px
}

.flats .flatsApartmentsPrice .flatsApartmentsPrice-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #4F4F4F;
    margin: 0 0 8px
}

.flats .flatsApartmentsPrice .flatsApartmentsPrice-item__price {
    font-weight: bold;
    font-size: 20px;
    color: #000000;
}

.flats .flatsApartmentsPrice .flatsApartmentsPrice-item:last-child .flatsApartmentsPrice-item__price {
    color: var(--blue);
}

.flats .flatsPicture {
    display: flex;
    justify-content: space-between;
    margin: 0 30px 0 60px;
    width: 100%;
    max-height: 540px;
}

.flats .flatsPicture img {
    width: 44%;
    height: 100%;
    object-fit: contain;
    object-position: center
}

/*map стили для custom-zoom*/


#map .custom-zoom {
    z-index: 1;
    position: absolute;
    right: 30px;
    top: 50%;
    display: flex;
    flex-direction: column;
    /*transform: translateY(-50%);*/

    filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.16));
}

.custom-zoom .btn-zoom {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    background-color: #fff;
    padding: 0;
    border-radius: 0;
}

.custom-zoom .btn-zoom.btn-zoom_out {
    border-radius: 0 0 4px 4px;
}

.custom-zoom .btn-zoom.btn-zoom_in {
    border-radius: 4px 4px 0 0;
}

.custom-zoom .btn-zoom i {
    font-size: 12px;
    background-color: #000000;
}

#map .filter-map {
    z-index: 2;
}

#map [class*="copyrights-pane"],
#map [class*="controls-pane"] {
    display: none !important;
}

/*end   map стили для custom-zoom*/

@media (max-width: 1200px) {
    #podskazki {
        /*width: 100%;*/
        /*grid-column-start: 1;*/
        /*grid-column-end: 3;*/
    }

    #mortgage_sec .l {
        display: none;
    }

    #mortgage_sec .r {
        border-radius: 10px;
    }

    .grid-flats {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media screen and (max-width: 1020px) {
    .inp_modal {
        /*width: auto;*/
        left: unset;
    }
}

@media screen and (max-width: 900px) {
    #topMenu li {
        margin-right: 25px;
    }

    .advantages-block {
        margin-left: -30px !important;
        width: calc(100% + 60px) !important;
    }

    .redesigned-flats {
        margin-left: -30px !important;
        width: calc(100% + 60px) !important;
    }

    .redesigned-flats .owl-stage-outer {
        padding-left: 30px !important;
    }

    .redesigned-flats .owl-stage-outer {
        padding: 0 !important;
    }

    .redesigned-flats .itm {
        padding: 40px 15px !important;
    }

    .description-link {
        padding-top: 40px !important;
    }

    .flats {
        padding: 40px 30px
    }

    .flats .flatsTitle {
        text-align: center
    }

    .flats .flatsBlock {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }

    .flats .flatsPicture {
        max-height: none;
        margin: 0;
        margin-top: 20px;
    }
}

@media screen and (max-width: 850px) {
    .grid-flats {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .inp_modal {
        /*width: auto;*/

    }
}

@media screen and (max-width: 600px) {

    .redesigned-flats,
    .advantages-block {
        margin-left: -10px !important;
        width: calc(100% + 20px) !important;
    }

    .redesigned-flats .owl-stage-outer,
    .redesigned-flats .owl-stage-outer {
        padding-left: 0px !important;
    }

    .content {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*#map_sec {*/
    /*    padding: 20px 0 30px !important;*/
    /*}*/

    /*#map_sec .subtitle {*/
    /*    margin-bottom: 20px !important;*/
    /*}*/

    #f_buttons label.check {
        margin-bottom: 30px !important;
    }

    /*
        #f_buttons div input {
            min-width: initial;
            width: 100%;
            padding: 12px 5px;
            margin-left: 10px;
        }*/
    .flats {
        padding: 30px 10px
    }

    .flats .flatsPicture {
        /*display: none*/
    }
}

@media screen and (max-width: 400px) {
    .grid-flats > .item {
        padding: 30px 15px;
    }
}

/*Типовые квартиры в этом ЖК end*/


/* Ипотечны калькулятор start */
/*Стили для Ипотечного калькулятора вынесены в отдельный css-файл 'G-section-mortgage.css' */
#mortgage_sec {

}



/* Ипотечны калькулятор end */


/* FLAT ITEMS start*/

.redesigned-flats {
    margin-top: -10px;
}

.redesigned-flats .itm {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 20px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    min-height: 300px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
}

.redesigned-flats .itm:nth-child(3n+3) {
    margin: 0 0 16px
}

.redesigned-flats .itm .lamp {
    position: absolute;
    right: 16px;
    top: 16px;
    height: 29px;
    width: 29px
}

.redesigned-flats .itm .layout {
    width: 80%;
    max-height: 200px;
    height: 100%;
    object-fit: contain
}

.redesigned-flats .itm .dev {
    font-size: 10px;
    margin-top: 2px
}

.redesigned-flats .plan_compare {
    margin-bottom: 20px;
    height: 165px;
}

.redesigned-flats .itm .title {
    font-size: 24px;
    line-height: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.redesigned-flats .itm .desc,
.redesigned-flats .itm a {
    display: flex;
    justify-content: center;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    width: 100%;
}

.redesigned-flats .itm a {
    margin-top: 10px;
    color: var(--blue);
}

.redesigned-flats .itm a:hover {
    text-decoration: underline;
}

.redesigned-flats .itm .price {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px
}

.redesigned-flats .itm .metro {
    margin: 0 0 8px 0
}

.redesigned-flats .itm .address {
    height: 45px
}

.redesigned-flats ul.attr {
    font-size: 10px;
    display: flex;
    justify-content: space-between
}

.redesigned-flats ul.attr span {
    display: block;
    font-size: 16px;
    font-weight: bold;
}

/* FLAT ITEMS end*/

.items_jk {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.itm_jk {
    position: relative;
    max-width: 380px;
    width: 32.4%;
    margin-bottom: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
}

.items_jk .itm_jk:hover {
    box-shadow: 0px 0px 1px 1px var(--blue);
}

.items_jk .itm_jk:hover .title {
    color: var(--blue);
}

.itm_imgs_div {
    margin-bottom: 20px;
    position: relative
}

.c_relayouts {
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 7px 0 6px;
    background-color: #EA9926;
    bottom: 0;
    position: absolute;
    width: 100%;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.c_relayouts img {
    margin-right: 15px
}

.itm_imgs_div .jk_img {
    width: 100%;
    border-radius: 10px 10px 0 0;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

.itm_imgs_div .ideas {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #0047B0;
    border-radius: 3px;
    color: #fff;
    padding: 3px 6px 3px 8px;
    height: 23px;
    display: flex
}

.itm_imgs_div .ideas span {
    display: flex;
    align-items: center;
    justify-content: center
}

.itm_imgs_div .ideas span img {
    margin: 0 7px 0 0
}

.itm_imgs_div .ideas .lamp {
    margin-right: 7px
}

.itm_jk .itm_content {
    padding: 0 0px 40px;
}

.itm_jk .dev {
    color: #20313B;
    font-size: 14px;
    margin-bottom: 5px;
}

.itm_jk > a {
    color: #000
}

.itm_jk .itm_more_flat {
    width: 220px;
    margin: 20px auto
}

.itm_jk .address {
    min-height: 45px;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 0 15px;
}

.itm_jk .address li {
    margin-bottom: 5px;
}

.itm_jk .attr1 {
    color: #696969;
    font-size: 12px;
    margin-bottom: 10px;
    line-height: 120%;
}

.itm_jk .attr1 span {
    margin-right: 8px
}

.itm_jk ul.prices {
    margin: 10px auto 40px;
    display: flex;
    flex-direction: column;
    border-collapse: separate;
    border-spacing: 0;
    line-height: 90%;
}

.itm_jk ul.prices li {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.itm_jk ul.prices li:nth-child(odd) {
    background: #EFEFEF;
}

.itm_jk ul.prices li a {
    /*display: grid;*/
    /*grid-template-columns: minmax(50px, max-content) 1fr 1fr;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.itm_jk .title {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 5px;
    padding: 0 15px;
    min-height: 48px;
}

.itm_jk ul.prices li span {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px;
    text-align: left;
    color: #666666;
    padding: 8px 8px;
    white-space: nowrap;
}

.itm_jk ul.prices li span:first-child {
    justify-content: flex-start;
}

.itm_jk ul.prices li span .rub {
    margin-left: 5px;
}

.itm_jk ul.prices li span:nth-child(2) {
    padding: 5px 5px
}


.itm_jk .btn {
    margin: auto;
    min-width: 173px;
}

.btn_empty.active {
    font-size: 18px;
    color: #000000;
    border: none;
    padding: 8px 14px;
}

.itm_jk ul.prices li:hover {
    background: #3D81DA !important;
}

.itm_jk ul.prices li:hover span {
    color: #fff0ff !important;
}


ul.table {
    display: table;
    border-collapse: separate
}

ul.table li {
    display: table-row
}

ul.table li > span {
    display: table-cell
}

ul.table li > span:nth-child(1) {
    font-size: 14px;
    line-height: 160%;
    letter-spacing: 0.04em;
    color: #4F4F4F;
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999
}

.popup.active {
    display: flex
}

.popup .popupBackground {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(22, 43, 70, 0.4);
    backdrop-filter: blur(17px);
}

.popup .popupContent {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    border-radius: 10px;
    padding: 7vh 10vh;
    box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.15);
    z-index: 1;
}

.popup .popupContent .popupContent-close {
    position: absolute;
    top: 3vh;
    right: 3vh;
}

.popup .popupContent .popupContent-close .popupContent-close__button {
    background: transparent;
    border: none;
    cursor: pointer;
}

.popup .popupContent .popupContent-close .popupContent-close__button img {
    width: 18px;
    height: 18px
}

.popup .popupContent .popupContent-form {
    display: none;
    flex-direction: column
}

.popup .popupContent .popupContent-form.active {
    display: flex;
}

.popup .popupContent .popupContent-form .popupContent-form__title {
    font-weight: bold;, Sans-Serif;
    font-size: 3vh;
    text-align: center;
    margin: 0 0 40px
}

.popup .popupContent .popupContent-form .popupContent-form__intput {
    background: #ffffff;
    border: 1px solid #B3B3B3;
    border-radius: 10px;
    padding: 12px 8px;
    margin: 0 0 20px;
}

.popup .popupContent .popupContent-form .popupContent-form__textarea {
    height: 100px;
    background: #ffffff;
    border: 1px solid #B3B3B3;
    border-radius: 10px;
    padding: 12px 8px;
    margin: 0 0 10px;
    resize: none;
}

.popup .popupContent .popupContent-form .popupContent-form__label {
    margin: 0 0 20px
}

.popup .popupContent .popupContent-form .popupContent-form__label-input {
    position: relative;
    top: 2px;
    margin: 0;
}

.popup .popupContent .popupContent-form .popupContent-form__label-text {
    font-size: 12px
}

.popup .popupContent .popupContent-form .popupContent-form__button {
    background: #3D81DA;
    border: none;
    border-radius: 100px;
    color: #FFFFFF;
    padding: 12px;
    cursor: pointer;
}

.popup .popupContent .popupContent-done {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.popup .popupContent .popupContent-done.active {
    display: flex
}

.popup .popupContent .popupContent-done .popupContent-done__picture {
    margin: 0 0 20px;
}

.popup .popupContent .popupContent-done .popupContent-done__title {
    font-weight: bold;, Sans-Serif;
    font-size: 2.5vh;
    margin: 0 0 20px
}

.popup .popupContent .popupContent-done .popupContent-done__text {
    font-size: 1.8vh;
}

.cookie {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

.cookie .content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    background: rgba(22, 43, 70, 0.4);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
    backdrop-filter: blur(17px);
    border-radius: 5px 5px 0 0;
}

.cookie .cookieDescription {
    padding: 0 30px 0 0;
}

.cookie .cookieDescription__text {
    color: #ffffff;
}

.cookie .cookieDescription__text a {
    text-decoration: underline;
}

.cookie .cookieButton__button {
    background: #3D81DA;
    border-radius: 3px;
    border: none;
    color: #ffffff;
    padding: 9px 43px;
    text-transform: uppercase;
    cursor: pointer
}

/* -- */

.footer {
    margin-top: 120px;
    padding-bottom: 30px;
}

.footer .links-list {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    grid-column-gap: 32px;
}

.footer .content .links-list a {
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #000000;

    padding: 5px 0;
    position: relative;
    transition: color 400ms ease;
    white-space: nowrap;
}

.footer .content .links-list a::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -11px;
    width: 100%;
    height: 2px;
    background-color: var(--blue);
    opacity: 0;
    transform: translateY(4px);
    transition: transform 300ms ease, opacity 0.3s ease;
}

.footer .content a:hover::before {
    transform: translateY(0);
    opacity: 1;
}

.footer .content a:hover {
    color: var(--blue);
}

.footer .footer-line {
    width: 100%;
    height: 1px;
    background-color: #000000;
    opacity: 0.2;
    margin: 15px 0 20px;
    border: none;
}

.footer .footer-bottom {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    grid-column-gap: 40px;
}

.footer .footer-bottom span {
    font-weight: 400;
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.04em;
    color: rgba(0, 0, 0, 0.64);
}


@media screen and (max-width: 1100px) {
    .footer .links-list {
        display: block;
        columns: 4;
        /*width: max-content;*/
        margin-bottom: -10px;
    }
    .footer .links-list li:not(:last-child) {
        margin-bottom: 15px;
    }

    .footer .content .links-list a::before {
        bottom: -4px;
    }
}

@media screen and (max-width: 800px) {
    .footer {
        margin-top: 40px;
    }

    .footer .links-list {
        display: flex;
        flex-direction: column;
        margin-bottom: 0;
    }

    .footer ul li:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 450px) {
    .footer .footer-bottom {
        grid-column-gap: 12px;
    }

    .footer .footer-bottom .logo img{
        width: 80px;

    }

    .footer .footer-bottom span {
        font-size: 10px;
    }
}

/*end footer*/


.fotorama__dot {
    border: 1px solid var(--blue) !important;
    width: 8px !important;
    height: 8px !important;
}

.fotorama__nav__frame.fotorama__active .fotorama__dot {
    background: var(--blue);
}

/*[data-tip] {*/
/*    position: relative;*/

/*}*/
/*[data-tip]:after {*/
/*    display: none;*/
/*    content: attr(data-tip);*/
/*    position: absolute;*/
/*    top: 45px;*/
/*    left: 5%;*/
/*    padding: 5px 8px;*/
/*    background: #1a1a1a;*/
/*    color: #fff;*/
/*    z-index: 999;*/
/*    font-size: 0.75em;*/
/*    line-height: 18px;*/
/*    -webkit-border-radius: 3px;*/
/*    -moz-border-radius: 3px;*/
/*    border-radius: 3px;*/
/*    white-space: nowrap;*/
/*    word-wrap: normal;*/
/*}*/
/*[data-tip]:hover:before,*/
/*[data-tip]:hover:after {*/
/*    display: block;*/
/*}*/

.uk-tooltip {
    font-family: 'Ubuntu', sans-serif;
    background: #FFFFFF !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    color: #000 !important;
    box-shadow: 0px 0px 10px rgba(62, 130, 218, 0.25);
    padding: 10px 20px !important;
}


@media screen and (max-width: 825px) {
    #topDiv .logotype {
        margin-right: 50px;
    }
}


@media screen and (max-width: 600px) {

    .custom-input.price_from_to .inp_modal {
        /*left: auto;*/
        /*right: 0;*/
        /*width: 200%;*/
    }

    #filter_frm .inp_modal {
        width: 200%;
    }

    .ms_parent ul, .inp_modal {
        /*top: 65px;*/
        border-radius: 0 0 10px 10px;
        box-shadow: 0 10px 10px rgb(0, 0, 0, 30%);
    }

    #topMenuBar li.closeTopMenu {
        display: none;
        position: absolute;
        top: 15px;
        right: 15px;
        width: 15px;
        cursor: pointer
    }

    h1 {
        font-size: 26px;
    }

    .subtitle {
        font-size: 16px;
    }

    .flat_items .itm {
        position: relative;
        max-width: 355px;
        width: calc(100% - 34px);
        border: none;
        border-radius: 10px;
        padding: 10px;
        margin: 10px;
        box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15)
    }

    #topDiv {
        justify-content: space-between
    }

    #topDiv .content {
        flex-direction: row;
        justify-content: center;
        padding: 8px 16px;
    }

    #topDiv .logotype {
        position: relative;
        /*right: calc(50% - 58px);*/
        margin: 0
    }

    #topMenu {
        display: none;
        position: absolute;
        right: 0;
        top: 0
    }

    #topMenu li {
        display: block
    }

    /*#topBar {*/
    /*    display: block;*/
    /*    margin: 0 auto 0 0*/
    /*}*/
    ul#pagination {
        margin: 45px auto 0
    }

    #podskazki_ul {
        max-width: inherit;
    }

    .popup .popupContent {
        padding: 7vh 2vh;
    }

    .popup .popupContent .popupContent-close {
        right: 2vh
    }

    .itm_jk > a {
        display: flex;
        position: relative !important;
    }

    .itm_imgs_div {
        width: 100%
    }

    .itm_imgs_div:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #161B4C 6.57%, rgba(0, 0, 0, 0) 102.53%);
        border-radius: 10px;
    }

    .itm_jk .dev {
        color: #fff;
        margin: 10px auto 4px;
        position: absolute;
        top: 60px;
        width: 280px;
        left: calc(50% - 140px);
    }

    .itm_jk .title {
        position: absolute;
        top: 90px;
        width: 300px;
        left: calc(50% - 150px);
        color: #fff;
    }
}

@media screen and (max-width: 1024px) {
    .itm_jk {
        width: 49.4%;
        max-width: 585px
    }

    .itm_jk .title {
        font-size: 20px
    }
}

@media screen and (max-width: 768px) {

    /*#topMenuBar{left: calc(50% + 30px);}*/
    .items_jk {
        justify-content: space-around
    }

    .itm_jk {
        width: 100%;
        max-width: 585px;
    }

    .itm_jk .title {
        font-size: 20px
    }

    /*footer ul li {*/
    /*    display: none*/
    /*}*/
    #mortgage_sec .l .option-desc::after {
        height: 85px;
    }

    /*.recommended {*/
    /*    margin-right: 15px;*/
    /*}*/
}

.ui-tooltip {
    height: auto !important;
    box-shadow: 0 0 5px #BDBDBD !important;
    background-color: #fff !important;
    font-size: 9px;
    border-radius: 6px !important;
    padding: 12px 10px !important
}

.ui-tooltip-content {
    display: flex;
    align-items: center
}

.ui-tooltip,
.arrow:after {
    background: #fff;
    border: 2px solid white;
}

.ui-tooltip {
    padding: 10px 20px;
    color: white;
}

.ui-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
}

.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto;
}

.ui-tooltip .arrow.left {
    left: 20%;
}

.ui-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 5px -9px black;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.ui-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto;
}

.deliverySlider-jk {
    margin-top: -20px;
    margin-bottom: 50px;
}

.deliverySlider-jk .swiper-container {
    position: relative;
    margin-left: calc(0px - (100vw - var(--container)) / 2);
    padding-left: calc(0px + (100vw - var(--container)) / 2);
    padding-right: calc(0px + (100vw - var(--container)) / 2);
    width: 100vw;
    overflow: initial;
}

.deliverySlider-jk .owl-carousel .owl-stage-outer {
    overflow: initial !important;
}

.deliverySlider-jk .swiper-container .swiper-button-nav {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    border-radius: 50px;
    background: #FFFFFF;
    border: 1px solid #D9DCE6;
    box-sizing: border-box;
    box-shadow: 30px 0 70px rgba(0, 0, 0, 0.7);
}

.deliverySlider-jk .item-jk .container {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    width: max-content;
    padding: 5px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0px 0px 10px rgba(62, 130, 218, 0.25);
    cursor: default;
    grid-template-areas:
    "img title icon"
    "img count icon";
}

.deliverySlider-jk .item-jk {
    position: relative;
    width: max-content;
}

.deliverySlider-jk .item-jk .container {
    border: 1px solid transparent;
}

.deliverySlider-jk .item-jk .container:hover {
    border-color: var(--blue);
}

.deliverySlider-jk .item-jk .image-box {
    display: flex;
    align-content: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-right: 10px;
    grid-area: img;
}

.deliverySlider-jk .item-jk a .flat-layout {
    width: auto;
    height: 80%;
    margin: auto;
    border-radius: 0;
    object-fit: contain;
}

.deliverySlider-jk .item-jk a .img-jk {
    width: 55px;
    height: 55px;
    margin: auto;
    border-radius: 50px;
    object-fit: cover;
}

.deliverySlider-jk .item-jk .title {
    font-weight: bold;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: -10px;
    grid-area: title;
    transition: all 0.2s;
}

.deliverySlider-jk .item-jk .count {
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0.04em;
    color: #4F4F4F;
    grid-area: count;
}

.deliverySlider-jk .item-jk i.icon {
    font-size: 18px;
    padding: 0 30px;
    background-color: var(--blue);
    grid-area: icon;
}

.deliverySlider-jk .item-jk .item-jk_dropdown {
    width: 300px;
    box-shadow: 0 0 10px rgba(62, 130, 218, 0.25);
    padding: 25px;
    border-radius: 5px;
}

.deliverySlider-jk .item-jk .item-jk_dropdown .btn {
    width: 100%;
}

.deliverySlider-jk .item-jk .item-jk_dropdown .btn.btn-link-primary {
    color: #696969;
    text-decoration: underline;
}

.deliverySlider-jk .item-jk .item-jk_dropdown .btn.btn-link-primary:hover {
    color: var(--blue);
}

.deliverySlider-jk .item-jk:not(.disabled):hover .title {
    color: var(--blue);
}

.deliverySlider-jk .item-jk.disabled {
    opacity: 0.5;
}

.deliverySlider-jk .item-jk.disabled i.icon {
    background-color: #BDBDBD;
}

.deliverySlider-jk .item-jk.disabled:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50px;
}

.deliverySlider-jk .item-jk .label-layout {
    position: absolute;
    top: 0;
    right: 0;
}

.tag-flat {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.tag-flat .item {
    display: flex;
    align-content: center;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid var(--orange);
    border-radius: 50px;
    padding: 6px 10px;
    font-size: 14px;
    color: var(--orange);
    cursor: default;
}

.tag-flat .item:last-child {
    margin-right: 0;
}

.tag-flat .item i {
    background-color: var(--orange);
    margin-right: 10px;
}

.info-count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: center;
}

.info-count li {
    display: flex;
    justify-content: center;
    flex-direction: column;
    color: #000;
    font-size: 12px;
}

.info-count li span {
    font-size: 16px;
    font-weight: bold;
    margin-top: 5px;
}

#filter_frm .deleted-filter {
    display: none;
}

.advantagesItem {
    max-width: 226px;
    width: 100%;
    margin-right: 20px;
    margin-bottom: 30px;
}

.advantagesItem:last-child {
    margin-right: 0;
}

.advantagesItem img {
    max-width: 20px;
    width: 100%;
    margin-bottom: 15px;
}

.advantagesItem__title {
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
    min-height: 42px;
    max-width: 200px;
}

.advantagesItem__description {
    text-align: left;
    font-size: 14px;
    line-height: 140%;
}


.grid-flats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}

.grid-flats > .item {
    padding: 50px 30px;
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid transparent;
}

.grid-flats > .item:hover {
    border-color: var(--blue);
}

.grid-flats > .item:hover .title {
    color: var(--blue);
}

.grid-flats .item .layout {
    object-fit: contain;
    margin: 0 auto 30px;
    max-height: 200px;
    height: 200px;
}

.grid-flats .item .box-img {
    height: 200px;
    margin-bottom: 30px;
}

.grid-flats .item .tag-flat {
    justify-content: center;
    margin-bottom: 10px;
}

.grid-flats > .item .title {
    font-weight: bold;
    font-size: 16px;
    line-height: 160%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
}

.grid-flats > .item .price {
    font-weight: bold;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
    margin-bottom: 5px;
    margin-top: 5px;
}

.grid-flats > .item .mortgages {
    font-size: 14px;
    text-align: center;
    color: var(--blue);
}

.grid-flats > .item .info-count {
    justify-content: space-around;
    margin-top: 20px;
}

@media (max-width: 1260px) {
    .deliverySlider-jk .swiper-container {
        margin-left: 0;
        padding-left: 0;
        padding-right: 30%;
    }
}

@media (max-width: 600px) {
    .deliverySlider-jk .swiper-container .swiper-button-nav {
        display: none;
    }
}