/* Start:/local/templates/novovel/main.css?1790892205102186*/
@charset "UTF-8";

:root {
    --font-family: 'Onest', sans-serif;
    --font-line-height: 1.1em;
    --font-size: 18px;
    --font-root-size: 18px;
    --color-black: #000;
    --color-white: #fff;
    --color-accent: #9F215A;
    --color-accent-light: #be2067;
    --color-accent-dark: #7e0d40;
    --color-accent-lightdark: #7c0f40;
    --color-purple: #AF3077;
    --color-light-green: #ECF4EF;
    --color-light-blue: #E8F6FD;
    --color-font-black: #000;
    --color-font-gray: rgb(112, 115, 123);
    --color-font-darkgray: #676767;
    --color-font-green: #128039;
    --color-font-blue: #2E6FCA;
    --color-font-white: #fff;
    --color-hover-link: #128039;
    --color-border-gray: #E0E5EE;
    --color-bg-gray: #F7F8FA;
    --color-bg-blue: #2E6FCA;
    --color-bg-dark: #000a23;
    --color-bg-white: #fff;
    --color-bg-light-gray: rgb(247, 248, 250);
    --container-max-width: 1800px;
    --container-padding: 10px;
    --border-radius: 24px;
    --animation: 300ms;
    --ui-icon-width: 24px;
    --ratio: 15;
    /**/
    --color-grey-btn: #EFF1F5;
    --color-text-grey-btn: #848B9F;
}

/* cyrillic-ext */
@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/gNMKW3F-SZuj7xmS-HY6EQ.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/gNMKW3F-SZuj7xmb-HY6EQ.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/gNMKW3F-SZuj7xmR-HY6EQ.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Onest";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/gNMKW3F-SZuj7xmf-HY.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* cyrillic-ext */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggqxSuXd.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggOxSuXd.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* greek */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggSxSuXd.woff2) format("woff2");
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

