.lg-on body {
    overflow: hidden;
}

.cs-container {
    margin: 0 auto;
    max-width: 1578px;
    padding-right: var(--page-margin);
    padding-left: var(--page-margin);
    width: 100%;
}

.cs-header {
    position: relative;
    overflow: hidden;
}

.cs-header_dark,
.cs-header_dark a {
    color: var(--color-text-on-1);
}

.cs-header_dark:before {
    background: url("../img/header-bg-default.webp") no-repeat;
    background-size: cover;
    content: '';
    opacity: 0.64;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    z-index: -1;
}

.customer-space #header.cs-header_dark:after {
    content: '';
    background-color: #000000;
    display: block;
    opacity: 0.64;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cs-header .brand > a {
    width: 200px;
}

.cs-header .brand > a img,
#header.cs-header .brand img,
#header.cs-header .brand.size-100 img {
    width: 100%;
    height: auto;
    max-height: unset;
}

.customer-space #primary {
    padding-top: 50px;
}

.header-main-part__content {
    padding: 40px 0;
}

.header-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 16px;
    row-gap: 24px;
    text-align: center;
}
.header-content > * {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-basis: 100%;
    justify-content: center;
}
.header-content__contact-address,
.header-content__contact-means {
    text-align: center;
}
.breadcrumbs a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color-text-a);
    font-weight: 600;
}
.breadcrumbs a i {
    font-size: 14px;
    font-weight: 300;
}
.office-location,
.header-content__contact-address,
.header-content__contact-means,
.header-content__contact-agent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.header-content__contact-agent {
    flex-grow: 0;
    flex-basis: unset;
}

.header-content i:is([class*="fa-"]) {
    margin-right: 8px;
}

.contact-agent.contact-agent_photo {
    position: relative;
    padding-left: 104px;
    min-height: 80px;
}
.contact-agent__photo {
    position: absolute;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
}
.contact-agent__photo img {
    width: 100%;
    height: auto;
    object-fit: cover;
}
.customer-space .info-flex-wrapper,
.customer-space.offers #list > header .info.info-flex-wrapper,
.customer-space.offers #list > header:first-of-type .info-flex-wrapper.group {
    display: flex;
    flex-wrap: wrap;
}
.customer-space .info-flex-wrapper {
    align-items: center;
    gap: 16px;
}
.section-view-select .btn-default.active {
    color: var(--color-text-on-1);
    background-color: var(--color-1);
    border-color: var(--color-1);
}

.office-title,
.agent-title {
    font-size: 24px;
}
.office-title_bold {
    font-weight: 700;
}
.offer-inner-toolbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:16px;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 1;
    border-radius: 22px;
}

.offer-inner-toolbox .offer-action-btn {
    background-color: rgba(255,255,255,1);
    color: var(--color-1);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.35s;
    transition-timing-function: ease-out;
}

.offer-action-btn:hover, .offer-action-btn.offer-action-btn_active {
    color: var(--color-text-on-1);
    background-color: var(--color-1);
}

.offer-inner-toolbox .offer-action-btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: inherit;
    box-shadow: 0 2px 10px rgba(0,0,0,0.13);
    -webkit-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}

.offer-inner-toolbox .offer-action-btn i:is([class*="fa-"]) {
    font-size: 21px;
}

.offer-inner-toolbox .offer-action-btn {
    position: relative;
}

