/* Start:/local/templates/mendeleev/components/mendeleev/orm.news.detail/first_screen/style.css?17846291243575*/
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--wrapper {
    display: flex;
    padding: var(--mainscreen-landing-block-p-t)
             var(--mainscreen-landing-block-p-h)
             var(--mainscreen-landing-block-p-b)
             var(--mainscreen-landing-block-p-h);
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    align-self: end;
    width: 100%;
    gap: var(--mainscreen-landing-g);
    background: linear-gradient(180deg, rgba(29, 31, 37, 0.00) 0%, rgba(29, 31, 37, 0.46) 40.12%, #1D1F25 147.08%);
}
.titles-block {
    display: flex;
    max-width: var(--mainscreen-landing-t-w-max);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--mainscreen-landing-g-h1-wrap);
}
.under-title {
    max-width: var(--mainscreen-landing-t-w-max);
    color: var(--white, #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);
    line-height: var(--font-line-height-font-body-m);
}
.title {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: end;
    width: 100%;
    padding: var(--mainscreen-block-padding-top)
             var(--mainscreen-block-padding-horizontal)
             var(--mainscreen-block-padding-botom)
             var(--mainscreen-block-padding-horizontal);
    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: -152px;
    }
}

/* about-tyumen */
.about-tyumen {
    position: relative;
    overflow: hidden;
}
.about-tyumen {
    height: clamp(var(--mainscreen-landing-min-h), 100dvh, var(--mainscreen-landing-max-h));
    min-height: var(--mainscreen-landing-min-h);
    max-height: var(--mainscreen-landing-max-h);
}
.about-tyumen .first-screen__bg-img,
.about-tyumen .first-screen__bg-video {
    height: 100%;
    min-height: var(--mainscreen-landing-min-h);
    max-height: var(--mainscreen-landing-max-h);
}
.about-tyumen .title {
    padding: unset;
    background: unset;
}
@media (min-width: 1008px) {
    .about-tyumen .title h1 {
        letter-spacing: -1.12px;
    }
}
@media (min-width: 1344px) {
    .about-tyumen .title h1 {
        letter-spacing: -1.6px;
    }
}
/* end about-tyumen */
/* End */