/* vietnamese */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggixSuXd.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggmxSuXd.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: "Main";
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
    src: url(/local/templates/novovel/fonts/xn7gYHE41ni1AdIRggexSg.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

*,
*:before,
*:after {
    box-sizing: border-box;
    -ms-flex: 0 1 auto;
}

pre {
    white-space: break-spaces;
}

body {
    line-height: var(--font-line-height);
    font-family: var(--font-family);
    font-size: var(--font-size);
    font-weight: normal;
    color: var(--color-font);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.container {
    max-width: var(--container-max-width);
    width:  calc(100% - 2rem);
    margin: 0 auto;
    padding: 0 var(--container-padding);
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

p {
    line-height: 1.5em;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0;
    word-wrap: break-word;
}

b {
    font-weight: bold;
}

a {
    text-decoration: none;
    color: var(--color-font-black);
}

button,
input,
select,
textarea {
    font-family: var(--font-family);
    font-weight: normal;
    color: var(--color-font);
}

button,
select {
    cursor: pointer;
}

img {
    max-width: 100%;
    height: auto;
    display: inline-flex;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    list-style: none;
}

::-moz-selection {
    background: var(--color-accent);
    color: #fff;
}

::selection {
    background: var(--color-accent);
    color: #fff;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.nowrap {
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    overflow: hidden;
}

.noscroll {
    position: fixed;
    overflow: hidden;
    inset: 0px;
}

.clamp {
    --clamp: 2;
    display: -webkit-box;
    -webkit-line-clamp: var(--clamp);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.clamp.clamp-1 {
    --clamp: 1;
}

.clamp.clamp-2 {
    --clamp: 2;
}

.clamp.clamp-3 {
    --clamp: 3;
}

.clamp.clamp-4 {
    --clamp: 4;
}

.spinner {
    --size: 2px;
    --speed: 0.8s;
    --width: 20px;
    --fill: var(--color);
    --background-color: transparent;
}

.spinner:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: var(--width);
    height: var(--width);
    margin-top: calc(var(--width) - var(--width) * 1.5);
    margin-left: calc(var(--width) - var(--width) * 1.5);
    border-radius: 50%;
    border: var(--size) solid var(--fill);
    border-top-color: var(--background-color);
    animation: spinner var(--speed) linear infinite;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.close {
    --width: 1em;
    --volume: 2px;
    --color: #000;
    position: relative;
    display: inline-flex;
    width: var(--width);
    height: var(--width);
    cursor: pointer;
    overflow: hidden;
}

.close:before,
.close:after {
    position: absolute;
    top: 0;
    left: 50%;
    content: "";
    height: var(--width);
    width: 0;
    border: solid var(--color);
    border-width: 0px var(--volume) 0 0;
    background-color: var(--color);
}

.close:before {
    transform: rotate(45deg);
}

.close:after {
    transform: rotate(-45deg);
}

[data-count] {
    --zero-backgound-color: #adadad;
    --count-backgound-color: var(--color-pink);
    --backgound-color: var(--count-backgound-color);
    position: relative;
}

[data-count]::after {
    position: absolute;
    content: attr(data-count);
    width: 14px;
    height: 14px;
    right: -5px;
    top: -5px;
    background-color: var(--backgound-color);
    font-size: 8px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

[data-count="0"] {
    --backgound-color: var(--zero-backgound-color);
}

[data-text]::before {
    content: attr(data-text);
}

@media screen and (min-width: 375px) and (max-width: 425px) {
    [data-short] span {
        display: none;
    }

    [data-short]:before {
        content: attr(data-short);
    }
}

.scrollbar,
body {
    --scrollbar-width: 10px;
    --scrollbar-track-width: 0px;
    --scrollbar-track-border-radius: 0px;
    --scrollbar-track-color: #e3e3e3;
    --scrollbar-scrollbar-thumb-color: #525252;
    --scrollbar-scrollbar-thumb-border-radius: 3px;
}

.scrollbar::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: var(--scrollbar-width);
}

.scrollbar::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: var(--scrollbar-track-color);
    border-radius: var(--scrollbar-track-border-radius);
    width: var(--scrollbar-track-width);
}

.scrollbar::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    border-radius: var(--scrollbar-scrollbar-thumb-border-radius);
    background: var(--scrollbar-scrollbar-thumb-color);
}

.mt1 {
    margin-top: 1rem;
}

.mb1 {
    margin-bottom: 1rem;
}

.pt1 {
    padding-top: 1rem;
}

.pb1 {
    padding-bottom: 1rem;
}

.gap1 {
    gap: 1rem;
}

.mt2 {
    margin-top: 2rem;
}

.mb2 {
    margin-bottom: 2rem;
}

.pt2 {
    padding-top: 2rem;
}

.pb2 {
    padding-bottom: 2rem;
}

.gap2 {
    gap: 2rem;
}

.mt3 {
    margin-top: 3rem;
}

.mb3 {
    margin-bottom: 3rem;
}

.pt3 {
    padding-top: 3rem;
}

.pb3 {
    padding-bottom: 3rem;
}

.gap3 {
    gap: 3rem;
}

.mt4 {
    margin-top: 4rem;
}

.mb4 {
    margin-bottom: 4rem;
}

.pt4 {
    padding-top: 4rem;
}

.pb4 {
    padding-bottom: 4rem;
}

.gap4 {
    gap: 4rem;
}

.mt5 {
    margin-top: 5rem;
}

.mb5 {
    margin-bottom: 5rem;
}

.pt5 {
    padding-top: 5rem;
}

.pb5 {
    padding-bottom: 5rem;
}

.gap5 {
    gap: 5rem;
}

.mt6 {
    margin-top: 6rem;
}

.mb6 {
    margin-bottom: 6rem;
}

.pt6 {
    padding-top: 6rem;
}

.pb6 {
    padding-bottom: 6rem;
}

.gap6 {
    gap: 6rem;
}

.w10 {
    width: 10%;
}

.h10 {
    height: 10%;
}

.w15 {
    width: 15%;
}

.h15 {
    height: 15%;
}

.w20 {
    width: 20%;
}

.h20 {
    height: 20%;
}

.w25 {
    width: 25%;
}

.h25 {
    height: 25%;
}

.w30 {
    width: 30%;
}

.h30 {
    height: 30%;
}

.w35 {
    width: 35%;
}

.h35 {
    height: 35%;
}

.w40 {
    width: 40%;
}

.h40 {
    height: 40%;
}

.w45 {
    width: 45%;
}

.h45 {
    height: 45%;
}

.w50 {
    width: 50%;
}

.h50 {
    height: 50%;
}

.w55 {
    width: 55%;
}

.h55 {
    height: 55%;
}

.w60 {
    width: 60%;
}

.h60 {
    height: 60%;
}

.w65 {
    width: 65%;
}

.h65 {
    height: 65%;
}

.w70 {
    width: 70%;
}

.h70 {
    height: 70%;
}

.w75 {
    width: 75%;
}

.h75 {
    height: 75%;
}

.w80 {
    width: 80%;
}

.h80 {
    height: 80%;
}

.w85 {
    width: 85%;
}

.h85 {
    height: 85%;
}

.w90 {
    width: 90%;
}

.h90 {
    height: 90%;
}

.w95 {
    width: 95%;
}

.h95 {
    height: 95%;
}

.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.--font-100 {
    font-weight: 100;
}

.--font-200 {
    font-weight: 200;
}

.--font-300 {
    font-weight: 300;
}

.--font-400 {
    font-weight: 400;
}

.--font-500 {
    font-weight: 500;
}

.--font-600 {
    font-weight: 600;
}

.--font-700 {
    font-weight: 700;
}

.--font-800 {
    font-weight: 800;
}

.--font-900 {
    font-weight: 900;
}

a.btn,
.btn {
    --color: var(--color-text-grey-btn);
    --background-color: var(--color-grey-btn);
    --active-color: #fff;
    --active-border-color: var(--color-black);
    --active-background-color: transparent;
    --font-size: 14px;
    --font-color: var(--color);
    --font-weight: 500;
    --gap: 10px;
    --padding-tb: 10px;
    --padding-lr: 16px;
    --border-color: var(--color-grey-btn);
    --border-width: 1px;
    --border-radius: 10px;
    display: inline-flex;
    gap: var(--gap);
    align-items: center;
    align-content: space-between;
    justify-content: center;
    padding: var(--padding-tb) var(--padding-lr);
    position: relative;
    cursor: pointer;
    font-size: var(--font-size);
    font-weight: var(--font-weight);
    color: var(--font-color);
    background: var(--background-color);
    border: var(--border-width) solid var(--border-color);
    border-radius: var(--border-radius);
    outline: none;
    line-height: 1em;
    text-decoration: none;
}

a.btn .icon,
.btn .icon {
    --ui-icon-width: calc(1em + 5px);
}

a.btn span,
.btn span {
    color: var(--color);
    font-size: var(--font-size);
    line-height: 1.1em;
    text-decoration: none;
    position: relative;
}

a.btn:disabled,
.btn:disabled {
    cursor: default;
    --color: #aaaaaa;
    --border-color: #ededed;
    --background-color: #ededed;
    --active-color: #aaaaaa;
    --active-border-color: #ededed;
    --active-background-color: #ededed;
}

a.btn:disabled:hover,
.btn:disabled:hover {
    --color: #aaaaaa;
    --border-color: #ededed;
    --background-color: #ededed;
}

a.btn:disabled.-wait,
.btn:disabled.-wait {
    --color: #fff;
    --border-color: var(--color-main);
    --background-color: var(--color-main);
    --color: #fff;
    --border-color: var(--color-main) !important;
    --background-color: var(--color-main) !important;
}

a.btn:hover,
.btn:hover {
    --color: var(--color-font);
    --border-color: var(--color-accent);
}

a.btn.-compact,
.btn.-compact {
    --gap: 5px;
    --font-size: 14px;
    padding: 5px 12px;
}

a.btn.-compact .icon,
.btn.-compact .icon {
    --ui-icon-width: 15px;
}

a.btn.-simple,
.btn.-simple {
    padding: 0;
    background: transparent;
    border: none;
    font-weight: 400;
}

a.btn.-simple span,
.btn.-simple span {
    text-decoration: underline;
}

a.btn.-simple:hover,
.btn.-simple:hover {
    --color: var(--color-free-blue);
}

a.btn.-link,
.btn.-link {
    --color: var(--color-accent);
    --padding-tb: 0;
    --padding-lr: 0;
    --margin-inner: 0.5rem;
    --background-color: transparent;
    border: none;
    outline: none;
    text-decoration: none;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    align-items: flex-start;
}

a.btn.-link .icon,
.btn.-link .icon {
    flex-shrink: 0;
    /* Запрещает сжатие иконки */
    display: inline-flex;
    top: 2px;
    position: relative;
}

a.btn.-link span,
.btn.-link span {
    /* Текст может сжиматься, если нужно */
    /* flex: 1; — раскомментировать, если нужно, чтобы текст занимал оставшееся место */
    word-break: break-word;
    /* Для переноса длинных слов */
}

a.btn.-inside,
.btn.-inside {
    --color: var(--border-color);
    background-color: #fff;
}

a.btn.--is-loading,
.btn.--is-loading {
    --fill: var(--color);
    --size: 1rem;
    position: relative;
    cursor: default;
}

a.btn.--is-loading *,
.btn.--is-loading * {
    opacity: 0;
}

a.btn.--is-loading span,
.btn.--is-loading span {
    visibility: hidden;
}

a.btn.--is-loading:before,
.btn.--is-loading:before {
    opacity: 1;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    border: 2px solid var(--fill);
    border-top-color: transparent;
    margin: -10px -10px;
    animation: rotating 600ms linear infinite;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

a.btn.--download .icon,
.btn.--download .icon {
    --ui-icon-width: 16px;
    --fill: var(--color-blue);
}

@keyframes rotating {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes hover {
    0% {
        transform: translateY(0%);
        opacity: 0;
    }

    50% {
        transform: translateY(50%);
        opacity: 1;
    }

    100% {
        transform: translateY(100%);
        opacity: 0;
    }
}

.icon,
svg.icon {
    --width: var(--ui-icon-width, 32px);
    --height: var(--width);
    --backgound-color: transparent;
    display: inline-flex;
    width: var(--width);
    height: var(--height);
    border: none;
    padding: 0;
    background: none;
}

.icon-btn-filled,
.icon-btn.--filled {
    background: var(--ui-filled-color);
}

.icon-btn {
    --ui-box-size: 30px;
    --ui-icon-width: 16px;
    --ui-border-color: transparent;
    --ui-filled-color: whitesmoke;
    background: #fff;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: var(--ui-box-size);
    height: var(--ui-box-size);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    border: 1px solid var(--ui-border-color);
}

.icon-btn:hover {
    background: whitesmoke;
}

.input {
    --border-color: #fff;
    --border-width: 1px;
    --border-style: solid;
    --background-color: #fff;
    width: 100%;
    padding: 12px;
    border-radius: 4px;
    box-sizing: border-box;
    background: var(--background-color);
    outline: none;
    color: #333;
    font-weight: 500;
    font-size: 16px;
    border: var(--border-width) var(--border-style) var(--border-color);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.input::-moz-placeholder {
    color: #a3a3a3;
    font-weight: 400;
}

.input::placeholder {
    color: #a3a3a3;
    font-weight: 400;
}

.input:disabled {
    cursor: default;
    --font-color: #c9c9c9 !important;
    --border-color: #e7e7e7 !important;
    --background-color: #f7f7f7 !important;
}

.input:not([readonly]):focus {
    --font-color: #c9c9c9 !important;
    --border-color: #87b0ec !important;
    --background-color: #fff !important;
    box-shadow: 0 0 0 0.25rem rgba(15, 97, 217, 0.2509803922);
}

.input[readonly] {
    cursor: default;
    pointer-events: none;
    --border-color: #e9e9e9;
    --background-color: #fcfcfc;
}

textarea.input {
    resize: vertical;
    min-height: 120px;
}

select.input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 50%;
    background-size: 20px;
    padding-right: 30px;
}

select.input:invalid {
    color: gray;
}

select.input option[value=""][disabled] {
    display: none;
}

select.input option {
    color: black;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    letter-spacing: 0;
    font-optical-sizing: auto;
    font-style: normal;
}

h1,
.h1 {
    font-size: 40px;
    display: flex;
    line-height: 1.1;
    margin-bottom: 1rem;
    font-weight: 700;
    color: #000;
}

h2,
.h2 {
    font-size: 30px;
    display: flex;
    line-height: 1.2;
    margin-bottom: 2rem;
    font-weight: 600;
    color: #000;
}

h3,
.h3 {
    font-size: 26px;
    display: flex;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #000;
}

h4,
.h4 {
    font-size: 20px;
    display: flex;
    line-height: 1.2;
    margin-bottom: 1rem;
    font-weight: 500;
    color: #000;
}

body {
    position: relative;
    background: var(--color-bg-white);
    font-size: 18px;
    word-wrap: break-word;
}

body.--is-processing {
    cursor: wait;
}

a {
    color: #000;
}

a:hover {
    color: var(--color-accent);
}

p {
    font-weight: 400;
}

p.sm {
    font-size: 16px;
}

b {
    font-weight: 600;
}

.--bg-gray {
    background-color: var(--color-bg-light-gray);
}

.important-info {
    padding: 2rem;
    overflow: hidden;
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-color: var(--color-border-gray);
    border-width: 1px;
    border-style: solid;
    justify-content: center;
    align-items: center;
    border-radius: 20px;

}

.important-info>div:not(:last-child) {
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--color-border-gray);
}

.duration-block .important-info-link {
    text-align: center;
}

.duration-block .important-info-link a {
    text-decoration: underline;
}

.ustav-block img {
    max-width: 50px;
    border-radius: 0;
}

.ustav-block div small {
    font-size: 15px;
    line-height: 1.2;
    display: block;
    margin-bottom: 1rem;
    color: var(--color-font-gray);
}

.ustav-block .address {
    display: block;
    margin-bottom: 1rem;
    font-size: 18px;
    font-weight: 500;
}

.ustav-block .btn {
    color: var(--color-accent-dark);
}

.ustav-block .btn span {
    --color: var(--color-accent-dark);
    font-weight: 500;
    text-decoration: underline;
}

.accent-block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 2rem;
    padding: 2rem;
    border-left: 1px solid var(--color-border-gray);
}

.accent-block-row {
    font-size: 14px;
    line-height: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.accent-block-row div span {
    font-size: 40px;
    color: var(--color-purple);
}

.aside-logo {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 2rem;
    text-align: center;
    font-size: 16px;
    line-height: 1.4;
    color: var(--color-font-darkgray);
    gap: 1rem;
}

.aside-logo-img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.header-top {
    border-bottom: 1px solid var(--color-border-gray);
    margin-bottom: 1rem;
}

@media screen and (max-width: 1300px) {
    .header-top {
        background: var(--color-accent);
    }

    .header-top #menu-toggle,
    .header-top .m-top-cell button,
    .header-top .m-top-cell a
    {
        background: #fff;
        width: 40px;
        padding: 5px;
        height: 40px;
        color: #000;
        border: none;
    }
    .header-top #menu-toggle svg,
    .header-top .m-top-cell button svg,
    .header-top .m-top-cell a svg{
        --ui-icon-width: 16px;
    }



}

.header-top-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 0;
}

.header-top-inner .header-top-inner-left {
    display: flex;
    gap: 1rem;
}

.header-top-inner .header-top-inner-left a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.header-top-inner .header-top-inner-left a:hover {
    color: var(--color-accent);
}

.header-top-inner .header-top-inner-right {
    display: flex;
    margin-left: auto;
    align-items: center;
    gap: 1rem;
}

.header-top-inner .header-top-inner-right .search-container {
    margin-left: auto;
}

.header-top-inner .header-top-inner-right .btn-visually-impaired {
    display: none;
}

@media screen and (max-width: 1650px) {
    .header-top-inner .header-top-inner-right .btn-visually-impaired {
        display: flex;
    }
}

.search-container .search-form-input {
    display: flex;
    align-items: center;
    position: relative;
}

.search-container .search-form-input .search-submit {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.search-container .search-form-input .search-submit .icon {
    width: 16px;
    height: 16px;
    fill: #676767;
}

.search-container .search-form-input .input {
    font-size: 16px;
    border-radius: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: calc(2rem + 10px);
}
.contact-phone,
a.contact-phone {
    font-size: 24px;
    font-weight: 700;
    color: #000;
}

.contact-email,
a.contact-email {
    font-size: 13px;
    color: #343434;
    border-bottom: 1px solid #ddd;
    height: 2em;
}

.contact-adderess {
    font-size: 14px;
    color: #343434;
    max-width: 500px;
    line-height: 1.4;
    font-weight: 500;
}

.contact-adderess span {
    font-weight: 600;
}

.header-contacts-top {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width: 1650px) {
    .header-contacts-top {
        display: block;
        line-height: 1;
        margin-bottom: 5px;
    }

    .header-contacts-top a.contact-phone {
        display: block;
    }
}

.btn-visually-impaired {
    --padding-tb: 10px;
    --padding-lr: 15px;
    --font-size: 15px;
    border: none;
}

.btn-visually-impaired:hover {
    color: #000;
}

.header-main-inner {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.header-main-inner .header-main-inner-right {
    font-size: 16px;
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 1rem;
}

@media screen and (max-width: 1650px) {
    .header-main-inner .btn-visually-impaired {
        display: none;
    }
}

.sitemane {
    display: grid;
    grid-template-columns: 80px 233px 390px;
    gap: 1rem;
    align-items: center;
}

.sitemane-logo {
    position: relative;
    top: 4px;
}

.sitemane-logo img {
    display: block;
    margin: 0;
}

.sitemane-name {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: -moz-min-content;
    max-width: min-content;
}

.sitemane-description {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    margin-left: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
    color: #000;
}

.sitemane-description::before {
    content: "";
    height: 100px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: calc(100% + 1rem);
    width: 1px;
    height: 60px;
    background: #c1c1c1;
}

@media screen and (max-width: 1700px) {
    .footer .sitemane {
        display: grid;
        gap: 0 1rem;
        grid-template-columns: 80px 1fr;
        grid-template-rows: repeat(2, min-content);
        max-width: 500px;
        align-items: flex-start;
    }

    .footer .sitemane .sitemane-logo {
        grid-column: 1;
        grid-row: 1/3;
    }

    .footer .sitemane .sitemane-name {
        max-width: unset;
    }

    .footer .sitemane .sitemane-description {
        margin: 0;
        font-size: 14px;
        text-transform: none;
    }

    .footer .sitemane .sitemane-description::before {
        display: none;
    }
}

@media screen and (max-width: 1450px) {
    .sitemane {
        display: grid;
        gap: 0 1rem;
        grid-template-columns: 80px 1fr;
        grid-template-rows: repeat(2, min-content);
        max-width: 500px;
        align-items: flex-start;
    }

    .sitemane .sitemane-logo {
        grid-column: 1;
        grid-row: 1/3;
    }

    .sitemane .sitemane-name {
        max-width: unset;
    }

    .sitemane .sitemane-description {
        margin: 0;
        font-size: 14px;
        text-transform: none;
    }

    .sitemane .sitemane-description::before {
        display: none;
    }
}

.logo-container {
    display: flex;
    gap: 1rem;
    align-items: center;
    container-type: normal;
    container-name: logo-container;
}

.logo-container .logo-container-left,
.logo-container a.logo-container-left {
    align-items: center;
    gap: 1rem;
    color: #000;
    display: grid;
    grid-template-columns: 80px 1fr;
}

.logo-container .logo-container-left:hover,
.logo-container a.logo-container-left:hover {
    color: var(--color-accent);
}

.logo-container .logo {
    display: inline-flex;
    max-width: 81px;
    position: relative;
    top: 5px;
    width: 100%;
}

.logo-container .logo img {
    display: block;
}

.logo-container .logo-name {
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    max-width: -moz-min-content;
    max-width: min-content;
}

.logo-container .logo-subname {
    display: none;
}

.logo-container .logo-container-right {
    font-size: 15px;
    max-width: 375px;
    font-weight: 400;
    position: relative;
    margin-left: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
}

.logo-container .logo-container-right::before {
    content: "";
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: calc(100% + 1rem);
    width: 1px;
    height: 70%;
    background: #c1c1c1;
}

@media screen and (max-width: 1400px) {
    .logo-container .logo-container-right {
        display: none;
    }
}

.socials {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.socials a {
    display: inline-flex;
    padding: 8px;
    background: var(--color-bg-light-gray);
    border-radius: var(--border-radius);
    animation: 100ms;
}

.socials a:hover {
    transform: scale(1.1);
}

.socials .icon,
.socials svg.icon {
    --ui-icon-width: 30px;
}

@media screen and (max-width: 1200px) {
    header .socials {
        display: grid;
        grid-template-columns: 30px 30px;
    }

    header .socials a {
        padding: 0px;
    }
}

.header {
    position: relative;
}

@media screen and (max-width: 1100px) {
    .header {
        border-bottom: 1px solid #dee2e6;
    }
}

nav {
    position: relative;
    width: 100%;
    z-index: 2;
    background: var(--color-accent);
}

nav .container {

    position: relative;
}

@media screen and (max-width: 1300px) {
    nav .container {
        border-radius: 0px;
    }
}

nav .nav {
    width: 100%;
}

nav .nav-list {
    display: flex;
    align-items: center;
}

nav .nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

nav .nav-item a {
    display: inline-flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    --ui-icon-width: 13px;
    padding: 14px 8px;
    line-height: 1;
}



nav .nav-item.--has-childs a.nav-item-root-link {
    display: flex;
    gap: 10px;
    justify-content: center;
}

nav .nav-item.--has-childs a.nav-item-root-link::after {
    content: "";
    display: inline-flex;
    width: 1em;
    height: 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    transition: 200ms;
}

nav .nav-item.--has-childs:hover a.nav-item-root-link{
    background: var(--color-accent-dark);
    transition: 200ms;
}

nav .nav-item.--has-childs:hover a.nav-item-root-link::after{
    transform: rotate(180deg);
}

@media screen and (max-width: 1550px) {

    nav .nav-item.--has-childs a.nav-item-root-link {
        padding: 14px 5px;
        gap: 5px;
    }
}


nav .nav-item:hover {
    background: var(--color-bg-light-blue);
}

nav .nav-item:hover .nav-section {
    display: block;
    opacity: 1;
    visibility: visible;
}

nav .nav-item.--home {
    position: relative;
    padding: 0;
}

nav .nav-item.--home a {
    display: flex;
    width: 46px;
    padding: 0;
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
}

nav .nav-item.--home::after {
    content: "";
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(calc(-50% - 1px));
    width: 1px;
    height: 70%;
    background: rgba(255, 255, 255, 0.1803921569);
}

nav .nav-item.--home:hover::after {
    opacity: 0;
}

nav .nav-item-childs {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
    overflow: hidden;
    transform: translateY(0px);
    transition: 100ms;
    box-shadow: 0px 10px 55px 0px rgba(0, 0, 0, 0.2509803922);
    border-radius: var(--border-radius);
    background: #fff;
}

nav .nav-item-childs-items {
    -moz-column-count: 1;
    column-count: 1;
    width: 100%;
    padding: 1rem;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
}

nav .nav-item-childs-item a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 16px 10px;
    font-size: 16px;
}

nav .nav-item-childs-item a:hover{
    color: var(--color-accent);
}

nav .nav-item-childs .container {
    background: #fff;
}

nav .nav-item:hover .nav-item-childs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

nav .nav-section {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--color-bg-light-blue);
    display: none;
    opacity: 0;
    visibility: hidden;
    z-index: 100;
}

nav .nav-section-list {
    padding: 1rem 0;
    -moz-column-count: 3;
    column-count: 3;
    width: 100%;
}

nav .nav-section-item:hover a {
    text-decoration: underline;
}
/* --- Переполнение меню --- */
nav .nav-list {
    flex-wrap: nowrap;
}

nav .nav-list > .nav-item {
    flex: 0 0 auto;
    white-space: nowrap;
}

nav .nav-item.--overflow {
    display: none;
}

/* Пункт «Еще...» */
nav .nav-more {
    display: none;
}

nav .nav-more.--visible {
    display: flex;
}

nav .nav-more.--active a.nav-item-root-link {
    background: var(--color-accent-dark);
}



.slider-main {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    position: relative;
    aspect-ratio: 10/3;
    overflow: hidden;
    border-radius: 1rem;
}


.slider-main-container {
    max-width: 100%;
    width: 100%;
}

.slider-main .swiper-slide {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.slider-main .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider-main .swiper-slide .slider-main-content {
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    padding: 50% 50% 2rem 2rem;
    letter-spacing: -2%;
    color: #fff;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.37), transparent);
}

.slider-main .swiper-slide .slider-main-content-title {
    font-weight: 600;
    font-size: 30px;
    line-height: 100%;
    max-width: 420px;
}

.slider-main .swiper-slide .slider-main-content-text {
    font-weight: 500;
    font-size: 16px;
    max-width: 420px;
    margin-top: 10px;
    color: rgb(190, 194, 198);
}

.slider-main .swiper-arrows {
    position: absolute;
    z-index: 10;
    right: 2rem;
    bottom: 2rem;
    display: flex;
    gap: 10px;
}

.slider-main .swiper-arrows .swiper-button-prev,
.slider-main .swiper-arrows .swiper-button-next {
    position: static;
    margin: 0;
    background: rgba(255, 255, 255, 0.9333333333);
    border-radius: 50%;
    color: #000;
    border: none;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.631372549);
}

.slider-main .swiper-arrows .swiper-button-prev svg,
.slider-main .swiper-arrows .swiper-button-next svg {
    --stroke-width: 1;
    height: 24px;
    width: 24px;
}

.slider-main .swiper-arrows .swiper-button-prev:hover,
.slider-main .swiper-arrows .swiper-button-next:hover {
    color: var(--color-accent);
    background: #fff;
}

.slider-main .swiper-arrows .swiper-button-prev:active,
.slider-main .swiper-arrows .swiper-button-next:active {
    box-shadow: none;
}

.breadcrumbs-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    padding: 10px 0;
}

.breadcrumbs-item:not(:last-child):after {
    content: ">";
    margin-left: 8px;
}

.breadcrumbs-item a {
    color: var(--color-font-black);
}

.breadcrumbs-item a:hover {
    text-decoration: underline;
}

.breadcrumbs-item span {
    color: var(--color-font-gray);
}

.wrapper-content {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 4rem;
}

.wrapper-content h1 {
    margin-bottom: 1em;
    font-size: 50px;
}

.beautiful-link,
a.beautiful-link {
    position: relative;
    align-items: center;
    display: flex;
    gap: 10px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.beautiful-link::after,
a.beautiful-link::after {
    content: "";
    display: block;
    width: 30px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 29 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.284314' y='0.284314' width='28.4314' height='22.1765' rx='6.53922' stroke='currentColor' stroke-width='0.568627'/%3E%3Cpath d='M17.0099 13.6802C16.9701 13.6408 16.9386 13.5938 16.9172 13.542C16.8958 13.4902 16.8849 13.4347 16.8853 13.3787V8.97992L12.4865 8.97992C12.3761 8.97602 12.2715 8.92941 12.1947 8.84991C12.118 8.7704 12.0751 8.66422 12.0751 8.55371C12.0751 8.44321 12.118 8.33702 12.1947 8.25752C12.2715 8.17802 12.3761 8.13141 12.4865 8.12751L17.3115 8.12751C17.4245 8.12758 17.5329 8.1725 17.6128 8.25242C17.6927 8.33233 17.7376 8.4407 17.7377 8.55371L17.7377 13.3787C17.7376 13.4917 17.6927 13.6001 17.6128 13.68C17.5329 13.7599 17.4245 13.8048 17.3115 13.8049C17.2554 13.8052 17.1999 13.7944 17.1481 13.773C17.0963 13.7516 17.0493 13.72 17.0099 13.6802Z' fill='black'/%3E%3Cpath d='M11.3779 14.484C11.2993 14.4033 11.2553 14.2951 11.2553 14.1824C11.2553 14.0698 11.2993 13.9616 11.3779 13.8809L17.007 8.25176C17.087 8.17178 17.1955 8.12685 17.3086 8.12685C17.4217 8.12685 17.5302 8.17178 17.6102 8.25176C17.6901 8.33173 17.7351 8.44021 17.7351 8.55332C17.7351 8.66642 17.6901 8.7749 17.6102 8.85488L11.981 14.484C11.9003 14.5626 11.7921 14.6066 11.6795 14.6066C11.5668 14.6066 11.4586 14.5626 11.3779 14.484Z' fill='currentColor'/%3E%3C/svg%3E%0A");
}

.beautiful-link:hover,
a.beautiful-link:hover {
    text-decoration: underline;
}

.first-person {
    background: var(--color-bg-light-gray);
    border-radius: var(--border-radius);
    overflow: hidden;
    border: 1px solid var(--color-border-gray);
    margin-bottom: 2rem;
}

.first-person-image {
    width: 100%;
    aspect-ratio: 1;
}

.first-person-image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.first-person-content {
    padding: 1rem 2rem;
}

.first-person-rank {
    display: block;
    margin-bottom: 1rem;
}

.first-person-rank span {
    color: var(--color-font-gray);
    font-size: 15px;
    display: inline-flex;
    line-height: 1.2;
    font-weight: 300;
}

.first-person-name {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
}

.first-person-status {
    font-size: 13px;
    color: #70737B;
    margin: 10px 0;
}

.first-person-info {
    font-size: 15px;
}

.first-person-info span {
    font-weight: 600;
}

.first-person-footer {
    padding: 0 1rem 2rem 2rem;
    position: relative;
}

.first-person-footer .btn {
    --background-color: transparent;
    --font-size: 14px;
    --font-weight: 400;
    --padding-tb: 8px;
    --padding-lr: 12px;
}

.links-aside {
    display: flex;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    flex-direction: column;
}

.links-aside a {
    display: block;
    color: #000;
    font-size: 14px;
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}

.links-aside a img {
    display: block;
    width: 100%;
    margin: 0;
}

.links-aside a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2705882353);
    opacity: 0;
    visibility: hidden;
    border-radius: 5px;
    transition: 200ms;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 2rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' class='feather feather-external-link'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E");
}

.links-aside a:hover::before {
    opacity: 1;
    visibility: visible;
}

.compact-links {
    display: block;
}

.compact-links a {
    color: #000;
}

.compact-links a:hover {
    text-decoration: underline;
}

.compact-links-item {
    --bg-color: var(--color-white);
    display: grid;
    grid-template-columns: 80px 1fr;
    gap: 10px;
    padding: 10px;
    margin-bottom: 1rem;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    background: var(--bg-color, whitesmoke);
    border-color: var(--color-border-gray);
    border-width: 1px;
    border-style: solid;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
}

.compact-links-item-logo {
    width: 80px;
    aspect-ratio: 1;
    padding: 10px;
}

.compact-links-item-logo img {
    display: block;
    width: 100%;
    height: 100%;
}

.about-preview .h1 {
    font-size: 50px;
    margin-bottom: 2rem;
    position: relative;
    display: flex;
    line-height: 1;
}

.about-preview .h1::after {
    height: 1em;
    width: 2em;
    content: "";
    display: inline-flex;
    background: url(/img/flag-sm.png) no-repeat center;
}

.about-preview .h2 {
    margin-bottom: 2rem;
}

.about-preview .about-preview-text {
    margin-bottom: 3rem;
}

.about-preview .about-preview-history .about-list {
    margin-bottom: 3rem;
}

.about-list {
    display: flex;
    gap: 4rem;
    margin-bottom: 2rem;
}

.about-list-item {
    line-height: 1;
}

.about-list-item span {
    color: #000;
    font-size: 14px;
    margin-bottom: 10px;
}

.about-list-item div {
    display: block;
    font-size: 40px;
    color: var(--color-accent);
}

.about-list-footer {
    position: relative;
    padding-top: 1rem;
}

.about-list-footer::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 30%;
    border-top: 1px solid #ddd;
}