.offer-inner-toolbox .offer-action-btn:after {
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.offer-inner-toolbox .offer-action-btn_ok:after {
    content: "\f164";
    color: var(--cs-color-success, #009900);
}

.offer-inner-toolbox .offer-action-btn_no:after {
    content: "\f165";
    color: var(--cs-color-error, #ff0000)
}

.offer-inner-toolbox .offer-action-btn_maybe:after {
    content: "\f128";
    color: var(--cs-color-warning, #ff9900);
}
.offer-action-btn_rounded {
    border:var(--color-1) 1px solid;
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.offer-action-btn_rounded.offer-action-btn_ok {
    border-color: var(--cs-color-success, #009900);
}

.offer-action-btn_rounded.offer-action-btn_no {
    border-color: var(--cs-color-error, #ff0000);
}

.offer-action-btn_rounded.offer-action-btn_maybe {
    border-color: var(--cs-color-warning, #ff9900);
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_ok,
.offer-action-btn_ok.offer-action-btn:hover {
    background-color: var(--cs-color-success, #009900);
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_no,
.offer-action-btn_no.offer-action-btn:hover {
    background-color: var(--cs-color-error, #ff0000);
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_maybe,
.offer-action-btn_maybe.offer-action-btn:hover {
    background-color: var(--cs-color-warning, #ff9900);
}

.offer-action-btn:hover:after,
.offer-action-btn.offer-action-btn_active.offer-action-btn_ok:after,
.offer-action-btn.offer-action-btn_active.offer-action-btn_no:after,
.offer-action-btn.offer-action-btn_active.offer-action-btn_maybe:after {
    color: #ffffff;
}

.offer-action-btn_active.offer-action-btn:hover {
    background-color: #ffffff;
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_ok:hover:after {
    color: var(--cs-color-success, #009900);
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_no:hover:after {
    color: var(--cs-color-error, #ff0000);
}

.offer-action-btn.offer-action-btn_active.offer-action-btn_maybe:hover:after {
    color: var(--cs-color-warning, #ff9900);
}

.offer-inner-toolbox:has(.offer-action-btn_active) .offer-action-btn:not(:hover, .offer-action-btn_active) {
    color: #cccccc;
    background-color: #ffffff;
    border-color: rgba(192, 192, 192, 0.45);
    opacity: 0.8;
}

.offer-inner-toolbox:has(.offer-action-btn_active) .offer-action-btn:not(:hover, .offer-action-btn_active):after {
    color: #cccccc;
    background-color: transparent;
}

.js-list-view .owl-stage-outer {
    cursor: pointer;
}

.widget-offers.boxes:not(.type-2) .property .inner .image[data-aspect-ratio] {
    min-height: auto;
    height: auto;
    width: auto;
    padding-bottom: unset;
}
.widget-offers.columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.widget-offers.columns .offer-compare {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 10px 10px 30px 0;
    width: 352px;
}
.widget-offers.columns .offer-compare .fields-select-wrapper,
.widget-offers.columns .offer-compare .fields-list {
    display: flex;
    flex-direction: column;
    padding: 30px;
    gap: 16px;
}
.widget-offers.columns .offer-compare .fields-list {
    flex: 1;
}
.fields-selected-item {
    color: #999999;
    font-size: 13px;
    position: relative;
    white-space:nowrap;
    padding-right: 24px;
}
.fields-selected-item:is(:hover, :focus, :active) {
    color: #999999;
}
.fields-selected-item:after {
    content: '\00d7';
    font-size: 20px;
    position: absolute;
    top: 50%;
    right: 8px;
    line-height: 19px;
    transform: translateY(-50%);
}
.fields-selected-item:is(:hover, :focus, :active):after {
    color: var(--bs-red);
}
.fields-list .field-list-item {
    color: #999999;
    position: relative;
    text-align: center;
}
.widget-offers.columns .offer-compare .fields-select {
    width: 100%;
}
.offer-compare .actions-btn.btn {
    font-size: 13px;
    padding: 5px 10px;
    text-transform: unset;
}
.widget-offers.columns .property .inner .image-wrapper .location {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 30px;
    line-height: 1.33;
}
.widget-offers.columns .property .inner .image-wrapper .location p {
    margin-bottom: unset;
}
.columns .field-list,
.widget-offers.columns .property .inner .info {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 30px;
}

.widget-offers.columns .property .inner .info > .section {
    display: flex;
    flex-direction: column;
}

.widget-offers.columns .property .inner {
    display: flex;
    gap: 20px;
    flex-direction: column;
    width: 100%;
}

.offer-description,
.property .section .desc,
.property .inner .info .desc,
.widget-offers.rows .property .inner .info .desc {
    word-break: break-all;
}

.fields-select-title,
.widget-offers.columns .property .inner .location .locality {
    font-size: 21px;
    font-weight: 600;
}
.widget-offers.columns .property .inner .params dt {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    /*display: none;*/
}

.widget-offers.columns .property {
    display: flex;
    gap: 20px;
    max-width: 352px;
    min-width: 352px;
    /*width: calc(100% - 2*var(--page-margin));*/
    flex-shrink: 0;
    /*scroll-snap-align: start;*/
}
.widget-offers.columns .holder {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    /*overflow-y: hidden;
    overflow-x: auto;
    scroll-snap-type: x mandatory;*/
    width: calc(100% - 352px);
    overflow-x: auto;
    flex-direction: row;
}
.widget-offers.columns .holder .mCSB_container{
    display: flex;
    gap: 20px;
    padding: 10px 10px 30px 10px;
}

.box-shadow,
.columns .fields-select-wrapper,
.columns .offer-compare .fields-list,
.columns .property .inner :is(.image-wrapper, .info) {
    box-shadow: 0 6px 13px 0 #00000018, 0 13px 13px -13px #00000007;
}

.customer-space #header:after {
    display: none;
}

.info-flex-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.info-flex-wrapper .count {
    color: var(--color-text);
}
.section-view-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.the-content button.btn.btn-icon, .the-content button.btn.btn-icon * {
    color: #d9d9d9;
    border: none;
    padding: 0;
}

.the-content button.btn.btn-icon:is(:hover, :active, :focus),
.the-content button.btn.btn-icon:is(:hover, :active, :focus, .active) * {
    color: var(--color-1);
    background: none;
    border: none;
}

.offers #list > header:first-of-type {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
    align-items: center;
    justify-content: space-between;
    gap: 15px 30px;
    color: var(--color-text-a);
}

.info-flex-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.section-view-select {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
}

.the-content button.btn.btn-icon, .the-content button.btn.btn-icon * {
    color: #d9d9d9;
    border: none;
    padding: 0;
}

.the-content button.btn.btn-icon:is(:hover, :active, :focus),
.the-content button.btn.btn-icon:is(:hover, :active, :focus, .active) * {
    color: var(--color-1);
    background: none;
    border: none;
}

.customer-space .widget-offers.rows .inner .section__params {
    align-self: flex-end;
}
.customer-space .asariplug_sengine_mapsearch_info {
    display: none;
}
.columns .params {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
}
.columns .params dd,
.params .parameter-row {
    color: #777777;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    position: relative;
}
.params .parameter-row {
    justify-content: space-between;
}
.fields-list .field-list-item:after,
.columns .params dd:after,
.params .parameter-row:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 1px;
    background-color: #BCBCBC;
}
.fields-list .field-list-item:last-child:after,
.columns .params dd:last-child:after,
.params .parameter-row:last-child:after {
    display: none;
}
.columns .links .link-offer {
    margin-top: 24px;
    width: 100%;
}
.customer-space-offer .the-content {

}
.customer-space-offer .offer-title {
    font-size: clamp(25px, 2.6vw, 35px);
    font-weight: 600;
    line-height: 1;
}
.customer-space-offer .subtitle {
    font-size: 18px;
    font-weight: normal;
}
.customer-space-offer .the-content .the-content-section {
    padding-top: clamp(30px, 5%, 60px);
    padding-bottom: clamp(30px, 5%, 60px);
}

.property-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

.property-grid > * {
    flex-basis: 100%;
    width: 100%;
    height: 100%;
}
.property-grid .property-grid__column {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.property-grid__container {
    padding: 30px;
}
.property-grid__container.offer-parameters {
}
.property-grid__container.offer-parameters .params {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.property-grid__container.offer-parameters .params .parameter-row {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.property-grid__container.offer-parameters .params .parameter-row dt {
    color: #999999;
    font-weight: normal;
}
.customer-space-offer .offer-header {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.customer-space-offer .offer-header .offer-header__row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.customer-space-offer .offer-header .offer-header__row .subtitle {
    margin-top: 4px;
}

.customer-space-offer .offer-header .price,
.customer-space-offer .offer-header .price a {
    color: var(--color-1);
}
.customer-space-offer .offer-header .offer-actions {
    font-size: 19px;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
}
.customer-space-offer .offer-header .offer-inner-toolbox {
    position: relative;
    top: auto;
    right: auto;
}
.customer-space-offer :is(.widget-contact-form, .widget-newsletter) form .row:last-child {
    margin-bottom: 0;
}

.inline-gallery-container {
    width: 100%;
    height: 0;
    padding-bottom: 65%;
}

.customer-space-offer ._slider.owl-carousel._ctrl-v > .owl-nav > .owl-prev,
.customer-space-offer ._slider.owl-carousel._ctrl-v > .owl-nav > .owl-next {
    left: 0;
    top: 50%;
    bottom: auto;
    width: 80px;
    height: 80px;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    opacity: 1;
}
.customer-space-offer ._slider.owl-carousel._ctrl-v > .owl-nav > .owl-next {
    right: 0;
    left: auto;
}

.customer-space-offer ._slider.owl-carousel._ctrl-v > .owl-nav > .owl-prev:after,
.customer-space-offer ._slider.owl-carousel._ctrl-v > .owl-nav > .owl-next:after {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.slider .sync-slider-main-wrapper {
    position: relative;
}
.slider .sync-slider-main-wrapper .slider-counter {
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    right: 20px;
    bottom: 20px;
    padding: 14px 16px 14px 60px;
    z-index: 2;
}
.slider .sync-slider-main-wrapper .slider-counter:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3C!--!Font Awesome Free 6.5.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--%3E%3Cpath fill='%23ffffff' d='M480 416v16c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V176c0-26.5 21.5-48 48-48h16v48H54a6 6 0 0 0 -6 6v244a6 6 0 0 0 6 6h372a6 6 0 0 0 6-6v-10h48zm42-336H150a6 6 0 0 0 -6 6v244a6 6 0 0 0 6 6h372a6 6 0 0 0 6-6V86a6 6 0 0 0 -6-6zm6-48c26.5 0 48 21.5 48 48v256c0 26.5-21.5 48-48 48H144c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h384zM264 144c0 22.1-17.9 40-40 40s-40-17.9-40-40 17.9-40 40-40 40 17.9 40 40zm-72 96l39.5-39.5c4.7-4.7 12.3-4.7 17 0L288 240l103.5-103.5c4.7-4.7 12.3-4.7 17 0L480 208v80H192v-48z'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 36px;
    height: 32px;
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
}
.slider .thumbs-slider-wrapper {
    padding: 20px 54px;
}

.thumbs-slider-wrapper .owl-nav > .owl-prev,
.thumbs-slider-wrapper .owl-nav > .owl-next {
    color: #999999;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    position: absolute;
    width: 26px;
    left: -46px;
    top: 50%;
    transform: translateY(-50%);
}
.thumbs-slider-wrapper .owl-nav > .owl-next {
    right: -46px;
    left: auto;
}
.thumbs-slider-wrapper .owl-nav > .owl-prev span,
.thumbs-slider-wrapper .owl-nav > .owl-next span {
    display: none;
}
.thumbs-slider-wrapper .owl-nav > .owl-prev:hover:after,
.thumbs-slider-wrapper .owl-nav > .owl-next:hover:after {
    color: #000000;
}
.thumbs-slider-wrapper .owl-nav > .owl-prev::after,
.thumbs-slider-wrapper .owl-nav > .owl-next::after {
    color: #999999;
    font-family: 'FontAwesome', sans-serif;
    font-weight: normal;
    font-size: 48px;
    content: '\f104';
}
.thumbs-slider-wrapper .owl-nav > .owl-next::after {
    content: '\f105';
}
.active .image-holder {
    visibility: visible;
}
.image-holder {
    display: block;
    visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.image-holder :is(img, video, iframe) {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    min-width: 100%;
    max-width: unset;
    height: unset;
    min-height: 100%;
    max-height: unset;
    object-fit: cover;
    transform: translateY(-50.2%);
}

@media (min-width: 576px) {
    .header-content {
        justify-content: space-between;
    }
    .header-content > * {
        flex-basis: calc(50% - 16px);
    }
    .header-content .header-content__brand {
    }
}

@media (min-width: 640px) {
    .widget-offers.columns .property .inner .params dt {
        display: none;
    }
}

@media (min-width: 768px) {
    .property-grid > * {
        flex-basis: calc(50% - 10px);
        width: calc(50% - 10px);
    }
    .customer-space-offer .subtitle {
        font-size: 24px;
        font-weight: normal;
    }
}

@media (min-width: 1024px) {
    .header-content {
        flex-direction: row;
        align-items: center;
        flex-wrap: unset;
    }
    .header-content > * {
        flex-basis: unset;
        flex-grow: 0;
    }
}

@media (min-width: 1280px) {
    .customer-space-offer .container-fluid {
        padding-right: 40px;
        padding-left: 40px;
    }
}

@media (max-width: 380px) {
    .widget-offers.columns .property {
        min-width: calc(90% - 20px);
        max-width: calc(90% - 20px);
    }
}

@media (max-width: 540px) {
    .customer-space .info-flex-wrapper {
        justify-content: space-between;
    }
    .customer-space .info-flex-wrapper .section-view-select {
        width: 100%;
    }
    .customer-space .info-flex-wrapper .section-view-select [data-view="map"] {
        margin-left: auto;
    }
    .customer-space .group.info-flex-wrapper,
    .customer-space .group .opinions-filter-select,
    .customer-space .group .sorting,
    .customer-space .group .opinions-filter-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    .customer-space .group .sorting .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .widget-offers.columns .offer-compare {
        display: none;
    }
    .widget-offers.columns .holder {
        width: 100%;
    }
}