

/* Start:/local/templates/main/components/bitrix/news/activity/style.css?1754492109270*/
/**/
.activity {
    overflow: hidden;
}

.activity-head {
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 24px;
}

.activity-head h1 {
    font-weight: 400;
    font-size: 48px;
    line-height: 100%;
    color: var(--main-color-link);
    margin-top: 6px;
}

/* End */


/* Start:/local/templates/main/components/bitrix/breadcrumb/main/style.css?1732283412627*/
.breadcrumb {
    padding-top: 12px;
    overflow: hidden;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.breadcrumb-scroll {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    padding-bottom: 10px;
}

.breadcrumb__item {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.4px;
    color: #989CAE;
    text-decoration: none;
}

.breadcrumb__item--link {
    position: relative;
    padding-right: 17px;
    color: #fff;
}

.breadcrumb__item--link:after {
    content: '/';
    position: absolute;
    right: 6px;
}


/* End */


/* Start:/local/templates/main/components/bitrix/news.detail/activity/style.css?17550935266347*/
.activity-detail {

}

.activity-detail__wrap {
    display: flex;
}

.activity-detail__main {
    flex: 1;
    width: calc(100% - 454px);
    padding-top: 40px;
    border-right: 1px solid #3C3E47;
}

.activity-detail__right {
    padding-top: 40px;
    width: 454px;
}

.activity-informer {
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 40px;
    padding-left: 40px;
}

.activity-informer__item {
    font-weight: 400;
    font-size: 26px;
    line-height: 32px;

    &:not(:last-child) {
        margin-bottom: 30px;
    }
}

.activity-informer__title {
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    color: var(--main-color-link);
    margin-bottom: 12px;
}

.activity-tg {
    padding-top: 40px;
    padding-left: 40px;
}

.activity-tg--mob {
    display: none;
}

.activity-tg__title {
    font-size: 14px;
    font-weight: 400;
    line-height: 16.8px;
    color: #989CAE;
    margin-bottom: 20px;
}

.btn.btn-tg {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    width: 100%;
    max-width: 323px;
    margin-bottom: 20px;

    & svg {
        margin-left: 5px;
    }
}

/*props*/
.activity-gallery {
    border-bottom: 1px solid #3C3E47;
    padding-bottom: 43px;
    padding-right: calc(100% - (888 / 918 * 100%));
}

.gallery__wrap {
    position: relative;
}

.gallery__title {
    font-weight: 400;
    font-size: 32px;
    line-height: 120%;
    color: #FFFFFF;
    margin-bottom: 35px;
}

.gallery__slider {
    margin-bottom: 20px;
}

.gallery__slider img {
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 380px;
    object-fit: cover;
}

.swiper-nav {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    gap: 20px;
    z-index: 10;

    & svg {
        width: 46px;
        height: 46px;
    }

    .swiper-button-next, .swiper-button-prev {
        position: static;
        width: 46px;
        height: 46px;
        padding: 0;
        margin: 0;
        background-color: transparent;
        -webkit-transition: opacity 0.3s ease-out;
        -o-transition: opacity 0.3s ease-out;
        transition: opacity 0.3s ease-out;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        display: none;
    }
}

.swiper-button-prev {
}

.swiper-button-next {
}

.gallery__thumbs {

    & img {
        width: 100%;
        height: 100px;
        object-fit: cover;
        cursor: pointer;

        &:hover {
            opacity: .4;
        }
    }

    .swiper-slide-thumb-active img {
        opacity: .4;
    }
}

.gallery__thumbs__count {
    position: absolute;
    right: 51px;
    width: fit-content;
    line-height: 120%;
    bottom: 30px;
    color: #fff;
    background-color: transparent;
    z-index: 30;
    font-size: 32px;
    text-align: center;
    pointer-events: none;
}

.is-video {
    position: relative;

    & svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        pointer-events: none;
    }
}

/**/
.informer-date {
    font-weight: 500;
    font-size: 20px;
    color: var(--main-color-gray-middle);
}

.informer-place {
    border-bottom: 1px dashed #fff;
    display: inline-block;
}

/**/
.al-breadcrumbs__item {
    max-width: 40%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/**/
.activity-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    margin-bottom: 40px;
    padding-top: 40px;
}

/**/
.fancybox-content {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 0 !important;
}

@media (max-width: 1300px) {
    .activity-detail__main {
        flex: initial;
        width: calc(100% - 450px);
        min-width: 640px;
    }

    .activity-desc {
        padding-right: 40px;
    }
}

@media (max-width: 991px) {
    .activity-head {
        border: 0;
        padding-bottom: 24px;
    }

    .activity-head h1 {
        font-size: 32px;
        font-weight: 400;
        line-height: 120%;
    }

    .activity-detail__wrap {
        flex-wrap: wrap;
    }

    .activity-detail__main,
    .activity-detail__right {
        width: 100%;
        min-width: initial;
        max-width: initial;
        flex: initial;
        border: 0;
    }

    .activity-detail__main {
        order: 1;
        padding-top: 25px;
    }

    .activity-detail__right {
        padding: 0;
    }

    .activity-informer {
        padding-left: 0;
        padding-bottom: 32px;
    }

    .activity-gallery {
        padding-right: 0;
        padding-bottom: 10px;
    }

    /**/
    .activity-desc {
        padding-right: 0;
        margin-bottom: 24px;
        padding-bottom: 24px;
        border-bottom: 1px solid #3C3E47;
    }

    .activity-desc--long-text {
        margin-bottom: 50px;
    }

    .activity-tg--desc {
        display: none;
    }

    .activity-tg--mob {
        display: block;
    }

    .activity-tg {
        padding-top: 0;
        padding-left: 0;
    }

    /**/
    .activity-informer__item {
        font-size: 18px;
        line-height: 140%;

        &:not(:last-child) {
            margin-bottom: 24px;
        }
    }

    .informer-date {
        font-size: 18px;
        line-height: 140%;
    }

    .activity-informer__title {
        font-size: 12px;
    }

    .gallery__title {
        font-weight: 400;
        font-size: 32px;
        line-height: 120%;
        color: #FFFFFF;
        margin-bottom: 26px;
    }

    .gallery__slider {
        margin-bottom: 5px;
    }

    .swiper-nav {
        display: none;
    }

    .gallery__slider img {
        max-height: 210px;
    }

    .gallery__thumbs {
        & img {
            height: 75px;
            object-fit: cover;
        }
    }

    .gallery__thumbs__count {
        right: 39px;
        bottom: 32px;
        padding: 20px;
        margin: -20px;
        font-weight: 400;
        font-size: 18px;
        line-height: 140%;
    }

    .btn.btn-tg {
        width: 100%;
        max-width: 450px;
        line-height: 52px;
        height: 52px;
    }


    .fancybox-content iframe {
        width: 100%;
        min-width: 400px;
        max-width: 720px;
        height: auto;
        aspect-ratio: 16/9;
    }
}

@media (max-width: 991px) {
    body .footer {
        margin-bottom: 50px;
    }
}

/* End */
/* /local/templates/main/components/bitrix/news/activity/style.css?1754492109270 */
/* /local/templates/main/components/bitrix/breadcrumb/main/style.css?1732283412627 */
/* /local/templates/main/components/bitrix/news.detail/activity/style.css?17550935266347 */