.rows-accent {
    display: block;
}

.rows-accent .rows-accent-item {
    gap: 2rem;
    display: grid;
    grid-template-columns: 250px 1fr;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.rows-accent .rows-accent-item-val {
    font-size: 40px;
    color: var(--color-accent-light);
}

.rows-accent .rows-accent-item::after {
    left: 0;
    bottom: 0;
    width: 50%;
    content: "";
    position: absolute;
    border: 1px solid var(--color-border-gray);
}

.about-page h2 {
    display: block;
    font-size: 40px;
}

.about-page .about-preview-history {
    border-bottom: 1px solid var(--color-border-gray);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.about-page-double {
    gap: 2rem;
    display: grid;
    grid-template-columns: 1fr 400px;
}

.about-page .rows-accent {
    margin-top: 2rem;
}

.about-page-double-aside {
    background: #F5F6F9;
    border-radius: 12px;
    overflow: hidden;
}

.about-page-double-aside-content {
    padding: 2rem;
}

.about-page-double-aside-content h3 {
    font-size: 22px;
    display: block;
    margin-bottom: 5px;
}

.about-page-double-aside-content small {
    font-size: 14px;
    color: #70737B;
}

.about-page-double-aside-content p {
    font-size: 16px;
}

.about-page-double-aside-link {
    border-top: 1px solid var(--color-border-gray);
    padding-top: 1rem;
    margin-top: 2rem;
}

.beautiful-contacts {
    border-top: 1px solid var(--color-border-gray);
    padding-top: 2rem;
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
    line-height: 1.2;
}

.beautiful-contacts-logo {
    margin-bottom: 1rem;
}

.beautiful-contacts-logo img {
    max-width: 60px;
    max-height: 70px;
}

.beautiful-contacts-address {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 10px;
}

.beautiful-contacts-name {
    font-size: 18px;
    margin-bottom: 20px;
}

.beautiful-contacts-phones-phone {
    color: var(--color-font-black);
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 5px;
    display: inline-flex;
}

.beautiful-contacts-emails {
    display: block;
    margin-top: 20px;
}

.beautiful-contacts-emails-email {
    font-size: 14px;
    color: var(--color-font-gray);
    border-bottom: 1px solid;
    display: inline-flex;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1rem;
}

.gallery a {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    display: block;
}

.gallery a img {
    display: block;
    width: 100%;
    height: 100%;
}

.gallery a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.2705882353);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round' %3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3Cline x1='11' y1='8' x2='11' y2='14'%3E%3C/line%3E%3Cline x1='8' y1='11' x2='14' y2='11'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15%;
    opacity: 0;
    visibility: hidden;
    transition: 100ms;
}

.gallery a:hover::before {
    opacity: 1;
    visibility: visible;
}

.tiles {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
    gap: 1rem;
}

.tiles a.tile,
.tiles .tile {

    --gap: 2rem 24px;
    display: flex;
    flex-direction: row;
    border: none;
    padding: var(--gap);
    border-radius: var(--border-radius);
    gap: var(--gap);
    align-items: center;
    line-height: 1.2;
    background-color: #F4F6F9;

}

.tiles a.tile-icon,
.tiles .tile-icon {
    display: flex;
    min-width: 60px;
    height: 60px;
    padding: 10px;
    background: #E8ECF3;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}

.tiles a.tile-icon svg,
.tiles a.tile-icon img,
.tiles .tile-icon svg,
.tiles .tile-icon img {
    --color-accent: #506C96;
    color: var(--color-accent);
}

.tiles a.tile-name,
.tiles .tile-name {
    font-weight: 600;
    margin-bottom: 5px;
    display: block;
    color: #000;
}

.tiles a.tile-subname,
.tiles .tile-subname {
    font-size: 14px;
    color: var(--color-font-gray);
}

.tiles a.tile:hover,
.tiles .tile:hover {
    border-color: var(--color-accent);
    box-shadow: inset 0px 0px 0px 1px var(--color-accent);
}

.tiles a.tile.--about,
.tiles .tile.--about {
    background-color: var(--color-light-green);
    border-color: var(--color-light-green);
    box-shadow: none !important;
}

.tiles a.tile.--about .tile-icon,
.tiles .tile.--about .tile-icon {
    background: transparent;
    padding: 0;
    border-radius: unset;
}

.tiles a.tile.--about .tile-icon img,
.tiles .tile.--about .tile-icon img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.tiles a.tile.--gosuslugi,
.tiles .tile.--gosuslugi {
    background-color: var(--color-light-blue);
    border-color: var(--color-light-blue);
    box-shadow: none !important;
}

.tiles a.tile.--gosuslugi .tile-icon,
.tiles .tile.--gosuslugi .tile-icon {
    background: transparent;
    padding: 0;
    border-radius: unset;
    max-width: 100px;
}

.tiles a.tile.--gosuslugi .tile-icon img,
.tiles .tile.--gosuslugi .tile-icon img {
    width: 100%;
    height: 100%;
    margin: 0;
}

.scope {
    display: block;
    margin-bottom: 2rem;
}

.scope .h2 {
    margin-bottom: 1rem;
}

.scope.scope-gray {
    background: var(--color-bg-light-gray);
}

.scope.scope-mb {
    margin-bottom: 5rem;
}

.scope.scope-bordered {
    margin-bottom: 5rem;
    border-bottom: 1px solid var(--color-border-gray);
    padding-bottom: 2rem;
}

.scope .scope-header {
    display: flex;
    margin-bottom: 1rem;
}

.scope .scope-header .h2 {
    margin: 0;
}

.scope .scope-header .btn {
    margin-left: auto;
}

.scope .scope-footer {
    margin-top: 2rem;
}

.block {
    margin-bottom: 2rem;
}

.content-doube {
    display: grid;
    grid-template-columns: 1fr 400px;
    gap: 2rem;
}

@media screen and (max-width: 1600px) {
    .content-doube {
        grid-template-columns: 1fr 330px;
    }

}

.content-doube-use-float .content-doube-aside {
    float: right;
    margin: 0 0 2rem 2rem;
}

.aside-nav {
    background: var(--color-bg-light-gray);
    border-radius: var(--border-radius);
    overflow: hidden;
    margin-bottom: 2rem;
    padding: 2rem;
    overflow: hidden;
}

.aside-nav a {
    display: block;
    font-weight: 400;
    margin-bottom: 10px;
    font-size: 16px;
}

.aside-nav a:hover,
.aside-nav a.--active {
    text-decoration: underline;
}

.aside-nav a.--active {
    color: var(--color-accent);
}

.aside-nav a:last-child {
    margin: 0;
}

.inform-messages {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
    gap: 1rem;
}

.inform-messages.list {
    display: flex;
    flex-direction: column;
}

.inform-messages a.inform-messages-item,
.inform-messages .inform-messages-item {
    border: 0px solid #E0E5EE;
    display: block;
    padding: 2rem;
    border-radius: 10px;
    color: #000;
    background: var(--color-bg-light-gray);
}

.inform-messages a.inform-messages-item-date,
.inform-messages .inform-messages-item-date {
    color: var(--color-font-gray);
    display: inline-block;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 10px;
}

.inform-messages a.inform-messages-item-name,
.inform-messages .inform-messages-item-name {
    font-size: 20px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 1rem;
}

.inform-messages a.inform-messages-item-text,
.inform-messages .inform-messages-item-text {
    font-size: 14px;
    color: var(--color-font-darkgray);
}

table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
}

