.ss-main {
    position: relative;
    display: inline-block;
    user-select: none;
    color: #666666;
    width: 100%;
}

.ss-main .ss-single-selected {
    display: flex;
    cursor: pointer;
    width: 100%;
    height: 30px;
    padding: 6px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    background-color: #ffffff;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .2s;
}

.ss-main .ss-single-selected.ss-disabled {
    background-color: #dcdee2;
    cursor: not-allowed;
}

.ss-main .ss-single-selected.ss-open-above {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ss-main .ss-single-selected.ss-open-below {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ss-main .ss-single-selected .placeholder {
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    width: calc(100% - 30px);
    line-height: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.ss-main .ss-single-selected .placeholder * {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: auto;
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
    color: #dedede;
}

.ss-main .ss-single-selected .ss-deselect {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    margin: 0 6px 0 6px;
    font-weight: bold;
}

.ss-main .ss-single-selected .ss-deselect.ss-hide {
    display: none;
}

.ss-main .ss-single-selected .ss-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    margin: 0 6px 0 6px;
}

.ss-main .ss-single-selected .ss-arrow span {
    border: solid #666666;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transition: transform .2s, margin .2s;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
    transform: rotate(-135deg);
    margin: 3px 0 0 0;
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    transform: rotate(45deg);
    margin: -3px 0 0 0;
}

.ss-main .ss-multi-selected {
    display: flex;
    flex-direction: row;
    cursor: pointer;
    min-height: 30px;
    width: 100%;
    padding: 0 0 0 3px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    background-color: #ffffff;
    outline: 0;
    box-sizing: border-box;
    transition: background-color .2s;
}

.ss-main .ss-multi-selected.ss-disabled {
    background-color: #dcdee2;
    cursor: not-allowed;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
    color: #666666;
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed;
}

.ss-main .ss-multi-selected.ss-open-above {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.ss-main .ss-multi-selected.ss-open-below {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.ss-main .ss-multi-selected .ss-values {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1 1 100%;
    width: calc(100% - 30px);
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
    display: flex;
    padding: 4px 5px;
    margin: 2px 0px;
    line-height: 1em;
    align-items: center;
    width: 100%;
    color: #dedede;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(0);
        opacity: 0;
    }
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    font-size: 12px;
    padding: 3px 5px;
    margin: 3px 5px 3px 0px;
    color: #ffffff;
    background-color: #5897fb;
    border-radius: 4px;
    animation-name: scaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    animation-fill-mode: both;
}

.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
    animation-name: scaleOut;
    animation-duration: .2s;
    animation-timing-function: ease-out;
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    margin: 0 0 0 5px;
    cursor: pointer;
}

.ss-main .ss-multi-selected .ss-add {
    display: flex;
    flex: 0 1 3px;
    margin: 9px 12px 0 5px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #666666;
    position: relative;
    height: 10px;
    width: 2px;
    transition: transform .2s;
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
    background: #666666;
    content: "";
    position: absolute;
    height: 2px;
    width: 10px;
    left: -4px;
    top: 4px;
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
    transform: rotate(45deg);
}

.ss-main .ss-content {
    position: absolute;
    width: 100%;
    margin: -1px 0 0 0;
    box-sizing: border-box;
    border: solid 1px #dcdee2;
    z-index: 1010;
    background-color: #ffffff;
    transform-origin: center top;
    transition: transform .2s, opacity .2s;
    opacity: 0;
    transform: scaleY(0);
}

.ss-main .ss-content.ss-open {
    display: block;
    opacity: 1;
    transform: scaleY(1);
}

.ss-main .ss-content .ss-search {
    display: flex;
    flex-direction: row;
    padding: 8px 8px 6px 8px;
}

.ss-main .ss-content .ss-search.ss-hide {
    height: 0px;
    opacity: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ss-main .ss-content .ss-search.ss-hide input {
    height: 0px;
    opacity: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ss-main .ss-content .ss-search input {
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0px;
    height: 30px;
    padding: 6px 8px;
    margin: 0;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    background-color: #ffffff;
    outline: 0;
    text-align: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: textfield;
}

.ss-main .ss-content .ss-search input::placeholder {
    color: #8a8a8a;
    vertical-align: middle;
}

.ss-main .ss-content .ss-search input:focus {
    box-shadow: 0 0 5px #5897fb;
}

.ss-main .ss-content .ss-search .ss-addable {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 22px;
    font-weight: bold;
    flex: 0 0 30px;
    height: 30px;
    margin: 0 0 0 8px;
    border: 1px solid #dcdee2;
    border-radius: 4px;
    box-sizing: border-box;
}

.ss-main .ss-content .ss-addable {
    padding-top: 0px;
}

.ss-main .ss-content .ss-list {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left;
}

.ss-main .ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    padding: 6px 10px 6px 10px;
    font-weight: bold;
}

.ss-main .ss-content .ss-list .ss-optgroup .ss-option {
    padding: 6px 6px 6px 25px;
}

.ss-main .ss-content .ss-list .ss-optgroup-label-selectable {
    cursor: pointer;
}

.ss-main .ss-content .ss-list .ss-optgroup-label-selectable:hover {
    color: #ffffff;
    background-color: #5897fb;
}

.ss-main .ss-content .ss-list .ss-option {
    padding: 6px 10px 6px 10px;
    cursor: pointer;
    user-select: none;
}

.ss-main .ss-content .ss-list .ss-option * {
    display: inline-block;
}

.ss-main .ss-content .ss-list .ss-option:hover, .ss-main .ss-content .ss-list .ss-option.ss-highlighted {
    color: #ffffff;
    background-color: #5897fb;
}

.ss-main .ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    color: #dedede;
    background-color: #ffffff;
}

.ss-main .ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: #666666;
    background-color: rgba(88, 151, 251, 0.1);
}

.ss-main .ss-content .ss-list .ss-option.ss-hide {
    display: none;
}

.ss-main .ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: #fffb8c;
}


@charset "UTF-8";

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | https://dbushell.com/
 */

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
    content: " ";
    display: table;
}

.pika-single:after {
    clear: both
}

.pika-single {
    *zoom: 1
}

.pika-single.is-hidden {
    display: none;
}

.pika-single.is-bound {
    position: absolute;
    box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .5);
}

.pika-lendar {
    float: left;
    width: 240px;
    margin: 8px;
}

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

.pika-prev:hover,
.pika-next:hover {
    opacity: 1;
}

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

.pika-prev.is-disabled,
.pika-next.is-disabled {
    cursor: default;
    opacity: .2;
}

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

.pika-table th,
.pika-table td {
    width: 14.285714285714286%;
    padding: 0;
}

.pika-table th {
    color: #999;
    font-size: 12px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.pika-week {
    font-size: 11px;
    color: #999;
}

.is-today .pika-button {
    color: #33aaff;
    font-weight: bold;
}

.is-selected .pika-button,
.has-event .pika-button {
    color: #fff;
    font-weight: bold;
    background: #33aaff;
    box-shadow: inset 0 1px 3px #178fe5;
    border-radius: 3px;
}

.has-event .pika-button {
    background: #005da9;
    box-shadow: inset 0 1px 3px #0076c9;
}

.is-disabled .pika-button,
.is-inrange .pika-button {
    background: #D5E9F7;
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px;
}

.is-endrange .pika-button {
    color: #fff;
    background: #33aaff;
    box-shadow: none;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.is-outside-current-month .pika-button {
    color: #999;
    opacity: .3;
}

.is-selection-disabled {
    pointer-events: none;
    cursor: default;
}

.pika-button:hover,
.pika-row.pick-whole-week:hover .pika-button {
    color: #fff;
    background: #ff8000;
    box-shadow: none;
    border-radius: 3px;
}

/* styling for abbr */
.pika-table abbr {
    border-bottom: none;
    cursor: help;
}

#debug {
    display: none;
    position: fixed;
    padding: 15px;
    font-size: 0.7rem;
    z-index: 999;
    background-color: rgba(0, 0, 25, 0.8);
    height: 100%;
    overflow-y: auto;
    top: 0px;
    right: 0px;
    color: white;

}

.default #debug {
    display: block;
}

@media print {
    .theme-choser {
        display: none;
    }
}

.theme-choser {
    position: fixed;
    left: -150px;
    top: 10px;
    z-index: 999;
    width: 160px;
    transition: all 0.5s;
}

.theme-choser:hover {
    left: -20px;
}

.theme-choser:hover .palette-button {
    opacity: 0%;
}

.palette-button {
    height: 22px;
    text-align: center;
    width: 22px;
    top: 0px;
    font-size: 10px;
    position: absolute;
    right: -15px;
    display: table-cell !important;
    vertical-align: middle;
    padding: 0px;
}

.theme-choser ul .color-sample {
    width: 140px;
    background-color: var(--main-color);
    border-radius: 20px;
    padding: 5px 12px;
    color: white;
    margin: 5px;
    cursor: pointer;
    text-align: right;
    box-shadow: 0px 0px 5px #fffc;
}

.theme-choser ul .color-sample:hover {
    margin-left: 10px;
}


