/* Start:/local/templates/mendeleev/components/mendeleev/orm.news.detail/main_screen/style.css?17781470821723*/
main {
    position: relative;
    overflow: hidden;
}
.first-screen {
    display: flex;
    width: 100%;
    height: 100vh;
    max-height: var(--mainscreen-height);
    margin-top: -114px;
}
.first-screen__bg-img {
    width: 100%;
    height: 100%;
    max-height: var(--mainscreen-height);
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}
.first-screen__bg-video {
    width: 100%;
    height: 100%;
    max-height: var(--mainscreen-height);
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}
.title {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    padding: var(--mainscreen-block-padding-top)
             var(--mainscreen-block-padding-horizontal)
             var(--mainscreen-block-padding-botom)
             var(--mainscreen-block-padding-horizontal);
    align-items: center;
    background: linear-gradient(180deg, rgba(29, 31, 37, 0.00) 0%, rgba(29, 31, 37, 0.40) 100%);
}
.title__inner {
    display: flex;
    max-width: 744px;
    justify-content: center;
    align-items: center;
}
.title h1 {
    color: var(--fg-on_color, #FFF);
    text-align: center;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-1-l);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h1l);
    line-height: var(--font-line-height-font-heading-1-l);
    letter-spacing: -0.72px;
}
@media (min-width: 1008px) {
    .first-screen {
        margin-top: -144px;
    }
}
@media (min-width: 1344px) {
    .first-screen {
        margin-top: -153px;
    }
}
/* End */