table tr:not(:last-child) {
    border-bottom: 1px solid #ddd;
}

table th {
    font-weight: 500;
    background-color: var(--color-accent);
    color: var(--color-font-white);
}

table td,
table th {
    text-align: start;
    padding: 14px;
}

table td:not(:last-child),
table th:not(:last-child) {
    border-right: 1px solid #ddd;
}



.footer .footer-container {
    display: grid;
    grid-template-columns: clamp(300px, 40%, 700px) 1fr;
    gap: clamp(20px, 5vw, 200px);
    color: #fff;
    padding: clamp(24px, 5vw, 80px) 0;
}

.footer .footer-container .footer-container-left .sitemane {
    color: #fff;
}

.footer .footer-container .footer-container-left .sitemane-description {
    color: #fff;
}

.footer .footer-container .footer-container-left .footer-container-left-top .logo-container {
    margin-bottom: 60px;
}

.footer .footer-container .footer-container-left .footer-container-left-top .header-contacts * {
    color: #fff;
}

.footer .footer-container .footer-container-left .footer-container-left-bottom {
    margin-top: 2rem;
}

.footer .footer-container .footer-container-left .footer-container-left-bottom .socials {
    margin-bottom: 2rem;
}

.footer .footer-container .footer-container-left .footer-container-left-bottom p {
    font-size: 15px;
}

.footer .footer-container .footer-container-left .footer-container-left-bottom p:last-child {
    margin-bottom: 0;
}

.footer .footer-nav {
    -moz-column-count: 2;
    column-count: 2;
    -moz-column-gap: 20px;
    column-gap: 20px;
}

.footer .footer-nav-row {
    display: block;
    margin-bottom: 2rem;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
}

.footer .footer-nav-row a {
    color: #fff;
    display: block;
    font-weight: 600;
}

.footer .footer-nav-row a.footer-nav-link,
.footer .footer-nav-row .footer-nav-link {
    font-size: 15px;
    color: #BCBCBC;
    display: block;
    margin-bottom: 5px;
}

.footer .footer-nav-row a.footer-nav-link-main,
.footer .footer-nav-row .footer-nav-link-main {
    margin-bottom: 1rem;
    font-size: 20px;
    color: #fff;
}

.document {
    --color-accent: #2574F4;
    padding: 2rem;
    display: grid;
    background: transparent;
    position: relative;
    border-radius: var(--border-radius);
    grid-template-columns: 40px 1fr;
    overflow: hidden;
    margin-bottom: 1rem;
    line-height: 1;
    gap: 2rem;
    align-items: center;
}

.document::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: var(--color-accent);
    opacity: 0.1;
}

.document .document-icon {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.document .document-icon-body {
    position: relative;
}

.document .document-icon-body .icon {
    --ui-icon-width: 40px;
    opacity: 0.8;
    color: var(--color-accent);
}

.document .document-icon-body span {
    position: absolute;
    background: var(--color-accent);
    color: #fff;
    line-height: 1;
    right: -5px;
    bottom: 0;
    font-size: 12px;
    padding: 3px 7px 4px;
    border-radius: 5px;
    font-weight: 400;
}

.document .document-content {
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55554 11H2.44444C1.79155 11 1.1777 10.7457 0.715974 10.284C0.25427 9.82234 0 9.20848 0 8.55554V7.9444C0 7.60688 0.273589 7.33327 0.611115 7.33327C0.94864 7.33327 1.22223 7.60688 1.22223 7.9444V8.55554C1.22223 8.88201 1.34938 9.18892 1.58018 9.41975C1.81106 9.6506 2.11797 9.77777 2.44444 9.77777H8.55554C8.88199 9.77777 9.1889 9.6506 9.41975 9.41975C9.6506 9.18888 9.77777 8.88196 9.77777 8.55554V7.9444C9.77777 7.60688 10.0514 7.33327 10.3889 7.33327C10.7264 7.33327 11 7.60688 11 7.9444V8.55554C11 9.20843 10.7457 9.82226 10.284 10.284C9.82228 10.7457 9.20843 11 8.55554 11ZM5.49999 8.55552C5.34041 8.55573 5.18713 8.49332 5.07308 8.38171L5.07304 8.38167L5.07182 8.38047L5.07148 8.38013C5.07114 8.37983 5.07084 8.37951 5.07052 8.37919L5.0699 8.37857C5.06968 8.37834 5.06945 8.37812 5.06922 8.37791L5.06789 8.37659L2.62344 5.9321C2.38479 5.69346 2.38479 5.30652 2.62344 5.06785C2.86208 4.82921 3.24905 4.82919 3.48769 5.06785L4.8889 6.46906V0.611115C4.88887 0.273589 5.16246 0 5.49999 0C5.83751 0 6.11112 0.273589 6.11112 0.611115V6.46904L7.51231 5.06785C7.75093 4.82921 8.13794 4.82921 8.37656 5.06785C8.61521 5.3065 8.61521 5.69346 8.37656 5.9321L5.9321 8.37654L5.93078 8.37787L5.9301 8.37853L5.92948 8.37915C5.92918 8.37949 5.92884 8.37979 5.92854 8.38009L5.92818 8.38043C5.92779 8.38084 5.92739 8.38124 5.92698 8.38162L5.92694 8.38167C5.92021 8.38822 5.9134 8.39458 5.90645 8.40077C5.85656 8.44535 5.79965 8.48138 5.73801 8.5074L5.73742 8.50766C5.73718 8.50774 5.73699 8.50787 5.73675 8.50794C5.6618 8.53946 5.5813 8.55564 5.49999 8.55552Z' fill='currentColor'/%3E%3C/svg%3E%0A");
    background-position: 100% center;
    background-repeat: no-repeat;
    background-size: 1rem;
    padding-right: 2rem;
}
.document .document-content.--no-ico {
    background-image: none;


}
.document .document-content.--no-ico  .folder-outer-link {
    right: 0;
    color: var(--color-accent-lightdark);
}
.document.document-element {
    --color-accent: var(--color-accent-dark);
}
.document .document-title {
    font-size: 16px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
    line-height: 1.3;
}

.document .document-info {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
    color: var(--color-font-gray);
}

.document .document-link .button {
    border: 1px solid var(--color-accent);
    font-size: 14px;
    font-weight: 600;
    color: #27292F;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 1rem;
    border-radius: 15px;
    gap: 10px;
}

.document .document-link .button .icon {
    --ui-icon-width: 16px;
}

.document .document-link .button:hover {
    color: #fff;
    border-color: var(--color-accent);
    background: var(--color-accent);
}

.document ::-moz-selection {
    background: var(--color-accent);
    color: #fff;
}

.document ::selection {
    background: var(--color-accent);
    color: #fff;
}

.document.document-pdf {
    --color-accent: rgba(176, 27, 118, 1);
}

.document.document-xls,
.document.document-xlsx {
    --color-accent: #27ae60;
}

.document.document-doc,
.document.document-docx {
    --color-accent: rgba(49, 108, 202, 1);
}

.document.document-ppt,
.document.document-pptx {
    --color-accent: #e67e22;
}

.document.document-txt {
    --color-accent: #7f8c8d;
}

.document.document-zip,
.document.document-rar,
.document.document-7z {
    --color-accent: #f39c12;
}

.document.document-jpg,
.document.document-jpeg,
.document.document-png,
.document.document-gif,
.document.document-svg {
    --color-accent: #9b59b6;
}

.document.document-csv {
    --color-accent: #27ae60;
}

.documents-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.documents-list .document {
    margin-bottom: 0;
}

.content .container {
    display: grid;
    gap: 2rem;
    grid-template-columns: minmax(0, 1fr) clamp(350px, 28vw, 410px);
}

.folder {
    --color-accent: var(--color-accent-lightdark);
    padding: 2rem;
    display: grid;
    background: transparent;
    position: relative;
    border-radius: var(--border-radius);
    grid-template-columns: 40px 1fr;
    overflow: hidden;
    margin-bottom: 1rem;
    border: 1px solid var(--color-border-gray);
    gap: 1rem;
}

.folder-icon {
    display: flex;
    color: var(--color-accent-light);
}

.folder-icon .icon {
    position: relative;
    --ui-icon-width: 2em;
}

.folder-name {
    font-size: 18px;
    font-weight: 500;
}

.folder-descr {
    display: block;
    margin-top: 5px;
    font-weight: 400;
    font-size: 14px;
    color: var(--color-font-gray);
    line-height: 1;
}

.folder-outer-link {
    position: absolute;
    right: 2rem;
    top: 50%;
    transform: translateY(-50%);
    --ui-icon-width: 1rem;
}

.folder-outer-link.icon {
    --color: var(--color-font-gray);
}

.folder:hover {
    box-shadow: 0 0 0px 2px var(--color-accent);
}

.folders-list {
    display: block;
    margin-bottom: 2rem;
}

.peoples {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 20px;
}

.people {
    display: block;
    max-width: 500px;
    margin-bottom: 1rem;
}

.people-photo {
    display: block;
    width: 100%;
    aspect-ratio: 8/10;
    border-radius: 10px;
    overflow: hidden;
}

.people-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.people-photo.--no-image {
    height: auto;
}
.people-name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    display: block;
    margin-top: 10px;
}

.people-rank {
    display: block;
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.2;
}

.news-item {
    --space: 2rem;
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 2rem;
    padding-bottom: var(--space);
    border-bottom: 1px solid var(--color-border-gray);
    margin-bottom: var(--space);
    line-height: 1.2;
    align-items: center;
}

/* Если нет preview — контент на всю ширину */
.news-item:not(:has(.news-item-preview)) {
    grid-template-columns: 1fr;
}

.news-item-preview {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    /*max-height: 390px;*/
}

.news-item-preview img {
    display: block;
    width: 100%;
    height: 100%;
    /*aspect-ratio: 1;*/
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0;
}

.news-item-title {
    font-size: 20px;
    font-weight: 600;
}

.news-item-date {
    display: block;
    margin-bottom: 10px;
    color: var(--color-font-gray);
    font-size: 14px;
    line-height: 1.4;
}

.news-item-text {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 400;
    color: var(--color-font-black);
}

.news-presentation {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, auto);
    margin-bottom: 50px;
}

.news-presentation .news-item {
    align-items: flex-start;
    display: block;
    margin-bottom: 0;
}

.news-presentation .news-item .news-item-preview {
    margin-bottom: 1rem;
    max-height: 285px;
}

.news-presentation .news-item:nth-child(1) {
    grid-column: 1;
    grid-row: 1/4;
}

.news-presentation .news-item:not(:nth-child(1)) .news-item-preview {
    display: none;
}

.news-presentation .news-item:not(:nth-child(1)) .news-item-title {
    font-size: 18px;
    font-weight: 500;
}

.news-presentation .news-item:not(:nth-child(1)) .news-item-text {

}

