/* 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-main.css?17790713713336*/
.news-main {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.news-main__content {
    display: flex;
    flex-direction: column;
    gap: clamp(2.875rem, 2.0558rem + 3.4951vw, 6.25rem);
}

.news-main__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

/*Раздел главных новостей*/
.news-main__wrapper-main {
    display: flex;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

/*Сми о нас*/
.news-main__news-bar {
    display: flex;
    flex-direction: column;
    gap: clamp(0.938rem, 0.8470rem + 0.3883vw, 1.313rem);
    padding: clamp(0.938rem, 0.7863rem + 0.6472vw, 1.563rem);
    background-color: var(--color-grey);
    border-radius: 15px;
    width: clamp(21.563rem, 20.5771rem + 4.2066vw, 25.625rem);
    flex-shrink: 0;
    margin-bottom: 15px;
    height: fit-content;
}

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

.news-main__news-bar__item {
    display: flex;
    gap: 16px;
}

.news-main__news-bar__img {
    width: 47px;
    flex-shrink: 0;
    height: 47px;
    border-radius: 10px;
}

.news-main__news-bar__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/*Карточки новостей*/
.horizontal-slider__content-cards--withoutslider {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}

.horizontal-slider__content-cards--withoutslider .horizontal-slider__card {
    width: auto;
}


/*Карточка с наложением карточки*/
.news-main__section-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: clamp(3rem, 2.5146rem + 2.0712vw, 5rem) 0px;
}

.news-main__wrapper-card {
    display: flex;
    flex-direction: column;
    background-color: var(--color-green);
    padding: clamp(1.5rem, 0.4078rem + 4.6602vw, 6rem);
    border-radius: 14px;
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
}

.news-main__card {
    display: flex;
    flex-direction: column;
    gap: clamp(1rem, 0.8633rem + 0.5830vw, 1.563rem);
    width: 40%;
}

.news-main__card-img {
    clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%, 0 50px);
    border-radius: 14px;
    position: absolute;
    right: 30px;
    top: 0;
    z-index: 1;
    bottom: 0;
    margin: auto;
    width: 54%;
    height: clamp(18rem, 13.8738rem + 17.6052vw, 35rem);
}

.news-main__card button:hover {
    background-color: #393330;
}

.tags-menu__buttons {
    display: flex;
    gap: 26px
}

.tags-menu__controls__button-find {
    height: 32px;
    border-radius: 14px;
}


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

    .news-main__news-bar {
        width: 100%;
    }
}

@media (max-width: 1200px) {
    .news-main__card-img {
        clip-path: none;
        position: relative;
        right: 0;
        width: 100%;
        border-radius: 14px 14px 0px 0px;
    }


    .news-main__wrapper-card {
        clip-path: none;
        border-radius: 0px 0px 14px 14px;
    }

    .news-main__section-card {
        padding: 0;
    }

    .news-main__card {
        width: 100%;
    }
}
/* End */


/* Start:/local/templates/ru/assets/css/pages/about-univer/vacancy/vacancy-main.css?17790713712120*/
.vacancy-main__wrapper-content {
    display: flex;
    flex-direction: column;
    padding: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem) clamp(0.938rem, 0.5589rem + 1.6176vw, 2.5rem);
}

.vacancy-main__title {
    margin-bottom: clamp(2.875rem, 2.5716rem + 1.2945vw, 4.125rem);
}

.vacancy-main__content {
    display: flex;
    flex-direction: column;
    gap: clamp(1.625rem, 0.5631rem + 4.5307vw, 6rem);
}

.vacancy-main__wrapper-card {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(1rem, 0.8483rem + 0.6472vw, 1.625rem);
}

.vacancy-main__card {
    display: flex;
    flex-direction: column;
    gap: 26px;
    padding: clamp(0.875rem, 0.7233rem + 0.6472vw, 1.5rem);
    width: clamp(21.437rem, 19.9351rem + 6.4083vw, 27.625rem);
    height: clamp(9.125rem, 4.7104rem + 18.8355vw, 27.313rem);
    border-radius: 12px;
    border: 1px solid var(--color-grey-secondary);
    cursor: pointer;
    transition: all var(--transition-normal) ease-out;
}

.vacancy-main__card:hover {
    background-color: var(--color-grey);
}

.vacancy-main__card__wrapper-text {
    display: flex;
    flex-direction: column;
    gap: clamp(0.625rem, 0.5340rem + 0.3883vw, 1rem);
    overflow: hidden;
    padding-left: 20px;
}

.news-main__wrapper-card {
    /* width from 1920 to 375, value from 70px to 24px  */
    /* width from 1920 to 375, value from 96px to 24px  */
    padding: clamp(1.5rem, 0.802rem + 2.977vw, 4.375rem) clamp(1.5rem, 0.408rem + 4.66vw, 6rem);
}

.news-main__card {
    max-width: 550px;
}

.news-main__card-img {
    overflow: hidden;

    /* width from 1920 to 375, value from 645px to 191px  */
    height: clamp(11.938rem, 5.05rem + 29.385vw, 40.313rem);
}

.news-main__card-img-gradient,
.news-main__card-img-inner {
    position: absolute;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
}

.news-main__card-img-gradient {
    background: linear-gradient(180deg, rgba(0, 80, 78, 0.00) 40%, #00504E 100%);
}

.news-main__card-img-inner {
    object-fit: cover;
}

@media (max-width: 1200px) {
    .news-main__card-img-gradient {
        display: none;
    }
}
/* End */
/* /local/templates/ru/assets/css/settings/main.css?17790713711063 */
/* /local/templates/ru/assets/css/pages/news/news-main.css?17790713713336 */
/* /local/templates/ru/assets/css/pages/about-univer/vacancy/vacancy-main.css?17790713712120 */