/* Start:/local/templates/mendeleev/components/mendeleev/orm.news.list/afisha_cards_swiper/style.css?177823234819488*/
/** AFISHA SWIPER COMPONENT */
.afisha__swiper--block {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--block-spasing-gap-400);
    align-self: stretch;
    position: relative;
}
.afisha__swiper {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: relative;
}
.afisha_slide {
    width: 270px;
    min-width: 270px;
    max-width: 270px;
    text-decoration: none;
}
.swiper__card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--event-card-gap);
}
.swiper__card--top {
    display: flex;
    height: 180px;
    min-height: 180px;
    max-height: 180px;
    box-sizing: border-box;
    padding: var(--event-card-image-padding-top)
    var(--event-card-image-padding-horizontal)
    var(--event-card-image-padding-bottom)
    var(--event-card-image-padding-horizontal);
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: stretch;
    aspect-ratio: 270/180;
    position: relative;
    overflow: hidden;
}
.swiper__card--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--event-card-image-border-radius);
}
.swiper__card--tags {
    display: flex;
    align-items: center;
    gap: var(--event-card-tag-line-gap);
    width: 100%;
    max-width: 100%;
    margin-left: calc(-1 * var(--event-card-image-padding-horizontal));
    padding-left: var(--event-card-image-padding-horizontal);
    padding-right: var(--event-card-image-padding-horizontal);
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    touch-action: pan-x;
    scrollbar-width: none;
    cursor: grab;
    user-select: none;
}
.swiper__card--tags::-webkit-scrollbar {
    display: none;
}
.swiper__card--tags.is-dragging-tags {
    cursor: grabbing;
}
.swiper__card--tag {
    display: flex;
    padding: var(--tag-padding-top)
             var(--tag-padding-horizontal)
             var(--tag-padding-bottom)
             var(--tag-padding-horizontal);
    justify-content: center;
    align-items: center;
    border-radius: var(--tag-border-radius);
    background: var(--tag-category-bg-color-default, rgba(255, 255, 255, 0.85));
    backdrop-filter: blur(calc(var(--tag-bg-blur) / 2));
    color: var(--tag-other-text-color-default, #292C32);
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-control-m);
    font-style: normal;
    font-weight: var(--semantic-font-weight-controls-normal, 500);
    line-height: var(--font-line-height-font-control-m);
    text-wrap: nowrap;
}
.swiper--section__tag {
    color: var(--tag-category-text-color-default, #0D55C6);
}
.swiper__card--bottom {
    display: flex;
    padding: 0 var(--event-card-text-padding-horizontal);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--event-card-text-gap);
    /*align-self: stretch;*/
}
.swiper__card--name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--fg-base, #292C32);
    font-feature-settings: 'liga' off, 'clig' off;
    text-overflow: ellipsis;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-6);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h6, 500);
    line-height: var(--font-line-height-font-heading-6);
}
.swiper__card--date-location {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    align-self: stretch;
    overflow: hidden;
    color: var(--fg-base, #292C32);
    text-overflow: ellipsis;
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-control-m);
    font-style: normal;
    font-weight: var(--semantic-font-weight-controls-bold, 700);
    line-height: var(--font-line-height-font-control-m);
}
.swiper__card--date-location span {
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: var(--fg-subtle, #8A8D93);
    text-overflow: ellipsis;
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-control-m);
    font-style: normal;
    font-weight: var(--semantic-font-weight-controls-normal, 500);
    line-height: var(--font-line-height-font-control-m);
}
.afisha__swiper--navigation {
    display: none;
}
@media (min-width: 576px) {
    .afisha_slide {
        width: 464px;
        min-width: 464px;
        max-width: 464px;
    }
    .swiper__card--top {
        height: 309px;
        min-height: 309px;
        max-height: 309px;
    }
}
.afisha_slide--number-wrapper {
    display: flex;
    height: var(--event-card-image-height-m, 360px);
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    z-index: 2;
}
.afisha__swiper .swiper-slide:nth-child(3n + 1) .afisha_slide--number-wrapper {
    padding-top: 115px;
}
.afisha__swiper .swiper-slide:nth-child(3n + 2) .afisha_slide--number-wrapper {
    padding-top: 0;
}
.afisha__swiper .swiper-slide:nth-child(3n) .afisha_slide--number-wrapper {
    padding-top: 76px;
}
.afisha_slide--number {
    display: flex;
    width: var(--ratingcard-ratingnum-size-min);
    height: var(--ratingcard-ratingnum-size-min);
    padding-bottom: var(--ratingcard-ratingnum-padding-bottom-min);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: var(--ratingcard-ratingnum-border-radius);
    border: 1.354px solid var(--alpha-colors-secondary-alpha-secondary-75, rgba(188, 130, 63, 0.27));
    background: var(--bg-surface, #FFF);
    color: var(--secondary-secondary-400, #D5973F);
    text-align: center;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-mega-2);
    font-style: normal;
    font-weight: var(--semantic-font-weight-mega-mega-2);
    line-height: var(--font-line-height-font-mega-2);
}
@media (min-width: 1008px) {
    .afisha_slide {
        width: 298px;
        min-width: 298px;
        max-width: 298px;
    }
    .swiper__card--top {
        height: 198px;
        min-height: 198px;
        max-height: 198px;
    }
    .afisha__swiper--navigation {
        display: flex;
        padding-bottom: var(--slider-arrow-group-padding-bottom);
        align-items: center;
        gap: var(--slider-arrow-group-gap);
        position: absolute;
        right: 0;
        top: -60px;
    }
    .afisha__swiper--block--few-slides .afisha__swiper--navigation {
        display: none;
    }
    .afisha__swiper--block--few-slides .city_holiday__navigation-btn {
        display: none;
    }
    .afisha__swiper-btn-prev,
    .afisha__swiper-btn-next {
        display: flex;
        width: var(--slider-arrow-m-size);
        height: var(--slider-arrow-m-size);
        justify-content: center;
        align-items: center;
        border-radius: var(--slider-arrow-m-border-radius);
        background: var(--slider-arrow-light-bg-color-default, #FFF);
        border: unset;
        color: #292C32;
        cursor: pointer;
    }
    .afisha__swiper-btn-prev {
        transform: rotate(180deg);
    }
    .afisha__swiper-btn-prev svg,
    .afisha__swiper-btn-next svg {
        color: inherit;
    }
    .afisha__swiper-btn-prev.swiper-button-disabled,
    .afisha__swiper-btn-next.swiper-button-disabled {
        color: #76797F;
    }
}
.catalog-link-btn__wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--button-l-border-radius);
    border: var(--button-l-border-size) solid var(--button-secondary-border-color-enabled, rgba(255, 255, 255, 0.00));
    background: var(--button-secondary-bg-color-enabled, #1D1F25);
}
.catalog-link-btn {
    display: flex;
    height: var(--button-l-height);
    min-width: var(--button-l-min-width);
    padding: 0 var(--button-l-padding-horizontal);
    justify-content: center;
    align-items: center;
}
.catalog-link-btn__inner {
    display: flex;
    padding: 0 var(--button-l-label-label-padding-horizontal)
             var(--button-l-label-label-padding-bottom)
             var(--button-l-label-label-padding-horizontal);
    justify-content: center;
    align-items: center;
    color: var(--button-secondary-label-color-enabled, #FFF);
    text-align: center;
    text-decoration: unset;
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-control-l);
    font-style: normal;
    font-weight: var(--semantic-font-weight-controls-medium, 600);
    line-height: var(--font-line-height-font-control-l);
}
.city_holiday__navigation-btn {
    display: none;
}
.afisha__swiper-btn-prev.swiper-button-disabled,
.afisha__swiper-btn-next.swiper-button-disabled {
    background: var(--slider-arrow-dark-bg-color-disabled, #F4F5F5);
}
.afisha__swiper-btn-prev,
.afisha__swiper-btn-next {
    background: var(--slider-arrow-dark-bg-color-default, #F4F5F5);
}
@media (min-width: 1200px) {
    .afisha_slide {
        width: 346px;
        min-width: 346px;
        max-width: 346px;
    }
    .swiper__card--top {
        height: 230px;
        min-height: 230px;
        max-height: 230px;
    }
}
@media (min-width: 1344px) {
    .afisha_slide {
        width: 400px;
        min-width: 400px;
        max-width: 400px;
    }
    .swiper__card--top {
        height: 266px;
        min-height: 266px;
        max-height: 266px;
    }
}
@media (min-width: 1600px) {
    .afisha_slide {
        width: 592px;
        min-width: 592px;
        max-width: 592px;
    }
    .swiper__card--top {
        height: 394px;
        min-height: 394px;
        max-height: 394px;
    }
}
/** END AFISHA SWIPER COMPONENT */

/** CITY_HOLIDAY BLOCK */
.city_holiday {
    display: flex;
    padding: var(--holiday-block-padding-top)
             var(--main-v3-grid-margin)
             var(--holiday-block-padding-botom)
             var(--main-v3-grid-margin);
    flex-direction: column;
    align-items: center;
    /*align-self: stretch;*/
    position: relative;
}
.city_holiday .container {
    padding-left: unset;
    padding-right: unset;
}
.city_holiday--bg {
    z-index: -1;
    flex: 1 0 0;
    align-self: stretch;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}
.city_holiday--bg-offset {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    flex-shrink: 0;
    align-self: stretch;
    background: var(--bg-canvas, #FFF);
    transform: translateY(var(--holiday-bg-offset));
}
.city_holiday--wrapper {
    display: flex;
    /*min-width: var(--main-v3-grid-container-min, 288px);*/
    /*max-width: var(--main-v3-grid-container-max, 943px);*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--block-spasing-gap-500);
    /*align-self: stretch;*/
}
.city_holiday--head {
    display: flex;
    max-width: 744px;
    flex-direction: column;
    align-items: center;
    gap: var(--stack-spasing-200);
    /*align-self: stretch;*/
}
.city_holiday--head__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--stack-spasing-75);
    align-self: stretch;
}
.city_holiday--under-title {
    color: var(--fg-on_color, #FFF);
    text-align: center;
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-body-m);
    font-style: normal;
    font-weight: var(--semantic-font-weight-body-normal, 500);
    line-height: var(--font-line-height-font-body-m);
}
.city_holiday--above-title {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: var(--secondary-secondary-400, #D5973F);
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-body-m);
    font-style: normal;
    font-weight: var(--semantic-font-weight-body-medium, 600);
    line-height: var(--font-line-height-font-body-m);
}
.city_holiday--title {
    max-width: var(--h2-width-max);
    align-self: stretch;
    color: var(--fg-on_color, #FFF);
    text-align: center;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-2);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h2);
    line-height: var(--font-line-height-font-heading-2);
}
.city_holiday--title span {
    color: var(--primary-primary-300, #91D6FD);
}
.city_holiday .swiper__card--name,
.city_holiday .swiper__card--date-location {
    color: var(--fg-on_color, #FFF);
}
.city_holiday .catalog-link-btn__wrapper {
    background: var(--button-primary-bg-color-enabled, #0066E6);
}
.city_holiday .afisha__swiper--navigation {
    display: none;
}
@media (min-width: 1008px) {
    .city_holiday .catalog-link-btn__wrapper {
        display: none;
    }
    .city_holiday .city_holiday-link-btn__desc {
        display: flex;
    }
    .city_holiday--bg {
        max-height: 666px;
    }
    .city_holiday .afisha__swiper {
        overflow-x: hidden;
        overflow-y: visible;
        border-radius: var(--event-card-image-border-radius);
    }
    .city_holiday .afisha__swiper--navigation {
        top: 0;
        z-index: 3;
    }
    .city_holiday .afisha_slide {
        min-width: clamp(299px, calc(299px + (75 * (100vw - 1008px)) / 335), 374px);
        max-width: clamp(299px, calc(299px + (75 * (100vw - 1008px)) / 335), 374px);
    }
    .city_holiday .swiper__card--top {
        height: var(--event-card-image-height-l);
        min-height: var(--event-card-image-height-l);
        max-height: var(--event-card-image-height-l);
    }
    .city_holiday .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
    }
    .city_holiday .swiper__card--bottom {
        max-width: 302px;
    }
    .city_holiday .swiper__card--name,
    .city_holiday .swiper__card--date-location {
        color: var(--fg-base, #292C32);
    }
    .city_holiday__navigation-btn {
        display: flex;
        padding-bottom: var(--slider-arrow-group-padding-bottom);
        align-items: center;
        gap: var(--slider-arrow-group-gap);
        position: absolute;
        right: 0;
        top: -60px;
    }
}

@media (min-width: 1344px) {
    .city_holiday .afisha_slide {
        min-width: clamp(292px, calc(292px + (144 * (100vw - 1344px)) / 576), 436px);
        max-width: clamp(292px, calc(292px + (144 * (100vw - 1344px)) / 576), 436px);
    }
    .city_holiday .swiper__card--top {
        height: 440px;
        min-height: 440px;
        max-height: 440px;
    }
    .city_holiday .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
    }
    .city_holiday .swiper__card--bottom {
        max-width: 302px;
    }
}
/** END CITY_HOLIDAY BLOCK */

/** TOP15 BLOCK */
.top15 {
    display: flex;
    padding: var(--block-spasing-offset-300)
    var(--main-v3-grid-margin)
    var(--block-spasing-offset-500)
    var(--main-v3-grid-margin);
    flex-direction: column;
    align-items: center;
}
.top15 .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--block-spasing-gap-500);
    align-self: stretch;
    padding-left: unset;
    padding-right: unset;
}
.top15 .top15__title {
    max-width: var(--h2-width-max);
    color: var(--fg-base, #292C32);
    text-align: center;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-2);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h2);
    line-height: var(--font-line-height-font-heading-2);
}
.top15 .top15__title span {
    color: var(--secondary-secondary-400, #D5973F);
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-1-l);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h2);
    line-height: var(--font-line-height-font-heading-2);
}
.top15 .afisha_slide {
    align-items: flex-end;
    min-width: 256px;
    max-width: 256px;
}
.top15 .swiper__card {
    padding-left: 48px;
}
.top15 .swiper__card--top {
    height: 328px;
    min-height: 328px;
    max-height: 328px;
    max-width: 208px;
}
.top15 .afisha_slide .swiper__card--img {
    left: unset;
    right: 0;
    max-width: 208px;
}
.top15 .swiper__card--bottom {
    max-width: 184px;
}
@media (min-width: 576px) {
    .top15 .afisha_slide {
        min-width: 464px;
        max-width: 464px;
    }
    .top15 .swiper__card {
        padding-left: 48px;
    }
    .top15 .swiper__card--top {
        height: 360px;
        min-height: 360px;
        max-height: 360px;
        max-width: 416px;
    }
    .top15 .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
        max-width: 416px;
    }
    .top15 .swiper__card--bottom {
        max-width: 392px;
    }
}
@media (min-width: 1008px) {
    .top15 .afisha_slide {
        min-width: clamp(460px, calc(460px + (72 * (100vw - 1008px)) / 335), 532px);
        max-width: clamp(460px, calc(460px + (72 * (100vw - 1008px)) / 335), 532px);
    }
    .top15 .swiper__card {
        padding-left: 56px;
    }
    .top15 .swiper__card--top {
        height: 360px;
        min-height: 360px;
        max-height: 360px;
        max-width: clamp(404px, calc(404px + (72 * (100vw - 1008px)) / 335), 476px);
    }
    .top15 .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
        max-width: clamp(404px, calc(404px + (72 * (100vw - 1008px)) / 335), 476px);
    }
    .top15 .swiper__card--bottom {
        max-width: 364px;
    }
    .top15 .afisha__swiper-btn-prev.swiper-button-disabled,
    .top15 .afisha__swiper-btn-next.swiper-button-disabled {
        background: var(--slider-arrow-dark-bg-color-disabled, #F4F5F5);
    }
    .top15 .afisha__swiper-btn-next,
    .top15 .afisha__swiper-btn-next {
        background: var(--slider-arrow-dark-bg-color-default, #F4F5F5);
    }
    .top15 .afisha__swiper--block--few-slides:not(.afisha__swiper--block--top15-hide-nav-desktop) .afisha__swiper--navigation {
        display: flex;
        padding-bottom: var(--slider-arrow-group-padding-bottom);
        align-items: center;
        gap: var(--slider-arrow-group-gap);
        position: absolute;
        right: 0;
        top: -60px;
    }
    .top15 .afisha__swiper--block--top15-hide-nav-desktop .afisha__swiper--navigation {
        display: none;
    }
}
@media (min-width: 1344px) {
    .top15 .afisha_slide {
        min-width: 400px;
        max-width: 400px;
    }
    .top15 .swiper__card {
        padding-left: 76px;
    }
    .top15 .swiper__card--top {
        max-width: 324px;
    }
    .top15 .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
        max-width: 324px;
    }
    .top15 .swiper__card--bottom {
        max-width: 284px;
    }
}
@media (min-width: 1600px) {
    .top15 .afisha_slide {
        min-width: 592px;
        max-width: 592px;
    }
    .top15 .swiper__card {
        padding-left: 76px;
    }
    .top15 .swiper__card--top {
        max-width: 516px;
    }
    .top15 .afisha_slide .swiper__card--img {
        left: unset;
        right: 0;
        max-width: 516px;
    }
    .top15 .swiper__card--bottom {
        max-width: 476px;
    }
}
/** END TOP15 BLOCK */
/* End */
/* /local/templates/mendeleev/components/mendeleev/orm.news.detail/main_screen/style.css?17781470821723 */
/* /local/templates/mendeleev/components/mendeleev/orm.news.list/afisha_cards_swiper/style.css?177823234819488 */