.news-presentation .news-item:nth-child(1),
.news-presentation .news-item:nth-child(6),
.news-presentation .news-item:nth-child(7) {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.extenal-links {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 1rem;
}

.extenal-links a {
    line-height: 1.2;
    border-radius: var(--border-radius);
    background: var(--color-bg-light-gray);
    text-align: center;
    padding: 2rem;
    font-size: 14px;
}

.extenal-links a img {
    display: block;
    aspect-ratio: 1;
    margin: 0 auto;
    margin-bottom: 1rem;
}
.text-container {
    overflow-wrap: anywhere;
    word-break: break-word;
    min-width: 0;
}
.text-container * {
    color: #000;
}

.text-container p {
    font-weight: 400;
    margin-bottom: 1em;
}

.text-container p a {
    font-weight: 600;
    color: var(--color-accent);
}

.text-container h2 {
    font-size: 30px;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.text-container h3 {
    font-size: 22px;
    margin-bottom: 1rem;
    margin-top: 20px;
}

ul {
    display: block;
    margin-bottom: 1rem;
    padding-left: 2em;
    line-height: 1.5em;
}

ul li {
    position: relative;
}

ul li::before {
    content: "";
    position: absolute;
    right: calc(100% + 1rem);
    top: 0.4em;
    line-height: 1.2;
    background: #000;
    border-radius: 50%;
    width: 6px;
    height: 6px;
}

ol {
    display: block;
    margin-bottom: 1rem;
    padding-left: 2rem;
    line-height: 1.5em;
}

blockquote {
    background: #E6EDFD;
    padding: 2rem;
    font-weight: 600;
    border-radius: 10px;
    margin-bottom: 1rem;
    position: relative;
    padding-left: calc(4rem + 40px);
}

blockquote::before {
    content: "";
    position: absolute;
    width: 40px;
    aspect-ratio: 1;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='%232574F4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.4318 5.25737C33.5732 1.999 27.4363 0 20 0C12.5637 0 6.42679 1.999 3.56822 5.25737C-1.18941 10.7746 -1.18941 29.2454 3.56822 34.7226C6.42679 37.981 12.5637 39.98 20 39.98C27.4363 39.98 33.5732 37.981 36.4318 34.7226C41.1894 29.2054 41.1894 10.7746 36.4318 5.25737ZM20 9.49525C20.4942 9.49525 20.9773 9.6418 21.3882 9.91637C21.7992 10.1909 22.1194 10.5812 22.3085 11.0378C22.4977 11.4944 22.5472 11.9968 22.4507 12.4815C22.3543 12.9662 22.1163 13.4114 21.7669 13.7609C21.4174 14.1103 20.9722 14.3483 20.4875 14.4447C20.0028 14.5412 19.5004 14.4917 19.0438 14.3025C18.5872 14.1134 18.1969 13.7932 17.9224 13.3822C17.6478 12.9713 17.5013 12.4882 17.5013 11.994C17.5013 11.3313 17.7645 10.6957 18.2331 10.2271C18.7017 9.75851 19.3373 9.49525 20 9.49525ZM21.999 30.9845H18.001C17.4708 30.9845 16.9624 30.7739 16.5875 30.399C16.2126 30.0241 16.002 29.5157 16.002 28.9855C16.002 28.4553 16.2126 27.9469 16.5875 27.572C16.9624 27.1971 17.4708 26.9865 18.001 26.9865V20.9895C17.4708 20.9895 16.9624 20.7789 16.5875 20.404C16.2126 20.0291 16.002 19.5207 16.002 18.9905C16.002 18.4603 16.2126 17.9519 16.5875 17.577C16.9624 17.2021 17.4708 16.9915 18.001 16.9915H20C20.5302 16.9915 21.0386 17.2021 21.4135 17.577C21.7884 17.9519 21.999 18.4603 21.999 18.9905V26.9865C22.5292 26.9865 23.0376 27.1971 23.4125 27.572C23.7874 27.9469 23.998 28.4553 23.998 28.9855C23.998 29.5157 23.7874 30.0241 23.4125 30.399C23.0376 30.7739 22.5292 30.9845 21.999 30.9845Z' /%3E%3C/svg%3E%0A");
}

blockquote.warn {
    background: #FCE6E8;
}

blockquote.warn::before {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 40 40' fill='%23DD354D' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.4318 5.25737C33.5732 1.999 27.4363 0 20 0C12.5637 0 6.42679 1.999 3.56822 5.25737C-1.18941 10.7746 -1.18941 29.2454 3.56822 34.7226C6.42679 37.981 12.5637 39.98 20 39.98C27.4363 39.98 33.5732 37.981 36.4318 34.7226C41.1894 29.2054 41.1894 10.7746 36.4318 5.25737ZM20 9.49525C20.4942 9.49525 20.9773 9.6418 21.3882 9.91637C21.7992 10.1909 22.1194 10.5812 22.3085 11.0378C22.4977 11.4944 22.5472 11.9968 22.4507 12.4815C22.3543 12.9662 22.1163 13.4114 21.7669 13.7609C21.4174 14.1103 20.9722 14.3483 20.4875 14.4447C20.0028 14.5412 19.5004 14.4917 19.0438 14.3025C18.5872 14.1134 18.1969 13.7932 17.9224 13.3822C17.6478 12.9713 17.5013 12.4882 17.5013 11.994C17.5013 11.3313 17.7645 10.6957 18.2331 10.2271C18.7017 9.75851 19.3373 9.49525 20 9.49525ZM21.999 30.9845H18.001C17.4708 30.9845 16.9624 30.7739 16.5875 30.399C16.2126 30.0241 16.002 29.5157 16.002 28.9855C16.002 28.4553 16.2126 27.9469 16.5875 27.572C16.9624 27.1971 17.4708 26.9865 18.001 26.9865V20.9895C17.4708 20.9895 16.9624 20.7789 16.5875 20.404C16.2126 20.0291 16.002 19.5207 16.002 18.9905C16.002 18.4603 16.2126 17.9519 16.5875 17.577C16.9624 17.2021 17.4708 16.9915 18.001 16.9915H20C20.5302 16.9915 21.0386 17.2021 21.4135 17.577C21.7884 17.9519 21.999 18.4603 21.999 18.9905V26.9865C22.5292 26.9865 23.0376 27.1971 23.4125 27.572C23.7874 27.9469 23.998 28.4553 23.998 28.9855C23.998 29.5157 23.7874 30.0241 23.4125 30.399C23.0376 30.7739 22.5292 30.9845 21.999 30.9845Z' /%3E%3C/svg%3E%0A");
}

.news-detail .news-detail-date {
    display: block;
    margin-bottom: 10px;
    color: var(--color-font-gray);
    line-height: 1.4;
}

.news-detail .news-detail-content {
    border-bottom: 2px solid var(--color-border-gray);
    padding-bottom: 2rem;
    margin-bottom: 2rem;
}

.news-detail .news-detail-content-detail-picture {
    float: right;
    max-width: 400px;
}
.news-detail.no-text .news-detail-content-detail-picture {
    float: unset;
}
.news-detail img {
    border-radius: var(--border-radius);
}

.news-detail-content iframe {
    display: block;
    width: 100% !important;
    max-width: 640px;
    height: auto !important;
    aspect-ratio: 16 / 9;
}

.news-detail-share {
    display: block;
    margin-bottom: 2rem;
}

.news-detail-share .news-detail-share-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.news-detail-share .socials .icon {
    --ui-icon-width: 40px;
}


.contacts .contacts-item {
    display: block;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--color-border-gray);
}

.contacts .contacts-item-title {
    display: block;
    font-size: 22px;
    font-weight: 600;
}

.contacts .contacts-item-address {
    display: block;
    font-size: 16px;
    color: var(--color-font-gray);
    margin-top: 10px;
    font-weight: 500;
}

.contacts .contacts-item-phones {
    display: block;
    margin-top: 1rem;
    --color: var(--color-accent-dark);
    margin-bottom: 2rem;
}

.contacts .contacts-item-phones-phone {
    font-size: 22px;
    color: var(--color);
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 0.5em;
}

.contacts .contacts-item-phones-phone .icon {
    --stroke-width: 1.1px;
    height: calc(var(--height) - var(--height) * 0.1);
}

.contacts .contacts-section-title {
    font-size: 32px;
    padding: 1rem 0 3rem;
    font-weight: 800;
}

.contacts.contacts-double {
    display: flex;
    flex-direction: row-reverse;
    gap: 4rem;
}

.contacts .contacts-logo {
    border: 4px solid var(--color-border-gray);
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 2rem;
    width: 100%;
    min-width: 400px;
}

.contacts .contacts-logo-image {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 200px;
    margin: 0 auto;
}

.contacts .contacts-logo-text {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    max-width: 180px;
    line-height: 1;
}

.contacts .contacts-logo-text b {
    text-transform: uppercase;
    display: block;
    font-weight: 800;
}

.contacts .contacts-logo-text span {
    display: block;
    margin-top: 1rem;
    color: var(--color-font-gray);
    font-size: 12px;
    font-weight: 500;
}

.content-footer {
    display: flex;
    align-items: center;
}

.content-footer .content-footer-back .btn {
    border: none;
    --background-color: var(--color-bg-gray);
    --gap: 14px;
    --padding-tb: 12px;
    --padding-lr: 16px;
}

.content-footer .content-footer-back .btn .icon {
    position: relative;
    top: -1px;
}

.content-footer .content-footer-back .btn:hover {
    --background-color: var(--color-accent);
    --color: #fff;
    color: #fff;
}

.content-footer .content-footer-pagenation {
    margin-left: auto;
}

.modern-page-navigation {
    display: flex;
    gap: 5px;
}

.modern-page-navigation .modern-page-title {
    display: none;
}

.modern-page-navigation a,
.modern-page-navigation span,
.modern-page-navigation .modern-page-current {
    /* height: 30px; */
    padding: 9px;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 46px;
    border-radius: var(--border-radius);
    color: #000;
    font-weight: 600;
}

.modern-page-navigation a:hover,
.modern-page-navigation .modern-page-current:hover {
    background: var(--color-accent);
    color: #fff;
}

.modern-page-navigation a.modern-page-current,
.modern-page-navigation .modern-page-current.modern-page-current {
    background: var(--color-bg-light-gray);
    color: #000;
}

.modern-page-navigation a.modern-page-previous,
.modern-page-navigation a.modern-page-next,
.modern-page-navigation span.modern-page-previous,
.modern-page-navigation span.modern-page-next {
    font-size: 0;
    position: relative;
    border: 1px solid var(--color-border-gray);
    color: var(--color-font-darkgray);
}

.modern-page-navigation a.modern-page-previous svg,
.modern-page-navigation a.modern-page-next svg,
.modern-page-navigation span.modern-page-previous svg,
.modern-page-navigation span.modern-page-next svg {
    --stroke-width: 1px;
}

.modern-page-navigation a.modern-page-previous:hover,
.modern-page-navigation a.modern-page-next:hover {
    color: #fff;
}

.modern-page-navigation span.modern-page-previous,
.modern-page-navigation span.modern-page-next {
    opacity: 0.3;
    cursor: not-allowed;
}

.special-controll-wrap {
    border-bottom: 1px solid #ddd;
    display: none;
}

.special-controll-wrap .special-controll {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.special-controll-wrap .special-controll-cell {
    padding: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    gap: 5px;
}

.special-controll-wrap .special-controll-cell-title {
    font-size: 14px;
    font-weight: 600;
}

.special-controll-wrap .special-controll-cell-items {
    display: flex;
    align-items: center;
    gap: 5px;
}

.special-controll-wrap .special-controll-cell-items .btn {
    --padding-tb: 6px;
    --padding-lr: 10px;
    --border-color: var(--color-bg-dark);
}

.special-controll-wrap .special-controll-cell-items .btn.--is-active {
    box-shadow: 0px 0px 0px 3px #000;
    background-color: #000;
    color: #fff;
}

.special-controll-wrap .special-controll-cell-items .btn.--font-size-s span {
    transform: scale(0.8);
}

.special-controll-wrap .special-controll-cell-items .btn.--font-size-b span {
    transform: scale(1.2);
}

.special-controll-wrap .special-controll-cell-items .btn.--font-color-c {
    --background-color: #676767;
    --color: #fff;
}

.special-controll-wrap .special-controll-cell-items .btn.--font-color-y {
    --background-color: yellow;
}

.special-controll-wrap .special-controll-cell-items .btn.--font-color-b {
    --background-color: lightblue;
}

body[data-enable=y] .tiles a.tile-item.--gosulugi,
body[data-enable=y] .tiles .tile-item.--gosulugi {
    --bg-color: var(--color-border-gray);
}

body[data-enable=y] .text-container blockquote {
    filter: grayscale(1);
}

body[data-enable=y] .special-controll-wrap {
    display: block;
}

body[data-enable=y][data-font-color=w] {
    --color-accent: #383838;
    --color-accent-dark: #000;
    --color-accent-lightdark: #27292F;
    --color-font-gray: #303030;
    --color-border-gray: #8d8d8d;
}

body[data-enable=y][data-font-color=w] .footer {
    background: #6e6e6e;
}

body[data-enable=y][data-font-color=w] .document {
    --color-accent: #383838 !important;
}

body[data-enable=y][data-font-color=w] .compact-links-item {
    --bg-color: #d9d9d9 !important;
}

body[data-enable=y][data-font-color=w] a:hover {
    text-decoration: underline !important;
}

body[data-enable=y][data-font-color=c] {
    --color-accent: #767676;
    --color-accent-dark: #9d9d9d;
    --color-accent-lightdark: #545454;
    --color-font-gray: #707070;
    --color-border-gray: #8d8d8d;
}

body[data-enable=y][data-font-color=c] .footer {
    background: #6e6e6e;
}

body[data-enable=y][data-font-color=c] .document {
    --color-accent: #767676 !important;
}

body[data-enable=y][data-font-color=c] .compact-links-item {
    --bg-color: #d9d9d9 !important;
}

body[data-enable=y][data-font-color=c] svg,
body[data-enable=y][data-font-color=c] img {
    opacity: 0.5;
}

body[data-enable=y][data-font-color=c] a:hover {
    text-decoration: underline !important;
}

body[data-enable=y][data-font-color=b] {
    --color-accent: #5098d7;
    --color-accent-dark: #063462;
    --color-accent-lightdark: #245f93;
    --color-font-gray: #707070;
    --color-border-gray: #8d8d8d;
    background: #9dd1ff;
}

body[data-enable=y][data-font-color=b] .scope-spaced {
    background: transparent;
    border: 1px solid var(--color-border-gray);
}

body[data-enable=y][data-font-color=b] .footer {
    background: var(--color-accent);
}

body[data-enable=y][data-font-color=b] .document {
    --color-accent: #767676 !important;
}

body[data-enable=y][data-font-color=b] .compact-links-item {
    --bg-color: #d9d9d9 !important;
}

body[data-enable=y][data-font-color=b] a:hover {
    text-decoration: underline !important;
}

body[data-enable=y][data-font-color=b] body[data-enable=y][data-font-color=b].aside-nav a:hover,
body[data-enable=y][data-font-color=b] body[data-enable=y][data-font-color=b].aside-nav a.--active {
    background: rgba(0, 0, 0, 0.1803921569);
}

body[data-enable=y][data-images=g] svg,
body[data-enable=y][data-images=g] img {
    filter: grayscale(1);
    transition: 100ms;
}

body[data-enable=y][data-images=n] svg,
body[data-enable=y][data-images=n] img {
    filter: brightness(0) contrast(0) opacity(0.2);
}

body[data-enable=y][data-images=n] .swiper-slide-content {
    color: var(--color-accent);
}

body[data-enable=y][data-images=n] .swiper-slide-content .badge span {
    color: var(--color-accent);
}

body[data-enable=y][data-font-size=m],
body[data-enable=y][data-font-size=m] * {
    font-size: large !important;
    line-height: 1;
}

body[data-enable=y][data-font-size=b],
body[data-enable=y][data-font-size=b] * :not(.document-icon-body) {
    font-size: x-large !important;
    line-height: 1;
    line-height: 1.2;
}

body[data-enable=y][data-font-size=l],
body[data-enable=y][data-font-size=l] * :not(.document-icon-body) {
    font-size: xx-large !important;
    line-height: 1;
    line-height: 1.2;
}

body[data-enable=y][data-font-size=m],
body[data-enable=y][data-font-size=m] * p,
body[data-enable=y][data-font-size=b],
body[data-enable=y][data-font-size=b] * p,
body[data-enable=y][data-font-size=l],
body[data-enable=y][data-font-size=l] * p {
    line-height: 1.3;
}

body[data-enable=y][data-font-size=b] nav .nav-list,
body[data-enable=y][data-font-size=l] nav .nav-list {
    flex-wrap: wrap;
}

body[data-enable=y][data-font-size=b] nav .nav-item,
body[data-enable=y][data-font-size=l] nav .nav-item {
    position: relative;
}

body[data-enable=y][data-font-size=b] nav .nav-item-childs-items,
body[data-enable=y][data-font-size=l] nav .nav-item-childs-items {
    -moz-column-count: 1;
    column-count: 1;
}

body[data-enable=y][data-font-interval=m],
body[data-enable=y][data-font-interval=m] * {
    line-height: 1.5 !important;
}

body[data-enable=y][data-font-interval=b],
body[data-enable=y][data-font-interval=b] * {
    line-height: 2 !important;
}

body[data-enable=y][data-font-kerning=m],
body[data-enable=y][data-font-kerning=m] * {
    letter-spacing: 0.1em !important;
}

body[data-enable=y][data-font-kerning=b],
body[data-enable=y][data-font-kerning=b] * {
    letter-spacing: 0.3em !important;
}



.category-plates {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
}

.category-plates category-plate-item,
.category-plates a.category-plate-item {
    --font-color: var(--color-font-black);
    --background-color: white;
    padding: 20px;
    border-radius: 12px;
    position: relative;
    transition: box-shadow 0.3s;
    text-decoration: none;
    min-height: 200px;
    overflow: hidden;
    color: var(--font-color);
    background-color: var(--background-color);
    border: none;
    box-shadow: inset 0 0 0 2px #00000017;
    line-height: 1.2;
}

.category-plates category-plate-item:hover,
.category-plates a.category-plate-item:hover {
    --font-color: var(--color-font-white);
    --background-color: var(--color-accent);
}

@media screen and (max-width: 576px) {

    .category-plates category-plate-item,
    .category-plates a.category-plate-item {
        min-height: 130px;
    }
}


.category-plates category-plate-item:before,
.category-plates a.category-plate-item:before {
    position: absolute;
    content: '';
    aspect-ratio: 1;
    bottom: 0;
    right: 0;
    opacity: 0.05;
    transition: 0.2s;
    width: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    transform: translate(10%, 10%);
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="28.867" height="29" viewBox="0 0 28.867 29" class="icon-svg"><path d="M19.766,9.738a1.614,1.614,0,0,0-1.473-.272,2.216,2.216,0,0,1,.98-.575,1.088,1.088,0,0,1,.493.847ZM21.207,8.1c-.3-1.588-3.986-.536-5.845-1.21-.036.463.572,1.2,1.153,1.479a7.219,7.219,0,0,0-2.065,4.722,7.217,7.217,0,0,0-2.065-4.722c.581-.274,1.189-1.016,1.153-1.479-1.858.674-5.548-.378-5.845,1.21a1.317,1.317,0,0,0,.274,1,.826.826,0,0,1,.709-.533c2.6-.393,4.77,3.614,2.811,5.233a.039.039,0,0,0,.027.07h5.873a.039.039,0,0,0,.027-.07c-1.96-1.62.211-5.626,2.81-5.233a.825.825,0,0,1,.709.533,1.315,1.315,0,0,0,.273-1Zm.632-3.644c-.047-.15,1.477-.154,1.477.8,0,.639-.912.942-.912,1.606a.613.613,0,0,0,.434.536c-.235-1.065.736-.508,1-.309-.521-1.433.652-1.423.536-2.08-.08-.459-1.1-.32-1.469-.553-.655-.412-1.429-2.016-1.94-.412a1.213,1.213,0,0,1-.81,2.184,1.311,1.311,0,0,0,0,.206C21.6,6.363,22.1,5.3,21.84,4.456ZM5.028,7.089c.262-.2,1.233-.757,1,.309a.613.613,0,0,0,.434-.536c0-.663-.912-.966-.912-1.606,0-.954,1.524-.95,1.477-.8-.263.848.239,1.907,1.68,1.978a1.37,1.37,0,0,0,0-.206A1.213,1.213,0,0,1,7.9,4.044c-.511-1.6-1.285,0-1.94.412-.369.232-1.389.094-1.469.553-.115.657,1.057.648.536,2.08ZM9.12,9.738a1.614,1.614,0,0,1,1.473-.272,2.212,2.212,0,0,0-.979-.575,1.088,1.088,0,0,0-.494.847ZM15.136.857,14.433,0l-.7.857.7.9.7-.9Zm4.013,2.591-.5-.609-.5.609.5.6.5-.6ZM23.2,21.053l-.634-.671-.634.671.634.588.634-.588ZM10.718,3.448l-.5-.609-.5.609.5.6.5-.6ZM9.286,6.433H11.15a2.373,2.373,0,0,0,2.486-1.8h1.595a2.373,2.373,0,0,0,2.486,1.8h1.864a4.228,4.228,0,0,0,.408-.662c.295-.788-.082-1.156-.631-1.156l-.71.643-.71-.643c-.549,0-.925.368-.631,1.156a2.307,2.307,0,0,0,.213.379A1.939,1.939,0,0,1,15.83,4.637a10.741,10.741,0,0,0,.612-1.091c.441-1.13-.122-1.592-.945-1.592L14.433,3.2,13.37,1.954c-.823,0-1.386.462-.945,1.592a10.649,10.649,0,0,0,.612,1.091,1.94,1.94,0,0,1-1.692,1.514,2.27,2.27,0,0,0,.213-.379c.294-.788-.081-1.156-.631-1.156l-.71.643-.71-.643c-.549,0-.925.368-.631,1.156a4.218,4.218,0,0,0,.408.662Zm19.275,5.779a9.309,9.309,0,0,1-5.175.805q.042-.194.071-.389a12.257,12.257,0,0,0,4.2-1.039,2.378,2.378,0,0,0,.991-3.054.045.045,0,0,0-.072-.009A9.851,9.851,0,0,1,23.517,11.5q-.011-.226-.041-.451a12.665,12.665,0,0,0,3.453-2.572,2.748,2.748,0,0,0-.043-3.739.045.045,0,0,0-.067.009c-.3.494-3.1,5.021-6.176,6.975l-.113.071a.145.145,0,0,0-.023.236,1.7,1.7,0,0,1,.575,1.265,1.808,1.808,0,0,1-1.545,1.737,3.59,3.59,0,0,1-1.712-.143.042.042,0,0,0-.057.037V17.66a.043.043,0,0,0,.083.013,2.131,2.131,0,0,1,2-1.21,5.227,5.227,0,0,0,.906,2.426A1.55,1.55,0,0,0,23,19.116a.039.039,0,0,0-.011-.06A4.627,4.627,0,0,1,20.79,16.31a3.145,3.145,0,0,0,.367-.151,5.222,5.222,0,0,0,1.869,1.9,1.714,1.714,0,0,0,2.355-.462.04.04,0,0,0-.034-.059,5.013,5.013,0,0,1-3.373-1.946c.094-.086.186-.176.271-.272a7.175,7.175,0,0,0,2.939,1.348c1.016.138,2.167-.186,2.2-1.368a.042.042,0,0,0-.046-.042,8.976,8.976,0,0,1-4.457-.852q.089-.169.165-.344a13.952,13.952,0,0,0,3.8.407,1.971,1.971,0,0,0,1.785-2.228.044.044,0,0,0-.063-.031ZM5.824,14.065q.077.175.166.344a8.973,8.973,0,0,1-4.457.852.043.043,0,0,0-.046.042c.028,1.181,1.179,1.505,2.2,1.367a7.178,7.178,0,0,0,2.939-1.348c.086.1.178.185.271.272A5.014,5.014,0,0,1,3.52,17.54a.04.04,0,0,0-.034.059,1.714,1.714,0,0,0,2.355.462,5.225,5.225,0,0,0,1.869-1.9,3.229,3.229,0,0,0,.367.151,4.627,4.627,0,0,1-2.195,2.747.039.039,0,0,0-.011.06,1.55,1.55,0,0,0,2.241-.228,5.227,5.227,0,0,0,.906-2.426,2.13,2.13,0,0,1,2,1.21.043.043,0,0,0,.083-.013V14.926a.042.042,0,0,0-.057-.037,3.588,3.588,0,0,1-1.711.143A1.808,1.808,0,0,1,7.785,13.3,1.7,1.7,0,0,1,8.36,12.03a.145.145,0,0,0-.022-.236l-.114-.071C5.15,9.771,2.35,5.247,2.049,4.75a.046.046,0,0,0-.068-.01,2.749,2.749,0,0,0-.042,3.738,12.667,12.667,0,0,0,3.452,2.572q-.03.224-.041.451A9.856,9.856,0,0,1,.3,8.527a.045.045,0,0,0-.073.008,2.38,2.38,0,0,0,.991,3.054,12.257,12.257,0,0,0,4.2,1.039q.029.2.071.389a9.31,9.31,0,0,1-5.174-.8.043.043,0,0,0-.063.032,1.97,1.97,0,0,0,1.785,2.227,13.95,13.95,0,0,0,3.795-.407Zm16.746,8.44-.938-.738a1.637,1.637,0,0,0-.756.992c-.564.079-2.1-.263-1.953-.489,1.686-2.372.4-3.784-1.154-3.705v1.593a.963.963,0,0,1-1,.926H15.7a1.729,1.729,0,0,0-1.268.772,1.729,1.729,0,0,0-1.268-.772H12.1a.963.963,0,0,1-1-.926V18.564c-1.55-.078-2.841,1.334-1.154,3.705.148.224-1.433.583-2.175.493a1.1,1.1,0,0,0-.793-.33,1.132,1.132,0,0,0-.393.071s-2.915-2.76-2.968-2.787l.024-.056c.166-.31-.088-.649-.249-.625a1.027,1.027,0,0,0-.84-1.431c.03.2.046.6.046.6s-.8-.432-1.2-.059c-.353.417.137,1.175.137,1.175s-.409.01-.611-.007a1.052,1.052,0,0,0,1.505.734c-.014.159.345.387.65.2l.134-.065c.024.032,2.863,2.714,2.863,2.714a.933.933,0,0,0-.15.684,1.027,1.027,0,0,0,.818.809,1.133,1.133,0,0,0,.8-.129l.752.7a.347.347,0,0,0,.258.091.317.317,0,0,0,.307-.332.3.3,0,0,0-.1-.194C8.749,24.512,8,23.812,8,23.812a5.354,5.354,0,0,1,2.741-.743.2.2,0,0,0,.19-.283c-.435-1.047.5-1.806,1.469-1.188a3.243,3.243,0,0,1,1.175,1.685c-1.589.385-3.584,1.445-3.988,2.6-.155.447.358,1.056.981,1.178a.042.042,0,0,0,.051-.033,4.732,4.732,0,0,1,3.15-3.233l.081.218a4.394,4.394,0,0,0-2.365,2.8c-.134.572.5,1.087,1.03,1.228A.042.042,0,0,0,12.565,28a5.744,5.744,0,0,1,1.422-3.529q.026.179.039.359a11.412,11.412,0,0,0-.639,3.082c0,.6.9,1.027,1.032,1.086.166-.059,1.064-.481,1.064-1.086a11.412,11.412,0,0,0-.639-3.082q.013-.18.039-.359A5.743,5.743,0,0,1,16.3,28a.043.043,0,0,0,.054.037c.527-.141,1.164-.656,1.031-1.228a4.4,4.4,0,0,0-2.365-2.8L15.1,23.8a4.731,4.731,0,0,1,3.15,3.233.043.043,0,0,0,.051.033c.623-.123,1.137-.732.981-1.178-.4-1.157-2.4-2.217-3.987-2.6A3.246,3.246,0,0,1,16.471,21.6c.968-.618,1.9.141,1.469,1.188a.2.2,0,0,0,.19.283,4.87,4.87,0,0,1,2.957.92,1.784,1.784,0,0,0,1.671.764,1.7,1.7,0,0,0,1.547-1.427,1.588,1.588,0,0,0-.8-1.559l-.939.738Zm-6.915-4.757c.334-.124.858-.024.841.459,0,.109.149.109.16,0,.1-.723-.388-.931-.9-.846-.063-.248-.115-.466-.175-.681-.047-.174-.064-.5.137-.5.109,0,.065.3.055.435-.009.115.032.185.126.188.058,0,.131-.072.174-.121a.742.742,0,0,0,.018-1.09,1.077,1.077,0,0,0-1.2.242,1.349,1.349,0,0,0-.241-.375c-.066-.078-.084-.131.008-.2a.456.456,0,0,0,.174-.3.236.236,0,0,0-.257-.226.322.322,0,0,0-.326.345.344.344,0,0,0,.047.171,1.741,1.741,0,0,0-.5.024l1.883,5.166a1.441,1.441,0,0,0,.934-1.139c0-.385-.567-.257-.843.043-.089-.488-.167-.939-.254-1.389-.024-.124.039-.168.139-.206Zm-2.662-3.509.4,1.1c-.339.08-.883.327-.883.654,0,.435.77.719,1.216.685a.3.3,0,0,0,.073.269.994.994,0,0,0-.567.183.692.692,0,0,0-.781-.166c-.177.135-.182.363,0,.622a.438.438,0,0,1,.032.563c.537,0,.339-.7.549-.7a.883.883,0,0,0,.051.466.312.312,0,0,1-.029.309,2.841,2.841,0,0,0-.406,1.488c-.176,0-.266-.044-.2-.284.023-.09-.032-.153-.105-.043a.924.924,0,0,0-.12.418c0,.512.61.615.843.507a2.523,2.523,0,0,0,2.44.259l-2.33-6.392a.094.094,0,1,0-.177.062ZM12.911,19.5c-.048-.263.318-.734.784-1.187a1.121,1.121,0,0,0,.157.981,1.851,1.851,0,0,0-.941.206Z" fill-rule="evenodd" fill="%23000"></path></svg>');
}

@media screen and (max-width: 576px) {

    .category-plates category-plate-item:before,
    .category-plates a.category-plate-item:before {
        width: 30%;
    }
}


.category-plates category-plate-item:hover:before,
.category-plates a.category-plate-item:hover:before {
    transform: scale(105%) translate(10%, 10%);
}

.category-plates .category-plate-item-title {
    text-decoration: none;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
    display: block;
}

.category-plates .category-plate-item-button {
    margin-top: 4rem;
    display: block;
}

.category-plates .category-plate-item-button .button {
    font-size: 0.875em;
    background: var(--color-accent);
    color: #fff !important;
    text-decoration: none;
    font-weight: 500;
}


/*Галерея список*/
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    padding: 20px 0;
}


.gallery-item {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--color-border-gray);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.gallery-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.gallery-cell {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.gallery-thumb {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.gallery-thumb:nth-child(odd) {
    border-right: 2px solid #fff;
}

.gallery-thumb:nth-child(-n+2) {
    border-bottom: 2px solid #fff;
}

.gallery-thumb img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.gallery-item-name {
    display: block;
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    color: #333;
    padding: 10px;
    text-decoration: none;
    line-height: 1.3;
    word-break: break-word;
    min-height: 2.6em;
}

.gallery-item-name:hover {
    color: #0078ff;
}

.gallery-item-data {
    text-align: center;
    font-size: 14px;
    color: #888;
    padding-bottom: 12px;
    flex-shrink: 0;
}

@media (max-width: 992px) {
    .gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .gallery-grid {}
}

/*Галерея детальная*/
.gallery-detail {
    padding: 20px;
}

.gallery-detail-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}

.gallery-detail-image {
    display: block;
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

@media (max-width: 992px) {
    .gallery-detail-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .gallery-detail-list {
        grid-template-columns: 1fr;
    }
}

.news-detail-share ul li::before {
    display: none;
    ;
}

.--no-image {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-style: italic;
    width: 100%;
    height: 100%;
    background-size: 5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
}

.peoples-compact {
    gap: 25px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.peoples-compact .people-rank {
    line-height: 1.2;
}

.content-footer-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content-footer-left a {
    font-weight: 400;
    background: #fff;
    border: none;
    padding: 5px;
    display: grid;
    grid-template-columns: 16px 1fr;
    gap: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;

}

.content-footer-left a .icon {
    --ui-icon-width: 20px;
}

.static-page {}

.static-page .static-page-detail-picture {
    float: right;
    max-width: 350px;
    margin-left: 5%;
    margin-bottom: 5%;
}

.search-page-form {
    display: flex;
    align-items: center;
    gap: 8px;
}

.search-form-input {
    flex: 1;
    max-width: 500px;
}

.search-form-input .input {
    width: 100%;
    height: 40px;
    padding: 0 12px;
    border-radius: 6px;
    font-size: 14px;
    color: #000;
    background: #fff;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s;
}

.search-form-input .input:focus {
    border-color: #6b7280;
}

.search-form-input .input::placeholder {
    color: #9ca3af;
}

.search-btn {
    display: flex;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    background: #F2F4F5;
    color: #1f2937;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s, border-color 0.2s;
}

.search-btn:hover {
    background: #f3f4f6;
    border-color: #6b7280;
}

.search-btn .icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.gos-connect {
    padding: 2rem;
    background: var(--color-bg-blue);
    display: flex;
    gap: 2rem;
    align-items: center;
    border-radius: 30px;
}

.gos-connect-logo {
    max-width: 150px;
;
}

.gos-connect-logo svg {
    aspect-ratio: 15 / 3;
    max-width: 100%;
    width: 100%;
    display: block;
}

.gos-connect-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 215px;
    gap: 1rem;

}

.gos-connect-content-text {
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.4;
    color: #fff!important;
}
.gos-connect-content-text *{
    color: #fff!important;
}

.gos-connect-content-block-title {
    font-size: 24px;
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
}

.contacts-item-map {
    height: 500px;
    width: 100%;
    border: 1px solid #ccc;
}
.content-footer {
    margin-top: 24px;
    display: flex;
    text-align: right;
    margin-bottom: 4rem;
    font-size: 16px;
    background: #fff;
    padding: 8px 1rem;
    border-radius: 12px;
    margin-top: 2rem;
    border: 2px solid var(--color-border-gray);
}
.static-page .h3 {
    margin-top: 24px;
}
.news-list-compact {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
    gap: 1rem;
}
.news-list-compact a.news-list-compact-item,
.news-list-compact .news-list-compact-item {
    color: #000;
    /*margin-bottom: 2rem;*/
    display: flex;
    flex-direction: column;
}

.news-list-compact a.news-list-compact-item-picture,
.news-list-compact .news-list-compact-item-picture {
    overflow: hidden;
    border-radius: 12px;
    /*aspect-ratio: 10/6;*/
    display: block;
    height: 200px;
    margin-bottom: 1rem;
    border: 1px solid var(--color-border-gray);
}

.news-list-compact .news-list-compact-item-picture .news-item-preview {
    height: 100%;
}

.news-list-compact a.news-list-compact-item-picture img,
.news-list-compact .news-list-compact-item-picture img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.news-list-compact a.news-list-compact-item-title,
.news-list-compact .news-list-compact-item-title {
    font-size: 20px;
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}

.news-list-compact a.news-list-compact-item-text,
.news-list-compact .news-list-compact-item-text {
    font-size: 16px;
    color: var(--color-font-black);
}

.news-list-compact a.news-list-compact-item:hover,
.news-list-compact .news-list-compact-item:hover {
    color: var(--color-accent);
}

.news-list-compact.news-list-compact-three-grid {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    border-top: 1px solid #ddd;
    padding-top: 2rem;
}

.news-list-compact.news-list-compact-three-grid .news-list-compact-item-title {
    font-size: 16px;
    font-weight: 500;
}

.news-list-compact.news-list-compact-three-grid .badge span {
    border: none;
    padding: 0;
}

.news-item-title-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
}

.news-item-title {
    flex: 1;
}

.category-badge {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    padding: 4px 12px;
    border-radius: 999px;
    background-color: #FFF;
    border: 1px solid #D6CFC2;
    color: #6B6255;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 500;
    white-space: nowrap;
}

.category-select-wrap {
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
}

.category-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 10px 40px 10px 16px;
    border-radius: 8px;
    border: 1px solid #D6CFC2;
    background-color: #FFF;
    color: #4A4339;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    min-width: 220px;
    outline: none;
    transition: border-color .15s ease;
}

.category-select:hover,
.category-select:focus {
    border-color: #B8AE9C;
}

.category-select-wrap::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-right: 2px solid #6B6255;
    border-bottom: 2px solid #6B6255;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}
.news-detail-content.text-container:after {
    display: block;
    content: "";
    clear: both;
}
.news-item-property {
	margin-bottom: 1em;
}
.news-item-detail-picture {
	margin-top: 10px;
}
.news-item-detail-picture img {
    max-width: 100%;
	height: auto;
	border-radius: 8px;
}
.news-item__prop-name {
	font-weight: bold;
}
/************************/
:root {
    --color-green: #21AB33;
}
.news-presentation .news-item:nth-child(1) {
    grid-column: 3;
    grid-row: 1 / 4;
}
.news-presentation .news-item-text {
    color: #717272;
    font-size: 14px;
}

.numbers-row {
    display: flex;
    flex-direction: row;
    gap: 10%;
}
.secondary-text {
    color: var(--color-font-gray);
}
.numbers-row.accent-block {
    padding-left: 0;
    padding-right: 0;
    border: 0;
}
.accent-block-row div span {
    font-size: 40px;
    color: var(--color-green);
}
@media (max-width: 768px) {
    .table-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: calc(100vw - 52px);
        max-width: calc(100vw - 52px);
        /*margin-left: calc(-50vw + 50%);*/
        box-sizing: border-box;
    }
}