@font-face {
    font-family: "SF UI Display";
    src: url(assets/fonts/SFUIDisplay-Bold.eot);
    src: url(assets/fonts/SFUIDisplay-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SFUIDisplay-Bold.woff) format("woff"), url(assets/fonts/SFUIDisplay-Bold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "SF UI Display";
    src: url(assets/fonts/SFUIDisplay-Regular.eot);
    src: url(assets/fonts/SFUIDisplay-Regular.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SFUIDisplay-Regular.woff) format("woff"), url(assets/fonts/SFUIDisplay-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "SF UI Display";
    src: url(assets/fonts/SFUIDisplay-Heavy.eot);
    src: url(assets/fonts/SFUIDisplay-Heavy.eot?#iefix) format("embedded-opentype"), url(assets/fonts/SFUIDisplay-Heavy.woff) format("woff"), url(assets/fonts/SFUIDisplay-Heavy.ttf) format("truetype");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Gost UI2";
    src: url(assets/fonts/GOSTUI2.eot);
    src: url(assets/fonts/GOSTUI2.eot?#iefix) format("embedded-opentype"), url(assets/fonts/GOSTUI2.woff) format("woff"), url(assets/fonts/GOSTUI2.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Gost UI2";
    src: url(assets/fonts/GOSTUI2-Medium.eot);
    src: url(assets/fonts/GOSTUI2-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/GOSTUI2-Medium.woff) format("woff"), url(assets/fonts/GOSTUI2-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Gost UI2";
    src: url(assets/fonts/GOSTUI2-Bold.eot);
    src: url(assets/fonts/GOSTUI2-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/GOSTUI2-Bold.woff) format("woff"), url(assets/fonts/GOSTUI2-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Roboto";
    src: url(assets/fonts/Roboto.eot);
    src: url(assets/fonts/Roboto.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Roboto.woff) format("woff"), url(assets/fonts/Roboto.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Roboto";
    src: url(assets/fonts/Roboto-Medium.eot);
    src: url(assets/fonts/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Roboto-Medium.woff) format("woff"), url(assets/fonts/Roboto-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: "Roboto";
    src: url(assets/fonts/Roboto-Bold.eot);
    src: url(assets/fonts/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(assets/fonts/Roboto-Bold.woff) format("woff"), url(assets/fonts/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

.choices {
    position: relative;
    margin-bottom: 24px;
    font-size: 16px
}

.choices:focus {
    outline: none
}

.choices:last-child {
    margin-bottom: 0
}

.choices.is-disabled .choices__inner, .choices.is-disabled .choices__input {
    background-color: #eaeaea;
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.choices.is-disabled .choices__item {
    cursor: not-allowed
}

.choices [hidden] {
    display: none !important
}

.choices[data-type*='select-one'] {
    cursor: pointer
}

.choices[data-type*='select-one'] .choices__inner {
    padding-bottom: 7.5px
}

.choices[data-type*='select-one'] .choices__input {
    display: block;
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    background-color: #ffffff;
    margin: 0
}

.choices[data-type*='select-one'] .choices__button {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    padding: 0;
    background-size: 8px;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    margin-right: 25px;
    height: 20px;
    width: 20px;
    border-radius: 10em;
    opacity: 0.5
}

.choices[data-type*='select-one'] .choices__button:hover, .choices[data-type*='select-one'] .choices__button:focus {
    opacity: 1
}

.choices[data-type*='select-one'] .choices__button:focus {
    -webkit-box-shadow: 0px 0px 0px 2px #00bcd4;
    box-shadow: 0px 0px 0px 2px #00bcd4
}

.choices[data-type*='select-one']:after {
    content: '';
    height: 0;
    width: 0;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    border-width: 5px;
    position: absolute;
    right: 11.5px;
    top: 50%;
    margin-top: -2.5px;
    pointer-events: none
}

.choices[data-type*='select-one'].is-open:after {
    border-color: transparent transparent #333 transparent;
    margin-top: -7.5px
}

.choices[data-type*='select-one'][dir='rtl']:after {
    left: 11.5px;
    right: auto
}

.choices[data-type*='select-one'][dir='rtl'] .choices__button {
    right: auto;
    left: 0;
    margin-left: 25px;
    margin-right: 0
}

.choices[data-type*='select-multiple'] .choices__inner, .choices[data-type*='text'] .choices__inner {
    cursor: text
}

.choices[data-type*='select-multiple'] .choices__button, .choices[data-type*='text'] .choices__button {
    position: relative;
    display: inline-block;
    margin-top: 0;
    margin-right: -4px;
    margin-bottom: 0;
    margin-left: 8px;
    padding-left: 16px;
    border-left: 1px solid #008fa1;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjEiIHZpZXdCb3g9IjAgMCAyMSAyMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZyBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0yLjU5Mi4wNDRsMTguMzY0IDE4LjM2NC0yLjU0OCAyLjU0OEwuMDQ0IDIuNTkyeiIvPjxwYXRoIGQ9Ik0wIDE4LjM2NEwxOC4zNjQgMGwyLjU0OCAyLjU0OEwyLjU0OCAyMC45MTJ6Ii8+PC9nPjwvc3ZnPg==);
    background-size: 8px;
    width: 8px;
    line-height: 1;
    opacity: 0.75;
    border-radius: 0
}

.choices[data-type*='select-multiple'] .choices__button:hover, .choices[data-type*='select-multiple'] .choices__button:focus, .choices[data-type*='text'] .choices__button:hover, .choices[data-type*='text'] .choices__button:focus {
    opacity: 1
}

.choices__inner {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f9f9f9;
    padding: 7.5px 7.5px 3.75px;
    border: 1px solid #ddd;
    border-radius: 2.5px;
    font-size: 14px;
    min-height: 44px;
    overflow: hidden
}

.is-focused .choices__inner, .is-open .choices__inner {
    border-color: #b7b7b7
}

.is-open .choices__inner {
    border-radius: 2.5px 2.5px 0 0
}

.is-flipped.is-open .choices__inner {
    border-radius: 0 0 2.5px 2.5px
}

.choices__list {
    margin: 0;
    padding-left: 0;
    list-style: none
}

.choices__list--single {
    display: inline-block;
    padding: 4px 16px 4px 4px;
    width: 100%
}

[dir='rtl'] .choices__list--single {
    padding-right: 4px;
    padding-left: 16px
}

.choices__list--single .choices__item {
    width: 100%
}

.choices__list--multiple {
    display: inline
}

.choices__list--multiple .choices__item {
    display: inline-block;
    vertical-align: middle;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 12px;
    font-weight: 500;
    margin-right: 3.75px;
    margin-bottom: 3.75px;
    background-color: #00bcd4;
    border: 1px solid #00a5bb;
    color: #ffffff;
    word-break: break-all
}

.choices__list--multiple .choices__item[data-deletable] {
    padding-right: 5px
}

[dir='rtl'] .choices__list--multiple .choices__item {
    margin-right: 0;
    margin-left: 3.75px
}

.choices__list--multiple .choices__item.is-highlighted {
    background-color: #00a5bb;
    border: 1px solid #008fa1
}

.is-disabled .choices__list--multiple .choices__item {
    background-color: #aaa;
    border: 1px solid #919191
}

.choices__list--dropdown {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    background-color: #fff;
    border: 1px solid #ddd;
    top: 100%;
    margin-top: -1px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
    overflow: hidden;
    word-break: break-all
}

.choices__list--dropdown.is-active {
    display: block
}

.is-open .choices__list--dropdown {
    border-color: #b7b7b7
}

.is-flipped .choices__list--dropdown {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: -1px;
    border-radius: 0.25rem 0.25rem 0 0
}

.choices__list--dropdown .choices__list {
    position: relative;
    max-height: 300px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    will-change: scroll-position
}

.choices__list--dropdown .choices__item {
    position: relative;
    padding: 10px;
    font-size: 14px
}

[dir='rtl'] .choices__list--dropdown .choices__item {
    text-align: right
}

@media (min-width: 640px) {
    .choices__list--dropdown .choices__item--selectable {
        padding-right: 100px
    }

    .choices__list--dropdown .choices__item--selectable:after {
        content: attr(data-select-text);
        font-size: 12px;
        opacity: 0;
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    [dir='rtl'] .choices__list--dropdown .choices__item--selectable {
        text-align: right;
        padding-left: 100px;
        padding-right: 10px
    }

    [dir='rtl'] .choices__list--dropdown .choices__item--selectable:after {
        right: auto;
        left: 10px
    }
}

.choices__list--dropdown .choices__item--selectable.is-highlighted {
    background-color: #f2f2f2
}

.choices__list--dropdown .choices__item--selectable.is-highlighted:after {
    opacity: 0.5
}

.choices__item {
    cursor: default
}

.choices__item--selectable {
    cursor: pointer
}

.choices__item--disabled {
    cursor: not-allowed;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0.5
}

.choices__heading {
    font-weight: 600;
    font-size: 12px;
    padding: 10px;
    border-bottom: 1px solid #f7f7f7;
    color: gray
}

.choices__button {
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer
}

.choices__button:focus {
    outline: none
}

.choices__input {
    display: inline-block;
    vertical-align: baseline;
    background-color: #f9f9f9;
    font-size: 14px;
    margin-bottom: 5px;
    border: 0;
    border-radius: 0;
    max-width: 100%;
    padding: 4px 0 4px 2px
}

.choices__input:focus {
    outline: 0
}

[dir='rtl'] .choices__input {
    padding-right: 2px;
    padding-left: 0
}

.choices__placeholder {
    opacity: 0.5
}

.about-ministry {
    margin-top: 40px;
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif
}

.about-ministry .about-ministry__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .about-ministry .about-ministry__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .about-ministry .about-ministry__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.about-ministry .about-ministry__article {
    margin-bottom: 32px
}

.about-ministry .about-ministry__paragraph {
    font-size: 24px;
    line-height: 31px;
    color: #3B4256;
    font-weight: 400;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .about-ministry {
        margin-top: 0;
        padding-bottom: 0
    }

    .about-ministry .about-ministry__paragraph {
        font-size: 16px;
        line-height: 20px
    }

    .about-ministry .about-ministry__date {
        font-size: 16px;
        line-height: 20px
    }

    .about-ministry .about-ministry__tags {
        margin-top: 16px
    }

    .about-ministry .about-ministry__tags-title, .about-ministry .about-ministry__tags-item {
        font-size: 16px;
        line-height: 20px
    }
}

.app-bar {
    position: relative;
    font-size: 14px
}

.app-bar:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-color: #3275A8
}

.app-bar__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    position: relative;
    z-index: 5
}

@media screen and (max-width: 1023px) {
    .app-bar__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .app-bar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.app-bar__wrapper .app-bar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 5
}

.app-bar__site-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    padding-left: 2px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.app-bar__site-controls .app-bar__marketplace-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
    color: #fff;
    cursor: pointer;
    padding-right: 19px
}

.app-bar__site-controls .app-bar__marketplace-link:hover .app-bar__marketplace-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-bar__site-controls .app-bar__marketplace-link:hover .app-bar__marketplace-text {
    color: currentColor
}

.app-bar__site-controls .app-bar__marketplace-link .app-bar__marketplace-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear
}

.app-bar__site-controls .app-bar__marketplace-link .app-bar__marketplace-text {
    color: #DDE1E6;
    white-space: nowrap;
    font-weight: 500;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear
}

.app-bar__site-controls .app-bar__search-control {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    padding-right: 30px
}

.app-bar__site-controls .app-bar__search-control:hover .app-bar__search-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-bar__site-controls .app-bar__search-control:hover .app-bar__search-text {
    color: currentColor
}

.app-bar__site-controls .app-bar__search-control .app-bar__search-text {
    font-size: 14px;
    color: #DDE1E6;
    white-space: nowrap;
    font-weight: 500;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .app-bar__site-controls .app-bar__search-control .app-bar__search-text {
        font-size: 14px
    }
}

.app-bar__site-controls .app-bar__search-control .app-bar__search-icon {
    width: 24px;
    height: 24px;
    margin-left: 12px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear
}

.app-bar__site-controls .app-bar__search-form {
    height: 100%;
    color: #DDE1E6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 0;
    padding: 0;
    -webkit-transition: width 0.125s linear;
    -o-transition: width 0.125s linear;
    transition: width 0.125s linear
}

.app-bar__site-controls .app-bar__search-form.js-active {
    width: 100%;
    padding: 10px 35px 10px 24px
}

.app-bar__site-controls .app-bar__search-form.js-active + .app-bar__search-control {
    display: none
}

.app-bar__site-controls .app-bar__search-form .app-bar__search-input {
    background-color: transparent;
    font-size: 14px;
    border: none;
    color: #DDE1E6;
    width: 100%;
    font-family: 'GOST UI2', sans-serif
}

.app-bar__site-controls .app-bar__search-form .app-bar__search-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    background-color: transparent;
    border: none;
    cursor: pointer
}

.app-bar__site-controls .app-bar__search-form .app-bar__search-btn:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-bar__site-controls .app-bar__search-form .app-bar__search-btn svg {
    height: 24px;
    width: 24px
}

.app-bar__user-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 2px 16px 40px;
    border-left: 2px solid rgba(255, 255, 255, 0.2)
}

.app-bar__user-controls .app-bar__special-version-control {
    color: #fff;
    margin-right: 34px;
    margin-bottom: -2px;
    cursor: pointer
}

.app-bar__user-controls .app-bar__special-version-control:hover .app-bar__special-version-icon {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.app-bar__user-controls .app-bar__special-version-control .app-bar__special-version-icon {
    width: 20px;
    height: 20px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear
}

.app-bar__user-controls .app-bar__lang-control {
    position: relative;
    color: #DDE1E6;
    margin-right: 32px;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.app-bar__user-controls .app-bar__lang-control:hover {
    color: #fff
}

.app-bar__user-controls .app-bar__lang-control-menu {
    position: absolute;
    top: calc(100% + 20px);
    left: -10px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease, -webkit-transform .25s ease
}

.app-bar__user-controls .app-bar__lang-control-menu.js_active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.app-bar__user-controls .app-bar__lang-control-item:last-child .app-bar__lang-control-link {
    margin-bottom: 0
}

.app-bar__user-controls .app-bar__lang-control-link {
    display: block;
    color: #fff;
    margin-bottom: 10px
}

.app-bar__user-controls .app-bar__personal-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.app-bar__user-controls .app-bar__personal-link:hover .app-bar__personal-text {
    color: #fff
}

.app-bar__user-controls .app-bar__personal-link:hover .app-bar__notifications-icon {
    -webkit-transform: scale(1.06);
    -ms-transform: scale(1.06);
    transform: scale(1.06)
}

.app-bar__user-controls .app-bar__personal-link .app-bar__personal-text {
    color: #DDE1E6;
    margin-right: 4px;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.app-bar__user-controls .app-bar__notifications-icon {
    cursor: pointer;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.app-bar__user-controls .app-bar__notifications-icon:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.app-bar__user-controls .app-bar__notifications-icon use {
    pointer-events: none
}

.app-bar__user-controls .app-bar__notifications-icon use svg {
    pointer-events: none
}

.app-bar__user-controls .app-bar__rss-feed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.app-bar__user-controls .app-bar__rss-feed .app-bar__rss-feed-icon {
    cursor: pointer;
    width: 18px;
    height: 18px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear;
    margin-left: 33px;
    color: #DDE1E6
}

.app-bar__user-controls .app-bar__rss-feed .app-bar__rss-feed-icon:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    color: #fff
}

.app-bar .app-bar__personal-menu {
    display: none;
    list-style: none;
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 205px;
    z-index: 1000;
    padding: 16px 20px;
    padding-bottom: 0;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25)
}

.app-bar .app-bar__personal-menu.js-show {
    display: block
}

.app-bar .app-bar__personal-menu .app-bar__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%
}

.app-bar .app-bar__personal-menu .app-bar__item:last-child:before {
    content: '';
    display: block;
    width: 169px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.1);
    margin-bottom: 16px
}

.app-bar .app-bar__personal-menu .app-bar__link {
    display: block;
    width: 100%;
    color: #fff;
    margin-bottom: 16px
}

.app-bar .app-bar__notifications-menu {
    display: none;
    list-style: none;
    position: absolute;
    top: 100%;
    right: 0;
    max-width: 265px;
    z-index: 1000;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    background-color: #3275A8
}

.app-bar .app-bar__notifications-menu.js-show {
    display: block
}

.app-bar .app-bar__notifications-menu .app-bar__item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: block;
    width: 100%
}

.app-bar .app-bar__notifications-menu .app-bar__item:not(:last-child):after {
    content: '';
    display: block;
    width: 169px;
    height: 1px
}

.app-bar .app-bar__notifications-menu .app-bar__link {
    display: block;
    width: 100%;
    color: #fff;
    padding: 16px 0
}

.app-bar .app-bar__notifications-menu-top, .app-bar .app-bar__notifications-menu-bottom {
    display: block;
    width: 100%;
    padding: 0 20px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .app-bar {
        font-size: 14px
    }

    .app-bar .app-bar__site-controls {
        position: relative
    }

    .app-bar .app-bar__site-controls .app-bar__marketplace-link .app-bar__marketplace-icon {
        width: 18px;
        height: 18px;
        margin-right: 12px
    }

    .app-bar .app-bar__site-controls .app-bar__search-form {
        position: absolute;
        right: 0;
        height: 40px
    }

    .app-bar .app-bar__site-controls .app-bar__search-form .app-bar__search-btn svg {
        width: 14px
    }

    .app-bar .app-bar__site-controls .app-bar__search-control {
        padding-right: 24px
    }

    .app-bar .app-bar__site-controls .app-bar__search-icon {
        width: 18px
    }

    .app-bar .app-bar__special-version-control .app-bar__special-version-icon {
        width: 18px
    }

    .app-bar .app-bar__user-controls {
        padding-left: 28px;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .app-bar .app-bar__user-controls .app-bar__lang-control {
        margin-right: 24px
    }

    .app-bar .app-bar__user-controls .app-bar__notifications-icon {
        width: 20px;
        margin-left: 15px
    }

    .app-bar .app-bar__user-controls .app-bar__rss-feed-icon {
        width: 15px;
        margin-left: 22px
    }
}

@media screen and (max-width: 767px) {
    .app-bar .app-bar__wrapper {
        position: static
    }

    .app-bar .app-bar__inner {
        position: static
    }

    .app-bar .app-bar__inner.state_xs-not-rel {
        position: static
    }

    .app-bar .app-bar__user-controls {
        display: none
    }

    .app-bar .app-bar__marketplace-text {
        font-size: 12px
    }

    .app-bar .app-bar__search-form {
        height: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        top: 0;
        right: 0
    }

    .app-bar .app-bar__search-form .app-bar__search-btn svg {
        width: 11px
    }

    .app-bar .app-bar__search-form.js-active {
        padding: 8px 10px
    }

    .app-bar .app-bar__search-form.js-active + .app-bar__marketplace-link {
        display: none
    }

    .app-bar .app-bar__site-controls.state_search-show .app-bar__marketplace-text {
        display: none
    }

    .app-bar .app-bar__site-controls .app-bar__search-control {
        padding-right: 0
    }

    .app-bar .app-bar__site-controls .app-bar__search-control .app-bar__search-text {
        font-size: 12px
    }

    .app-bar .app-bar__site-controls .app-bar__search-control .app-bar__search-icon {
        width: 14px;
        height: 14px
    }
}

.article {
    margin-top: 40px;
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif
}

.article .article__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .article .article__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .article .article__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.article .article__paragraph {
    font-size: 16px;
    line-height: 23px;
    color: #3B4256;
    margin-bottom: 24px;
    font-weight: 400
}

.article .article__paragraph-link {
    color: #2F80ED
}

.article .tags {
    margin-top: 40px
}

.article .article__img {
    max-width: 100%;
    margin: 0 auto
}

.article .article__date {
    font-size: 20px;
    line-height: 26px;
    color: #848E99;
    font-weight: 400
}

.article .article__table-wrapper {
    overflow-x: auto
}

.article .article__table {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    border: 2px solid #F4F7FB;
    border-radius: 4px
}

.article .article__table .article__tr:first-child .article__td {
    font-weight: 500;
    color: #000;
    text-align: left
}

.article .article__table .article__tr:last-child .article__td {
    border-bottom: none
}

.article .article__table .article__td {
    padding: 30px 20px;
    color: #3B4256;
    font-weight: 400;
    border-bottom: 1px solid #F4F7FB;
    word-break: break-word
}

.article .article__table .article__td.js-added {
    display: none
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .article .article__date {
        font-size: 18px;
        line-height: 23px
    }

    .article .tags {
        font-size: 18px;
        line-height: 23px;
        margin-top: 24px
    }

    .article .article__table .article__td {
        padding: 20px 10px
    }
}

@media screen and (max-width: 767px) {
    .article {
        margin-top: 0;
        padding-bottom: 28px
    }

    .article .article__paragraph {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 12px;
        font-weight: 400
    }

    .article .article__date {
        font-size: 16px;
        line-height: 20px
    }

    .article .article__tags {
        font-size: 16px;
        line-height: 20px
    }

    .article .article__table {
        font-family: 'Roboto', sans-serif;
        border: none
    }

    .article .article__table .article__tr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 40px
    }

    .article .article__table .article__tr:first-child {
        display: none
    }

    .article .article__table .article__td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px;
        width: 50%;
        color: #3B4256;
        font-size: 12px;
        line-height: 14px;
        border: none;
        font-weight: 400
    }

    .article .article__table .article__td:first-child {
        max-width: 15px;
        margin-right: 14px;
        color: #212529;
        font-weight: 500
    }

    .article .article__table .article__td:nth-child(2) {
        width: 80%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 25px
    }

    .article .article__table .article__td.js-added {
        display: block;
        font-weight: 500
    }

    .article .tags {
        font-size: 16px;
        line-height: 20px
    }
}

.authority-page {
    margin-top: 40px;
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif
}

.authority-page .authority-page__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .authority-page .authority-page__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .authority-page .authority-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.authority-page .authority-page__head-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 66px
}

.authority-page .authority-page__head-info .authority-page__head-name {
    color: #000;
    margin-bottom: 10px
}

.authority-page .authority-page__head-info .authority-page__head-position {
    color: #3B4256
}

.authority-page .authority-page__head-info .authority-page__photo {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin-right: 40px
}

.authority-page .authority-page__contacts {
    margin-bottom: 60px
}

.authority-page .authority-page__contacts-td {
    padding: 12px 0;
    color: #3B4256;
    font-weight: 400
}

.authority-page .authority-page__contacts-td:first-child {
    color: #848E99;
    padding-right: 150px
}

.authority-page .authority-page__map {
    margin-bottom: 40px
}

.authority-page .authority-page__article .title {
    margin-bottom: 50px
}

.authority-page .authority-page__paragraph {
    font-size: 24px;
    line-height: 31px;
    color: #3B4256;
    font-weight: 400;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .authority-page .authority-page__head-info {
        margin-bottom: 23px
    }

    .authority-page .authority-page__head-info .authority-page__photo {
        width: 60px;
        height: 60px;
        margin-right: 8px
    }

    .authority-page .authority-page__head-info .authority-page__head-name {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 4px
    }

    .authority-page .authority-page__head-info .authority-page__head-position {
        font-size: 14px;
        line-height: 18px
    }

    .authority-page .authority-page__contacts {
        margin-bottom: 0px
    }

    .authority-page .authority-page__contacts-td {
        padding: 0 0 12px;
        vertical-align: top;
        font-size: 14px;
        line-height: 18px;
        width: 50%
    }

    .authority-page .authority-page__contacts-td:first-child {
        padding-right: 20px
    }

    .authority-page .authority-page__article {
        margin-bottom: 40px
    }

    .authority-page .authority-page__article .title {
        margin-bottom: 20px;
        margin-top: 40px
    }

    .authority-page .authority-page__paragraph {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }
}

.cabinet {
    font-family: 'GOST UI2', sans-serif;
    padding-bottom: 80px
}

.cabinet .cabinet__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .cabinet .cabinet__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .cabinet .cabinet__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.cabinet .cabinet__user-name {
    font-size: 20px;
    line-height: 26px;
    color: #000;
    margin-bottom: 24px
}

.cabinet .cabinet__user-info-panel {
    margin-bottom: 80px
}

.cabinet .cabinet__user-info-wrapper {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cabinet .cabinet__user-title, .cabinet .cabinet__user-info {
    font-size: 16px;
    line-height: 20px
}

.cabinet .cabinet__user-title {
    width: 230px;
    margin-right: 20px;
    font-weight: 400;
    color: #666
}

@media screen and (max-width: 767px) {
    .cabinet .cabinet__user-title {
        width: 150px
    }
}

.cabinet .cabinet__user-info {
    color: #3B4256;
    font-weight: 500
}

.comments {
    margin-top: 60px
}

.comments .comments__wrapper {
    margin-top: 40px
}

.comments .comments__add-comment {
    margin-bottom: 32px
}

.comments .comments__add-comment-input {
    height: 100px;
    width: 100%;
    padding: 23px 24px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #848E99;
    border: 1px solid #848E99;
    border-radius: 2px;
    margin-bottom: 25px;
    resize: vertical;
    overflow-y: unset
}

.comments .comments__add-comment-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.comments .comments__add-comment-btn .button {
    font-size: 14px;
    padding: 12px 24px
}

.comments .comments__comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

.comments .comments__comment-avatar {
    height: 66px;
    width: 66px;
    margin-right: 18px
}

.comments .comments__comment-body {
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px
}

.comments .comments__comment-date {
    color: #848E99;
    margin-bottom: 3px
}

.comments .comments__comment-user {
    color: #3B4256;
    margin-bottom: 16px;
    font-weight: 500
}

.comments .comments__comment-text {
    color: #3B4256;
    font-weight: 400
}

.comments .comments__comment-actions {
    padding-top: 14px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #848E99
}

.comments .comments__comment-actions .comments__reply, .comments .comments__comment-actions .comments__share {
    color: currentColor
}

.comments .comments__comment .comments__reply {
    margin-right: 40px
}

.comments .comments__comment_child {
    padding-left: 85px
}

.comments .pagination {
    margin-top: 40px
}

@media screen and (max-width: 767px) {
    .comments .comments__comment-avatar {
        width: 44px;
        height: 44px;
        margin-right: 12px
    }

    .comments .comments__comment-body {
        font-size: 14px;
        line-height: 18px
    }

    .comments .comments__comment_child {
        padding-left: 35px
    }

    .comments .comments__comment-actions {
        font-size: 14px;
        line-height: 18px
    }

    .comments .comments__comment {
        margin-bottom: 20px
    }
}

.content-with-right-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1152px;
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 1023px) {
    .content-with-right-menu {
        max-width: 826px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content-with-right-menu .content-with-right-menu__content {
    width: 100%
}

.content-with-right-menu .filter__bottom-line .filter__input {
    min-width: 150px;
    width: 150px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content-with-right-menu .filter__bottom-line .filter__input {
        min-width: 140px;
        width: 140px
    }
}

@media screen and (min-width: 768px) {
    .content-with-right-menu {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content-with-right-menu {
        padding-left: 0;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .content-with-right-menu {
        padding-left: 0;
        padding-right: 0
    }
}

.content__title {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .content__title {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .content__title {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content .tabs-control-header {
    margin: 0 auto;
    max-width: 1152px;
    margin-bottom: 28px
}

@media screen and (max-width: 1023px) {
    .content .tabs-control-header {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .content .tabs-control-header {
        padding-left: 16px;
        padding-right: 16px
    }
}

.content .tabs-control-header__header {
    padding-bottom: 20px;
    border-bottom: 2px solid #EDEDED
}

.document-detail {
    margin-top: 32px;
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif
}

.document-detail .document-detail__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .document-detail .document-detail__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .document-detail .document-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.document-detail .document-detail__date {
    font-size: 18px;
    line-height: 23px;
    color: #2F80ED;
    margin-bottom: 32px
}

.document-detail .document-detail__description {
    font-size: 24px;
    line-height: 31px;
    margin-bottom: 32px
}

.document-detail .document-detail__description-title {
    font-weight: 500;
    color: #2A2C32
}

.document-detail .document-detail__description-text {
    font-weight: 400;
    color: #3B4256
}

.document-detail .document-detail__article {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    max-height: 1em;
    overflow-y: hidden;
    padding-right: 32px;
    cursor: pointer;
    margin-bottom: 32px;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(/images/arrow-down-icon.svg)
}

.document-detail .document-detail__article.state_expanded {
    max-height: unset;
    background-position: right 5px;
    background-image: url(/images/arrow-up-icon.svg)
}

.document-detail .document-detail__article p, .document-detail .document-detail__article ul, .document-detail .document-detail__article ol, .document-detail .document-detail__article li {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256
}

.document-detail .comments .title-tabs {
    padding-left: 0;
    padding-right: 0
}

@media screen and (max-width: 767px) {
    .document-detail .document-detail__description {
        font-size: 16px;
        line-height: 20px
    }

    .document-detail .document-detail__article {
        font-size: 14px;
        line-height: 18px
    }
}

.documents-kits {
    padding-bottom: 80px
}

.documents-kits .documents-kits__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .documents-kits .documents-kits__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .documents-kits .documents-kits__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.documents-kits .documents-kits__item {
    display: block;
    padding: 32px;
    width: 100%;
    background-color: #fff;
    border: 2px solid #EDEDED;
    border-radius: 6px;
    margin-bottom: 24px
}

.documents-kits .documents-kits__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.documents-kits .documents-kits__start {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px
}

.documents-kits .documents-kits__amount {
    font-size: 14px;
    line-height: 18px;
    color: #848E99
}

.documents-kits .documents-kits__logo {
    display: block;
    height: 48px;
    width: 48px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.documents-kits .documents-kits__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.documents-kits .documents-kits__title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #3B4256;
    margin-bottom: 10px
}

.documents-kits .documents-kits__description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #848E99
}

.documents-kits .documents-kits__search-form {
    margin-bottom: 40px
}

.documents-kits .documents-kits__pagination {
    margin-top: 40px
}

.documents-service {
    font-family: 'GOST UI2', sans-serif
}

.documents-service .documents-service__top-wrapper {
    background-color: #00347E
}

.documents-service .documents-service__top-wrapper .documents-service__inner {
    margin: 0 auto;
    max-width: 1152px;
    padding-top: 24px;
    padding-bottom: 140px
}

@media screen and (max-width: 1023px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .documents-service .documents-service__top-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.documents-service .documents-service__bottom-wrapper {
    background-color: #F4F7FB
}

.documents-service .documents-service__bottom-wrapper .documents-service__inner {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .documents-service .documents-service__bottom-wrapper .documents-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.documents-service .documents-service__bottom-wrapper .button {
    color: #2F80ED
}

.documents-service .search-form {
    margin-bottom: 80px
}

.documents-service .documents-service__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    top: -32px
}

@media screen and (max-width: 767px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .documents-service .documents-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.documents-service .documents-service__cards-wrapper .service-card {
    margin-top: 0;
    margin-bottom: 32px
}

.documents-service .documents-service__cards-wrapper .service-card__wrapper {
    height: 137px;
    padding: 24px
}

.documents-service .documents-service__cards-wrapper .service-card__wrapper .service-card__inner {
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.documents-service .documents-service__cards-wrapper .service-card__wrapper .service-card__inner .service-card__title {
    margin-bottom: 4px
}

.documents-service .documents-service__cards-wrapper .service-card__wrapper .service-card__inner .service-card__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: block;
    overflow-wrap: break-word
}

.documents {
    padding-bottom: 80px
}

.documents .documents__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .documents .documents__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .documents .documents__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.documents .documents__tab {
    display: none
}

.documents .documents__tab.js-tab-active {
    display: block
}

.documents .documents__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    line-height: 1em;
    font-weight: 400
}

.documents .documents__results-info {
    display: block
}

.documents .documents__results-description {
    color: #000
}

.documents .documents__results-theme, .documents .documents__results-amount {
    color: #2F80ED
}

.documents .documents__all-themes {
    display: block;
    color: #000
}

.documents .documents__btn-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.documents_mb0 {
    margin-bottom: 0
}

.documents_pb0 {
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .documents {
        padding-bottom: 42px
    }
}

.error404 {
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256
}

.error404 .error404__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    min-height: 586px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 1023px) {
    .error404 .error404__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .error404 .error404__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.error404 .error404__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.error404 .error404__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error404 .error404__img {
    margin-right: 74px;
    margin-bottom: 23px
}

.error404 .error404__title {
    font-family: 'SF UI Display', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #002B68;
    margin-bottom: 12px
}

.error404 .error404__description {
    font-family: 'SF UI Display', sans-serif;
    font-size: 24px;
    line-height: 29px;
    color: #3B4256;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .error404 .error404__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .error404 .error404__img {
        max-width: 100%;
        margin-right: 0
    }

    .error404 .error404__text {
        text-align: center
    }
}

.error502 {
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error502 .error502__wrapper {
    min-height: 586px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.error502 .error502__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.error502 .error502__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.error502 .error502__img {
    margin-right: 74px
}

.error502 .error502__title {
    font-family: 'SF UI Display', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #002B68;
    margin-bottom: 12px
}

.error502 .error502__description {
    font-family: 'SF UI Display', sans-serif;
    font-size: 24px;
    line-height: 29px;
    color: #3B4256;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .error502 .error502__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px
    }

    .error502 .error502__img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem
    }

    .error502 .error502__title {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 20px
    }

    .error502 .error502__description {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }
}

.flow-catalog {
    position: absolute;
    z-index: 999;
    top: 56px;
    left: 0;
    width: 100%;
    height: 799px;
    max-height: 799px;
    background-color: #c1c1c1;
    font-size: 16px;
    line-height: 20px;
    color: rgba(59, 66, 86, 0.8);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top
}

@media screen and (max-width: 767px) {
    .flow-catalog {
        max-height: 90vh
    }
}

.flow-catalog.active {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.flow-catalog .flow-catalog__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: hidden
}

.flow-catalog .flow-catalog__page {
    width: 50%;
    height: 100%;
    padding: 20px 32px;
    overflow-y: auto;
    background-color: #fff
}

.flow-catalog .flow-catalog__page_about {
    background-color: #E0E6EB
}

.flow-catalog .flow-catalog__page_catalog .flow-catalog__title-panel {
    margin-bottom: 40px
}

.flow-catalog .flow-catalog__page_catalog.has-bg {
    background-color: #E0E6EB;
    background-image: url("/images/flow-catalog/coat.png");
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: center
}

.flow-catalog .flow-catalog__page_data {
    font-size: 16px;
    line-height: 20px
}

.flow-catalog .flow-catalog__page_data .flow-catalog__title-panel {
    margin-bottom: 40px
}

.flow-catalog .flow-catalog__page_data .flow-catalog__descr-p {
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .flow-catalog .flow-catalog__page {
        width: 100%;
        padding-bottom: 90px
    }

    .flow-catalog .flow-catalog__page.mob-hidden {
        display: none
    }
}

.flow-catalog .flow-catalog__title-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 23px
}

.flow-catalog .flow-catalog__about-logo {
    height: 64px;
    width: 64px;
    margin-right: 30px
}

.flow-catalog .flow-catalog__logo-img {
    max-width: 100%
}

.flow-catalog .flow-catalog__title {
    font-size: 24px;
    line-height: 31px;
    color: rgba(40, 40, 40, 0.8);
    font-weight: 500;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .flow-catalog .flow-catalog__title {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.flow-catalog .flow-catalog__descr {
    margin-bottom: 32px
}

.flow-catalog .flow-catalog__descr-p {
    font-weight: 400;
    margin-bottom: 24px;
    color: rgba(43, 43, 43, 0.8)
}

.flow-catalog .flow-catalog__alerts {
    padding-top: 32px;
    border-top: 1px solid #959595
}

.flow-catalog .flow-catalog__alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 24px;
    font-size: 12px;
    line-height: 15px
}

.flow-catalog .flow-catalog__alert-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.flow-catalog .flow-catalog__alert-title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #e5ac00
}

.flow-catalog .flow-catalog__alert-title.danger {
    color: #E53935
}

.flow-catalog .flow-catalog__alert-title.success {
    color: #2cb25e
}

.flow-catalog .flow-catalog__alert-title_sub {
    color: rgba(59, 66, 86, 0.8);
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 18px
}

.flow-catalog .flow-catalog__alert-descr {
    margin-bottom: 3px
}

.flow-catalog .flow-catalog__alert-src {
    font-weight: 400;
    margin-bottom: 3px;
    color: rgba(96, 102, 118, 0.7)
}

.flow-catalog .flow-catalog__alert-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-weight: 400
}

.flow-catalog .flow-catalog__alert-time {
    color: rgba(96, 102, 118, 0.7)
}

.flow-catalog .flow-catalog__alert-url {
    font-size: 10px;
    line-height: 13px;
    color: #2F80ED
}

.flow-catalog .flow-catalog__sign {
    width: 23px;
    margin-right: 10px
}

.flow-catalog .flow-catalog__sign-img {
    width: 100%
}

.flow-catalog .flow-catalog__back-btn {
    width: 8px;
    height: 14px;
    margin-right: 16px
}

.flow-catalog .flow-catalog__back-btn-img {
    width: 100%
}

.flow-catalog .flow-catalog__search {
    position: relative;
    margin-bottom: 32px
}

.flow-catalog .flow-catalog__search-input {
    width: 100%;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    color: #3B4256;
    font-size: 12px;
    line-height: 15px;
    height: 32px;
    padding: 9px 27px 9px 11px
}

.flow-catalog .flow-catalog__search-input::-webkit-input-placeholder {
    color: rgba(79, 79, 79, 0.5)
}

.flow-catalog .flow-catalog__search-input::-moz-placeholder {
    color: rgba(79, 79, 79, 0.5)
}

.flow-catalog .flow-catalog__search-input:-ms-input-placeholder {
    color: rgba(79, 79, 79, 0.5)
}

.flow-catalog .flow-catalog__search-input::-ms-input-placeholder {
    color: rgba(79, 79, 79, 0.5)
}

.flow-catalog .flow-catalog__search-input::placeholder {
    color: rgba(79, 79, 79, 0.5)
}

.flow-catalog .dropdown.icon {
    display: none
}

.flow-catalog .flow-catalog__search-icon {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 11px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flow-catalog .flow-catalog__categories {
    margin-left: -32px;
    margin-right: -32px
}

.flow-catalog .flow-catalog__category {
    padding: 10px 32px;
    cursor: pointer
}

.flow-catalog .flow-catalog__category.js_active {
    background-color: rgba(239, 244, 248, 0.7)
}

.flow-catalog .flow-catalog__category-title {
    font-size: 18px;
    line-height: 23px;
    color: rgba(59, 66, 86, 0.8);
    font-weight: 500;
    margin-bottom: 8px
}

.flow-catalog .flow-catalog__category-title .flow-catalog__more-icon {
    margin-left: 10px
}

.flow-catalog .flow-catalog__category-descr {
    font-size: 16px;
    line-height: 20px;
    color: rgba(79, 79, 79, 0.8);
    font-weight: 400
}

.flow-catalog .flow-catalog__contacts {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 40px;
    font-weight: 400
}

.flow-catalog .flow-catalog__contacts * {
    margin-bottom: 10px
}

.flow-catalog .flow-catalog__url {
    display: block;
    color: rgba(47, 128, 237, 0.8);
    font-weight: 500
}

.flow-catalog .flow-catalog__more-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #2F80ED
}

.flow-catalog .flow-catalog__more-btn:hover .flow-catalog__more-icon {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

.flow-catalog .flow-catalog__more-text {
    margin-right: 15px
}

.flow-catalog .flow-catalog__more-icon {
    width: 7px;
    height: 12px;
    -webkit-transition: -webkit-transform 0.125s linear;
    transition: -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear;
    transition: transform 0.125s linear;
    transition: transform 0.125s linear, -webkit-transform 0.125s linear
}

.flow-catalog .flow-catalog__show-about-btn, .flow-catalog .flow-catalog__show-catalog-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-size: 18px;
    line-height: 23px;
    padding: 20px 50px;
    font-weight: 400;
    background-color: #f0f2f5;
    cursor: pointer;
    position: absolute;
    bottom: 0;
    left: 0
}

.flow-catalog .flow-catalog__show-about-icon, .flow-catalog .flow-catalog__show-catalog-icon {
    width: 8px;
    height: 15px
}

.flow-catalog .fade-enter-active, .flow-catalog .fade-leave-active {
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left
}

.flow-catalog .fade-enter {
    width: 0
}

.flow-catalog .fade-leave-to {
    width: 0;
    opacity: 0
}

.flow-catalog .fade-leave-to .flow-catalog__page {
    display: none
}

.flow-catalog .flow-catalog__breadcrumbs {
    display: block;
    list-style: none;
    margin-bottom: 10px
}

.flow-catalog .flow-catalog__breadcrumbs-item {
    display: inline;
    position: relative;
    font-size: 12px;
    line-height: 15px;
    color: #3B4256;
    cursor: pointer
}

.flow-catalog .flow-catalog__breadcrumbs-item:after {
    content: '-';
    display: inline;
    margin-left: 5px;
    margin-right: 5px
}

.flow-catalog .flow-catalog__breadcrumbs-item:last-child {
    cursor: initial;
    opacity: .7;
    border-bottom: none
}

.flow-catalog .flow-catalog__breadcrumbs-item:last-child:after {
    display: none
}

.flow-catalog .flow-catalog__breadcrumbs-item:last-child .flow-catalog__breadcrumbs-text {
    border-bottom: none
}

.flow-catalog .flow-catalog__breadcrumbs-text {
    border-bottom: 1px solid #3B4256
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer-menu__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px
}

.footer-menu__list .footer-menu__group {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    margin-bottom: 37px
}

.footer-menu__list .footer-menu__group .footer-menu__link {
    display: list-item;
    list-style-type: none;
    color: #D1D1D1;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.25
}

.footer-menu__list .footer-menu__group .footer-menu__link.footer-menu__link_title {
    color: #fff;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 21px
}

.footer-menu_theme-white .footer-menu__link {
    color: #848E99 !important;
    margin-bottom: 1.5em
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .footer-menu {
        min-width: 0 !important
    }

    .footer-menu .footer-menu__list .footer-menu__group {
        margin-bottom: 28px
    }

    .footer-menu .footer-menu__list .footer-menu__group .footer-menu__link {
        font-size: 14px;
        line-height: 18px
    }

    .footer-menu .footer-menu__list .footer-menu__group .footer-menu__link_title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 15px;
        font-weight: 500
    }
}

.footer {
    margin-top: auto;
    padding-top: 79px;
    position: relative
}

.footer__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1023px) {
    .footer__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .footer__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.footer__wrapper .footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer__wrapper .footer__inner.footer__inner_content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 23px
}

.footer__wrapper .footer__inner.footer__inner_bottom {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 48px;
    padding-bottom: 49px
}

.footer__logo {
    padding-right: 40px;
    margin-right: auto;
    min-width: 320px;
    margin-top: 3px
}

.footer__menu {
    min-width: 735px;
    -ms-flex-preferred-size: 735px;
    flex-basis: 735px
}

.footer__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #DDE1E6;
    margin-right: 40px
}

.footer__copyright .footer__copyright-icon {
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.footer__copyright .footer__copyright-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0
}

.footer__copyright .footer__copyright-text_service {
    display: none
}

.footer__social-links {
    margin-left: auto
}

.footer__left-menu {
    padding-top: 1em;
    min-width: calc(100% / 3);
    margin-bottom: 59px;
    display: none
}

.footer__left-menu .footer__link {
    display: block;
    font-family: 'SF UI Display', sans-serif;
    font-size: 24px;
    line-height: 29px;
    font-weight: 900;
    margin-bottom: 10px
}

.footer__left-menu .footer__phone {
    margin-bottom: 27px
}

.footer.footer_theme-white {
    background-color: #fff;
    color: #848E99
}

.footer.footer_theme-white .footer__link {
    color: #3B4256
}

.footer.footer_theme-white .social-links__link {
    color: #DDE1E6
}

.footer.footer_theme-white .footer__copyright-text_service-version {
    color: #848E99
}

.footer.footer_theme-white .footer__inner.footer__inner_content {
    border-bottom-color: #DDE1E6
}

.footer.footer_theme-white .main-logo__subtitle {
    color: #848E99 !important
}

.footer_service .footer__copyright-icon {
    display: none
}

.footer_service .footer__copyright-text_service-version {
    font-size: 12px;
    line-height: 14px
}

.footer_service .main-logo {
    display: none !important
}

.footer_service .footer__left-menu {
    display: block
}

.footer_service .footer__copyright-text {
    display: none;
    color: #848E99
}

.footer_service .footer__copyright-text_service {
    display: block;
    color: #848E99
}

.footer_service .footer__description {
    font-weight: 400
}

.footer .footer__full-site-link {
    display: none
}

.footer .main-logo.show-name {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .footer {
        padding-top: 56px
    }

    .footer .footer__wrapper .footer__inner_bottom {
        padding-top: 35px;
        padding-bottom: 35px
    }

    .footer .footer__copyright-icon {
        width: 17px;
        height: 17px;
        margin-right: 11px
    }

    .footer .footer__copyright-text {
        font-size: 11px;
        line-height: 15px
    }

    .footer.footer_service .pattern {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .footer {
        padding-top: 42px
    }

    .footer .footer__menu {
        display: none
    }

    .footer .main-logo__name {
        display: block
    }

    .footer .footer__inner.footer__inner_bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 18px;
        padding-bottom: 18px
    }

    .footer .footer__bottom-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 18px
    }

    .footer .social-links__link:not(:last-child) {
        margin-right: 16px
    }

    .footer .footer__full-site-link {
        display: block;
        font-size: 12px;
        line-height: 15px;
        color: #DDE1E6
    }

    .footer .footer__copyright {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-right: 0
    }

    .footer .footer__copyright-icon {
        margin-right: 8px
    }

    .footer .footer__copyright-text {
        font-size: 8px;
        line-height: 10px
    }
}

@media print {
    .footer {
        display: none
    }
}

.header {
    position: relative
}

.header .header__search-wrapper {
    margin: 0 auto;
    max-width: 1152px;
    margin-top: 26px;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 1023px) {
    .header .header__search-wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .header .header__search-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.header .header__slider-wrapper {
    margin: 0 auto;
    max-width: 1152px;
    margin-top: 80px;
    padding-bottom: 136px
}

@media screen and (max-width: 1023px) {
    .header .header__slider-wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .header .header__slider-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.header__wrapper {
    display: none;
    position: relative;
    z-index: 1
}

.header__wrapper .header__inner {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .header__wrapper .header__inner {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .header__wrapper .header__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.header__wrapper .header__inner.header__inner_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__wrapper .header__inner.header__inner_content {
    padding-top: 64px;
    padding-bottom: 64px
}

.header__content-name {
    margin-right: auto;
    padding-right: 40px;
    padding-bottom: 8px
}

.header__content-name .header__content-title {
    font-family: 'SF UI Display', sans-serif;
    font-size: 40px;
    line-height: 1.2;
    letter-spacing: 1.1px;
    margin-bottom: 7px;
    font-weight: 900
}

.header__content-name .header__content-title_smaller {
    font-size: 30px
}

.header__content-name .header__content-title_more-smaller {
    font-size: 24px
}

.header__content-name .header__content-subtitle {
    font-size: 18px;
    line-height: 1.27;
    font-weight: 400
}

.header__content-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
    min-height: 176px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.header__content-controls .header__control-link {
    width: 100%
}

.header__content-controls .header__control-link:not(:last-child) {
    margin-bottom: 19px
}

.header .catalog-menu {
    display: none
}

.header_theme-dark {
    background-color: #00347E
}

.header_theme-dark .app-bar {
    background-color: #002B68
}

.header_service .header__wrapper, .header_catalog .header__wrapper {
    display: none
}

.header_service .navbar, .header_catalog .navbar {
    border-bottom: none;
    background-color: #00347E
}

.header_service .navbar__nav-list, .header_catalog .navbar__nav-list {
    display: none
}

.header_service .navbar .main-logo, .header_catalog .navbar .main-logo {
    color: #fff
}

.header_service .main-logo.show-name .main-logo__title, .header_catalog .main-logo.show-name .main-logo__title {
    font-family: 'Roboto', sans-serif;
    color: #F4F7FB;
    font-weight: 500;
    margin-bottom: 10px
}

.header_service .main-logo.show-name .main-logo__subtitle, .header_catalog .main-logo.show-name .main-logo__subtitle {
    font-size: 14px;
    line-height: 18px;
    color: #DDE1E6
}

.header_catalog {
    background-color: #00347E !important
}

.header_catalog .app-bar__search-control {
    display: none
}

.header_catalog .app-bar__user-controls {
    border-left: none
}

.header_catalog .app-bar__personal-link {
    display: none
}

.header_catalog .app-bar__notifications-icon {
    display: none
}

.header_catalog .app-bar__rss-feed {
    display: none
}

.header_catalog .app-bar__lang-control {
    margin-right: 0
}

.header_catalog .catalog-menu {
    display: block
}

.header_catalog .catalog-menu .catalog-menu__link {
    color: #fff
}

.header.main .header__wrapper {
    display: block
}

.header .button_light .button__text {
    color: #3B4256
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .header .header__wrapper .header__inner.header__inner_content {
        padding-top: 32px;
        padding-bottom: 32px
    }

    .header .header__top {
        padding-top: 8px !important;
        padding-bottom: 8px !important
    }

    .header .header__content-name {
        padding-right: 15px
    }

    .header .header__content-name .header__content-title {
        font-size: 30px
    }

    .header .header__content-name .header__content-subtitle {
        font-size: 16px
    }

    .header .button_link .button__text {
        font-size: 14px
    }

    .header .header__content-controls {
        min-width: 35%;
        min-height: 137px
    }

    .header .header__content-controls .header__control-link:not(:last-child) {
        margin-bottom: 13px
    }

    .header_service .pattern {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .header .header__wrapper {
        display: none
    }

    .header .main-logo__name {
        display: none
    }

    .header .header__top {
        padding-top: 18px;
        padding-bottom: 18px
    }

    .header.main .header__wrapper {
        display: none
    }

    .header.header_catalog .header__slider-wrapper {
        margin-top: 40px;
        padding-bottom: 66px
    }
}

@media print {
    .header {
        display: none
    }
}

.hyperlinks {
    padding: 80px 0
}

.hyperlinks .hyperlinks__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .hyperlinks .hyperlinks__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlinks .hyperlinks__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.hyperlinks .hyperlinks__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

@media screen and (max-width: 767px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlinks .hyperlinks__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

.hyperlinks .hyperlinks__tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlinks {
        padding: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .hyperlinks {
        padding: 28px 0
    }

    .hyperlinks .hyperlinks__content-wrapper {
        overflow: hidden
    }
}

@media print {
    .hyperlinks {
        display: none
    }
}

.main-events {
    padding: 80px 0
}

.main-events .main-events__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-events .main-events__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-events .main-events__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-events__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 48px
}

@media screen and (max-width: 767px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .main-events__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.main-events .main-events__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'GOST UI2', sans-serif
}

@media screen and (max-width: 767px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-events .main-events__card {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-events .main-events__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-events .main-events__img {
    max-width: 100%;
    margin-bottom: 17px
}

.main-events .main-events__title {
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #3B4256;
    font-weight: 500
}

.main-events .main-events__date {
    font-family: 'SF UI Display', sans-serif;
    color: #3275A8;
    margin-right: 16px;
    display: flex;
    flex-direction: column
}

.main-events .main-events__date .day {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700
}

.main-events .main-events__date .month {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-events {
        padding: 56px 0
    }

    .main-events .main-events__cards-wrapper {
        margin-bottom: 32px
    }

    .main-events .main-events__date {
        margin-right: 11px
    }

    .main-events .main-events__date .day {
        font-size: 34px;
        line-height: 41px
    }

    .main-events .main-events__date .month {
        font-size: 10px;
        line-height: 14px
    }

    .main-events .main-events__title {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .main-events {
        padding: 28px 0
    }

    .main-events .main-events__cards-wrapper {
        margin-bottom: 20px
    }

    .main-events .main-events__card {
        width: 100%;
        margin-bottom: 20px
    }

    .main-events .main-events__title {
        font-size: 14px;
        line-height: 18px
    }
}

.main-for-citizens {
    padding: 80px 0
}

.main-for-citizens .main-for-citizens__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-for-citizens .main-for-citizens__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens .main-for-citizens__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-for-citizens__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex
}

@media screen and (max-width: 767px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

.main-for-citizens__entity {
    display: block;
    width: 100%;
    background: #fff;
    padding: 30px 32px;
    margin-bottom: 18px;
    border-radius: 2px
}

.main-for-citizens .main-for-citizens__entity_link {
    padding: 19px 32px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    color: #3B4256
}

.main-for-citizens__title {
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    color: #3B4256;
    margin-bottom: 14px
}

.main-for-citizens__description {
    font-family: 'GOST UI2', sans-serif;
    font-size: 14px;
    line-height: 18px;
    color: #848E99;
    font-weight: 500
}

@media screen and (max-width: 767px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens__for-citizens {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens__for-citizens {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens__projects {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-for-citizens__projects {
        width: 33.33333%
    }
}

@media print {
    .main-for-citizens__projects {
        display: none
    }
}

.main-for-citizens .main-for-citizens__projects-img {
    max-width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-for-citizens {
        padding: 56px 0
    }

    .main-for-citizens .main-for-citizens__entity {
        padding: 21px 22px;
        margin-bottom: 12px
    }

    .main-for-citizens .main-for-citizens__title {
        font-size: 16px;
        line-height: 20px
    }

    .main-for-citizens .main-for-citizens__description {
        font-size: 14px;
        line-height: 18px
    }

    .main-for-citizens .main-for-citizens__entity_link {
        padding: 13px 22px;
        font-size: 16px;
        line-height: 20px
    }
}

@media screen and (max-width: 767px) {
    .main-for-citizens {
        padding: 28px 0
    }

    .main-for-citizens .main-for-citizens__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-left: 0;
        margin-right: 0
    }

    .main-for-citizens .main-for-citizens__for-citizens {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .main-for-citizens .main-for-citizens__for-citizens .main-for-citizens__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 10px
    }

    .main-for-citizens .main-for-citizens__for-citizens .main-for-citizens__description {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400
    }

    .main-for-citizens .main-for-citizens__for-citizens .main-for-citizens__entity {
        padding: 20px
    }

    .main-for-citizens .main-for-citizens__for-citizens .main-for-citizens__entity_link {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 0
    }

    .main-for-citizens .main-for-citizens__projects {
        display: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }
}

.main-graph {
    padding: 80px 0
}

.main-graph .main-graph__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-graph .main-graph__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-graph .main-graph__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-graph {
        padding: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .main-graph {
        padding: 28px 0;
        display: none
    }
}

@media print {
    .main-graph {
        display: none
    }
}

.main-media {
    padding: 80px 0
}

.main-media .main-media__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-media .main-media__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-media .main-media__show-more-wrapper {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px
}

.main-media .main-media__tab {
    display: none
}

.main-media .main-media__tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-media .main-media__tab:not([data-tab="all"]) .main-media__tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    margin-right: -16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
    margin-bottom: 32px;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"]) .main-media__media-item {
        width: 33.33333%
    }
}

.main-media .main-media__tab:not([data-tab="all"]) .main-media__img {
    width: 100%;
    border-radius: 2px;
    max-height: 177px;
    border: none
}

.main-media .main-media__tab:not([data-tab="all"]) .main-media__video {
    width: 100%;
    max-height: 177px;
    border-radius: 2px
}

.main-media .main-media__tab:not([data-tab="all"])[data-tab="video"] .main-media__tab-wrapper {
    display: block
}

.main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -16px;
    margin-right: -16px
}

.main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__tab-wrapper {
    width: 100%
}

.main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1024px) {
    .main-media .main-media__tab:not([data-tab="all"])[data-tab="photo"] .main-media__media-item {
        width: 100%
    }
}

.main-media .main-media__tab .main-media__videos-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

.main-media .main-media__tab .main-media__photos-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-media .main-media__tab .main-media__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__video-player {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__video-player {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-media .main-media__tab .main-media__video-player-block {
    height: 100%;
    display: none
}

.main-media .main-media__tab .main-media__video-player-block.js_active {
    display: block
}

.main-media .main-media__tab .main-media__video-selector {
    margin-top: -22px
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__video-selector {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__video-selector {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-media .main-media__tab .main-media__video-selector-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 22px 30px;
    border-bottom: 2px solid #EDEDED;
    font-weight: 400;
    color: #3B4256
}

.main-media .main-media__tab .main-media__video-selector-item:last-child {
    border-bottom: none
}

.main-media .main-media__tab .main-media__video-selector-title {
    margin-bottom: 18px;
    overflow: hidden
}

.main-media .main-media__tab .main-media__video-selector-end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-media .main-media__tab .main-media__video-selector-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-media .main-media__tab .main-media__video-selector-play-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__left {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__left {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-media .main-media__tab .main-media__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__right {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__right {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-media .main-media__tab .main-media__right .main-media__top-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -8px !important;
    margin-right: -8px !important;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

.main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
    padding-left: 8px;
    padding-right: 8px
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-media .main-media__tab .main-media__right .main-media__top-line .media-item {
        width: 33.33333%
    }
}

.main-media .main-media__tab .main-media__right .main-media__bottom-line {
    margin-bottom: 16px
}

.main-media .main-media__tab .main-media__right .main-media__text-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    height: 100%;
    color: #3B4256
}

.main-media .main-media__tab .main-media__date {
    font-size: 14px
}

.main-media .main-media__tab .vgs__container {
    height: 80vh;
    background-color: transparent
}

@media screen and (max-width: 1023px) {
    .main-media .main-media__tab .vgs__container {
        width: 80%
    }
}

@media screen and (max-width: 767px) {
    .main-media .main-media__tab .vgs__container {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80%;
        margin-top: 0
    }
}

.main-media .main-media__tab .main-media__big-imgs {
    display: none
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-media {
        padding: 56px 0
    }

    .main-media .main-media__bottom-line {
        margin-bottom: 11px
    }

    .main-media .main-media__title {
        font-size: 12px;
        line-height: 16px
    }

    .main-media .main-media__tab .main-media__date {
        font-size: 10px;
        line-height: 13px
    }
}

@media screen and (max-width: 767px) {
    .main-media {
        display: none
    }
}

.main-menu {
    display: none;
    position: absolute;
    top: calc(100%);
    left: 0;
    width: 100%;
    z-index: 100;
    background-color: #EFF4F8;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    padding: 30px 26px 45px
}

.main-menu_open {
    display: block
}

.main-menu__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -20px
}

.main-menu__list .main-menu__group {
    min-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 46px
}

.main-menu__list .main-menu__group .main-menu__group-name {
    color: #002B68;
    border-bottom: 1px solid #002B68;
    font-size: 18px;
    line-height: 1.27;
    padding-bottom: 10px;
    margin-bottom: 20px
}

.main-menu__list .main-menu__group .main-menu__group-link {
    font-size: 14px;
    line-height: 1.285;
    margin-bottom: 10px;
    color: #3B4256;
    display: block;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear
}

.main-menu__list .main-menu__group .main-menu__group-link:hover {
    color: #3275A8
}

.main-menu__list .main-menu__group .main-menu__group-link[data-hide="true"] {
    display: none
}

.main-menu__list .main-menu__group .main-menu__show-more {
    padding: 0;
    color: #2F80ED;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear
}

.main-menu__list .main-menu__group .main-menu__show-more:focus {
    outline: none
}

.main-menu__list .main-menu__group .main-menu__show-more::-moz-focus-inner {
    border: 0
}

.main-menu__list .main-menu__group .main-menu__show-more:hover {
    color: #3275A8
}

.main-menu__site-map {
    margin-left: 10px
}

@media screen and (max-width: 767px) {
    .main-menu {
        padding: 0 0 16px;
        background-color: #fff
    }

    .main-menu.main-menu_open {
        border-top: none;
        -webkit-box-shadow: 0 18px 0 17px #fff;
        box-shadow: 0 18px 0 17px #fff
    }

    .main-menu .main-menu__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-menu .main-menu__group {
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0
    }

    .main-menu .main-menu__group.state_opened .main-menu__group-name {
        margin-bottom: 16px;
        border-bottom: 1px solid #002B68
    }

    .main-menu .main-menu__group.state_opened .main-menu__group-name:after {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .main-menu .main-menu__group.state_opened .main-menu__group-link {
        display: block
    }

    .main-menu .main-menu__group.state_opened + .main-menu__group {
        margin-top: 24px;
        border-top: 2px solid #EDEDED
    }

    .main-menu .main-menu__group .main-menu__group-name {
        margin-bottom: 0;
        padding: 24px 0;
        border-bottom-color: #002B68;
        border-bottom: 2px solid #EDEDED;
        position: relative
    }

    .main-menu .main-menu__group .main-menu__group-name:after {
        content: '';
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        right: 0;
        top: calc(50% - 8px);
        background-image: url(/images/chevron-down.svg);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        -webkit-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }

    .main-menu .main-menu__group .main-menu__group-link {
        display: none;
        color: #3B4256;
        font-weight: 400
    }

    .main-menu .main-menu__group .main-menu__show-more {
        display: none
    }

    .main-menu .main-menu__site-map {
        display: none
    }
}

.main-new-info {
    padding: 80px 0
}

.main-new-info .main-new-info__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-new-info .main-new-info__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-new-info .main-new-info__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-new-info .main-new-info__tab-wrapper {
    margin-bottom: 51px
}

.main-new-info .main-new-info__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

@media screen and (max-width: 767px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .main-new-info .main-new-info__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

.main-new-info .main-new-info__tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main-new-info .main-new-info__card {
    font-family: 'GOST UI2', sans-serif
}

@media screen and (max-width: 767px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-new-info .main-new-info__card {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-new-info .main-new-info__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-new-info .main-new-info__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    margin-bottom: 12px;
    font-weight: 500
}

.main-new-info .main-new-info__date {
    font-size: 14px;
    line-height: 18px;
    color: #848E99;
    font-weight: 400
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-new-info {
        padding: 56px 0
    }

    .main-new-info .main-new-info__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 7px
    }

    .main-new-info .main-new-info__tab-wrapper {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .main-new-info {
        padding: 28px 0
    }

    .main-new-info .main-new-info__tab-wrapper {
        margin-bottom: 0
    }

    .main-new-info .main-new-info__card {
        width: 100%
    }

    .main-new-info .main-new-info__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .main-new-info .main-new-info__date {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 15px
    }
}

.news {
    padding-bottom: 80px;
    font-family: 'SF UI Display', sans-serif
}

.news .news__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .news .news__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news .news__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px;
    border-bottom: 2px solid #EDEDED
}

.news .news__header .news__title {
    margin-right: auto
}

.news .news__header .news__title .news__title-text {
    font-size: 32px;
    color: #3B4256
}

.news .news__news-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

@media screen and (max-width: 767px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

.news .news__news-tab_active, .news .news__news-tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news .news__all-news-link {
    font-size: 16px
}

.news .news__all-news-link .news__icon {
    height: 12px;
    width: 12px;
    margin-left: 8px;
    position: relative;
    top: 1px
}

.news .swiper {
    position: relative
}

@media screen and (max-width: 767px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .news .swiper {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news .swiper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news .swiper .swiper__container {
    position: relative
}

.news .swiper .swiper__swiper-pagination {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-bottom: 14px
}

.news .swiper .swiper__swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.56);
    margin-right: 12px
}

.news .swiper .swiper__swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #fff
}

.news_no-bottom-link .news__all-news-link {
    display: none
}

.main-photo-block {
    padding: 80px 0
}

.main-photo-block .main-photo-block__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .main-photo-block .main-photo-block__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-photo-block .main-photo-block__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-photo-block__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 48px
}

@media screen and (max-width: 767px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .main-photo-block__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.main-photo-block .main-photo-block__card {
    display: block;
    font-family: 'GOST UI2', sans-serif
}

@media screen and (max-width: 767px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .main-photo-block .main-photo-block__card {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .main-photo-block .main-photo-block__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

.main-photo-block .main-photo-block__img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 17px
}

.main-photo-block .main-photo-block__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    margin-bottom: 38px;
    font-weight: 500
}

.main-photo-block .main-photo-block__date {
    font-size: 14px;
    line-height: 18px;
    color: #848E99;
    font-weight: 400
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-photo-block {
        padding: 56px 0
    }

    .main-photo-block .main-photo-block__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 14px
    }

    .main-photo-block .main-photo-block__cards-wrapper {
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .main-photo-block {
        padding: 28px 0
    }

    .main-photo-block .main-photo-block__cards-wrapper {
        margin-bottom: 10px
    }

    .main-photo-block .main-photo-block__card {
        width: 100%;
        margin-bottom: 20px
    }

    .main-photo-block .main-photo-block__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 14px
    }

    .main-photo-block .main-photo-block__date {
        font-size: 12px;
        line-height: 15px
    }
}

.maintenance {
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%
}

.maintenance .maintenance__wrapper {
    min-height: 586px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.maintenance .maintenance__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.maintenance .maintenance__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.maintenance .maintenance__img {
    margin-right: 74px
}

.maintenance .maintenance__title {
    font-family: 'SF UI Display', sans-serif;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    color: #002B68;
    margin-bottom: 12px
}

.maintenance .maintenance__description {
    font-family: 'SF UI Display', sans-serif;
    font-size: 24px;
    line-height: 29px;
    color: #3B4256;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .maintenance .maintenance__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 32px
    }

    .maintenance .maintenance__img {
        width: 100%;
        margin-right: 0;
        margin-bottom: 2rem
    }

    .maintenance .maintenance__title {
        font-size: 32px;
        line-height: 38px;
        text-align: center;
        margin-bottom: 20px
    }

    .maintenance .maintenance__description {
        font-size: 18px;
        line-height: 24px;
        text-align: center
    }
}

.map {
    padding-top: 80px;
    padding-bottom: 80px
}

.map .map__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .map .map__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .map .map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.map .map__map-wrapper {
    width: 100%;
    padding-left: 128px;
    padding-right: 128px;
    position: relative
}

.map .map__map-wrapper svg {
    max-width: 864px
}

@media screen and (max-width: 767px) {
    .map .map__map-wrapper svg {
        max-width: 100%
    }
}

.map .map__map-wrapper path {
    cursor: pointer;
    position: relative;
    display: block
}

.map .map__map-wrapper path:hover {
    fill: #b4bec7
}

.map .map__map-wrapper path.no-hover:hover {
    fill: #dddddd;
    cursor: auto
}

.map .map__map-wrapper path.no-hover.sea:hover {
    fill: #7CC2DF;
    cursor: auto
}

.map .map__map-wrapper path.js_selected {
    fill: #97A4B1
}

.map .krasnodar-tile-info.js_selected {
    display: none
}

.map .krasnodar-tile-info.js_hidden {
    display: none
}

.map .map__selector {
    position: relative;
    width: 240px;
    height: 49px
}

.map .map__select {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    padding: 17px 48px 17px 16px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 14px;
    color: #3B4256;
    line-height: 18px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/images/bars.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 16px) 18px;
    background-color: #F4F7FB;
    border: none;
    border-radius: 4px
}

.map .map__option {
    padding: 5px 0;
    font-size: 14px;
    line-height: 18px
}

.map .title-tabs {
    padding-left: 0;
    padding-right: 0
}

.map .title-tabs .title_bordered:after {
    width: 100%
}

@media screen and (max-width: 767px) {
    .map {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .map .map__map-wrapper {
        padding-top: 20px;
        padding-left: 0;
        padding-right: 0
    }
}

.modal {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100vw;
    height: 100vh
}

.modal.state_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.modal[data-type="register"] .modal__wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    max-height: 95vh;
    overflow-y: auto
}

.modal .modal__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.85);
    z-index: -1;
    cursor: pointer
}

.modal .modal__wrapper {
    position: relative;
    text-align: center;
    width: 100%;
    max-width: 672px;
    height: 100%;
    max-height: 609px;
    padding: 60px 0;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 3px rgba(63, 63, 68, 0.15), 0px 0px 0px rgba(63, 63, 68, 0.05);
    box-shadow: 0px 1px 3px rgba(63, 63, 68, 0.15), 0px 0px 0px rgba(63, 63, 68, 0.05)
}

@media screen and (max-width: 767px) {
    .modal .modal__wrapper {
        width: 95%;
        padding-left: 20px;
        padding-right: 20px
    }
}

.modal .modal__close-btn {
    position: absolute;
    right: 0;
    top: 0;
    color: #848E99;
    cursor: pointer;
    padding: 24px
}

.modal .modal__close-icon {
    width: 24px;
    height: 24px
}

.modal .modal__logo {
    width: 85px;
    height: 85px;
    color: #002B68;
    margin-bottom: 40px
}

.modal .modal__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    font-family: 'GOST UI2', sans-serif
}

.modal .modal__input-group {
    width: 100%;
    max-width: 345px;
    margin-bottom: 16px
}

.modal .modal__input {
    width: 100%;
    height: 50px;
    padding: 20px;
    border-radius: 2px;
    border: 1px solid #848E99;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 24px;
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256
}

.modal .modal__input::-webkit-input-placeholder {
    color: #848E99
}

.modal .modal__input::-moz-placeholder {
    color: #848E99
}

.modal .modal__input:-ms-input-placeholder {
    color: #848E99
}

.modal .modal__input::-ms-input-placeholder {
    color: #848E99
}

.modal .modal__input::placeholder {
    color: #848E99
}

.modal .modal__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    color: #fff;
    background-color: #2F80ED;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    outline: none;
    border: none;
    border-radius: 2px;
    margin-bottom: 24px;
    font-family: 'GOST UI2', sans-serif;
    cursor: pointer
}

.modal .modal__advanced {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 12px
}

@media screen and (max-width: 767px) {
    .modal .modal__advanced {
        text-align: center
    }
}

.modal .modal__link {
    color: #2F80ED
}

.modal .modal__agree-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 345px;
    margin-bottom: 40px
}

.modal .modal__agree-label {
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #000;
    padding-left: 39px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: left
}

.modal .modal__agree-label .modal__agree-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px solid #2F80ED
}

.modal .modal__agree-label .modal__agree-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #2F80ED;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal .modal__agree-label .modal__agree-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.modal .modal__agree-label .modal__agree-checkbox:hover ~ .modal__agree-checkmark:after {
    display: block
}

.modal .modal__agree-label .modal__agree-checkbox:checked ~ .modal__agree-checkmark:after {
    display: block
}

.modal .modal__captcha-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 345px;
    height: 39px;
    margin-bottom: 24px
}

.modal .modal__captcha-group .modal__input {
    width: 143px;
    height: 100%;
    margin-bottom: 0
}

.modal .modal__captcha-img {
    height: 100%;
    max-width: 150px
}

.modal .modal__refresh-btn {
    width: 24px;
    height: 21px;
    cursor: pointer
}

.modal .modal__label-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 345px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 16px
}

.modal .modal__label {
    display: block;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #3B4256;
    margin-right: .3rem
}

.modal .modal__label_red {
    color: red
}

.navbar__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    position: relative;
    z-index: 3
}

@media screen and (max-width: 1023px) {
    .navbar__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .navbar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.navbar__wrapper .navbar__inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 11px;
    padding-bottom: 5px
}

.navbar .navbar__logo {
    margin-right: auto
}

.navbar__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 6px
}

.navbar__nav-list .navbar__nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    outline: none;
    cursor: pointer
}

.navbar__nav-list .navbar__nav-item:focus {
    outline: none
}

.navbar__nav-list .navbar__nav-item::-moz-focus-inner {
    border: 0
}

.navbar__nav-list .navbar__nav-item:not(:last-child) {
    margin-right: 45px
}

.navbar__nav-list .navbar__nav-item:last-child {
    margin-right: 0;
    padding: 20px;
    margin: -20px;
    display: block
}

.navbar__nav-list .navbar__nav-item .navbar__item-dots {
    width: 16px;
    height: 5px
}

.navbar__nav-list .navbar__nav-item .navbar__item-dots use {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.navbar__nav-list .navbar__nav-item .navbar__item-dots use svg {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.navbar__nav-list .navbar__nav-item .navbar__item-cross {
    width: 10px;
    height: 10px
}

.navbar__nav-list .navbar__nav-item.navbar__nav-item_close {
    display: none
}

.navbar__nav-list .navbar__item-links {
    position: absolute;
    top: 100%;
    display: none;
    background-color: #EFF4F8;
    border-top: 4px solid #002B68;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
    padding: 20px;
    max-width: 261px
}

.navbar__nav-list .navbar__item-links.navbar__item-links_open {
    display: block;
    z-index: 999
}

.navbar__nav-list .navbar__item-links .navbar__item-link {
    display: block;
    font-size: 14px;
    line-height: 1.285;
    margin-bottom: 10px;
    color: #3B4256;
    -webkit-transition: color 0.125s linear;
    -o-transition: color 0.125s linear;
    transition: color 0.125s linear
}

.navbar__nav-list .navbar__item-links .navbar__item-link:hover {
    color: #3275A8
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .navbar .navbar__nav-list {
        padding-bottom: 0
    }

    .navbar .navbar__nav-list .navbar__nav-item {
        font-size: 14px;
        margin-right: 46px;
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar .navbar__nav-list .navbar__nav-item:last-child {
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .navbar .navbar__nav-list {
        padding-bottom: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .navbar .navbar__nav-item {
        display: none
    }

    .navbar .navbar__nav-item:last-child {
        display: block;
        margin: -16px
    }

    .navbar .navbar__nav-item:last-child.state_hidden {
        display: none
    }

    .navbar .navbar__nav-item.navbar__nav-item_close {
        display: block;
        margin-right: 0;
        padding: 0
    }

    .navbar .navbar__nav-item.navbar__nav-item_close.state_hidden {
        display: none
    }
}

.news-detail-page {
    display: block;
    font-family: 'GOST UI2', sans-serif
}

.news-detail-page .news-detail-page__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    margin-bottom: 80px
}

@media screen and (max-width: 1023px) {
    .news-detail-page .news-detail-page__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news-detail-page .news-detail-page__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news-detail-page .news-detail-page__article {
    margin-top: 40px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #2A2C32
}

.news-detail-page .news-detail-page__article-paragraph {
    margin-bottom: 31px
}

.news-detail-page .news-detail-page__date {
    margin-top: 32px;
    font-size: 16px;
    color: #848E99
}

.news-detail-page .news-detail-page__tags {
    margin-top: 32px;
    font-size: 16px
}

.news-detail-page .news-detail-page__tags-title {
    color: #848E99
}

.news-detail-page .news-detail-page__tags-item {
    color: #2A2C32
}

.news-detail-page .news-detail-page__tags-item:hover {
    color: #595d69;
    -webkit-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-detail-page .news-detail-page__article-paragraph {
        font-size: 20px;
        line-height: 24px
    }
}

@media screen and (max-width: 767px) {
    .news-detail-page .news-detail-page__article-paragraph {
        font-size: 16px;
        line-height: 20px
    }

    .news-detail-page .news-detail-page__date {
        font-size: 16px;
        line-height: 20px
    }

    .news-detail-page .news-detail-page__tags {
        margin-top: 16px
    }

    .news-detail-page .news-detail-page__tags-title, .news-detail-page .news-detail-page__tags-item {
        font-size: 16px;
        line-height: 20px
    }
}

.news-item {
    font-family: 'Gost UI2', sans-serif;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news-item .news-item__img-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-height: 230px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin-bottom: 15px
}

.news-item .news-item__img-wrapper .news-item__img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 2px
}

.news-item .news-item__img {
    max-width: 100%;
    width: 100%
}

@media screen and (max-width: 767px) {
    .news-item_small {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-item_small {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-item_small {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-item_small {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-item_small {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .news-item_small {
        width: 33.33333%
    }
}

.news-item .news-item__date {
    display: block;
    font-size: 14px;
    color: #848E99;
    margin-bottom: 10px
}

.news-item .news-item__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256
}

.news-item_big {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news-item_big .news-item__img-wrapper {
    width: calc(100% / 12 * 8);
    padding-right: 16px
}

.news-item_big .news-item__info {
    width: calc(100% / 12 * 4);
    padding-left: 16px
}

@media screen and (max-width: 767px) {
    .news-item_big .news-item__info {
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding: 10px !important
    }
}

.news-item_big .news-item__date {
    margin-bottom: 20px
}

.news-item_big .news-item__title {
    font-size: 24px;
    line-height: 30px
}

.news-item_big .news-item__title.js_smaller {
    font-size: 20px
}

.news-item_big.news-item_with-banner {
    max-height: 410px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .news-item_big.news-item_with-banner {
        width: 66.66667%
    }
}

.news-item_big.news-item_with-banner .news-item__wrapper {
    width: 100%
}

.news-item_big.news-item_with-banner .news-item__img {
    max-height: 410px;
    overflow: hidden
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 767px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1280px) and (max-width: 1439px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1440px) and (max-width: 1023px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1024px) {
    .news-item_big.news-item_with-banner {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .news-item_big.news-item_with-banner .news-item__info {
        min-height: 200px
    }
}

.news-item_with-banner .news-item__wrapper {
    display: block;
    padding: 0;
    position: relative;
    overflow: hidden;
    height: 100%
}

.news-item_with-banner .news-item__article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.news-item_with-banner .news-item__info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 20px;
    background-color: rgba(33, 33, 33, 0.73)
}

.news-item_with-banner .news-item__info .news-item__date {
    color: #C8C8C8;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400
}

.news-item_with-banner .news-item__info .news-item__title {
    color: #fff;
    font-size: 18px;
    line-height: 23px
}

.news-item_simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .news-item_simple {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-item_simple {
        width: 100%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-item_simple {
        width: 100%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-item_simple {
        width: 100%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-item_simple {
        width: 100%
    }
}

@media screen and (min-width: 1024px) {
    .news-item_simple {
        width: 100%
    }
}

.news-item_simple .news-item__img-wrapper {
    width: 350px;
    margin-right: 32px
}

.news-item_simple .news-item__img-wrapper .news-item__img {
    width: 350px;
    min-width: 350px
}

.news-item_simple .news-item__title {
    display: block;
    font-size: 18px;
    line-height: 23px;
    margin-bottom: 10px
}

.news-item_simple .news-item__paragraph {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #3B4256;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-item .news-item__date {
        font-size: 12px;
        line-height: 15px;
        margin-top: 13px;
        margin-bottom: 10px
    }

    .news-item .news-item__title {
        font-size: 14px;
        line-height: 18px
    }

    .news-item.news-item_with-banner {
        max-width: 66.666%
    }

    .news-item_big .news-item__date {
        margin-top: 0
    }

    .news-item_big .news-item__title {
        font-size: 20px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .news-item {
        margin-bottom: 21px
    }

    .news-item .news-item__info {
        padding-top: 10px
    }

    .news-item .news-item__img-wrapper .news-item__img {
        margin-bottom: 12px
    }

    .news-item .news-item__date {
        margin-bottom: 8px
    }

    .news-item .news-item__title {
        font-size: 14px;
        line-height: 18px
    }

    .news-item_big {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-item_big .news-item__img-wrapper {
        width: 100%;
        padding-right: 0
    }

    .news-item_big .news-item__info {
        width: 100%
    }

    .news-item_small {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .news-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-item .news-item__article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .news-item .news-item__img-wrapper {
        overflow-x: hidden;
        width: 100%
    }

    .news-item .news-item__img-wrapper .news-item__img {
        width: 100%;
        max-width: 100%;
        min-width: unset
    }

    .news-item .news-item__paragraph {
        font-size: 12px;
        line-height: 15px;
        font-weight: 400;
        max-height: 100%
    }

    .news-item.news-item_with-banner + .swiper {
        width: 100%;
        margin-bottom: 21px
    }

    .news-item.news-item_big .news-item__info {
        position: relative;
        background-color: unset;
        padding-left: 0
    }

    .news-item.news-item_big .news-item__info .news-item__date {
        font-size: 14px;
        line-height: 18px;
        color: #848E99
    }

    .news-item.news-item_big .news-item__info .news-item__title {
        font-size: 14px;
        line-height: 18px;
        color: #3B4256
    }
}

.news {
    padding-bottom: 80px;
    font-family: 'SF UI Display', sans-serif
}

.news .news__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .news .news__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news .news__news-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none
}

@media screen and (max-width: 767px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__news-tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

.news .news__news-tab_active, .news .news__news-tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.news .news__news-tab .news .news__news-tab_simple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .news .news__news-tab .news .news__news-tab_simple {
        margin-left: -16px;
        margin-right: -16px
    }
}

.news .button_link {
    font-family: 'GOST UI2', sans-serif
}

.news .tabs-control-header {
    font-family: 'GOST UI2', sans-serif
}

@media print {
    .news .swiper {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news {
        padding-top: 28px;
        padding-bottom: 56px
    }

    .news .news__all-news-link {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .news {
        margin-top: 28px;
        padding-top: 0;
        padding-bottom: 28px
    }
}

@media screen and (max-width: 767px) {
    .news {
        margin-top: 0;
        padding-top: 0
    }
}

.notifications {
    position: fixed;
    right: 15px;
    bottom: 0;
    z-index: 999
}

.popular-services {
    padding: 80px 0
}

.popular-services .popular-services__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .popular-services .popular-services__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .popular-services .popular-services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.popular-services__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 16px
}

@media screen and (max-width: 767px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .popular-services__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.popular-services__card {
    font-family: 'GOST UI2', sans-serif;
    margin-bottom: 32px;
    border-radius: 2px;
    min-height: 116px
}

@media screen and (max-width: 767px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .popular-services__card {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .popular-services__card {
        padding-left: 16px;
        padding-right: 16px
    }
}

.popular-services__card .popular-services__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    padding: 18px 32px 22px;
    height: 100%;
    border-radius: 2px
}

.popular-services__card .popular-services__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    margin-bottom: 3px;
    font-weight: 500
}

.popular-services__card .popular-services__description {
    font-size: 12px;
    line-height: 15px;
    color: #848E99
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .popular-services {
        padding: 56px 0
    }

    .popular-services .popular-services__card {
        width: 50%;
        margin-bottom: 22px
    }

    .popular-services .popular-services__card .popular-services__inner {
        padding: 12px 23px 14px 23px
    }

    .popular-services .popular-services__cards-wrapper {
        margin-bottom: 10px
    }

    .popular-services .popular-services__title {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 8px
    }

    .popular-services .popular-services__description {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .popular-services {
        padding: 28px 0
    }

    .popular-services .popular-services__card {
        width: 100%;
        margin-bottom: 20px
    }

    .popular-services .popular-services__title {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 8px
    }

    .popular-services .popular-services__description {
        font-size: 12px;
        line-height: 15px
    }
}

.read-more {
    font-family: 'GOST UI2', sans-serif;
    padding-bottom: 80px
}

.read-more .read-more__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .read-more .read-more__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .read-more .read-more__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.read-more .read-more__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .read-more .read-more__articles {
        margin-left: -16px;
        margin-right: -16px
    }
}

.read-more .read-more__article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-right: 5px
}

@media screen and (max-width: 767px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .read-more .read-more__article {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .read-more .read-more__article {
        width: 33.33333%
    }
}

.read-more .read-more__article-title {
    display: block;
    font-size: 18px;
    line-height: 23px;
    color: #3B4256
}

.read-more .read-more__article-date {
    display: block;
    font-size: 14px;
    line-height: 18px;
    margin-top: 4px;
    color: #848E99
}

.read-more .button {
    color: #2F80ED
}

.reception-service-poll {
    font-family: 'GOST UI2', sans-serif;
    scroll-behavior: smooth;
    color: #3B4256
}

.reception-service-poll .reception-service-poll__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .reception-service-poll .reception-service-poll__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .reception-service-poll .reception-service-poll__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.reception-service-poll .reception-service-poll__inner {
    margin-top: -20px;
    padding-bottom: 80px
}

.reception-service-poll .reception-service-poll__paragraph {
    font-size: 23px;
    line-height: 31px;
    padding-bottom: 30px;
    border-bottom: 2px solid #EDEDED;
    margin-bottom: 40px
}

.reception-service-poll .reception-service-poll__section-title {
    font-size: 28px;
    margin-bottom: 32px
}

.reception-service-poll .reception-service-poll__form-group {
    margin-bottom: 40px
}

.reception-service-poll .reception-service-poll__form {
    color: #3B4256
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__arrow-icon {
    position: absolute;
    top: 8px;
    right: 0;
    width: 12px;
    height: 7px;
    color: #2F80ED;
    cursor: pointer
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__info-spoiler {
    position: relative;
    padding-right: 17px;
    max-height: 23px;
    margin-bottom: 32px;
    cursor: pointer;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__info-spoiler.js-state-opened {
    max-height: unset
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__info-spoiler.js-state-opened .reception-service-poll__info-spoiler-paragraph {
    max-height: unset;
    white-space: normal
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__info-spoiler.js-state-opened .reception-service-poll__arrow-icon {
    display: none
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__info-spoiler .reception-service-poll__info-spoiler-paragraph {
    font-size: 18px;
    line-height: 1.4em;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label {
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 16px;
    margin-top: 24px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label.js-state-error .reception-service-poll__input-warning {
    display: block
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label.js-state-error .reception-service-poll__input {
    border-color: #EB5757
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_file {
    display: block;
    border: 1px solid #2F80ED;
    font-size: 16px;
    color: #2F80ED;
    width: 140px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    border-radius: 2px;
    margin-top: 16px;
    margin-bottom: 24px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_color-gray {
    color: #848E99
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox {
    position: relative;
    cursor: pointer
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox .reception-service-poll__label-text {
    position: absolute;
    font-size: 18px;
    top: calc(50% - 9px);
    left: 24px;
    color: #848E99
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox .reception-service-poll__input {
    cursor: pointer
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox .reception-service-poll__input:checked {
    background-color: #2F80ED;
    border: 1px solid transparent;
    background-image: url(/images/check-icon.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) center
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox .reception-service-poll__input:checked + .reception-service-poll__label-text {
    color: #fff
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__radio-input {
    display: block;
    margin-right: 24px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__radio-input:before {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid #C9D6DF
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__radio-input:checked:before {
    border: 5px solid #2F80ED
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__radio-input:checked + .reception-service-poll__label-text {
    background-color: #2F80ED;
    color: #fff;
    border-color: transparent
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__label-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 40px;
    padding: 8px 24px;
    border: 1px solid #848E99;
    border-radius: 2px;
    font-size: 18px;
    color: #848E99
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__input {
    cursor: pointer
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__input:checked {
    background-color: #2F80ED;
    border: 1px solid transparent;
    background-image: url(/images/check-icon.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) center
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__input:checked + .reception-service-poll__label-text {
    color: #fff
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input-warning {
    display: none;
    font-size: 16px;
    color: #EB5757;
    margin-top: 16px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input-wrapper {
    position: relative
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input-wrapper .reception-service-poll__arrow-icon {
    right: 25px;
    top: 16px;
    color: #848E99
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input {
    display: block;
    margin-top: 16px;
    font-family: 'GOST UI2', sans-serif;
    height: 40px;
    width: 100%;
    border: 1px solid #848E99;
    border-radius: 2px;
    padding: 10px 16px;
    color: #6C7180;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input_select {
    padding-right: 50px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input_textarea {
    display: inline-block;
    min-height: 95px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input_captcha {
    width: 200px;
    margin-right: 32px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__input[type="file"] {
    border: none;
    display: none
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__select-option {
    font-size: 16px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__captcha-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__captcha-img {
    display: block;
    height: 40px;
    border: 1px solid #848E99;
    margin-top: 16px;
    margin-right: 16px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__captcha-refresh {
    margin-top: 16px;
    font-size: 14px;
    color: #2F80ED;
    line-height: 18px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__form-row .reception-service-poll__label {
    width: 50%
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__form-row .reception-service-poll__label:first-child {
    padding-right: 16px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__form-row .reception-service-poll__label:last-child {
    padding-left: 16px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.reception-service-poll .reception-service-poll__form .reception-service-poll__btns-wrap .button:first-child {
    margin-right: 32px
}

@media screen and (max-width: 767px) {
    .reception-service-poll .reception-service-poll__paragraph {
        font-size: 16px;
        line-height: 20px
    }

    .reception-service-poll .reception-service-poll__form .reception-service-poll__label {
        font-size: 14px;
        line-height: 18px
    }

    .reception-service-poll .reception-service-poll__form .reception-service-poll__label_checkbox .reception-service-poll__label-text {
        font-size: 12px;
        line-height: 14px
    }

    .reception-service-poll .reception-service-poll__form .reception-service-poll__label_radio .reception-service-poll__label-text {
        font-size: 12px;
        line-height: 14px
    }

    .reception-service-poll .reception-service-poll__form .reception-service-poll__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.reception-service {
    font-family: 'GOST UI2', sans-serif
}

.reception-service .reception-service__top-wrapper {
    background-color: #00347E
}

.reception-service .reception-service__top-wrapper .reception-service__inner {
    margin: 0 auto;
    max-width: 1152px;
    padding-top: 24px;
    padding-bottom: 137px
}

@media screen and (max-width: 1023px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .reception-service .reception-service__top-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.reception-service .reception-service__bottom-wrapper {
    background-color: #F4F7FB
}

.reception-service .reception-service__bottom-wrapper .reception-service__inner {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .reception-service .reception-service__bottom-wrapper .reception-service__inner {
        padding-left: 16px;
        padding-right: 16px
    }
}

.reception-service .reception-service__bottom-wrapper .button {
    color: #2F80ED
}

.reception-service .search-form {
    margin-bottom: 80px
}

.reception-service .reception-service__cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    top: -32px
}

@media screen and (max-width: 767px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .reception-service .reception-service__cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.reception-service .reception-service__cards-wrapper .service-card {
    margin-top: 0;
    margin-bottom: 32px
}

.reception-service .reception-service__cards-wrapper .service-card__wrapper {
    height: 150px;
    padding: 30px 48px 32px 32px
}

.reception-service .reception-service__cards-wrapper .service-card__wrapper .service-card__inner {
    overflow: hidden;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.reception-service .reception-service__cards-wrapper .service-card__wrapper .service-card__inner .service-card__title {
    margin-bottom: 10px
}

.reception-service .reception-service__cards-wrapper .service-card__wrapper .service-card__inner .service-card__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    display: block;
    overflow-wrap: break-word
}

.search-results {
    padding-bottom: 80px
}

.search-results .search-results__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .search-results .search-results__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .search-results .search-results__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.search-results .search-results__tab {
    display: none
}

.search-results .search-results__tab.js-tab-active {
    display: block
}

.search-results .search-results__results {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    line-height: 1em;
    font-weight: 400
}

.search-results .search-results__results-info {
    display: block
}

.search-results .search-results__results-description {
    color: #000
}

.search-results .search-results__results-theme, .search-results .search-results__results-amount {
    color: #2F80ED
}

.search-results .search-results__all-themes {
    display: block;
    color: #000
}

.search-results_mb0 {
    margin-bottom: 0
}

.search-results_pb0 {
    padding-bottom: 0
}

.search-results__search-form {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .search-results {
        padding-bottom: 42px
    }
}

.service-detail {
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256;
    margin-top: 40px;
    padding-bottom: 80px
}

.service-detail .service-detail__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .service-detail .service-detail__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-detail .service-detail__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.service-detail .service-detail__paragraph-title {
    font-family: 'SF UI Display', sans-serif;
    font-size: 24px;
    line-height: 29px;
    margin-top: 32px;
    margin-bottom: 24px;
    font-weight: 500
}

.service-detail .service-detail__paragraph {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    margin-bottom: 32px
}

.service-detail .service-detail__point-item {
    font-weight: 400
}

.service-detail .service-detail__point-item:before {
    content: '\002B24';
    color: #2F80ED;
    display: inline-block;
    width: 16px;
    height: 16px;
    font-weight: 500;
    font-size: 16px;
    position: relative;
    top: -2px;
    margin-right: 16px
}

.service-detail .service-detail__paragraph-list {
    margin-left: 20px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 400
}

.service-detail .service-detail__hyperlink {
    font-size: 24px;
    line-height: 29px;
    color: #2F80ED
}

@media screen and (max-width: 767px) {
    .service-detail {
        padding-bottom: 40px
    }

    .service-detail .service-detail__paragraph {
        font-size: 16px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 20px
    }

    .service-detail .service-detail__paragraph-title {
        font-size: 18px;
        line-height: 21px;
        font-weight: 500
    }

    .service-detail .service-detail__paragraph-list {
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 20px
    }

    .service-detail .service-detail__hyperlink {
        font-size: 18px;
        line-height: 21px
    }
}

.services {
    font-family: 'GOST UI2', sans-serif;
    scroll-behavior: smooth
}

.services .services__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .services .services__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .services .services__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.services .services__inner {
    padding-bottom: 80px
}

.services .services__search-form {
    position: relative
}

.services .services__search-input {
    width: 100%;
    height: 68px;
    padding: 24px 88px 24px 24px;
    background-color: #fff;
    border: 1px solid #EDEDED;
    border-radius: 2px;
    color: #848E99;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'GOST UI2', sans-serif
}

.services .services__search-btn {
    position: absolute;
    top: 0;
    right: 24px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.services .services__search-btn .button {
    width: 140px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px
}

.services .services__tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: none;
    padding-bottom: 40px
}

@media screen and (max-width: 767px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .services .services__tab {
        margin-left: -16px;
        margin-right: -16px
    }
}

.services .services__tab.js-tab-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .services .services__tab .service-card {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .services .services__tab .service-card {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 767px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1280px) and (max-width: 1439px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1440px) and (max-width: 1023px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1024px) {
    .services .services__tab .service-card {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .services .services__search-input {
        height: 55px;
        padding: 20px 88px 20px 16px;
        font-size: 12px;
        line-height: 15px
    }

    .services .services__search-btn {
        right: 7px
    }

    .services .services__search-btn .button {
        width: 104px;
        height: 35px
    }
}

.site-map {
    font-family: 'GOST UI2', sans-serif;
    color: #3B4256
}

.site-map .site-map__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .site-map .site-map__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .site-map .site-map__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.site-map .site-map__inner {
    margin-top: 40px;
    padding-bottom: 80px
}

.site-map .site-map__content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .site-map .site-map__content-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.site-map .site-map__section-block {
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (min-width: 1024px) {
    .site-map .site-map__section-block {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .site-map .site-map__section-block {
        padding-left: 16px;
        padding-right: 16px
    }
}

.site-map .site-map__section-title {
    font-size: 18px;
    line-height: 23px;
    color: #002B68;
    padding-bottom: 12px;
    border-bottom: 1px solid #002B68;
    margin-bottom: 20px
}

.site-map .site-map__section-page-wrapper.state_hidden {
    display: none
}

.site-map .site-map__section-page {
    font-size: 16px;
    line-height: 2em;
    color: #3B4256;
    font-weight: 400
}

.site-map .site-map__subitem-link {
    font-size: 14px;
    line-height: 2em;
    color: #848E99;
    font-weight: 400
}

.site-map .site-map__subitem-link:before {
    content: '\2014';
    margin-right: 10px
}

.site-map .site-map__section-expand-btn {
    font-size: 16px;
    line-height: 2em;
    color: #2F80ED;
    font-weight: 400
}

.site-map .site-map__section-expand-btn:hover {
    color: #5e9df1
}

.site-map .site-map__section-expand-btn.state_hidden {
    display: none
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) and (min-width: 1024px) {
    .site-map .site-map__section-block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__section-title {
        font-size: 16px;
        line-height: 20px
    }

    .site-map .site-map__section-page {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 767px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (min-width: 1280px) and (max-width: 1439px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (min-width: 1440px) and (max-width: 1023px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (min-width: 1024px) {
    .site-map .site-map__section-block {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .site-map .site-map__section-title {
        font-size: 16px;
        line-height: 20px
    }

    .site-map .site-map__section-page {
        font-size: 14px;
        line-height: 18px
    }
}

.sites-catalog {
    font-family: 'GOST UI2', sans-serif;
    scroll-behavior: smooth
}

.sites-catalog .title {
    margin-bottom: 40px
}

.sites-catalog .sites-catalog__service-cards {
    margin: 0 auto;
    max-width: 1152px;
    padding-bottom: 80px
}

@media screen and (max-width: 1023px) {
    .sites-catalog .sites-catalog__service-cards {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .sites-catalog .sites-catalog__service-cards {
        padding-left: 16px;
        padding-right: 16px
    }
}

.sites-catalog .sites-catalog__service-cards.state_hidden {
    display: none
}

.sites-catalog .sites-catalog__service-cards .button {
    color: #2F80ED
}

.sites-catalog .sites-catalog__service-cards-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    top: -32px
}

@media screen and (max-width: 767px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .sites-catalog .sites-catalog__service-cards-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.sites-catalog .sites-catalog__service-cards-wrapper .service-card {
    margin-top: 0;
    margin-bottom: 32px
}

.sites-catalog .structure {
    padding-top: 80px
}

.sites-catalog section:nth-child(2n+1) {
    background-color: #f5f6fa
}

.sites-catalog section:nth-child(2n+1) .structure-block .structure-block__spoiler .structure-block:last-child:after {
    background-color: #f5f6fa
}

.sites-catalog section:nth-child(2n+1) .structure__structure-wrapper > .structure-block:last-child:after {
    background-color: #f5f6fa
}

.sites-catalog section:nth-child(2n) {
    background-color: #fff
}

.sites-catalog [data-tab] {
    display: none;
    position: relative
}

.sites-catalog [data-tab].state_visible {
    display: block
}

@media screen and (max-width: 767px) {
    .sites-catalog [data-tab] {
        display: block
    }

    .sites-catalog .news__news-tab[data-tab]:not(:first-child) {
        display: none
    }
}

.sites-catalog .sites-catalog__service-cards {
    padding-bottom: 40px
}

.social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.social-links__link {
    color: #fff
}

.social-links__link:not(:last-child) {
    margin-right: 24px
}

.social-links__link .social-links__icon {
    max-width: 24px;
    max-height: 23px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .social-links .social-links__link:not(:last-child) {
        margin-right: 17px
    }

    .social-links .social-links__link .social-links__icon {
        max-width: 17px;
        max-height: 16px
    }
}

.structure {
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif;
    overflow-y: hidden
}

.structure .structure__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .structure .structure__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .structure .structure__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.structure .structure__search {
    width: 100%;
    background-color: #F4F7FB;
    border: none;
    border-radius: 4px;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #3B4256;
    margin-bottom: 40px
}

.structure .structure__search {
    height: 50px
}

.structure .structure__search .ss-single-selected {
    height: 100%;
    padding: 16px;
    background-color: #e1e9f4;
    border: none
}

.structure .structure__search .ss-arrow {
    width: 16px;
    height: 12px;
    background-image: url("/images/bars.svg");
    background-position: center;
    margin: 0;
    -ms-flex-item-align: center;
    align-self: center
}

.structure .structure__search .ss-arrow .arrow-down, .structure .structure__search .ss-arrow .arrow-up {
    display: none
}

.structure .structure__search-option {
    font-size: 14px;
    line-height: 18px
}

.structure .structure__search-option.ss-option.lvl-1 {
    padding-left: calc(1 * 30px)
}

.structure .structure__search-option.ss-option.lvl-2 {
    padding-left: calc(2 * 30px)
}

.structure .structure__search-option.ss-option.lvl-3 {
    padding-left: calc(3 * 30px)
}

.structure .structure__search-option.ss-option.lvl-4 {
    padding-left: calc(4 * 30px)
}

.structure .structure__search-option.ss-option.lvl-5 {
    padding-left: calc(5 * 30px)
}

.structure .structure__search-option.ss-option.lvl-6 {
    padding-left: calc(6 * 30px)
}

.structure .structure__search-option.ss-option.lvl-7 {
    padding-left: calc(7 * 30px)
}

.structure .structure__search-option.ss-option.lvl-8 {
    padding-left: calc(8 * 30px)
}

.structure .structure__search-option.ss-option.lvl-9 {
    padding-left: calc(9 * 30px)
}

.structure .structure__head-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    font-weight: 400;
    padding: 10px
}

.structure .structure__head-info-wrapper .structure__head-name {
    color: #3B4256
}

.structure .structure__head-info-wrapper .structure__head-position {
    margin-bottom: 10px;
    color: #000
}

.structure .structure__head-info-wrapper .structure__photo {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    margin-right: 40px
}

.structure .structure__head-info {
    position: relative
}

.structure .structure__structure-wrapper {
    margin-left: 60px;
    border-left: 1px solid #CDDEF5;
    position: relative
}

.structure .structure__structure-wrapper > .structure-block:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 95px;
    width: 30px;
    border-bottom: 1px solid #CDDEF5
}

.structure .structure__structure-wrapper > .structure-block:last-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 95px;
    left: -1px;
    height: 9999px;
    width: 1px;
    background-color: #fff
}

.structure .choices[data-type*="select-one"] {
    z-index: 4
}

@media screen and (max-width: 767px) {
    .structure .structure__head-info-wrapper {
        font-size: 14px;
        line-height: 18px
    }

    .structure .structure__head-info-wrapper .structure__photo {
        height: 60px;
        width: 60px;
        margin-right: 8px
    }

    .structure .structure__head-info-wrapper .structure__head-position {
        margin-bottom: 4px
    }

    .structure .structure__structure-wrapper {
        margin-left: 30px
    }

    .structure .structure__structure-wrapper > .structure-block:before {
        height: 65px
    }
}

.up-btn {
    position: fixed;
    top: calc(100vh - 80px);
    right: 16px;
    cursor: pointer;
    width: 64px;
    height: 64px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .25s ease-in;
    transition: -webkit-transform .25s ease-in;
    -o-transition: transform .25s ease-in;
    transition: transform .25s ease-in;
    transition: transform .25s ease-in, -webkit-transform .25s ease-in;
    color: #002B68;
    z-index: 9999
}

.up-btn:hover {
    color: rgba(0, 43, 104, 0.8)
}

.up-btn:active {
    top: calc(100vh - 80px + 2px)
}

.up-btn.js_active {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.up-btn .up-btn__icon {
    width: 100%;
    height: 100%
}

.virtual-reception-list {
    padding-bottom: 80px
}

.virtual-reception-list .virtual-reception-list__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .virtual-reception-list .virtual-reception-list__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.virtual-reception-list .virtual-reception-list__item {
    display: block;
    padding: 32px;
    width: 100%;
    background-color: #fff;
    border: 2px solid #EDEDED;
    border-radius: 2px;
    margin-bottom: 24px
}

.virtual-reception-list .virtual-reception-list__item-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.virtual-reception-list .virtual-reception-list__logo {
    display: block;
    height: 48px;
    width: 48px;
    margin-right: 24px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.virtual-reception-list .virtual-reception-list__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.virtual-reception-list .virtual-reception-list__title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #3B4256;
    margin-bottom: 10px
}

.virtual-reception-list .virtual-reception-list__description {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #848E99
}

.virtual-reception-list .virtual-reception-list__search-form {
    margin-bottom: 40px
}

.virtual-reception-list .virtual-reception-list__pagination {
    margin-top: 40px
}

.virtual-reception {
    font-family: 'GOST UI2', sans-serif;
    scroll-behavior: smooth
}

.virtual-reception .virtual-reception__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .virtual-reception .virtual-reception__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .virtual-reception .virtual-reception__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.virtual-reception .virtual-reception__inner {
    padding-bottom: 80px
}

.virtual-reception .virtual-reception__terms-of-use {
    max-height: 9999px;
    -webkit-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.virtual-reception .virtual-reception__terms-of-use.js-state-hidden {
    max-height: 0;
    overflow: hidden
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__terms-paragraph {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #3B4256;
    margin-bottom: 2rem
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 23px;
    color: #000;
    padding-left: 39px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: 1rem
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label .virtual-reception__agree-checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border: 1px solid #2F80ED
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label .virtual-reception__agree-checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 7px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid #2F80ED;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label .virtual-reception__agree-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label .virtual-reception__agree-checkbox:hover ~ .virtual-reception__agree-checkmark:after {
    display: block
}

.virtual-reception .virtual-reception__terms-of-use .virtual-reception__agree-label .virtual-reception__agree-checkbox:checked ~ .virtual-reception__agree-checkmark:after {
    display: block
}

.virtual-reception .virtual-reception__form {
    color: #3B4256;
    display: none
}

.virtual-reception .virtual-reception__form.js-state-visible {
    display: block
}

.virtual-reception .virtual-reception__form .virtual-reception__arrow-icon {
    position: absolute;
    top: 8px;
    right: 0;
    width: 12px;
    height: 7px;
    color: #2F80ED;
    cursor: pointer
}

.virtual-reception .virtual-reception__form .virtual-reception__info-spoiler {
    position: relative;
    padding-right: 17px;
    max-height: 23px;
    margin-bottom: 32px;
    cursor: pointer;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.virtual-reception .virtual-reception__form .virtual-reception__info-spoiler.js-state-opened {
    max-height: unset
}

.virtual-reception .virtual-reception__form .virtual-reception__info-spoiler.js-state-opened .virtual-reception__info-spoiler-paragraph {
    max-height: unset;
    white-space: normal
}

.virtual-reception .virtual-reception__form .virtual-reception__info-spoiler.js-state-opened .virtual-reception__arrow-icon {
    display: none
}

.virtual-reception .virtual-reception__form .virtual-reception__info-spoiler .virtual-reception__info-spoiler-paragraph {
    font-size: 18px;
    line-height: 1.4em;
    display: block;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.virtual-reception .virtual-reception__form .virtual-reception__label {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px
}

.virtual-reception .virtual-reception__form .virtual-reception__label.js-state-error .virtual-reception__input-warning {
    display: block
}

.virtual-reception .virtual-reception__form .virtual-reception__label.js-state-error .virtual-reception__input {
    border-color: #EB5757
}

.virtual-reception .virtual-reception__form .virtual-reception__label_file {
    display: block;
    border: 1px solid #2F80ED;
    font-size: 16px;
    color: #2F80ED;
    width: 140px;
    height: 40px;
    padding-top: 10px;
    text-align: center;
    border-radius: 2px;
    margin-top: 16px;
    margin-bottom: 24px;
    cursor: pointer
}

.virtual-reception .virtual-reception__form .virtual-reception__label_file.js_file-chosen {
    padding-left: 10px;
    padding-right: 10px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.virtual-reception .virtual-reception__form .virtual-reception__input-warning {
    display: none;
    font-size: 16px;
    color: #EB5757;
    margin-top: 16px
}

.virtual-reception .virtual-reception__form .virtual-reception__input-wrapper {
    position: relative
}

.virtual-reception .virtual-reception__form .virtual-reception__input-wrapper .virtual-reception__arrow-icon {
    right: 25px;
    top: 16px;
    color: #848E99
}

.virtual-reception .virtual-reception__form .virtual-reception__input {
    display: block;
    margin-top: 16px;
    font-family: 'GOST UI2', sans-serif;
    height: 40px;
    width: 100%;
    border: 1px solid #848E99;
    border-radius: 2px;
    padding: 10px 16px;
    color: #6C7180;
    font-size: 16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff
}

.virtual-reception .virtual-reception__form .virtual-reception__input_select {
    padding-right: 50px
}

.virtual-reception .virtual-reception__form .virtual-reception__input_textarea {
    display: inline-block;
    min-height: 95px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none
}

.virtual-reception .virtual-reception__form .virtual-reception__input_captcha {
    width: 200px;
    margin-right: 32px
}

.virtual-reception .virtual-reception__form .virtual-reception__input[type="file"] {
    border: none;
    display: none
}

.virtual-reception .virtual-reception__form .virtual-reception__select-option {
    font-size: 16px
}

.virtual-reception .virtual-reception__form .virtual-reception__captcha-img {
    display: block;
    height: 40px;
    border: 1px solid #848E99;
    margin-top: 16px;
    margin-right: 16px
}

.virtual-reception .virtual-reception__form .virtual-reception__captcha-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.virtual-reception .virtual-reception__form .virtual-reception__captcha-refresh {
    margin-top: 16px;
    font-size: 14px;
    color: #2F80ED;
    line-height: 18px
}

.virtual-reception .virtual-reception__form .virtual-reception__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label {
    width: 50%
}

.virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label:first-child {
    padding-right: 16px
}

.virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label:last-child {
    padding-left: 16px
}

.virtual-reception .virtual-reception__form .virtual-reception__btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px
}

.virtual-reception .virtual-reception__form .virtual-reception__btns-wrap .button:first-child {
    margin-right: 32px
}

@media screen and (max-width: 767px) {
    .virtual-reception .virtual-reception__form .virtual-reception__info-spoiler .virtual-reception__info-spoiler-paragraph {
        font-size: 14px;
        line-height: 18px
    }

    .virtual-reception .virtual-reception__form .virtual-reception__label {
        font-size: 15px;
        line-height: 20px
    }

    .virtual-reception .virtual-reception__form .virtual-reception__form-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label {
        width: 100%
    }

    .virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label:first-child {
        padding-right: 0
    }

    .virtual-reception .virtual-reception__form .virtual-reception__form-row .virtual-reception__label:last-child {
        padding-left: 0
    }
}

.alert {
    font-family: 'GOST UI2', sans-serif;
    margin-bottom: 24px
}

.alert:last-child {
    margin-bottom: 0
}

.alert .alert__wrapper {
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 4px
}

.alert .alert__inner {
    position: relative
}

.alert .alert__inner_with-icon {
    padding-left: 33px
}

.alert .alert__icon {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px
}

.alert .alert__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 8px
}

.alert .alert__title_danger {
    color: #E53935
}

.alert .alert__title_success {
    color: #6FBD15
}

.alert .alert__description {
    font-size: 12px;
    font-weight: 500;
    color: rgba(59, 66, 86, 0.8);
    margin-bottom: 5px
}

.alert .alert__source, .alert .alert__time {
    font-size: 12px;
    font-weight: 400;
    color: rgba(96, 102, 118, 0.7)
}

.alert .alert__source {
    margin-bottom: 5px
}

.alert .alert__more-btn {
    position: absolute;
    bottom: 0;
    right: 0;
    font-weight: 400;
    font-size: 10px;
    color: #2F80ED
}

.appeal {
    font-family: 'GOST UI2', sans-serif;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #3B4256;
    margin-bottom: 65px
}

.appeal:last-child {
    margin-bottom: 0
}

.appeal .appeal__top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .appeal .appeal__top-panel {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.appeal .appeal__left-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .appeal .appeal__left-part {
        margin-bottom: 10px
    }
}

.appeal .appeal__right-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.appeal .appeal__appeal-date {
    margin-right: 27px
}

.appeal .appeal__register-date {
    margin-right: 10px
}

.appeal .appeal__content {
    margin-bottom: 16px
}

.appeal .appeal__bottom-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.appeal .appeal__bottom-panel .appeal__left-part {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    color: #848E99
}

.appeal .appeal__size {
    margin-right: 18px
}

.appeal .appeal__download-icon {
    width: 10px;
    height: 13px;
    color: #848E99;
    opacity: .8
}

.appeals {
    padding: 28px 24px;
    border: 2px solid #F4F7FB;
    border-radius: 4px
}

.article-hyperlink {
    font-family: 'GOST UI2', sans-serif;
    margin-bottom: 20px
}

.article-hyperlink .article-hyperlink__wrapper {
    display: block;
    position: relative
}

.article-hyperlink .article-hyperlink__title {
    font-size: 24px;
    line-height: 31px;
    color: #000;
    font-weight: 500
}

.article-hyperlink .article-hyperlink__description {
    font-size: 20px;
    line-height: 26px;
    color: #848E99;
    margin-top: 1px
}

.article-hyperlink .article-hyperlink__arrow {
    display: none;
    position: absolute;
    top: 26px;
    right: 26px;
    height: 20px;
    width: 20px;
    color: #2F80ED
}

.article-hyperlink_block .article-hyperlink__wrapper {
    display: block;
    padding: 26px 76px 26px 30px;
    border: 2px solid #F4F7FB;
    position: relative
}

.article-hyperlink_block .article-hyperlink__arrow {
    display: block
}

.article-hyperlink_block + .article-hyperlink_simple {
    margin-top: 40px
}

.article-hyperlink_simple .article-hyperlink__title {
    color: #2F80ED
}

@media screen and (max-width: 767px) {
    .article-hyperlink .article-hyperlink__wrapper {
        padding: 20px
    }

    .article-hyperlink .article-hyperlink__title {
        font-size: 14px;
        line-height: 18px
    }

    .article-hyperlink .article-hyperlink__description {
        font-size: 12px;
        line-height: 15px
    }

    .article-hyperlink .article-hyperlink__arrow {
        top: 10px;
        right: 10px;
        width: 15px;
        height: 15px
    }
}

.breadcrumbs {
    position: relative;
    z-index: 1;
    margin-top: 40px;
    margin-bottom: 40px
}

.breadcrumbs .breadcrumbs__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .breadcrumbs .breadcrumbs__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .breadcrumbs .breadcrumbs__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.breadcrumbs .breadcrumbs__items {
    display: block;
    list-style: none;
    font-size: 16px
}

@media print {
    .breadcrumbs .breadcrumbs__items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.breadcrumbs .breadcrumbs__item {
    display: inline-block
}

.breadcrumbs .breadcrumbs__item:last-child .breadcrumbs__link:after {
    content: ''
}

.breadcrumbs .breadcrumbs__link {
    color: #848E99
}

.breadcrumbs .breadcrumbs__link:after {
    content: '/';
    margin-left: 3px;
    margin-right: 3px
}

.breadcrumbs .breadcrumbs__link_active {
    color: #3275A8
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none
    }
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
    position: relative
}

.button:active {
    top: 2px
}

.button__icon {
    fill: currentColor;
    -webkit-transition: fill 0.175s linear;
    -o-transition: fill 0.175s linear;
    transition: fill 0.175s linear
}

.button__text {
    color: currentColor;
    -webkit-transition: color 0.175s linear;
    -o-transition: color 0.175s linear;
    transition: color 0.175s linear
}

.button_light .button__text {
    color: #fff
}

.button_light .button__icon {
    color: #E0E0E0
}

.button_light:hover .button__icon {
    color: #fff
}

.button_blue .button__text {
    color: #2F80ED
}

.button_blue .button__icon {
    color: #2F80ED
}

.button_blue:hover .button__text {
    color: #3275A8
}

.button_blue:hover .button__icon {
    color: #3275A8
}

.button_clear {
    border: none;
    background: none
}

.button_blue-bg {
    background-color: #2F80ED;
    color: #fff !important;
    border: 1px solid #2F80ED;
    border-radius: 2px
}

.button_brand-blue .button__text {
    color: #3275A8
}

.button_brand-blue .button__icon {
    color: #3275A8
}

.button_brand-blue:hover .button__text {
    color: #3275A8
}

.button_brand-blue:hover .button__icon {
    color: #3275A8
}

.button_outlined {
    background-color: transparent;
    border-radius: 2px
}

.button_outlined.button_blue {
    border: 1px solid #2F80ED
}

.button_outlined.button_brand-blue {
    border: 1px solid #3275A8
}

.button_with-padding {
    padding: 12px 38px
}

.button_link {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    cursor: pointer;
    outline: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.button_link .button__text {
    font-size: 16px
}

.button_arrow-left-icon .button__text {
    margin-left: 15px
}

.button_arrow-left-icon .button__icon {
    width: 7px;
    height: 12.35px;
    margin-left: auto;
    -webkit-transition: color 0.125s linear, -webkit-transform 0.125s linear;
    transition: color 0.125s linear, -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear, color 0.125s linear;
    transition: transform 0.125s linear, color 0.125s linear;
    transition: transform 0.125s linear, color 0.125s linear, -webkit-transform 0.125s linear
}

.button_arrow-left-icon:hover .button__icon {
    -webkit-transform: translateX(-3px);
    -ms-transform: translateX(-3px);
    transform: translateX(-3px)
}

.button_arrow-right-icon .button__text {
    margin-right: 15px
}

.button_arrow-right-icon .button__icon {
    width: 7px;
    height: 12.35px;
    margin-left: auto;
    -webkit-transition: color 0.125s linear, -webkit-transform 0.125s linear;
    transition: color 0.125s linear, -webkit-transform 0.125s linear;
    -o-transition: transform 0.125s linear, color 0.125s linear;
    transition: transform 0.125s linear, color 0.125s linear;
    transition: transform 0.125s linear, color 0.125s linear, -webkit-transform 0.125s linear
}

.button_arrow-right-icon:hover .button__icon {
    -webkit-transform: translateX(3px);
    -ms-transform: translateX(3px);
    transform: translateX(3px)
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .button_link .button__text {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .button_link .button__text {
        font-size: 14px;
        line-height: 18px
    }
}

.calendar {
    padding-bottom: 50px
}

.calendar .calendar__wrapper {
    margin: 0 auto;
    max-width: 1152px;
    padding-bottom: 15px
}

@media screen and (max-width: 1023px) {
    .calendar .calendar__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.calendar .calendar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__inner {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__events-wrapper {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__events-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__events-wrapper {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.calendar .calendar__calendar-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 28px 32px;
    background-color: #fff;
    border-radius: 4px
}

@media screen and (max-width: 767px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__calendar-wrapper {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .calendar .calendar__calendar-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .calendar .calendar__calendar-wrapper {
        width: 100%;
        padding-top: 0
    }
}

.calendar .calendar__calendar {
    border: none;
    padding-bottom: 16px;
    margin-bottom: 24px;
    font-family: 'GOST UI2', sans-serif;
    z-index: 1;
    border-bottom: 1px solid #EDEDED
}

.calendar .calendar__calendar .pika-lendar {
    width: 100%;
    margin: 0;
    z-index: 1
}

.calendar .calendar__calendar .pika-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height: 45px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    color: #3B4256
}

.calendar .calendar__calendar .pika-day {
    background: #fff;
    color: #3B4256
}

.calendar .calendar__calendar .pika-day:hover {
    background: #EDEDED
}

.calendar .calendar__calendar .pika-day.js_has-event {
    background: #3B4256;
    color: #fff
}

.calendar .calendar__calendar .pika-day.js_has-major-event {
    background: #2F80ED;
    color: #fff
}

.calendar .calendar__calendar td[aria-selected="true"] .pika-day:hover {
    background: #33aaff
}

.calendar .calendar__calendar td.is-selected .pika-button {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #33aaff
}

.calendar .calendar__calendar .pika-table thead th {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    padding-bottom: 10px;
    color: #848E99
}

.calendar .calendar__calendar .pika-table thead abbr {
    text-decoration: none;
    padding-bottom: 10px
}

.calendar .calendar__legend-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.calendar .calendar__legend-color {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 12px;
    border-radius: 4px
}

.calendar .calendar__legend-color_royal {
    background-color: #2F80ED
}

.calendar .calendar__legend-color_oxford {
    background-color: #3B4256
}

.calendar .calendar__legend-title {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #000
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .calendar {
        padding: 56px 0
    }
}

@media screen and (max-width: 767px) {
    .calendar {
        padding: 28px 0;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.catalog-menu {
    font-family: 'GOST UI2', sans-serif
}

.catalog-menu .catalog-menu__link {
    font-size: 16px;
    line-height: 20px;
    color: #3B4256;
    margin-right: 25px
}

.catalog-menu .catalog-menu__link:last-child {
    margin-right: 0
}

@media screen and (max-width: 767px) {
    .catalog-menu {
        display: none !important
    }
}

.document-info-bar .document-info-bar__top-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.document-info-bar .document-info-bar__top-line .document-info-bar__tag {
    font-size: 14px;
    color: #848E99;
    font-weight: 500;
    margin-right: 32px
}

.document-info-bar .document-info-bar__top-line .document-info-bar__download-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    color: #848E99;
    font-weight: 400
}

.document-info-bar .document-info-bar__top-line .document-info-bar__download-info .document-info-bar__type {
    text-transform: uppercase
}

.document-info-bar .document-info-bar__top-line .document-info-bar__download-info .document-info-bar__comma {
    margin-right: .3em
}

.document-info-bar .document-info-bar__top-line .document-info-bar__download-info .document-info-bar__download-link {
    height: 13px
}

.document-info-bar .document-info-bar__top-line .document-info-bar__download-info .document-info-bar__download-icon {
    height: 13px;
    width: 10px;
    color: rgba(132, 142, 153, 0.7);
    margin-left: 18px
}

.document-info-bar .document-info-bar__bottom-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #848E99;
    font-size: 14px;
    line-height: 14px
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__comments, .document-info-bar .document-info-bar__bottom-line .document-info-bar__views, .document-info-bar .document-info-bar__bottom-line .document-info-bar__downloads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__icon {
    color: rgba(132, 142, 153, 0.5);
    height: 18px;
    max-width: 18px;
    margin-right: 10px
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__icon_comments {
    width: 16px;
    height: 14px
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__icon_views {
    width: 18px;
    height: 12px
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__icon_downloads {
    width: 10px;
    height: 13px
}

.document-info-bar .document-info-bar__bottom-line .document-info-bar__amount {
    margin-right: 40px
}

@media screen and (max-width: 767px) {
    .document-info-bar {
        margin-bottom: 40px
    }

    .document-info-bar .document-info-bar__top-line {
        position: relative
    }

    .document-info-bar .document-info-bar__top-line .document-info-bar__tag {
        font-size: 12px;
        line-height: 15px;
        margin-right: 20px
    }

    .document-info-bar .document-info-bar__top-line .document-info-bar__download-info {
        font-size: 12px;
        line-height: 15px;
        position: absolute;
        bottom: -31px;
        right: 0
    }

    .document-info-bar .document-info-bar__bottom-line .document-info-bar__amount {
        margin-right: 20px
    }
}

.document-info-bar .document-info-bar__button {
    margin-left: auto
}

.document-item {
    font-family: 'GOST UI2', sans-serif;
    margin-bottom: 34px
}

.document-item .document-item__title-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 16px
}

.document-item .document-item__title-wrap .document-item__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    font-weight: 500
}

.document-item .document-item__title-wrap .document-item__date {
    font-size: 16px;
    line-height: 20px;
    color: #2F80ED;
    margin-left: 80px;
    font-weight: 400
}

@media screen and (max-width: 767px) {
    .document-item {
        margin-bottom: 12px
    }

    .document-item .document-item__title-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .document-item .document-item__title-wrap .document-item__date {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-left: 0;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 18px
    }

    .document-item .document-item__title-wrap .document-item__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
        line-height: 18px
    }
}

.download-docs {
    font-family: 'GOST UI2', sans-serif
}

.download-docs__wrapper {
    padding: 50px;
    border: 2px solid #F4F7FB;
    border-radius: 4px;
    margin-bottom: 40px
}

.download-docs__title {
    font-size: 24px;
    line-height: 31px;
    color: #000;
    font-weight: 500;
    margin-bottom: 87px
}

.download-docs .download-docs__doc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 43px
}

.download-docs .download-docs__doc-item:last-child {
    margin-bottom: 0
}

.download-docs .download-docs__date {
    font-size: 16px;
    line-height: 20px;
    color: #848E99;
    margin-right: 90px
}

.download-docs .download-docs__type-and-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.download-docs .download-docs__type-size {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #848E99
}

.download-docs .download-docs__type-size .download-docs__type {
    text-transform: uppercase;
    margin-right: .25em
}

.download-docs .download-docs__doc-item-title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 19px;
    font-weight: 400;
    margin-right: 50px
}

.download-docs .button {
    height: 50px;
    padding: 15px 60px;
    margin-left: 52px
}

.download-docs .button__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.download-docs .button__download-icon {
    width: 15px;
    height: 20px;
    margin-left: 15px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .download-docs .download-docs__wrapper {
        padding: 25px
    }

    .download-docs .download-docs__title {
        margin-bottom: 40px
    }

    .download-docs .download-docs__date {
        font-size: 12px;
        line-height: 15px;
        margin-right: 40px
    }

    .download-docs .download-docs__doc-item-title {
        font-size: 12px;
        line-height: 15px;
        margin-right: 25px
    }

    .download-docs .download-docs__type-size {
        font-size: 12px;
        line-height: 15px
    }

    .download-docs .button {
        height: 32px;
        padding: 10px 16px;
        margin-left: 25px
    }

    .download-docs .button__text {
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .download-docs .download-docs__wrapper {
        padding: 20px 14px
    }

    .download-docs .download-docs__title {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 40px
    }

    .download-docs .download-docs__doc-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .download-docs .download-docs__date {
        font-size: 12px;
        line-height: 15px;
        margin-bottom: 11px
    }

    .download-docs .download-docs__doc-item-title {
        font-size: 12px;
        line-height: 14px;
        margin-right: 0;
        margin-bottom: 8px
    }

    .download-docs .download-docs__type-size {
        font-size: 12px;
        line-height: 15px
    }

    .download-docs .download-docs__type-and-download {
        -ms-flex-item-align: end;
        align-self: flex-end
    }

    .download-docs .button {
        height: 30px;
        padding: 8px 16px;
        margin-left: 8px
    }

    .download-docs .button__text {
        font-size: 12px
    }

    .download-docs .button__download-icon {
        height: 14px;
        margin-left: 4px
    }
}

.event-item {
    padding: 32px;
    margin-bottom: 32px;
    background-color: #fff;
    border-radius: 2px;
    display: none
}

.event-item.js_visible {
    display: block
}

.event-item .event-item__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.event-item .event-item__start {
    margin-right: 24px
}

.event-item .event-item__title {
    font-family: 'GOST UI2', sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #3B4256;
    font-weight: 500
}

.event-item .event-item__date, .event-item .event-item__month {
    font-family: 'SF UI Display', sans-serif;
    color: #3275A8;
    margin-right: 16px;
    text-align: right
}

.event-item .event-item__date {
    font-size: 48px;
    line-height: 57px;
    font-weight: 700;
    width: 62px
}

.event-item .event-item__month {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.event-item .event-item__end {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-item .event-item__end-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #848E99
}

@media screen and (max-width: 767px) {
    .event-item .event-item__end-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .event-item .event-item__date, .event-item .event-item__month {
        margin-right: 11px
    }

    .event-item .event-item__day {
        font-size: 34px;
        line-height: 41px
    }

    .event-item .event-item__month {
        font-size: 10px;
        line-height: 14px
    }

    .event-item .event-item__title {
        font-size: 14px;
        line-height: 18px
    }
}

@media screen and (max-width: 767px) {
    .event-item {
        padding: 28px 0;
        margin-bottom: 20px
    }

    .event-item .event-item__title {
        font-size: 14px;
        line-height: 18px
    }
}

.filter {
    display: none;
    position: absolute;
    z-index: 10;
    top: calc(100% - 4px);
    left: 0;
    width: 100%;
    background-color: #EFF4F8;
    padding: 27px 32px 32px;
    font-family: 'GOST UI2', sans-serif;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25)
}

.filter.js-state-visible {
    display: block
}

.filter_docs .filter__btns-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 32px
}

.filter_docs .filter__btns-wrap .button {
    margin-left: 32px
}

.filter .filter__label {
    display: block;
    font-size: 16px;
    color: #3B4256;
    margin-bottom: 24px
}

.filter .filter__label:last-child {
    margin-bottom: 0
}

.filter .filter__input {
    width: 100%;
    height: 40px;
    border: 1px solid #848E99;
    border-radius: 2px;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.5);
    font-family: 'GOST UI2', sans-serif;
    margin-top: 16px
}

.filter .filter__input_select {
    width: 320px;
    max-width: 100%;
    padding: 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url(/images/arrow-down-icon.svg) no-repeat;
    background-position: calc(100% - 20px) center;
    background-color: #fff
}

.filter .filter__input_select:active {
    background: url(/images/arrow-up-icon.svg) no-repeat;
    background-position: calc(100% - 20px) center
}

.filter .filter__input_select .filter__option {
    font-size: 16px
}

.filter .filter__input[type="date"]::-webkit-inner-spin-button, .filter .filter__input[type="date"]::-webkit-calendar-picker-indicator {
    display: none
}

.filter .filter__input[type="date"]::-webkit-datetime-edit-year-field:not([aria-valuenow]), .filter .filter__input[type="date"]::-webkit-datetime-edit-month-field:not([aria-valuenow]), .filter .filter__input[type="date"]::-webkit-datetime-edit-day-field:not([aria-valuenow]) {
    color: transparent
}

.filter .filter__date-from, .filter .filter__date-to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.filter .filter__date-from .filter__label, .filter .filter__date-to .filter__label {
    color: #848E99
}

.filter .filter__date-from {
    margin-right: 32px
}

.filter .filter__calendar-icon {
    height: 24px;
    width: 24px;
    color: #2F80ED;
    cursor: pointer
}

.filter .filter__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.filter .filter__row .filter__label {
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.filter .filter__row .filter__subline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.filter .filter__row .filter__subline .filter__label {
    margin-bottom: 0
}

.filter .filter__row .filter__subline .filter__date-from, .filter .filter__row .filter__subline .filter__date-to {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center
}

.filter .filter__row .filter__subline .filter__date-from .filter__input, .filter .filter__row .filter__subline .filter__date-to .filter__input {
    margin-top: 0
}

.filter .filter__row .filter__subline .filter__input {
    margin: 0 16px
}

.filter__top-line {
    font-weight: 500
}

.filter__top-line .filter__checkbox {
    display: none
}

.filter__top-line .filter__checkbox-label {
    margin-right: 40px;
    color: #3B4256;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filter__top-line .filter__checkbox-label.js-state-checked {
    color: #2F80ED
}

.filter__middle-line {
    padding-top: 32px;
    padding-bottom: 24px
}

.filter__bottom-line .filter__subline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px
}

.filter__bottom-line .filter__subline .filter__label {
    margin-bottom: 0
}

.filter__bottom-line .filter__subline .filter__date-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.filter__bottom-line .filter__subline .button {
    font-family: 'GOST UI2', sans-serif;
    font-size: 14px
}

.filter__bottom-line .filter__subline .button:last-child {
    margin-left: 32px
}

.filter__bottom-line .filter__input {
    width: 256px;
    margin: 0 16px
}

.filter__bottom-line .filter__input unstyled::-webkit-inner-spin-button, .filter__bottom-line .filter__input .unstyled::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .filter .filter__label {
        font-size: 14px;
        line-height: 18px
    }

    .filter .filter__input {
        min-width: 150px
    }

    .filter .filter__top-line .filter__checkbox-label {
        margin-right: 20px;
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 20px
    }

    .filter .filter__subline {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .filter .filter__subline .filter__btns-wrap {
        margin-top: 24px;
        width: 100%;
        text-align: right
    }

    .filter .filter__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .filter .filter__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filter .filter__date-to {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (max-width: 767px) {
    .filter .filter__date-from {
        width: 100%;
        margin-right: 0
    }

    .filter .filter__date-from .filter__input {
        margin-left: 25px !important
    }

    .filter .filter__date-to {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 15px;
        width: 100%
    }

    .filter .filter__checkbox-label {
        display: inline-block;
        margin-bottom: 10px;
        margin-right: 30px
    }

    .filter .filter__btns-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .filter .filter__btns-wrap .button {
        margin-left: 0;
        margin-bottom: 15px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.gallery {
    padding-bottom: 80px
}

.gallery .gallery__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .gallery .gallery__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.gallery .gallery__tab-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__tab-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.gallery .gallery__media-item {
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__media-item {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .gallery .gallery__media-item {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 1023px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 1023px) and (min-width: 1024px) {
    .gallery .gallery__media-item {
        width: 50%
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 767px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1280px) and (max-width: 1439px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1440px) and (max-width: 1023px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

@media screen and (max-width: 767px) and (min-width: 1024px) {
    .gallery .gallery__media-item {
        width: 100%
    }
}

.gallery .gallery__big-imgs {
    display: none
}

.gallery [data-tab] {
    display: none
}

.gallery [data-tab].js-tab-active {
    display: block
}

.gallery .media-item .media-item__play-btn {
    top: calc(50% - 40px)
}

.gallery .vgs__container {
    height: 80vh;
    background-color: transparent
}

@media screen and (max-width: 1023px) {
    .gallery .vgs__container {
        width: 80%
    }
}

@media screen and (max-width: 767px) {
    .gallery .vgs__container {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 80%;
        margin-top: 0
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-1 {
        width: 8.33333%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-2 {
        width: 16.66667%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-3 {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-3 {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-3 {
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-3 {
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-3 {
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-3 {
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-4 {
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-5 {
        width: 41.66667%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-6 {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-7 {
        width: 58.33333%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-8 {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-9 {
        width: 75%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-10 {
        width: 83.33333%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-11 {
        width: 91.66667%
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .hyperlink-card.hyperlink-card_size-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

.hyperlink-card .hyperlink-card__wrapper {
    position: relative;
    padding: 32px;
    background-color: #fff;
    border-radius: 2px;
    margin-bottom: 0px;
    height:100%;
}

.hyperlink-card .hyperlink-card__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.hyperlink-card .hyperlink-card__title {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    line-height: 14px;
    font-weight: 400;
    color: #000
}

.hyperlink-card .hyperlink-card__icon {
    width: 100%;
    max-width: 48px;
    margin-right: 16px
}

.hyperlink-card .hyperlink-card__arrow {
    position: absolute;
    top: 15px;
    right: 15px;
    max-height: 12px;
    max-width: 12px;
    color: #C7CCD1
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .hyperlink-card .hyperlink-card__wrapper {
        padding: 22px 22px 25px;
        margin-bottom: 16px
    }

    .hyperlink-card .hyperlink-card__icon {
        max-width: 32px
    }

    .hyperlink-card .hyperlink-card__arrow {
        max-height: 8px;
        max-width: 8px
    }

    .hyperlink-card .hyperlink-card__title {
        font-size: 14px;
        line-height: 18px
    }

    .hyperlink-card.hyperlink-card_size-4 {
        height: calc(100% - 16px);
    }
}

@media screen and (max-width: 767px) {
    .hyperlink-card {
        position: relative;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        overflow: hidden
    }

    .hyperlink-card .hyperlink-card__wrapper {
        padding: 24px 38px 24px 16px
    }

    .hyperlink-card .hyperlink-card__icon {
        margin-right: 12px
    }

    .hyperlink-card.hyperlink-card_size-4 {
        width: 100%
    }
}

.infographics {
    padding-top: 40px;
    padding-bottom: 80px;
    font-family: 'GOST UI2', sans-serif
}

.infographics .infographics__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .infographics .infographics__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .infographics .infographics__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.infographics .infographics__top-line {
    margin-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .infographics .infographics__top-line {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (max-width: 767px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .infographics .infographics__top-line {
        padding-left: 16px;
        padding-right: 16px
    }
}

.infographics .infographics__block {
    height: 177px;
    background-color: #F4F7FB;
    border: 1px solid #DDE1E6;
    border-left-color: transparent;
    cursor: pointer;
    background-repeat: no-repeat
}

@media screen and (max-width: 767px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .infographics .infographics__block {
        width: 33.33333%
    }
}

.infographics .infographics__block:first-child {
    border-left-color: #DDE1E6;
    background-image: url("/images/infographics/1.svg");
    background-position: 100% 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.infographics .infographics__block:nth-child(2) {
    background-image: url("/images/infographics/2.svg");
    background-position: calc(100% - 32px) 0
}

.infographics .infographics__block:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-image: url("/images/infographics/3-1.svg"), url("/images/infographics/3-2.svg");
    background-position: 0 calc(100% - 6px), calc(100% - 13px) top
}

.infographics .infographics__block.state_active {
    background-color: #fff;
    border-bottom: 4px solid #2F80ED
}

.infographics .infographics__block-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 32px 35px 32px 32px
}

.infographics .infographics__block-title {
    font-size: 16px;
    font-weight: 400;
    color: #848E99
}

.infographics .infographics__block-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.infographics .infographics__block-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'SF UI Display', sans-serif;
    color: #3B4256;
    font-weight: 900
}

.infographics .infographics__block-number {
    font-size: 48px;
    margin-right: 12px
}

.infographics .infographics__block-word {
    font-size: 18px
}

.infographics .infographics__block-state-arrow {
    width: 16px;
    height: 16px
}

.infographics .infographics__block-state-arrow_up {
    color: #6FBD15
}

.infographics .infographics__block-state-arrow_down {
    color: #E53935
}

.infographics .infographics__block * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.infographics .infographics__graph {
    display: none
}

.infographics .infographics__graph.state_visible {
    display: block
}

@media screen and (min-width: 768px) {
    .infographics .infographics__graph {
        max-width: 100%
    }
}

@media screen and (max-width: 767px) {
    .infographics {
        padding-bottom: 40px
    }

    .infographics .infographics__block {
        width: 100%;
        margin-bottom: 20px
    }

    .infographics .infographics__graph {
        overflow-x: auto
    }
}

.main-logo {
    color: currentColor
}

.main-logo.show-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-logo.show-name .main-logo__icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

.main-logo.show-name .main-logo__title {
    font-family: 'SF UI Display', sans-serif;
    font-weight: 700;
    line-height: 21px
}

.main-logo.show-name .main-logo__subtitle {
    font-family: 'GOST UI2', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px
}

.main-logo__icon {
    width: 64px;
    height: 59px
}

.main-logo__name .main-logo__title {
    font-family: 'SF UI Display', sans-serif;
    display: block;
    letter-spacing: 1.1px;
    line-height: 1.2
}

.main-logo__name .main-logo__subtitle {
    display: block;
    line-height: 1.25
}

.main-logo_column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.main-logo_column .main-logo__icon {
    margin-bottom: 28px
}

.main-logo_column .main-logo__title {
    font-size: 24px;
    margin-bottom: 10px
}

.main-logo_column .main-logo__subtitle {
    font-size: 19px;
    color: #DDE1E6
}

.main-logo__mob-name {
    display: none
}

.main-logo.footer__logo .main-logo__mob-name {
    display: none
}

.main-logo.footer__logo .main-logo__icon {
    margin-bottom: 13px
}

.main-logo.footer__logo .main-logo__title {
    font-size: 24px;
    line-height: 29px
}

.main-logo.footer__logo .main-logo__subtitle {
    font-size: 16px;
    line-height: 20px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .main-logo .main-logo__icon {
        width: 45px;
        height: 42px
    }

    .main-logo.show-name .main-logo__title {
        font-size: 17px;
        line-height: 20px
    }

    .main-logo_column .main-logo__icon {
        margin-bottom: 18px
    }

    .main-logo.footer__logo .main-logo__title {
        font-size: 17px;
        line-height: 20px
    }

    .main-logo.footer__logo .main-logo__subtitle {
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (max-width: 767px) {
    .main-logo.navbar__logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .main-logo .main-logo__mob-name {
        display: block
    }

    .main-logo .main-logo__mob-name .main-logo__title {
        display: block;
        font-family: 'SF UI Display', sans-serif;
        font-size: 15px;
        line-height: 17px;
        font-weight: 900;
        margin-bottom: 5px
    }

    .main-logo .main-logo__mob-name .main-logo__subtitle {
        display: block;
        font-family: 'GOST UI2', sans-serif;
        font-size: 6pt;
        line-height: 8px;
        font-weight: 400
    }

    .main-logo .main-logo__icon {
        margin-right: 16px;
        width: 34px;
        height: 31px
    }

    .main-logo.footer__logo .main-logo__title {
        font-size: 20px;
        line-height: 24px
    }

    .main-logo.footer__logo .main-logo__subtitle {
        font-size: 12px;
        line-height: 15px
    }
}

.map-tooltip {
    position: absolute;
    z-index: 0;
    font-family: 'GOST UI2', sans-serif;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #3B4256;
    padding: 10px;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3)
}

@media screen and (max-width: 767px) {
    .map-tooltip {
        display: none
    }
}

.media-item {
    display: block;
    position: relative
}

.media-item__video {
    position: relative;
    width: 100%;
    border-radius: 2px
}

.media-item__video:hover + .media-item__play-btn.js-hover-visible {
    opacity: 1
}

@media print {
    .media-item__video {
        display: none
    }
}

.media-item .media-item__text {
    margin-top: 10px;
    font-size: 18px;
    line-height: 23px;
    color: #3B4256
}

.media-item .media-item__play-btn {
    display: block;
    height: 36px;
    width: 22px;
    position: absolute;
    top: calc(50% - 18px);
    left: calc(50% - 11px);
    cursor: pointer;
    z-index: 2;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.media-item .media-item__play-btn[src$="pause-btn.svg"] {
    width: 36px;
    left: calc(50% - 18px)
}

.media-item .media-item__play-btn.js-hover-visible {
    opacity: 0
}

.media-item .media-item__play-btn.js-hover-visible:hover {
    opacity: 1
}

.media-item__img {
    max-width: 100%;
    border-radius: 2px
}

.media-item .media-item__data-panel {
    font-family: 'GOST UI2', sans-serif;
    font-weight: 500;
    color: #F4F7FB;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 48px;
    padding-left: 32px
}

.media-item .media-item__data-panel.js-hidden {
    display: none
}

.media-item .media-item__data-panel .media-item__date {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 12px
}

.media-item .media-item__data-panel .media-item__title {
    font-size: 20px;
    line-height: 26px
}

@media print {
    .media-item .media-item__data-panel {
        display: none
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .media-item .media-item__data-panel {
        padding-bottom: 32px
    }

    .media-item .media-item__data-panel .media-item__date {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 8px
    }

    .media-item .media-item__data-panel .media-item__title {
        font-size: 14px;
        line-height: 18px
    }
}

.news-feed__wrapper {
    margin: 0 auto;
    max-width: 1152px
}

@media screen and (max-width: 1023px) {
    .news-feed__wrapper {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .news-feed__wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.news-feed__news-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (min-width: 1024px) {
    .news-feed__news-wrapper {
        margin-left: -16px;
        margin-right: -16px
    }
}

.news-feed .news-item__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.news-feed .news-item__title {
    display: block;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 100px;
    margin-top: 18px;
    margin-bottom: 14px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .news-feed .news-item__title {
        height: 100%;
        max-height: 110px
    }
}

.news-feed .news-item__date {
    display: block;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.news-feed .button_link {
    color: #2F80ED
}

.news-selector {
    margin-top: 40px
}

.news-selector .news-selector__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.news-selector .news-selector__prev-wrap, .news-selector .news-selector__next-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-selector .news-selector__next-wrap {
    margin-left: auto
}

.news-selector .news-selector__list {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.news-selector .news-selector__prev-btn, .news-selector .news-selector__next-btn {
    height: 48px;
    width: 48px;
    background-color: #F6F7F8;
    color: #848E99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.news-selector .news-selector__prev-btn .news-selector__icon, .news-selector .news-selector__next-btn .news-selector__icon {
    color: #848E99;
    height: 12px;
    width: 7px
}

.news-selector .news-selector__prev-btn {
    margin-right: 16px
}

.news-selector .news-selector__next-btn {
    margin-left: 16px
}

.news-selector .news-selector__text {
    color: #3B4256
}

@media screen and (max-width: 767px) {
    .news-selector .news-selector__text {
        display: none
    }
}

@media print {
    .news-selector {
        display: none
    }
}

.notification {
    display: none;
    width: 529px;
    max-width: 100vw;
    margin-bottom: 24px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25)
}

.notification .notification__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 10px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: -webkit-gradient(linear, left top, left bottom, from(#F2C94C), color-stop(53.12%, #FFDE78), color-stop(99.98%, #F2C94C), color-stop(99.99%, #EB5757), color-stop(100%, rgba(196, 196, 196, 0)), to(#F2C94C));
    background: -o-linear-gradient(top, #F2C94C 0%, #FFDE78 53.12%, #F2C94C 99.98%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #F2C94C 100%);
    background: linear-gradient(180deg, #F2C94C 0%, #FFDE78 53.12%, #F2C94C 99.98%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #F2C94C 100%)
}

.notification .notification__info {
    width: 100%;
    position: relative;
    padding: 15px 20px 15px 40px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.6)), to(rgba(255, 255, 255, 0.6))), -webkit-gradient(linear, right top, left top, from(#F0F0F0), to(#E6E6E6));
    background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), -o-linear-gradient(right, #F0F0F0 0%, #E6E6E6 100%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), linear-gradient(270deg, #F0F0F0 0%, #E6E6E6 100%);
    opacity: 0.95;
    font-size: 12px;
    line-height: 15px
}

.notification .notification__title {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #e5ac00;
    margin-bottom: 5px
}

.notification .notification__text {
    color: #3B4256;
    padding-right: 25px;
    margin-bottom: 5px
}

.notification .notification__source {
    color: rgba(96, 102, 118, 0.7);
    font-weight: 400;
    margin-bottom: 5px
}

.notification .notification__time {
    color: rgba(96, 102, 118, 0.7);
    font-weight: 400
}

.notification .notification__bottom-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.notification .notification__link {
    font-size: 10px;
    line-height: 13px;
    color: #2F80ED
}

.notification .notification__sign {
    width: 68px;
    height: 68px
}

.notification .notification__close-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    height: 15px;
    width: 15px;
    color: #3B4256;
    opacity: .7;
    cursor: pointer
}

.notification.js_visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.notification_emergence .notification__title {
    color: #E53935
}

.notification_emergence .notification__label {
    width: 80px;
    background: -webkit-gradient(linear, left top, left bottom, from(#EB5757), color-stop(53.12%, #FF6442), color-stop(99.99%, #EB5757), color-stop(100%, rgba(196, 196, 196, 0)), to(#EB5757));
    background: -o-linear-gradient(top, #EB5757 0%, #FF6442 53.12%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #EB5757 100%);
    background: linear-gradient(180deg, #EB5757 0%, #FF6442 53.12%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #EB5757 100%)
}

.notification_warning .notification__title {
    color: #2CB25E
}

.notification_warning .notification__label {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 177, 95, 0.5)), to(rgba(43, 177, 95, 0.5))), -webkit-gradient(linear, left top, left bottom, from(#27AE60), color-stop(53.13%, #95F24C), color-stop(99.98%, #27AE60), color-stop(99.99%, #EB5757), color-stop(100%, rgba(196, 196, 196, 0)), color-stop(100%, #27AE60), to(#27AE60));
    background: -o-linear-gradient(bottom, rgba(43, 177, 95, 0.5), rgba(43, 177, 95, 0.5)), -o-linear-gradient(top, #27AE60 0%, #95F24C 53.13%, #27AE60 99.98%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #27AE60 100%, #27AE60 100%);
    background: linear-gradient(0deg, rgba(43, 177, 95, 0.5), rgba(43, 177, 95, 0.5)), linear-gradient(180deg, #27AE60 0%, #95F24C 53.13%, #27AE60 99.98%, #EB5757 99.99%, rgba(196, 196, 196, 0) 100%, #27AE60 100%, #27AE60 100%)
}

.pagination {
    width: 100%;
    height: 48px;
    background-color: #F4F7FB;
    padding: 0 36px
}

.pagination_hidden {
    display: none
}

.pagination .pagination__wrapper {
    font-family: 'Roboto', sans-serif
}

.pagination .pagination__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pagination .pagination__numbers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.pagination .pagination__number {
    display: block;
    height: 100%;
    width: 32px;
    margin-right: 15px;
    text-align: center;
    padding: 14px 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    color: #3B4256;
    position: relative;
    font-size: 16px
}

.pagination .pagination__number_active:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background-color: #2F80ED;
    position: absolute;
    bottom: 2px;
    left: 0
}

.pagination .pagination__left-arrow, .pagination .pagination__right-arrow {
    height: 100%
}

.pagination .pagination__arrow-icon {
    height: 13px;
    width: 8px;
    color: #848E99
}

@media screen and (max-width: 767px) {
    .pagination .pagination__wrapper {
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-line-pack: center;
        align-content: center
    }

    .pagination .pagination__inner {
        width: 100%
    }

    .pagination .pagination__left-arrow, .pagination .pagination__right-arrow {
        height: unset
    }

    .pagination .pagination__number {
        font-size: 12px;
        line-height: 15px;
        height: 22px;
        margin-right: 0
    }

    .pagination .pagination__number_state_mob-hidden {
        display: none
    }
}

.pattern {
    pointer-events: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    min-height: 279px;
    opacity: .1;
    z-index: 0
}

.pattern svg {
    width: auto;
    height: 100%
}

.pattern_left {
    left: 0
}

.pattern_right {
    left: unset;
    right: 0;
    overflow: clip;
}

.pattern_top {
    top: 0;
    bottom: unset
}

.pattern_bottom {
    bottom: 0;
    top: unset
}

.pattern_footer.pattern_left {
    max-height: 251px
}

@media screen and (max-width: 767px) {
    .pattern {
        height: 0;
        width: 0;
        overflow: hidden
    }
}

.right-menu {
    font-family: 'GOST UI2', sans-serif;
    -webkit-box-sizing: initial;
    box-sizing: initial;
    width: 256px;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    margin-top: 42px;
    border-left: 2px solid #dde4ef;
    padding-left: 32px;
    margin-left: 20px;
    padding-bottom: .5em
}

.right-menu .right-menu__item {
    display: block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: .5em;
    font-weight: 400;
    color: #3B4256
}

.right-menu .right-menu__item_active {
    font-weight: 500
}

.search-form {
    position: relative
}

.search-form .search-form__input {
    width: 100%;
    height: 68px;
    padding: 24px 88px 24px 24px;
    background-color: #fff;
    border: 1px solid #EDEDED;
    border-radius: 2px;
    color: #848E99;
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    font-family: 'GOST UI2', sans-serif
}

.search-form .search-form__btn {
    position: absolute;
    top: 0;
    right: 24px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-form .search-form__btn .button {
    width: 140px;
    height: 40px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 13px
}

.search-form_theme-black-squeeze .search-form__input {
    background-color: #F4F7FB
}

.search-results-item {
    font-family: 'GOST UI2', sans-serif;
    margin-bottom: 34px
}

.search-results-item .search-results-item__top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 20px
}

.search-results-item .search-results-item__date {
    font-size: 14px;
    line-height: 18px;
    color: #848E99;
    font-weight: 400
}

.search-results-item .search-results-item__type {
    color: #2F80ED;
    font-weight: 400
}

.search-results-item .search-results-item__title-wrap {
    display: block;
    margin-bottom: 16px
}

.search-results-item .search-results-item__title-wrap .search-results-item__title {
    display: block;
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    font-weight: 500;
    margin-bottom: 10px
}

.search-results-item .search-results-item__title-wrap .search-results-item__description {
    display: block;
    font-weight: 400
}

.search-results-item .search-results-item__title-wrap .search-results-item__description .searched {
    color: #2F80ED
}

@media screen and (max-width: 767px) {
    .search-results-item {
        margin-bottom: 12px
    }

    .search-results-item .search-results-item__title-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .search-results-item .search-results-item__title-wrap .search-results-item__date {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin-left: 0;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 18px
    }

    .search-results-item .search-results-item__title-wrap .search-results-item__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        font-size: 14px;
        line-height: 18px
    }
}

.service-card {
    font-family: 'GOST UI2', sans-serif;
    width: 100%;
    margin-top: 32px
}

.service-card_w-25p {
    width: 25%
}

.service-card_w-50p {
    width: 50%
}

.service-card_w-100p {
    width: 100%
}

.service-card .service-card__wrapper {
    display: block;
    padding: 18px 32px 22px 32px;
    border: 1px solid rgba(0, 52, 126, 0.5);
    border-radius: 6px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.25)
}

.service-card .service-card__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    overflow: hidden
}

.service-card .service-card__icon-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    margin-right: 24px
}

.service-card .service-card__icon-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #00347E;
    -webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.05);
    box-shadow: 0 0 4px rgba(255, 255, 255, 0.05);
    height: 54px;
    width: 54px
}

.service-card .service-card__icon {
    max-width: 24px;
    max-height: 24px
}

.service-card .service-card__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    overflow-wrap: break-word
}

.service-card .service-card__title {
    font-size: 18px;
    line-height: 23px;
    color: #3B4256;
    font-weight: 500;
    display: block
}

.service-card .service-card__description {
    font-size: 12px;
    line-height: 15px;
    color: #848E99;
    overflow-wrap: break-word;
    word-break: break-word
}

.service-card_bg-white .service-card__wrapper {
    background: #fff
}

.service-card_no-border .service-card__wrapper {
    background-color: #fff;
    border: none
}

@media screen and (max-width: 767px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-1 {
        width: 8.33333%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-1 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-2 {
        width: 16.66667%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-2 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-3 {
        width: 25%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-3 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-4 {
        width: 33.33333%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-4 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-5 {
        width: 41.66667%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-5 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-6 {
        width: 50%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-6 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-7 {
        width: 58.33333%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-7 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-8 {
        width: 66.66667%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-8 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-9 {
        width: 75%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-9 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-10 {
        width: 83.33333%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-10 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-11 {
        width: 91.66667%
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .service-card_col-11 {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .service-card .service-card__wrapper {
        padding: 10px 16px 12px 16px
    }

    .service-card .service-card__title {
        font-size: 14px;
        line-height: 18px
    }

    .service-card .service-card__description {
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (max-width: 767px) {
    .service-card {
        margin-top: 12px
    }

    .service-card:first-child {
        margin-top: 25px
    }

    .service-card .service-card__wrapper {
        padding: 16px
    }

    .service-card .service-card__title {
        font-size: 14px;
        line-height: 18px
    }

    .service-card .service-card__description {
        font-size: 12px;
        line-height: 15px
    }
}

@media screen and (max-width: 767px) {
    .service-card_col-6 {
        width: 100%
    }

    .service-card .service-card__wrapper {
        height: auto;
        -webkit-box-shadow: 0px 0px 12px rgba(151, 164, 177, 0.5);
        box-shadow: 0px 0px 12px rgba(151, 164, 177, 0.5)
    }

    .service-card .service-card__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .service-card .service-card__title {
        margin-bottom: 10px
    }

    .service-card .service-card__icon-wrapper {
        margin-right: 0;
        margin-bottom: 15px
    }
}

.glide {
    position: relative;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.glide * {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.glide__track {
    overflow: hidden
}

.glide__slides {
    position: relative;
    width: 100%;
    list-style: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -ms-touch-action: pan-Y;
    touch-action: pan-Y;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    will-change: transform
}

.glide__slides--dragging {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.glide__slide {
    width: 100%;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.glide__slide a {
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -moz-user-select: none;
    -ms-user-select: none
}

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

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

.glide--rtl {
    direction: rtl
}

.service-cards-top {
    font-family: 'GOST UI2', sans-serif
}

.service-cards-top .search-form {
    margin-bottom: 80px
}

.service-cards-top .service-cards-top__slide {
    font-family: 'GOST UI2', sans-serif;
    color: #F4F7FB
}

.service-cards-top .service-cards-top__link {
    display: block;
    color: #fff
}

.service-cards-top .service-cards-top__slide-title {
    font-size: 24px;
    line-height: 31px;
    text-wrap: normal
}

.service-cards-top .service-cards-top__slide-text {
    font-size: 14px;
    line-height: 18px
}

.service-cards-top .glide__bullets {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 75px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.service-cards-top .glide__bullet {
    background-color: #fff;
    opacity: .2;
    width: 24px;
    height: 4px;
    margin-right: 12px;
    cursor: pointer
}

.service-cards-top .glide__bullet:nth-child(2n) {
    display: none
}

.service-cards-top .glide__bullet--active {
    opacity: 1
}

@media screen and (max-width: 767px) {
    .service-cards-top .service-cards-top__slide-title {
        font-size: 16px;
        line-height: 20px
    }

    .service-cards-top .service-cards-top__slide-text {
        font-size: 12px;
        line-height: 15px
    }
}

.share-bar {
    margin-top: 43px
}

.share-bar .share-bar__wrapper {
    height: 43px
}

.share-bar .share-bar__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.share-bar .share-bar__icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.share-bar .share-bar__link {
    height: 43px;
    border-right: 1px solid #848E99;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 0 57px
}

.share-bar .share-bar__link:first-child {
    padding-left: 0
}

.share-bar .share-bar__link:last-child {
    padding-right: 0;
    border-right: none
}

.share-bar .share-bar__icon {
    display: block;
    min-height: 14px;
    max-height: 24px;
    max-width: 24px;
    color: #3B4256
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .share-bar .share-bar__link {
        padding: 0 35px
    }
}

@media screen and (max-width: 767px) {
    .share-bar {
        margin-top: 30px
    }

    .share-bar .share-bar__icons {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .share-bar .share-bar__link {
        padding: 0;
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .share-bar .share-bar__link:last-child {
        display: none
    }

    .share-bar .share-bar__link:nth-last-child(2) {
        padding-right: 0;
        border-right: none
    }

    .share-bar .share-bar__inner .button {
        display: none
    }
}

@media print {
    .share-bar {
        display: none
    }
}

.swiper {
    margin-bottom: 32px
}

.swiper__container {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.swiper__container .swiper__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center
}

.swiper__container .swiper__wrapper .swiper__slide {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper__container .swiper__wrapper .swiper__slide a {
    display: block
}

.swiper__container .swiper__wrapper .swiper__slide img {
    max-width: 100%
}

.swiper__container .swiper__wrapper .swiper__slide:hover .swiper__play-btn.js-hover-visible {
    opacity: 1
}

.swiper__container .swiper__wrapper .swiper__slide .swiper__play-btn {
    position: absolute;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out
}

.swiper__container .swiper__wrapper .swiper__slide .swiper__play-btn.js-hover-visible {
    opacity: 0
}

.swiper__container .swiper__wrapper .swiper__slide .swiper__play-btn.js-hover-visible:hover {
    opacity: 1
}

.swiper .swiper__video {
    max-width: 100%
}

.swiper .swiper-pagination {
    margin-top: 32px;
    text-align: center
}

.swiper .swiper-pagination .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-block;
    background: #848E99
}

.swiper .swiper-pagination .swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px
}

.swiper .swiper-pagination .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    cursor: pointer
}

.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
}

.swiper .swiper__swiper-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    bottom: -18px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.swiper .swiper__swiper-controls .swiper__left-btn, .swiper .swiper__swiper-controls .swiper__gallery-btn, .swiper .swiper__swiper-controls .swiper__right-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    width: 36px;
    margin-right: 40px;
    background-color: #fff;
    border: 1px solid #2F80ED;
    border-radius: 2px;
    padding: 4px;
    cursor: pointer
}

.swiper .swiper__swiper-controls .swiper__left-btn .swiper__icon, .swiper .swiper__swiper-controls .swiper__gallery-btn .swiper__icon, .swiper .swiper__swiper-controls .swiper__right-btn .swiper__icon {
    height: 11px
}

.swiper .swiper__swiper-controls .swiper__gallery-btn.js-active .gallery-open-btn {
    display: none
}

.swiper .swiper__swiper-controls .swiper__gallery-btn.js-active .gallery-hide-btn {
    display: inline
}

.swiper .swiper__swiper-controls .swiper__gallery-btn .gallery-open-btn {
    display: inline
}

.swiper .swiper__swiper-controls .swiper__gallery-btn .gallery-hide-btn {
    display: none;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.swiper .swiper__swiper-controls .swiper__gallery-btn icon {
    height: 9px
}

.swiper .swiper__swiper-controls .swiper__right-btn {
    margin-right: 0
}

.swiper .swiper__thumbs-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    overflow: hidden;
    left: 0;
    bottom: 0;
    height: 170px;
    height: 0;
    -webkit-transition: height .125s linear;
    -o-transition: height .125s linear;
    transition: height .125s linear;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7)
}

.swiper .swiper__thumbs-container.js-active {
    height: 170px
}

.swiper .swiper__thumbs-container .gallery-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 25px 25px 50px;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.swiper .swiper__thumbs-container .swiper-slide {
    display: block;
    height: 100%;
    margin-right: 25px;
    cursor: pointer
}

.swiper .swiper__thumbs-container .swiper-slide img {
    max-height: 100%
}

.swiper_with-gallery {
    position: relative
}

.swiper_with-gallery .swiper__swiper-pagination {
    display: none
}

@media screen and (max-width: 767px) {
    .swiper .swiper__swiper-controls {
        display: none
    }
}

.structure-block {
    font-family: 'GOST UI2', sans-serif;
    padding-top: 32px;
    border-radius: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
    padding-left: 30px
}

.structure-block.state_js-hidden {
    display: none
}

.structure-block.state_js-visible {
    display: block
}

.structure-block .structure-block__wrapper {
    padding: 30px;
    padding-right: 72px;
    background-color: #e1e9f4;
    border-radius: 2px;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 130px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.structure-block .structure-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.structure-block .structure-block__photo {
    height: 70px;
    border-radius: 50%;
    margin-right: 24px
}

.structure-block .structure-block__info {
    font-size: 24px;
    line-height: 31px
}

.structure-block .structure-block__position {
    color: #000;
    font-weight: 500;
    margin-bottom: 8px;
    display: block
}

.structure-block .structure-block__name {
    color: #3B4256;
    font-weight: 400;
    display: block
}

.structure-block .structure-block__arrow-up, .structure-block .structure-block__arrow-down {
    width: 19px;
    height: 11px;
    color: #848E99;
    position: absolute;
    top: calc(50% - 5px);
    right: 28px;
    cursor: pointer;
    display: none
}

.structure-block .structure-block__arrow-up.js-state-visible, .structure-block .structure-block__arrow-down.js-state-visible {
    display: block
}

.structure-block .structure-block__spoiler {
    max-height: 0;
    overflow-y: hidden;
    overflow-x: visible;
    margin-left: 60px;
    position: relative;
    -webkit-transition: max-height .5s ease-in-out;
    -o-transition: max-height .5s ease-in-out;
    transition: max-height .5s ease-in-out
}

.structure-block .structure-block__spoiler.js-state-opened {
    max-height: 9999px
}

.structure-block .structure-block__spoiler .structure-block__wrapper {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 90px;
    padding: 16px 54px 16px 30px
}

.structure-block .structure-block__spoiler .structure-block__info {
    overflow-y: hidden
}

.structure-block .structure-block__spoiler .structure-block__photo {
    height: 60px;
    width: 60px
}

.structure-block .structure-block__spoiler .structure-block__position {
    font-size: 18px;
    line-height: 23px;
    font-weight: 400;
    color: #3B4256
}

.structure-block .structure-block__spoiler .structure-block__name {
    font-size: 16px;
    line-height: 20px
}

.structure-block .structure-block__spoiler .structure-block {
    border-left: 1px solid #CDDEF5;
    position: relative
}

.structure-block .structure-block__spoiler .structure-block:after {
    content: '';
    border-top: 1px solid #CDDEF5;
    display: block;
    height: 45px;
    width: 45px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0
}

.structure-block .structure-block__spoiler .structure-block:last-child:after {
    bottom: 0;
    border-top: 1px solid #CDDEF5;
    background-color: white;
    left: -1px
}

.structure-block .structure-block__spoiler .structure-block.js-state-opened:after {
    top: 77px;
    bottom: 100%;
    height: 9999px;
    border-top: 1px solid #CDDEF5
}

@media screen and (max-width: 767px) {
    .structure-block {
        padding-left: 12px;
        padding-top: 12px
    }

    .structure-block .structure-block__photo {
        display: none
    }

    .structure-block .structure-block__wrapper {
        padding: 12px 30px 12px 16px;
        height: 70px
    }

    .structure-block .structure-block__info {
        font-size: 12px;
        line-height: 15px
    }

    .structure-block .structure-block__position {
        margin-bottom: 4px
    }

    .structure-block .structure-block__arrow-down.js-state-visible, .structure-block .structure-block__arrow-up.js-state-visible {
        width: 11px;
        right: 16px
    }

    .structure-block .structure-block__spoiler {
        margin-left: 10px
    }

    .structure-block .structure-block__spoiler .structure-block__wrapper {
        padding: 12px 37px 12px 16px
    }

    .structure-block .structure-block__spoiler .structure-block__position {
        font-size: 12px;
        line-height: 15px
    }

    .structure-block .structure-block__spoiler .structure-block__name {
        font-size: 10px;
        line-height: 13px
    }
}

.tabs-control-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 28px
}

.tabs-control-header_no-filter .tabs-control-header__item:last-child {
    margin-right: 0
}

.tabs-control-header svg, .tabs-control-header use {
    pointer-events: none
}

.tabs-control-header .tabs-control-header__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.tabs-control-header .tabs-control-header__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.tabs-control-header .tabs-control-header__title {
    font-size: 32px;
    color: #3B4256
}

.tabs-control-header .tabs-control-header__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.tabs-control-header .tabs-control-header__list-other {
    display: none;
    position: absolute;
    z-index: 1;
    top: 100%;
    right: 0;
    list-style: none;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    min-width: 100px;
    background-color: #EFF4F8;
    color: #002B68;
    border-top: 4px solid #002B68;
    padding: 10px 10px
}

.tabs-control-header .tabs-control-header__list-other_menu .tabs-control-header__item_active:after {
    content: none
}

.tabs-control-header .tabs-control-header__list-other .tabs-control-header__item {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center
}

.tabs-control-header .tabs-control-header__list-other .tabs-control-header__item_active {
    border-bottom: none
}

.tabs-control-header .tabs-control-header__list-other .tabs-control-header__item .tabs-control-header__link {
    color: #3B4256;
    font-size: 14px
}

.tabs-control-header .tabs-control-header__list-other.js-state-visible {
    display: block
}

.tabs-control-header .tabs-control-header__list-other .tabs-control-header__item_active:after {
    border-bottom: none
}

.tabs-control-header .tabs-control-header__item, .tabs-control-header .tabs-control-header__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.tabs-control-header .tabs-control-header__item_active:after, .tabs-control-header .tabs-control-header__btn_active:after {
    content: '';
    width: 100%;
    height: 4px;
    position: absolute;
    bottom: -22px;
    left: 0
}

.tabs-control-header .tabs-control-header__item-dots, .tabs-control-header .tabs-control-header__btn-dots {
    height: 4px;
    width: 16px
}

.tabs-control-header .tabs-control-header__item_other, .tabs-control-header .tabs-control-header__btn_other {
    margin-right: 0
}

.tabs-control-header .tabs-control-header__btn {
    margin-right: 0
}

.tabs-control-header_theme-dark {
    color: #F4F7FB;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.tabs-control-header_theme-dark .tabs-control-header__title {
    color: #F4F7FB
}

.tabs-control-header_theme-dark .tabs-control-header__item {
    color: #F4F7FB;
    opacity: 0.7
}

.tabs-control-header_theme-dark .tabs-control-header__item_active {
    color: #F4F7FB;
    opacity: 1
}

.tabs-control-header_theme-dark .tabs-control-header__item_active:after {
    border-bottom: 4px solid #fff
}

.tabs-control-header .title {
    margin-bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .tabs-control-header {
        padding-bottom: 13px;
        margin-bottom: 32px
    }

    .tabs-control-header .tabs-control-header__item, .tabs-control-header .tabs-control-header__btn {
        font-size: 14px;
        line-height: 18px
    }

    .tabs-control-header .tabs-control-header__item_active:after, .tabs-control-header .tabs-control-header__btn_active:after {
        bottom: -14px
    }
}

@media screen and (max-width: 767px) {
    .tabs-control-header {
        margin-bottom: 20px;
        padding-bottom: 8px
    }

    .tabs-control-header .tabs-control-header__controls {
        display: none
    }
}

.tabs-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative
}

.tabs-control svg, .tabs-control use {
    pointer-events: none
}

.tabs-control .tabs-control__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.tabs-control .tabs-control__list-other {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    list-style: none;
    min-width: 100px;
    background-color: #EFF4F8;
    color: #002B68;
    border-top: 4px solid #002B68;
    padding: 10px 10px
}

.tabs-control .tabs-control__list-other .tabs-control__item {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center
}

.tabs-control .tabs-control__list-other .tabs-control__item_active {
    border-bottom: none
}

.tabs-control .tabs-control__list-other .tabs-control__item .tabs-control__link {
    color: #3B4256;
    font-size: 14px
}

.tabs-control .tabs-control__list-other_active {
    display: block
}

.tabs-control .tabs-control__list-other .tabs-control__item_active:after {
    border-bottom: none
}

.tabs-control .tabs-control__item, .tabs-control .tabs-control__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    font-size: 16px;
    color: #848E99;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.tabs-control .tabs-control__item_active, .tabs-control .tabs-control__btn_active {
    color: #3275A8
}

.tabs-control .tabs-control__item_active:after, .tabs-control .tabs-control__btn_active:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -22px;
    left: 0;
    border-bottom: 4px solid #3275A8
}

.tabs-control .tabs-control__item-dots, .tabs-control .tabs-control__btn-dots {
    height: 4px;
    width: 16px
}

.tabs-control .tabs-control__item_other, .tabs-control .tabs-control__btn_other {
    margin-right: 0
}

.tabs-control .tabs-control__btn {
    margin-right: 0
}

.tags {
    font-size: 20px
}

.tags .tags__title {
    color: #848E99
}

.tags .tags__item {
    color: #2A2C32
}

.tags .tags__item:hover {
    color: #595d69;
    -webkit-transition: color .15s linear;
    -o-transition: color .15s linear;
    transition: color .15s linear
}

.tags_without-title .tags__title {
    display: none
}

.territory-panel {
    max-height: 100%;
    width: 494px;
    padding: 24px;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 160px;
    left: 0;
    z-index: 1;
    background: #fff;
    overflow-y: auto;
    font-family: 'GOST UI2', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    color: #3B4256;
    display: none
}

.territory-panel.state_visible {
    display: block
}

.territory-panel .territory-panel__top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.territory-panel .territory-panel__logo {
    max-width: 50%;
    padding-right: 20px
}

.territory-panel .territory-panel__info {
    padding-top: 20px
}

.territory-panel .territory-panel__img {
    max-width: 100%
}

.territory-panel div[class$="-title"] {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    margin-top: 12px;
    margin-bottom: 8px
}

.territory-panel .territory-panel__title {
    color: #000;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    margin: 8px 0
}

.territory-panel .territory-panel__title-def {
    font-size: 16px;
    line-height: 20px
}

.territory-panel .territory-panel__website {
    color: #2F80ED;
    border-bottom: 1px solid currentColor
}

.territory-panel .territory-panel__close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 16px;
    height: 16px;
    color: #C7CCD1;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .territory-panel {
        max-width: calc(100vw - 32px)
    }
}

.title-tabs {
    margin: 0 auto;
    max-width: 1152px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 48px;
    padding-bottom: 20px;
    position: relative
}

@media screen and (max-width: 1023px) {
    .title-tabs {
        max-width: 826px
    }
}

@media screen and (max-width: 767px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 767px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1280px) and (max-width: 1439px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1440px) and (max-width: 1023px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

@media screen and (min-width: 1024px) {
    .title-tabs {
        padding-left: 16px;
        padding-right: 16px
    }
}

.title-tabs:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 2px;
    width: calc(100% - 32px);
    background-color: #EDEDED
}

.title-tabs .title-tabs__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.title-tabs .title-tabs__tab-link {
    margin-right: 20px;
    font-size: 16px;
    line-height: 20px;
    color: #848E99
}

.title-tabs .title-tabs__tab-link.state_active {
    color: #2F80ED;
    position: relative
}

.title-tabs .title-tabs__tab-link.state_active:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -20px;
    z-index: 1;
    left: 0;
    height: 4px;
    width: 100%;
    background-color: #2F80ED
}

.title-tabs .filter {
    position: absolute;
    left: 16px;
    width: calc(100% - 32px)
}

.title-tabs .filter.state_visible {
    display: block
}

.title-tabs svg, .title-tabs use {
    pointer-events: none
}

.title-tabs .title-tabs__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.title-tabs .title-tabs__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.title-tabs .title-tabs__title {
    font-size: 32px;
    color: #3B4256
}

.title-tabs .title-tabs__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.title-tabs .title-tabs__list-other {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    list-style: none;
    min-width: 100px;
    background-color: #EFF4F8;
    color: #002B68;
    border-top: 4px solid #002B68;
    padding: 10px 10px
}

.title-tabs .title-tabs__list-other .title-tabs__item {
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center
}

.title-tabs .title-tabs__list-other .title-tabs__item_active {
    border-bottom: none
}

.title-tabs .title-tabs__list-other .title-tabs__item .title-tabs__link {
    color: #3B4256;
    font-size: 14px
}

.title-tabs .title-tabs__list-other.js-state-visible {
    display: block
}

.title-tabs .title-tabs__list-other .title-tabs__item_active:after {
    border-bottom: none
}

.title-tabs .title-tabs__item, .title-tabs .title-tabs__btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    font-size: 16px;
    color: #848E99;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: none
}

.title-tabs .title-tabs__item_active, .title-tabs .title-tabs__btn_active {
    color: #3275A8
}

.title-tabs .title-tabs__item_active:after, .title-tabs .title-tabs__btn_active:after {
    content: '';
    width: 100%;
    position: absolute;
    bottom: -22px;
    left: 0;
    border-bottom: 4px solid #3275A8
}

.title-tabs .title-tabs__item-dots, .title-tabs .title-tabs__btn-dots {
    height: 4px;
    width: 16px
}

.title-tabs .title-tabs__item_other, .title-tabs .title-tabs__btn_other {
    margin-right: 0
}

.title-tabs .title-tabs__btn {
    margin-right: 0
}

.title-tabs_theme-dark {
    color: #F4F7FB;
    border-bottom: 2px solid rgba(255, 255, 255, 0.2)
}

.title-tabs_theme-dark .title-tabs__title {
    color: #F4F7FB
}

.title-tabs_theme-dark .title-tabs__item {
    color: #F4F7FB;
    opacity: 0.7
}

.title-tabs_theme-dark .title-tabs__item_active {
    color: #F4F7FB;
    opacity: 1
}

.title-tabs_theme-dark .title-tabs__item_active:after {
    border-bottom: 4px solid #fff
}

.title-tabs_no-border {
    padding-bottom: 0
}

.title-tabs_no-border:after {
    display: none
}

.title-tabs_no-dots .title-tabs__tab-link:last-child {
    margin-right: 0
}

.title-tabs_no-dots .title-tabs__filter {
    top: 170px
}

.title-tabs .title {
    margin-bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .title-tabs {
        padding-bottom: 13px;
        margin-bottom: 32px
    }

    .title-tabs .title-tabs__item, .title-tabs .title-tabs__btn {
        font-size: 14px;
        line-height: 18px
    }

    .title-tabs .title-tabs__item_active:after, .title-tabs .title-tabs__btn_active:after {
        bottom: -14px
    }

    .title-tabs .title-tabs__tab-link.state_active:after {
        bottom: -12px
    }
}

@media screen and (max-width: 767px) {
    .title-tabs {
        margin-bottom: 20px;
        padding-bottom: 8px
    }

    .title-tabs .title-tabs__tabs {
        display: none
    }
}

.title {
    font-family: 'SF UI Display', sans-serif;
    margin-bottom: 40px;
    font-size: 24px;
    color: #3B4256
}

.title_mt-40px {
    margin-top: 40px
}

.title_bordered {
    width: 100%;
    padding-bottom: 20px;
    position: relative
}

.title_bordered:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    height: 1px;
    width: 100%;
    background-color: #EDEDED
}

.title_theme-dark {
    color: #F4F7FB
}

.title_full-width {
    display: block;
    padding-top: 80px;
    width: 100%;
    margin-bottom: 40px
}

.title_half-width {
    width: 50%
}

.title_mb32 {
    margin-bottom: 32px
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .title {
        font-size: 24px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 767px) {
    .title {
        margin: 28px 0;
        font-size: 20px;
        line-height: 24px
    }
}

*, *::before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none
}

::-ms-clear {
    display: none
}

body {
    font-family: 'Gost UI2', sans-serif;
    font-weight: 500;
    letter-spacing: 0.2px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

body.main section:nth-child(2n+1) .structure .structure__search .ss-single-selected {
    display: none
}

body.main section:nth-child(2n) .structure .structure__search .ss-single-selected {
    display: none
}

body.main main.content {
    padding-top: 80px
}

@media print {
    body.main main.content {
        padding-top: 0
    }
}

@media screen and (max-width: 767px) {
    body.main main.content {
        padding-top: 0
    }
}

body.main main.content .tabs-control-header {
    padding-left: 0 !important;
    padding-right: 0 !important
}

body.main main.content .tabs-control-header__header {
    padding-bottom: 20px;
    border-bottom: 2px solid #EDEDED
}

body section:nth-child(2n+1).structure__search .ss-single-selected {
    background-color: #fff
}

body section:nth-child(2n+1).structure .structure-block__wrapper {
    background-color: #fff
}

body section:nth-child(2n+1).structure__head-info-wrapper {
    background-color: #fff
}

body section:nth-child(2n+1).structure__search {
    background-color: #fff
}

body section:nth-child(2n+1).structure__search .ss-single-selected {
    background-color: #fff
}

body.fixed {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    body {
        font-size: 15px
    }
}

@media screen and (max-width: 767px) {
    .fb33 {
        flex-basis: 100% !important;
        flex-wrap: wrap;
    }

    .fb66 {
        flex-basis: 100% !important;

    }

    .fb100 {
        flex-wrap: wrap !important;
    }

    body {
        overflow-x: hidden
    }
}

ul {
    list-style: none
}

a {
    text-decoration: none
}

h1 {
    margin-bottom: 1rem
}

h2 {
    margin-bottom: 1rem
}

p {
    margin-bottom: 1rem;
    font-weight: 400
}

p.align-right {
    text-align: right
}

p.align-center {
    text-align: center
}

.video-js.bitrix {
    width: 100%;
    height: 100%
}

.swiper__container .swiper__wrapper .swiper__slide a {
    display: block
}

.special-version-loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.special-version-loading:before {
    content: '';
    position: fixed;
    top: calc(50% + 80px);
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 1001;
    height: 200px;
    width: 200px;
    background-image: url("/images/loader.gif");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}

.special-version-loading:after {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5) !important;
    width: 100vw !important;
    height: 100vh !important;
    color: #fff;
    font-size: 3rem
}

@media print {
    img {
        max-width: 100%
    }

    section {
        padding-top: 20px !important;
        padding-bottom: 20px !important
    }

    .swiper__swiper-controls {
        display: none !important
    }

    .news-item.news-item_small.news__news-item {
        width: 33.33333%
    }
}

.fb33 {
    flex-basis: 33%;
}

.fb66 {
    flex-basis: 66%;
}

.fb100 {
    flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {
    .right-menu {


    }
}

@media screen and (max-width: 767px) {
    .content-with-right-menu {
        padding-left: 16px;
        padding-right: 16px;
        flex-direction: column-reverse;
    }
}

@media screen and (min-width: 767px) {
    .main-menu__list .main-menu__group:nth-child(1), .main-menu__list .main-menu__group:nth-child(2), .main-menu__list .main-menu__group:nth-child(3), .main-menu__list .main-menu__group:nth-child(4) {
        display: none;
    }
}

.news-detail-page table td {
    padding: revert-layer;