/* Start:/local/templates/mendeleev/components/mendeleev/orm.news.detail/reasons_to_come/style.css?17846291246759*/
.reasons_to_come {
    display: flex;
    padding: var(--main-v3-grid-margin)
             var(--main-v3-grid-margin)
             var(--block-spasing-offset-300)
             var(--main-v3-grid-margin);
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.reasons_to_come .container {
    padding-left: unset;
    padding-right: unset;
}
.reasons_to_come__inner {
    display: flex;
    min-width: var(--main-v3-grid-container-min);
    max-width: var(--main-v3-grid-container-max);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--main-v3-grid-gutter);
    align-self: stretch;
}
.reasons_to_come__title--wrapper {
    display: flex;
    min-width: var(--aboutcity-adv-sidebar-w-min);
    max-width: var(--aboutcity-adv-sidebar-w-max);
    min-height: 160px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    border-radius: var(--aboutcity-adv-sidebar-b-r);
    background: var(--bg-subtle, #F4F5F5);
    position: relative;
    overflow: hidden;
}
.reasons_to_come__ribbon {
    z-index: 0;
    pointer-events: none;
}
.reasons_to_come__title {
    display: flex;
    max-height: var(--aboutcity-adv-side-h);
    padding: var(--aboutcity-adv-side-p-t)
    var(--aboutcity-adv-side-p-h)
    var(--aboutcity-adv-side-p-b)
    var(--aboutcity-adv-side-p-h);
    justify-content: center;
    align-items: center;
    align-self: stretch;
    position: relative;
    z-index: 1;
}
.reasons_to_come__title h2 {
    flex: 1 0 0;
    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);
}
.reasons_to_come__cards {
    display: flex;
    min-width: 288px;
    align-items: stretch;
    align-content: flex-start;
    gap: var(--main-v3-grid-gutter);
    align-self: stretch;
    flex-wrap: wrap;
}
.reasons_to_come__card {
    display: flex;
    min-width: 288px;
    flex-direction: column;
    align-items: stretch;
    gap: var(--aboutcity-advcard-g-v);
    flex: 1 0 0;
}
.reasons_to_come__img {
    height: var(--aboutcity-advcard-h);
    min-width: var(--aboutcity-advcard-width-min);
    align-self: stretch;
    border-radius: var(--aboutcity-advcard-b-r);
    object-fit: cover;
    object-position: center;
    flex-shrink: 0;
}
.reasons_to_come__desc--wrapper {
    display: flex;
    min-width: var(--aboutcity-advcard-width-min);
    padding: var(--aboutcity-advcard-p-t)
             var(--aboutcity-advcard-p-h)
             var(--aboutcity-advcard-p-b)
             var(--aboutcity-advcard-p-h);
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--aboutcity-advcard-text-g);
    align-self: stretch;
    flex: 1 1 auto;
    border-radius: var(--aboutcity-advcard-b-r);
    background: var(--bg-subtle, #F4F5F5);
}
.reasons_to_come__desc--wrapper h5 {
    max-width: var(--aboutcity-advcard-text-w-max);
    align-self: stretch;
    color: var(--fg-base, #292C32);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-5);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h5);
    line-height: var(--font-line-height-font-heading-5);
}
.reasons_to_come__desc--wrapper span {
    max-width: var(--aboutcity-advcard-text-w-max);
    align-self: stretch;
    color: #000;
    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);
    line-height: var(--font-line-height-font-body-m);
}
.reasons_to_come__ribbon--left {
    position: absolute;
    top: -100px;
    left: -575px;
    object-fit: cover;
    object-position: center;
}
.reasons_to_come__ribbon--center {
    display: none;
}
.reasons_to_come__ribbon--right {
    position: absolute;
    bottom: -350px;
    right: -150px;
    object-fit: cover;
    object-position: center;
}
@media (min-width: 1008px) {
    .reasons_to_come__inner {
        flex-direction: row;
        align-items: stretch;
    }
    .reasons_to_come__title--wrapper {
        flex: 1 0 0;
        position: relative;
        justify-content: flex-start;
        align-self: stretch;
    }
    .reasons_to_come__title {
        flex: 0 0 auto;
        align-self: stretch;
        width: 100%;
        z-index: 1;
        height: var(--aboutcity-advcard-h);
    }
    .reasons_to_come__title.is-sticky {
        position: fixed;
        top: var(--reasons-to-come-sticky-top, 0);
        left: var(--reasons-to-come-title-left, 0);
        width: var(--reasons-to-come-title-width, 100%);
        max-width: var(--reasons-to-come-title-width, 100%);
        z-index: 1;
    }
    .reasons_to_come__title.is-sticky-bottom {
        position: absolute;
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
    }
    .reasons_to_come__cards {
        flex: 1 0 0;
        flex-direction: column;
        flex-wrap: unset;
    }
    .reasons_to_come__card {
        min-width: unset;
        flex-direction: row;
        align-items: stretch;
        gap: var(--aboutcity-advcard-g-h, 12px);
        align-self: stretch;
    }
    .reasons_to_come__img,
    .reasons_to_come__desc--wrapper {
        min-width: 0;
        flex: 1 1 calc(50% - var(--aboutcity-advcard-g-h, 12px) / 2);
        max-width: calc(50% - var(--aboutcity-advcard-g-h, 12px) / 2);
    }
    .reasons_to_come__img {
        height: auto;
        min-height: var(--aboutcity-advcard-h, 420px);
        align-self: stretch;
    }
    .reasons_to_come__desc--wrapper {
        gap: unset;
        height: auto;
        min-height: var(--aboutcity-advcard-h, 420px);
        justify-content: space-between;
    }
    .reasons_to_come__desc--wrapper h5 {
        max-width: unset;
    }
    .reasons_to_come__desc--wrapper span {
        max-width: unset;
    }
    .reasons_to_come__card:nth-child(even) .reasons_to_come__img {
        order: 2;
    }
    .reasons_to_come__card:nth-child(even) .reasons_to_come__desc--wrapper {
        order: 1;
    }
    .reasons_to_come__ribbon--left {
        top: -100px;
        left: -525px;
    }
    .reasons_to_come__ribbon--center {
        display: flex;
        position: absolute;
        top: 35%;
        object-fit: cover;
        object-position: center;
    }
    .reasons_to_come__ribbon--right {
        bottom: -350px;
        right: -75px;
    }
}

/* End */