.reestr-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
}

.reestr-table .reestr-cell {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: top;
    text-align: left;
}

.reestr-table td.reestr-cell:first-child,
.reestr-table th.reestr-cell:first-child {
    width: 59px;
    min-width: 59px;
    text-align: center;
}

.reestr-table td.reestr-cell:nth-child(2),
.reestr-table th.reestr-cell:nth-child(2) {
    min-width: 200px;
}

.reestr-table td.reestr-cell:nth-child(3),
.reestr-table th.reestr-cell:nth-child(3),
.reestr-table td.reestr-cell:nth-child(4),
.reestr-table th.reestr-cell:nth-child(4) {
    min-width: 220px;
}

.reestr-table tr td.reestr-cell:last-child,
.reestr-table tr th.reestr-cell:last-child {
    border-right: none;
}

.reestr-cell--head {
    background-color: var(--color-accent);
    color: var(--color-font-white);
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: none;
    text-align: center;
}

.reestr-cell--section {
    text-align: center;
    font-weight: 600;
    border-right: none;
}

.reestr-cell--level-1 {
    background-color: #eaeaea;
}

.reestr-cell--level-2 {
    background-color: #f5f5f5;
    font-weight: 500;
}

.reestr-cell--num {
    text-align: center;
}

.reestr-cell--acts p {
    margin: 0 0 6px;
}

