/* Start:/local/templates/ru/assets/css/settings/main.css?17790713711063*/
/* ==========================================================================
   MAIN STYLESHEET
   ========================================================================== */

/* Import base styles */
@import url('/local/templates/ru/assets/css/settings/base.css');
@import url('/local/templates/ru/assets/css/settings/typography.css');

/* Import components */
@import url('/local/templates/ru/assets/css/settings/../components/button.css');
@import url('/local/templates/ru/assets/css/settings/../components/header.css');
@import url('/local/templates/ru/assets/css/settings/../components/footer.css');
@import url('/local/templates/ru/assets/css/settings/../components/yandex.css');
@import url('/local/templates/ru/assets/css/settings/../components/common.css');
@import url('/local/templates/ru/assets/css/settings/../components/horizontal-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/breadcrums.css');
@import url('/local/templates/ru/assets/css/settings/../components/drop-down-list.css');
@import url('/local/templates/ru/assets/css/settings/../components/menu.css');
@import url('/local/templates/ru/assets/css/settings/../components/gallery.css');
@import url('/local/templates/ru/assets/css/settings/../components/pagination.css');
@import url('/local/templates/ru/assets/css/settings/../components/project.css');
@import url('/local/templates/ru/assets/css/settings/../components/carousel.css');
@import url('/local/templates/ru/assets/css/settings/../components/tags.css');
@import url('/local/templates/ru/assets/css/settings/../components/auto-slider.css');
@import url('/local/templates/ru/assets/css/settings/../components/grey-card.css');
@import url('/local/templates/ru/assets/css/settings/../components/layout.css');
@import url('/local/templates/ru/assets/css/settings/../components/cookie-popup.css');
/* End */


/* Start:/local/templates/ru/assets/css/pages/news/news-detail.css?17790713713417*/
/* Стили для секции заголовка */
.news-detail__header-section {
    width: 100%;
}

.news-detail__header-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    margin: 0 auto;
    padding-top: 46px;
    padding-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    height: clamp(27.5rem, 22.1449rem + 22.8484vw, 49.563rem);
    gap: clamp(0.938rem, 0.6346rem + 1.2945vw, 2.188rem);
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.20) 0%, #00504E 100%), url('/local/templates/ru/assets/css/pages/news/../../../img/news/background-detailed.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.news-detail__header-wrapper-datetime {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(0.625rem, 0.3823rem + 1.0356vw, 1.625rem);
}

.news-detail__header-datetime {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    border-radius: 5px;
    padding: clamp(0.25rem, 0.2347rem + 0.0652vw, 0.313rem) clamp(0.5rem, 0.4697rem + 0.1294vw, 0.625rem);
}

.news-detail__title {
    color: var(--color-white);
    max-width: 1019px;
}

/* Стили для секции контета */
.news-detail__content {
    padding-top: clamp(4.125rem, 3.6092rem + 2.2006vw, 6.25rem);
    padding-left: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-right: clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
    padding-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    gap: clamp(4.125rem, 2.3956rem + 7.3786vw, 11.25rem);
    display: grid;
    grid-template-columns: 2fr 1fr;
}

/* Стили для секции с новостями */
.news-detail__info {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

.news-detail__info__tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.news-detail__info__tag {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-blue-light);
    border-radius: 5px;
    padding: clamp(0.25rem, 0.2347rem + 0.0652vw, 0.313rem) clamp(0.5rem, 0.4697rem + 0.1294vw, 0.625rem);
}

.news-detail__info__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
}

.news-detail__info__img {
    width: 100%;
    border-radius: clamp(0.625rem, 0.3973rem + 0.9714vw, 1.563rem);
}

.news-detail__info__wrapper-buttons {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.news-detail__info__buttons {
    display: flex;
    align-items: center;
    width: fit-content;
    gap: clamp(0.5rem, 0.3786rem + 0.5178vw, 1rem);
}

/* Стили для секции также по теме*/


@media (max-width: 800px) {
    .news-detail__content {
        display: flex;
        flex-direction: column;
    }

    .news-detail__info__buttons,
    .news-detail__info__buttons button {
        width: 100%;
    }
}

@media (min-width:800px) {
    .news-detail__similar {
        display: flex;
        flex-direction: column;
    }

    .news-detail__similar .horizontal-slider__card {
        width: auto;
    }
}
/* End */


/* Start:/local/templates/ru/assets/css/pages/journal/journal.css?17790713715223*/
.journal {
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.journal__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.3216rem + 1.2945vw, 2.875rem);
}

