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


/* Start:/local/templates/main/template_styles.css?17740019592180*/
.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;
}
/* End */
/* /local/templates/main/styles.css?177090346145 */
/* /local/templates/main/template_styles.css?17740019592180 */