.reestr-cell--acts p:last-child {
    margin-bottom: 0;
}
.reestr-table--staff td.reestr-cell:first-child {
    text-align: left;
    width: auto;
}
.reestr-table--staff  td.reestr-cell:nth-child(3), .reestr-table th.reestr-cell:nth-child(3) {
    min-width: 40px;
}
.reestr-table--staff  td.reestr-cell:nth-child(1), .reestr-table th.reestr-cell:nth-child(1) {
    min-width: auto;
}
.reestr-table a {
    text-decoration: underline;
}
@media (max-width: 640px) {
    .reestr-table .reestr-cell {
        padding: 10px 12px;
        font-size: 13px;
    }
}
.dep-table {
    border-collapse: collapse;
    width: 100%;
    font-size: 14px;
    table-layout: auto;
}

.dep-table .dep-cell {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    vertical-align: middle;
    text-align: left;
}

.dep-table td.dep-cell:first-child,
.dep-table th.dep-cell:first-child {
    width: 120px;
    min-width: 120px;
}

.dep-table td.dep-cell:nth-child(2),
.dep-table th.dep-cell:nth-child(2) {
    min-width: 180px;
}

.dep-table td.dep-cell:not(:first-child):not(:nth-child(2)),
.dep-table th.dep-cell:not(:first-child):not(:nth-child(2)) {
    min-width: 170px;
}

.dep-table tr td.dep-cell:last-child,
.dep-table tr th.dep-cell:last-child {
    border-right: none;
}

.dep-cell--head {
    background-color: var(--color-accent);
    color: var(--color-font-white);
    font-weight: 500;
    border-right: 1px solid rgba(255, 255, 255, 0.25);
    border-bottom: none;
}

.dep-cell--section {
    text-align: center;
    font-weight: 500;
    background-color: #f5f5f5;
    border-right: none;
}

.dep-cell--photo {
    text-align: center;
}

.dep-cell--photo .item-preview {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 4px;
    flex-shrink: 0;
    margin: 0 auto;
}

.dep-cell--photo .item-preview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.dep-cell--photo .item-preview.--no-image {
    background-size: cover;
    background-position: center;
}
.dep-cell.dep-cell--section { text-align:center; }
@media (max-width: 640px) {
    .dep-table .dep-cell {
        padding: 10px 12px;
        font-size: 13px;
    }
}
table .section-row {
    font-weight: 600;
}
.wrapper-content-main-extra {
    margin-top: 2em;
}
.history__item-preview img {
    border-radius: 8px;
}
.history__item-preview {
    float: left;
    max-width: 400px;
    margin-right: 20px;
}

.history-item .news-item-text {
    margin-top: -5px;
}
.history-item .news-item-title {
    margin-bottom: 14px;
}
.footer .footer-container-left {
    order: 1;
}

.footer .footer-container-right {
    order: 2;
}
.footer {
    background-color: #3D2F38;
    background-image: url('/local/templates/novovel/img/footer_bg.png');
    background-repeat: no-repeat;
    background-position: top left;
}
.footer .footer-nav-row a.footer-nav-link:not(.footer-nav-link-main) {
    position: relative;
    padding-left: 10px;
}

.footer .footer-nav-row a.footer-nav-link:not(.footer-nav-link-main)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    transform: translateY(-50%);
}

.footer .contact-email {
    margin-bottom: 20px;
    display: inline-block;
}
@media (max-width: 640px) {
    .footer .contact-phone, a.contact-phone {
        font-size: 24px;
    }
}
.btn-visually-impaired{
    border: 1px solid #000;
    --background-color: #FFF;
    --color: #000;
}
.special-controll-wrap .special-controll-cell-items .btn {
    --background-color: var(--color-white);
}
.special-controll-wrap  a.btn span, .btn span {
    --color: #000;
}
.special-controll-wrap  .btn.--is-active span {
    --color: #fff;
}
.special-controll-wrap .btn:hover {
    --color: var(--color-font);
    --border-color: var(--color-accent);
}

.gos-connect { 
    background-image: url(/local/templates/novovel/img/gos-bg.png);
    background-repeat: no-repeat;
    background-position: -10px -26px;
    background-size: 371px auto;
    padding-left: 326px;
}


/* End */


/* Start:/local/templates/novovel/responsive.css?179077796712937*/
/**Адаптивное меню для мобильлных*/

.menu-toggle {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    font-size: 26px;
    cursor: pointer;
    color: #333;
}

.m-sidebar {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    /*left: -320px;*/
    /*width: 300px;*/
    height: 100%;
    background: var(--color-bg-white);
    box-shadow: 2px 0 6px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    transition: left 0.3s ease;
    z-index: 1002;
}

.m-sidebar .logo-section {
    background-color: var(--color-bg-white);

    margin-bottom: 8px;
}

.m-sidebar .logo-section .logo-container-right{
    display: none;
}
.m-sidebar .sitemane-description { display: none;}
.m-sidebar .logo-section .logo-container-left{
    align-items: center;
}


.m-sidebar .logo-container {
    padding: 16px 0;
    border-bottom: 1px solid #ddd;
}

.m-sidebar.open {
    /*left: 0;*/
    display: block;
}

.m-sidebar-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-padding {
    padding: 20px;
}

