.gosuslugi_widget
{
    cursor:pointer;
}
.news__slider .news__item-title {
    min-height: 72px;
}
@media (max-width: 767px) {
    .news__item-title, .news__slider .news__item-title {
        min-height: 120px;
    }
}
.useful__item a img
{
    /*width: 71px;*/
    height: 71px;
}
.useful__item span.has_icon
{
    max-width: 80%;
}

/* цвета для полезных ссылок на главной */
.useful__item a.color7 {
    background: linear-gradient(100.32deg, #F0F2F5 0%, #B8D8D0 98.13%);
}

.useful__item a.color8 {
    background: linear-gradient(100.32deg, #F5F3F0 0%, #E6D5B8 98.13%);
}

.useful__item a.color9 {
    background: linear-gradient(100.32deg, #F2F0F5 0%, #D4C2E0 98.13%);
}

.useful__item a.color10 {
    background: linear-gradient(100.32deg, #F0F5F2 0%, #B8D0C2 98.13%);
}

.useful__item a.color11 {
    background: linear-gradient(100.32deg, #F5F0F0 0%, #E0C2B8 98.13%);
}

.useful__item a.color12 {
    background: linear-gradient(100.32deg, #F0F2F5 0%, #B8C5D0 98.13%);
}

.useful__item a.color13 {
    background: linear-gradient(100.32deg, #F5F2F0 0%, #E0D0B8 98.13%);
}

.useful__item a.color14 {
    background: linear-gradient(100.32deg, #F0F5F5 0%, #B8D0D0 98.13%);
}

.useful__item a.color15 {
    background: linear-gradient(100.32deg, #F5F0F2 0%, #E0B8C5 98.13%);
}

.useful__item a.color16 {
    background: linear-gradient(100.32deg, #F2F5F0 0%, #C2D0B8 98.13%);
}

.useful__item a.color17 {
    background: linear-gradient(100.32deg, #F0F0F5 0%, #C2B8E0 98.13%);
}

.useful__item a.color18 {
    background: linear-gradient(100.32deg, #F5F5F0 0%, #D0C2B8 98.13%);
}
/* Приглушенные зеленые */
.useful__item a.color19 {
    background: linear-gradient(100.32deg, #F2F5F0 0%, #C8D9BF 98.13%);
}

.useful__item a.color20 {
    background: linear-gradient(100.32deg, #F0F3F2 0%, #BFD9D1 98.13%);
}

/* Приглушенные голубые */
.useful__item a.color21 {
    background: linear-gradient(100.32deg, #F0F2F5 0%, #BFC9D9 98.13%);
}

.useful__item a.color22 {
    background: linear-gradient(100.32deg, #F2F0F5 0%, #C9BFD9 98.13%);
}

/* Приглушенные бежевые */
.useful__item a.color23 {
    background: linear-gradient(100.32deg, #F5F2F0 0%, #D9C9BF 98.13%);
}

.useful__item a.color24 {
    background: linear-gradient(100.32deg, #F5F0F2 0%, #D9BFC9 98.13%);
}

/* Приглушенные розовые */
.useful__item a.color25 {
    background: linear-gradient(100.32deg, #F5F0F0 0%, #D9C4C4 98.13%);
}

.useful__item a.color26 {
    background: linear-gradient(100.32deg, #F2F0F3 0%, #D1C4D1 98.13%);
}

/* Приглушенные персиковые */
.useful__item a.color27 {
    background: linear-gradient(100.32deg, #F5F2ED 0%, #D9CCBF 98.13%);
}

.useful__item a.color28 {
    background: linear-gradient(100.32deg, #F5EDF0 0%, #D9BFCC 98.13%);
}

/* Приглушенные мятные */
.useful__item a.color29 {
    background: linear-gradient(100.32deg, #F0F5F2 0%, #BFD9CC 98.13%);
}

.useful__item a.color30 {
    background: linear-gradient(100.32deg, #EDF2F5 0%, #BFCCD9 98.13%);
}

/* Приглушенные лавандовые */
.useful__item a.color31 {
    background: linear-gradient(100.32deg, #F2F0F5 0%, #CCC4D9 98.13%);
}

.useful__item a.color32 {
    background: linear-gradient(100.32deg, #F5F0F5 0%, #D9C4D4 98.13%);
}

/* Приглушенные оливковые */
.useful__item a.color33 {
    background: linear-gradient(100.32deg, #F3F5F0 0%, #D1D9BF 98.13%);
}

.useful__item a.color34 {
    background: linear-gradient(100.32deg, #F0F3F5 0%, #BFD1D9 98.13%);
}

/* Приглушенные сиреневые */
.useful__item a.color35 {
    background: linear-gradient(100.32deg, #F3F0F5 0%, #D1BFD9 98.13%);
}

.useful__item a.color36 {
    background: linear-gradient(100.32deg, #F5F0F3 0%, #D9BFD1 98.13%);
}

/* Приглушенные серо-голубые */
.useful__item a.color37 {
    background: linear-gradient(100.32deg, #F0F2F4 0%, #C4C9D4 98.13%);
}

.useful__item a.color38 {
    background: linear-gradient(100.32deg, #F4F2F0 0%, #D4CCC4 98.13%);
}

.header__nav>ul>li>.sub-menu__wrapper
{
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.mobile__menu-nav li.item-has-children>a:after
{
    transform: none;
}
.btn.selected:before
{
    border: 4px solid var(--color-accent);
}
.section.text-page
{
    font-weight: 400;
    font-size: 20px;
    line-height: 34px;
    /*text-indent: 32px;*/
    font-family: 'DIN Pro';
}
.section.text-page p:not(:last-child)
{
    margin-bottom: 34px;
}
.section.text-page img
{
    display: initial;
    /*height: revert-layer;*/
}
.clear
{
    clear: both;
}
h1.hidden
{
    display:none;
}
.event__modal-info
{
    gap:20px;
}
.event__modal-info
{
    font-size: 20px;
    line-height: 22px;
}
.event__modal-title
{
    line-height: initial;
    margin-bottom: 40px;
}
.event__info-bottom
{
    font-size: 18px;
    line-height: 20px;
}
.event__info-top
{
    gap:10px;
}
.event__item-date span
{
    text-transform: uppercase;
}
.calendar__item-element
{
    font-weight: 700;
}
.calendar__item-element span
{
    cursor: pointer;
}
.calendar__item-element.active
{
    background: rgb(247, 247, 247);
    margin-right: 6px;
    border-radius: 0;
    width: 40px;
    height: 60px;
    position: relative;
}
.calendar__item-element.active::after {
    content: "";
    background: rgb(247, 247, 247);
    position: absolute;
    height: 100%;
    width: 6px;
    top: 0;
    right: -6px;
}
.calendar__item-element.selected
{
    background: rgb(247, 247, 247);
    padding-right: 6px;
    border-radius: 19px;
    width: 40px;
    height: 60px;
    position: relative;
    padding-left:6px;
}
.calendar__item-element.start
{
    background: rgb(247, 247, 247);
    padding-right: 6px;
    border-radius: 19px 0 0 19px;
    width: 40px;
    height: 60px;
    position: relative;
}
.calendar__item-element.end
{
    background: rgb(247, 247, 247);
    margin-right: 6px;
    border-radius: 0 19px 19px 0;
    width: 40px;
    height: 60px;
    position: relative;
}
.page.search h1, .page.event h1
{
    line-height: 36px;
}

#tabs .ui-state-focus a, #tabs .ui-state-hover a
{
    color:black;
}
.page__buttons .btn
{
    padding: 10px 20px;
}

/* Картинки главного баннера: общая геометрия для всех вариантов. */
.header__bottom {
    isolation: isolate;
}

header.header .header__bottom-img {
    position: absolute;
    inset: auto 0 0 auto;
    width: max(0px, calc(100% - 700px));
    height: 100%;
    min-height: 0;
    transform: none;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    pointer-events: none;
    z-index: -1;
}

header.header .header__bottom-img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Прозрачность вариантов; на мобильных часть значений меняется ниже. */
.header__bottom-img.girl,
.header__bottom-img.stella {
    opacity: 0.4;
}

.header__bottom-img.krepost_inside,
.header__bottom-img.krepost_outside,
.header__bottom-img.drevo,
.header__bottom-img.park {
    opacity: 0.8;
}

.header__bottom-img.stella.new-stella {
    opacity: 0.9;
}

.header__bottom-img.girl.new-girl,
.header__bottom-img.sandahchiev,
.header__bottom-img.stadion {
    opacity: 1;
}

/* Широкие изображения и панорамы. */
header.header .header__bottom-img:is(.park, .stadion, .skif) {
    width: 100%;
}

/* Панорамы начинаются ниже первой строки, справа от подзаголовка. */
header.header .header__bottom-img:is(.angioline, .caterpillar, .ufok, .katren, .krepost_inside, .krepost_outside) {
    width: calc(100% - 400px);
    height: calc(100% - 82px);
    justify-content: flex-end;
}

@media (min-width: 768px) {
    header.header .header__bottom-img:is(.skif, .ufok) {
        opacity: 1;
    }

    header.header .header__bottom-img.ufok {
        width: calc(100% - 370px);
    }

    header.header .header__bottom-img.ufok img {
        width: 100%;
    }

    header.header .header__bottom-img:is(.park, .stadion, .skif) {
        justify-content: flex-end;
    }

    /* Как у исходного SVG: нижняя часть дороги уходит за край баннера. */
    header.header .header__bottom-img.krepost_inside.trees {
        bottom: -40px;
        height: 100%;
    }

    header.header .header__bottom-img.girl.new-girl,
    header.header .header__bottom-img.drevo,
    header.header .header__bottom-img.stella {
        /* Нижний отступ шапки (20px) и прозрачное поле самого WebP. */
        bottom: -26px;
        height: calc(100% - 104px);
    }

    header.header .header__bottom-img.girl.new-girl img,
    header.header .header__bottom-img.drevo img,
    header.header .header__bottom-img.stella img {
        width: 100%;
        height: 100%;
        object-position: center bottom;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    header.header .header__bottom-img.skif {
        height: calc(100% - 82px);
    }

    header.header .header__bottom-img.skif img {
        max-width: calc(100% - 400px);
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    header.header .header__bottom-img {
        width: calc(100% - 380px);
        height: calc(100% - 130px);
    }
}

@media (min-width: 1024px) {
    header.header .header__bottom-img.girl.new-girl,
    header.header .header__bottom-img.drevo,
    header.header .header__bottom-img.stella {
        height: calc(100% + 60px);
    }
}

@media (max-width: 767px) {
    .header:has(:is(.caterpillar, .angioline, .katren, .ufok, .krepost_inside, .krepost_outside, .park, .stadion, .girl, .drevo, .sandahchiev, .skif, .stella)) .header__top {
        margin-bottom: 10px;
    }

    header.header .header__bottom-img,
    header.header .header__bottom-img:is(.angioline, .caterpillar, .ufok, .katren, .krepost_inside, .krepost_outside) {
        inset: 0;
        width: 100%;
        height: 100%;
        align-items: center;
        justify-content: center;
    }

    .header__bottom-img.ufok,
    .header__bottom-img.krepost_inside,
    .header__bottom-img.krepost_outside {
        opacity: 1;
    }

    .header__bottom-img.girl {
        opacity: 0.35;
    }

    .header__bottom-img.girl.new-girl, .header__bottom-img.katren, .header__bottom-img.angioline,
    .header__bottom-img.sandahchiev, .header__bottom-img.caterpillar {
        opacity: 0.7;
    }

    .header__bottom-img.drevo {
        opacity: 0.5;
    }

    .header__bottom-img.stella {
        opacity: 0.2;
    }

    .header__bottom-img.stella.new-stella {
        opacity: 0.3;
    }
}

.news__block.big .news__item-img img
{
    width:100%;
}
.section.page
{
    overflow: auto;
}
.news-detail__body #thumbnail-slider
{
    height:700px !important;
}

header.header .header__button
{
    display: flex;
    flex-direction: row;
    width: fit-content;
    gap: 10px;
}
header.header .header__button a.btn
{
    font-size: 17px;
    padding: 8px 20px;
}
@media(max-width: 767px) {
    header.header .header__button
    {
        flex-direction: column;
        margin: 0 auto;
    }
    header.header .header__button a.btn
    {
        padding: 8px 50px;
    }
}
.video-frame iframe
{
    width:100% !important;
}
.news-detail-content .splide__slide img
{
    height: fit-content;
}