

/* Start:/local/templates/main/styles.css?178818295145*/
.icon-dzen:before {
    content: "\e948";
}
/* End */


/* Start:/local/templates/main/template_styles.css?17881829517000*/
/*.is_cascade a[data-fancybox] {*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    border: 2px solid #f1f1f1;*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    position: relative;*/
/*    &:hover {*/
/*        img {*/
/*            opacity: .9;*/
/*        }*/
/*    }*/
/*    &::after {*/
/*        content: '';*/
/*        position: absolute;*/
/*        left: 0;*/
/*        top: 0;*/
/*        right: 0;*/
/*        bottom: 0;*/
/*        background: black;*/
/*    }*/
/*    img {*/
/*        position: relative;*/
/*        z-index: 1;*/
/*        transition: all .25s ease-in-out;*/
/*    }*/
/*}*/
/*.is_cascade a[data-fancybox]:hover img {*/
/*opacity: 0.8;*/
/*}*/

.page_action_panel {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    background: rgba(255, 255, 255, 0.6);
    padding: 8px 16px;
    box-sizing: border-box;
    box-shadow: 0 0 5px darkgrey;
}
.block--control_panel {
    font-weight: 700;
    padding: 16px;
}
.page_action_panel .page_action_panel--item:not(:last-of-type) {
    margin-right: 8px;
}
.page_action_panel .page_action_panel--item a {
    color: black;
    white-space: nowrap;
}
.page_action_panel .page_action_panel--item a:hover {
    opacity: 0.5;
}


/*.content_offers .card--content {*/
/*    margin-bottom: auto*/
/*}*/

/*.booking_tl {*/
/*    position: relative;*/
/*    z-index: 10;*/
/*}*/
/*.booking_tl #block-search {*/
/*    position: absolute;*/
/*    top: -24px;*/
/*    transform: translateY(-100%);*/
/*    right: var(--container-padding);*/
/*    max-width: clamp(50%, calc(100vw - var(--container-padding)*2 - 580px), 50%);*/
/*    width: 100%;*/
/*    min-height: 74px;*/
/*    margin: 0;*/
/*}*/
/*.block_list .block--pagination{*/
/*    grid-column: span var(--col)*/
/*}*/

/*.footer--note_nav-item_align_right,*/
/*.header--top_actions,*/
/*.content_contacts  .block--contacts_info .contacts__action*/
/*{*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    gap: 8px;*/
/*}*/


/*.videos-grid {*/
/*    width: 100%;*/
/*    display: grid;*/
/*    grid-template-columns: 1fr 1fr 1fr;*/
/*    grid-gap: 20px;*/
/*}*/
/*@media (max-width: 1024px) {*/
/*    .videos-grid {*/
/*        grid-template-columns: 1fr 1fr;*/
/*        grid-gap: 10px;*/
/*    }*/
/*}*/

/*.videos-grid__item {*/
/*    display: flex;*/
/*    align-items: flex-start;*/
/*    width: 100%;*/
/*}*/
/*.videos-grid__item video {*/
/*    width: 100%;*/
/*    margin: 0;*/
/*}*/

.popup-cascade .popup--content{
    min-height: 200px;
}
.block--actions:empty{
    display: none;
}
[data-popup="popup_residence_object_amenities"] .amenity--wrapper{
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--g-elements) var(--g-20);
    margin-top: var(--g-section-inner);
}
@media(min-width: 992px){
    [data-popup="popup_residence_object_amenities"] .amenity--wrapper{
        grid-template-columns: 1fr 1fr;
    }
}
.amenity{
    display: flex;
    align-items: center;
    padding: 8px 0;
    gap: 16px;
}
.amenity--icon{
    width: 24px;
    height: 24px;
}
.list-table .button-link {
    padding: 0;
}
.form--subscription input,
.form--subscription [type="submit"] [class^=icon-]{
    padding: 10px;
}
.card--text:empty,
.card--image:empty{
    display: none;
}
.content_docs .card {
    .card--title{
        display: flex;
    }
}
.content_advantages .card--title{
    display: flex;
    overflow: visible;
}
.js-gallerySwiper [data-fancybox-trigger]{
    display: none;
}
.block.-mb-0{
    margin-bottom: 0;
}
.popup .is_processing:after{
    top: 50%;
    width: 19%;
    translate: -50% -50%;
    left: 50%;
    height: auto;
    aspect-ratio: 1 / 1;
}
.popup--close{
    position: sticky;
    top: 0;
    background: var(--bg-page);
}
.content_scheme {
    .block--head{
        padding: 0 var(--container) var(--g-m);
    }
    .scheme_svg:after{
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(0deg,rgba(255, 255, 255, 1) 1%, rgba(255, 255, 255, 0) 5%, rgba(255, 255, 255, 0) 95%, rgba(255, 255, 255, 1) 100%);
    }
}
html, body {
    overscroll-behavior-y: none;
}
[data-popup=popup_for_cookies] {
    --p-content-x: clamp(14px, calc(14px + (20 - 14) * ((100vw - 768px) / (1440 - 768))), 20px);
    --p-content-y: clamp(14px, calc(14px + (22 - 14) * ((100vw - 768px) / (1440 - 768))), 22px);
    .popup--actions,.popup--close{
        padding: var(--p-content-y) var(--p-content-x);
    }

    .button-flat{
        text-decoration: underline;
    }
}

@media(max-width: 768px){
    .creator .block--head{
        margin-bottom: 24px;
    }
    .creator .block--content .images{
        margin-top: 50px;
    }
    .creator .block--content .images:after {
        height: 36px;
    }
    .content_calendar.block_list .card--image{
        aspect-ratio: 3/2;
    }
    [data-popup=popup_for_cookies] {

        .popup--content_wrapper{
            font-size: 14px;
            line-height: 1.3;
        }
        .popup--title{

        }
    }
}
/*start*/

.transition-overlay {
    --transition-duration: 1s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    background-color: var(--text-fixed-light-primary);
    z-index: 1000;
    pointer-events: none;
    clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    animation: reveal var(--transition-duration) forwards;
    will-change: clip-path;
}

.transition-logo {
    z-index: 1001;
    opacity: 1;
    filter: blur(0);
    animation: logoOut var(--transition-duration) forwards;
    will-change: opacity, filter, transform;
}
.transition-logo svg {
    width: 10vw;
    aspect-ratio: 1/1;
}

.transition-overlay.active {
    animation: fillUp var(--transition-duration) forwards;
}
.transition-overlay.active .transition-logo {
    animation: logoIn var(--transition-duration) forwards;
}

.transition-overlay.reverse {
    animation: reveal var(--transition-duration) forwards;
}
.transition-overlay.reverse .transition-logo {
    animation: logoOut var(--transition-duration) forwards;
}

@keyframes fillUp {
    0% {
        clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
    }
    50% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}
@keyframes reveal {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    100% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
}
@keyframes logoIn {
    0% {
        opacity: 0;
        filter: blur(12px);
        transform: scale(0.96);
    }
    100% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
}
@keyframes logoOut {
    0% {
        opacity: 1;
        filter: blur(0);
        transform: scale(1);
    }
    100% {
        opacity: 0;
        filter: blur(12px);
        transform: scale(0.96);
    }
}
/*end*/
/* End */
/* /local/templates/main/styles.css?178818295145 */
/* /local/templates/main/template_styles.css?17881829517000 */