/*Шапка*/
.journal__wrapper-title {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}

.wrapper-titile__description {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.journal__wrapper-titile__description {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
}

.journal__wrapper-text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    height: 100%;
}

.journal__tittle-description {
    width: clamp(21.563rem, 16.177rem + 22.977vw, 43.75rem);
}

.journal__wrapper-titile__description img {
    height: clamp(16.375rem, 14.2359rem + 9.1267vw, 25.188rem);
}


.journal__items-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: clamp(0.75rem, 0.553rem + 0.841vw, 1.563rem);
}

.journal__card {
    position: relative;

    height: clamp(16.875rem, 13.219rem + 15.599vw, 31.938rem);
}

.journal__card-top {
    width: 100%;
    height: 100%;
    height: clamp(7rem, 5.453rem + 6.602vw, 13.375rem);

    border-radius: 16px 16px 0 0;

    --bg-url: url('/img/comfortable-conditions.jpg');
    background: var(--bg-url) lightgray center center no-repeat;
    background-size: cover;
}

.journal__card-bottom {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.879rem + 0.518vw, 1.5rem);

    min-height: clamp(9.75rem, 7.611rem + 9.126vw, 18.563rem);

    padding: clamp(1rem, 0.757rem + 1.036vw, 2rem);

    background-color: #F3F4F4;
    border-radius: 0 0 16px 16px;
}

.journal__card-hover-container {
    position: absolute;
    top: 0;
    left: 0;

    height: 100%;
    width: 100%;

    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s;
}

.journal__card-hover {
    display: grid;
    grid-template-rows: 1fr 1fr;

    height: 100%;

    padding: clamp(1rem, 0.757rem + 1.036vw, 2rem);

    border-radius: 16px;
    background-color: #F04018;
}

.journal__card:hover .journal__card-hover-container {
    opacity: 1;
    visibility: visible;
}

.journal__card-hover-top {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.journal__card-hover-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: clamp(1.875rem, 1.42rem + 1.942vw, 3.75rem);
}

.journal__card-hover-bottom-button {
    display: flex;
    align-items: center;
    gap: 15px;

    color: #fff;
}

.journal__card-bottom>span:first-child {
    color: var(--color-graphite);
}

.journal__card-hover-top>p:last-child,
.journal__card-bottom>p:last-child {
    font-size: clamp(0.5rem, 0.379rem + 0.518vw, 1rem);
    line-height: clamp(0.625rem, 0.473rem + 0.647vw, 1.25rem);

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
}

.journal__card-hover-top>* {
    color: #fff;
}

.horizontal-slider .journal__card {
    min-width: clamp(21.5rem, 17.692rem + 16.246vw, 37.188rem);
}

.journal__banner {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
}

.journal__banner.journal__banner-left {
    flex-direction: row;
}

.journal__banner.journal__banner-right {
    flex-direction: row-reverse;
}

.journal__banner.journal__banner-right,
.journal__banner.journal__banner-left {
    gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
}

.journal__banner.journal__banner-right img,
.journal__banner.journal__banner-left img {
    max-width: 307px;
    min-height: clamp(12.5rem, 7.433rem + 21.618vw, 33.375rem);
    height: auto;
}

.journal__banner img {
    display: block;

    width: 100%;
    height: clamp(12.5rem, 7.433rem + 21.618vw, 33.375rem);    

    border-radius: 25px;

    object-fit: cover;
}

.journal__banner-text-container {
    display: flex;
    flex-direction: column;
    gap: 25px;

    width: 100%;
}

.journal__delimeter {
    height: 1px;
    width: 100%;

    background-color: #000;
}

.news-detail__content {
    gap: 25px;
}

@media (width <= 1200px) {

    .journal__banner.journal__banner-right,
    .journal__banner.journal__banner-left {
        flex-direction: column;
        gap: clamp(1.625rem, 1.322rem + 1.294vw, 2.875rem);
    }

    .journal__banner.journal__banner-right img,
    .journal__banner.journal__banner-left img {
        max-width: 100%;
    }

    .journal__items-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (width <= 800px) {
    .journal__wrapper-title {
        flex-direction: column;
    }

    .journal__wrapper-titile__description {
        display: none;
    }

    .news-detail__content {
        gap: 66px;
    }
}

@media (width <= 500px) {
    .journal__items-container {
        grid-template-columns: 1fr;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17790713711063 */
/* /local/templates/ru/assets/css/pages/news/news-detail.css?17790713713417 */
/* /local/templates/ru/assets/css/pages/journal/journal.css?17790713715223 */