/* Start:/local/templates/mendeleev/components/mendeleev/orm.news.list/top15.about-tyumen/style.css?17846291247367*/
.top15-at {
    display: flex;
    padding: var(--block-spasing-offset-400)
             var(--main-v3-grid-margin)
             var(--block-spasing-offset-500)
             var(--main-v3-grid-margin);
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.top15-at .container {
    display: flex;
    min-width: var(--main-v3-grid-container-min);
    max-width: var(--main-v3-grid-container-max);
    flex-direction: column;
    align-items: center;
    gap: var(--block-spasing-gap-500);
    align-self: stretch;
    padding-left: unset;
    padding-right: unset;
}
.top15-at__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-at__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-at__swiper {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
    position: relative;
}
.top15-at__swiper--inner {
    display: flex;
    align-items: flex-start;
    width: 100%;
    position: relative;
}
.top15-at__swiper--inner .swiper-wrapper {
    display: flex;
}
.top15-at__slide--img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
    z-index: -1;
}
.top15-at__slide {
    display: flex;
    --top15-at-slide-size: clamp(270px, calc(270px + (70 * (100vw - 320px)) / 73), 340px);
    width: var(--top15-at-slide-size);
    min-width: var(--top15-at-slide-size);
    max-width: var(--top15-at-slide-size);
    height: 480px;
    min-height: 480px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    border-radius: var(--aboutcity-placecard-b-r);
    position: relative;
    overflow: hidden;
    flex-shrink: 0;
    text-decoration: unset;
    border: none;
    padding: 0;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    user-select: none;
    -webkit-user-select: none;
    touch-action: pan-y;
}
.top15-at__slide--number {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    padding: var(--aboutcity-placecard-digit-p);
    justify-content: center;
    align-items: center;
    color: var(--alpha-colors-white-alpha-white-400, rgba(255, 255, 255, 0.85));
    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);
    z-index: 1;
}
.top15-at__swiper--navigation {
    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);
}
.top15-at__slide--bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    display: flex;
    width: 100%;
    padding: var(--aboutcity-placecard-text-p-t)
             var(--aboutcity-placecard-text-p-h)
             var(--aboutcity-placecard-text-p-b)
             var(--aboutcity-placecard-text-p-h);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--aboutcity-placecard-text-g);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 151.29%);
}
.top15-at__slide--name {
    color: var(--fg-on_color, #FFF);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: var(--font-family-display, "Druk Text Wide Cyr");
    font-size: var(--font-size-font-heading-5);
    font-style: normal;
    font-weight: var(--semantic-font-weight-heading-h5);
    line-height: var(--font-line-height-font-heading-5);
}
.top15-at__slide--tags {
    display: flex;
    align-items: center;
    gap: var(--event-card-tag-line-gap);
    align-self: stretch;
}
.top15-at__slide--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-light-bg-color-default, rgba(255, 255, 255, 0.14));
    backdrop-filter: blur(calc(var(--tag-bg-blur) / 2));
    color: var(--tag-light-text-color-default, #FFF);
    font-family: var(--font-family-text, Montserrat);
    font-size: var(--font-size-font-control-s);
    font-style: normal;
    font-weight: var(--semantic-font-weight-controls-normal);
    line-height: var(--font-line-height-font-control-s);
}
@media (min-width: 393px) {
    .top15-at__slide {
        --top15-at-slide-size: clamp(340px, calc(340px + (20 * (100vw - 393px)) / 614), 360px);
    }
}
@media (min-width: 1008px) {
    .top15-at__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;
        z-index: 2;
    }
    .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;
    }
    .afisha__swiper-btn-prev.swiper-button-disabled,
    .afisha__swiper-btn-next.swiper-button-disabled {
        background: var(--slider-arrow-dark-bg-color-disabled, #F4F5F5);
    }
    .top15-at .afisha__swiper-btn-next,
    .top15-at .afisha__swiper-btn-next {
        background: var(--slider-arrow-dark-bg-color-default, #F4F5F5);
    }
    .top15-at__slide {
        --top15-at-slide-size: 460px;
        height: 480px;
        min-height: 480px;
    }
}
@media (min-width: 1344px) {
    .top15-at__slide {
        --top15-at-slide-size: clamp(400px, calc(400px + (85 * (100vw - 1344px)) / 256), 485px);
        height: 600px;
        min-height: 600px;
    }
}
@media (min-width: 1600px) {
    .top15-at__slide {
        --top15-at-slide-size: clamp(485px, calc(485px + (107 * (100vw - 1600px)) / 320), 592px);
    }
}
@media (min-width: 1920px) {
    .top15-at__slide {
        --top15-at-slide-size: 592px;
    }
}
/* End */
/* /local/templates/mendeleev/components/mendeleev/orm.news.detail/first_screen/style.css?17846291243575 */
/* /local/templates/mendeleev/components/mendeleev/orm.news.detail/reasons_to_come/style.css?17846291246759 */
/* /local/templates/mendeleev/components/mendeleev/orm.news.list/top15.about-tyumen/style.css?17846291247367 */