.m-sidebar .close-btn {
    background: none;
    border: none;
    font-size: 22px;
    cursor: pointer;
    align-self: flex-end;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.m-sidebar .nav-section {
    flex: 1;
    position: relative;
}

.nav-secondary {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

.sidebar-footer {
    border-top: 1px solid #eee;
    padding-top: 15px;
    font-size: 14px;
    color: #444;
}

.contact-info a {
    color: inherit;
    text-decoration: none;
}


.overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.overlay.active {
    display: block;
}

#main-menu-side {
    display: flex;
    /* flex-direction: column; */
    gap: 10px;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m-header-top {
    display: flex;
}

.m-sidebar .footer-nav-row {
    display: flex;
    flex-direction: column;
    flex: 0 1 300px;
}


.m-sidebar .footer-nav-link.footer-nav-link-main {
    font-weight: 600;
    font-size: 16px;
    color: var(--color-font-black);
    padding: 0;
    margin-bottom: 0px;
    text-decoration: none;
    transition: color 0.2s ease;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 16px;
    padding-right: 16px;
}

.m-sidebar .footer-nav-link-main:hover {
    color: var(--color-font-black);
}

.m-sidebar .footer-nav-link {
    font-size: 14px;
    color: var(--color-font-black);
    text-decoration: none;
    padding: 8px 0 8px 32px;
    transition: color 0.2s ease, background 0.2s ease;
}

.m-sidebar-container {

}

.m-sidebar .footer-nav-link:hover {
    color: var(--color-font-black);
    background: rgba(30, 136, 229, 0.05);
    border-radius: 4px;
}

.m-sidebar .nav-secondary a.selected {
    color: var(--color-accent);
    background-color: var(--color-bg-white);
}

.m-sidebar .footer-nav-link.selected,
.m-sidebar .footer-nav-link.--active {
    color: var(--color-accent-lightdark);
    background: rgba(30, 136, 229, 0.05);
}


.m-sidebar .footer-nav-row:not(:last-child) {
    padding-bottom: 10px;
}

.m-sidebar .sitemane {
    grid-template-rows: none;
    align-items: center;
}

.m-sidebar .sitemane-logo {
    grid-row: auto;
    align-self: center;
    top: 0;
}

.m-sidebar .sitemane-name {
    grid-row: auto;
    font-size: 12px;
    line-height: 1.2;
}
.m-sidebar .sitemane {
    grid-template-columns: 40px 1fr;
}

#main-menu-side .header-top-inner-left.short-menu a {
    display: block;
    font-size: 14px;
    color: var(--color-font-white);
    text-decoration: none;
    padding: 8px 0 8px 32px;
    transition: color 0.2s ease, background 0.2s ease;
}

#main-menu-side .header-top-inner-left.short-menu a:hover {
    color: var(--color-font-white);
    background: rgba(30, 136, 229, 0.05);
    border-radius: 4px;
}

.nav-secondary a {
    display: block;
    padding-left: 16px;
    padding-right: 16px;
}

.m-sidebar .nav-secondary {
    padding-top: 14px;
    margin: 0;
    border-top: 0;
    border-bottom: 1px solid var(--color-white);
}

.m-sidebar .nav-secondary a {
    font-weight: 600;
    font-size: 15px;
    color: var(--color-font-white);
    text-decoration: none;
    transition: color 0.2s ease;
    margin-bottom: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.m-header-top {
    display: none;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding-top: 5px;
    padding-bottom: 5px;
}

.m-sidebar .sidebar-footer{
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.m-sidebar .sidebar-footer .footer-container-left-bottom {
    width: 100%;
    max-width: 450px;
}

.m-sidebar .sidebar-footer .socials {
    margin-bottom: 1rem;
}

.m-sidebar .sidebar-footer .logo-container {
    border-bottom: none;
}

.hamburger {
    --size: 40px;
    --transition: 300ms cubic-bezier(.2, .9, .3, 1);
    --color: #111;
    width: var(--size);
    height: var(--size);
    display: grid;
    place-items: center;
    border: none;
    background: transparent;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
}

.hamburger__box {
    position: relative;
    width: 20px;
    height: 14px;
}

.hamburger__line {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--color);
    border-radius: 2px;
    transition:
        transform var(--transition),
        opacity var(--transition),
        top var(--transition),
        bottom var(--transition);
}

.hamburger__line:nth-child(1) {
    top: 0;
}

.hamburger__line:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
}

.hamburger__line:nth-child(3) {
    bottom: 0;
}

.hamburger.active .hamburger__line:nth-child(1) {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

.hamburger.active .hamburger__line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

.hamburger.active .hamburger__line:nth-child(3) {
    bottom: 50%;
    transform: translateY(50%) rotate(-45deg);
}

.m-top-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

.--full-rank {
    display: none;
}

#slider-scope {
    position: relative;
}
.news-item {
    min-height: 183px;
}



@media screen and (max-width: 1216px) {
    .header-top .special-controll-wrap a.btn span,  .header-top .btn span {
        display: none;
    }
}


@media screen and (max-width: 992px) {
    nav .nav {
        display: none;
    }
    .m-header-top {
        display: flex;
    }

    .header-top-inner {
        display: none;
    }
}


@media screen and (max-width: 1230px) {
    .first-person-footer .btn {
        margin-bottom: 5px;
    }

    .nav-item-root-link .icon {
        display: none;
    }

    nav .nav-item.--has-childs a.nav-item-root-link {
        gap: 0;
    }
}

@media screen and (max-width: 1124px) {

    #first-persone-scope {
        display: none;
    }

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

    .first-person-info {
        display: none;
    }

    .first-person-footer {
        display: none;
    }

    .gos-connect-content,
    .gos-connect {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }
    .breadcrumbs {
        overflow: hidden;
    }

    .breadcrumbs .container {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
    }

    .breadcrumbs-wrapper {
        display: inline-flex;
        flex-wrap: nowrap;
        width: max-content;
    }

    .breadcrumbs-item {
        display: inline-flex;
        flex-shrink: 0;
        white-space: nowrap;
    }

    .breadcrumbs .container::-webkit-scrollbar {
        height: 4px;
    }

    .breadcrumbs .container::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 2px;
    }
}


@media screen and (max-width: 768px) {
    .breadcrumbs {
        margin-bottom: 14px;
    }
    .news-item {
        min-height: unset;
    }
    .sitemane-name {
        font-size: 16px;
        line-height: 1.2;
    }
    .sitemane .sitemane-description {
        font-size: 13px;
    }
    h1, .h1 {
        font-size: 26px;
    }
    h2, .h2 {
        font-size: 24px;
    }
    .header-main-inner .header-main-inner-right {
        display: none;
    }

    .scope.scope-mb {
        margin-bottom: 2rem;
    }

    .scope.scope-mb.history-short .content-doube {
        display: flex;
        flex-direction: column;
    }

    .scope.scope-mb.history-short .content-doube .accent-block {
        gap: 1rem;
        padding: 0;
    }

    .first-person-name {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .first-person-content {
        padding: 4px;
        padding-left: 10px;
		line-height: 1.5;
    }

    #first-persone-scope .first-person {
        margin-left: 5px;
        margin-right: 5px;
    }

    .news-presentation {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .news-presentation .news-item .news-item-preview{
        max-height: unset;
    }

    .news-presentation .news-item:not(:nth-child(1)) .news-item-preview {
        display: block;
    }

    .news-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .news-item-text {
        font-size: 16px;
    }
    .news-item-preview {
        /*flex: 0 0 120px;*/
        /*min-height: 120px;*/
    }

    .news-item-preview img {
        display: block;
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 10px;
    }
    .news-item-preview {
        min-height: unset;
        /*aspect-ratio: 1;*/
        height: auto;
        width: 100%;
    }

    .news-item-preview img {
        height: 100%;
    }
    .news-item-content {
        flex: 1;
        min-width: 0;
    }

    .news-item-date {
        margin-bottom: 6px;
        font-size: 13px;
    }

    .news-item-title {
        font-size: 16px;
        line-height: 1.2;
    }

    .inform-messages {
        display: block;
    }

    .footer .footer-container {
        display: flex;

        flex-direction: column-reverse;
    }

    .footer-container-right {
        display: none;
    }
    .content-doube {
        grid-template-columns: 1fr 1fr;
    }
    .inform-messages a.inform-messages-item, .inform-messages .inform-messages-item {
        padding: 1rem;
    }
    .inform-messages a.inform-messages-item-name, .inform-messages .inform-messages-item-name {
        font-size: 16px;
    }
    .news-detail .news-detail-content-detail-picture {
        float: unset;
        max-width: 100%;
    }
    .static-page .static-page-detail-picture {
        float: unset;
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0;
    }
    .static-page .static-page-detail-picture img {
        max-width: 100%;
        height: auto;
        display: block;
    }
    .documents-list {
        grid-template-columns: unset;
    }
    .document{
        align-items: flex-start;
    }
    .text-container h2 {
        font-size: 20px;
    }
    .content-doube {
        grid-template-columns: auto;
    }
    .contacts-page.content-doube {
        display: flex;
        flex-direction: column-reverse;
    }
    .contacts-page .aside-logo {
        text-align: center;
    }
    .contacts-page .aside-logo-img {
        max-width: 220px;
    }
	.slider-main {
		height: 280px;
		aspect-ratio: auto;
	}
	.slider-main .swiper-slide .slider-main-content-title {
		font-size:24px;
	}
}

@media screen and (max-width: 576px) {
    .news-item {
        gap: 12px;
    }

    /*.news-item-preview {*/
    /*    flex: 0 0 90px;*/
    /*    min-height: 90px;*/
    /*}*/

    .news-item-preview img {
        /*height: 170px;*/
        border-radius: 8px;
    }
    .news-item-preview {
        min-height: unset;
        /*aspect-ratio: 1;*/
        height: auto;
    }

    .news-item-preview img {
        height: 100%;
    }
    .news-item-date {
        font-size: 12px;
    }

    .scope-footer .btn {
        width: 100%;
        justify-content: center;
    }

    .modern-page-navigation a, .modern-page-navigation span, .modern-page-navigation .modern-page-current {
        padding: 0px;
        min-width: 30px;
    }

    .history__item-preview {
        float: none;
        max-width: 100%;
        margin-bottom: 1rem;
        margin-right: 0;
    }

    .news-list-compact-item .news-list-compact-item-picture{
        height: 100%;
    }

    .news-list-compact-item .news-list-compact-item-picture .news-item-preview{

    }
}


@media screen and (max-width: 375px) {}
/* End */


/* Start:/local/templates/novovel/components/bitrix/menu/aside_menu/style.min.css?1784735890490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/novovel/components/bitrix/menu/aside_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */


/* Start:/local/templates/novovel/components/bitrix/news.list/side_bar_links/style.css?1784735890150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/novovel/components/bitrix/news.list/last_news/style.css?1784735890150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/novovel/components/bitrix/news.list/external_links/style.css?1784735890150*/
div.news-list
{
	word-wrap: break-word;
}
div.news-list img.preview_picture
{
	float:left;
	margin:0 4px 6px 0;
}
.news-date-time {
	color:#486DAA;
}

/* End */


/* Start:/local/templates/novovel/template_styles.css?17847691783261*/
.switch {
    --color: #c5cbd2;
    --border-color: #999999;
    --background-color: #f0f3f5;
    --active-color: #2fae12;
    --active-border-color: var(--border-color);
    --active-background-color: #fff;
    display: inline-flex;
    cursor: pointer;
    line-height: 1em;
    position: relative;
    align-items: center;
    align-content: center;
    appearance: none;
    width: auto;
    gap: 0.4em;
    --size: 24px;
    display: grid;
    grid-template-columns: calc(var(--size) * 2) 1fr;
}
.switch input {
    position: relative;
    display: inline-block;
    width: calc(var(--size) * 2);
    height: var(--size);
    margin: 0;
    vertical-align: top;
    background: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: 0.1s;
}
.switch input::after {
    content: "";
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 2px;
    width: calc(var(--size) - 6px);
    height: calc(var(--size) - 6px);
    background-color: var(--color);
    border-radius: 50%;
    transform: translateX(0);
    transition: 0.1s;
}
.switch input:checked::after {
    transform: translateX(calc(100% + 5px));
    background-color: var(--active-color);
}
.switch input:checked {
    border-color: var(--active-border-color);
    background-color: var(--active-background-color);
}
.switch input:checked + span {
    text-shadow: 0px 0px 0px #000 94;
}
.switch input:disabled {
    cursor: default;
    --color: #c5cbd2;
    --border-color: #e0dce5;
    --background-color: #f0f3f5;
}
.switch input:disabled:checked {
    border-color: var(--border-color);
    background-color: var(--background-color);
}
.switch input:disabled:checked::after {
    background-color: var(--color);
}
.cookie-assept-container{
    position: fixed;
    inset: 0;
    z-index: 10000;
    background: #000000a8;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}


.cookie-assept-container.--is-visible{
    visibility: visible;
    opacity: 1;
}

.cookie-assept{
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    background: #fff;
    padding: 2rem;
    box-shadow: 0px 5px 10px 5px #00000030;
    border: 2px solid var(--color-accent);
    border-radius: var(--border-radius);
}

@media screen and (max-width: 460px) {
    .cookie-assept {
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }
}

.cookie-assept-title{
    font-size: 20px;
    display: block;
    margin-bottom: 18px;
    font-weight: 500;
}
.cookie-assept-row{
    display: block;
    margin-bottom: 10px;
}

.cookie-assept-row .switch{
    font-size: 16px;
}

.cookie-assept-footer{
    margin-top: 18px;
    flex-wrap: wrap;
    display: flex;
    gap: 10px;
}

.cookie-assept-footer .btn{
    --gap: 5px;
    --font-size: 13px;
    padding: 10px 14px;
    font-weight: 400;
}

.cookie-assept-footer .btn.cookie-assept-set-all{
    --background-color: var(--color-accent);
    --border-color: var(--color-accent);
    --color: #fff;
}
/* End */
/* /local/templates/novovel/main.css?1790892205102186 */
/* /local/templates/novovel/responsive.css?179077796712937 */
/* /local/templates/novovel/components/bitrix/menu/aside_menu/style.min.css?1784735890490 */
/* /local/templates/novovel/components/bitrix/news.list/side_bar_links/style.css?1784735890150 */
/* /local/templates/novovel/components/bitrix/news.list/last_news/style.css?1784735890150 */
/* /local/templates/novovel/components/bitrix/news.list/external_links/style.css?1784735890150 */
/* /local/templates/novovel/template_styles.css?17847691783261 */