.preload {
    opacity: 0.9;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999
}

.loader {
    position: absolute;
    top: 50%;
    opacity: 1;
    left: calc(50% - 28px);
    width: 56px;
    height: 50px;
    /* margin: 50% auto; */
    perspective: 100px;
    perspective-origin: 50% 100%;
    transform-style: preserve-3d;
    transform: translateZ(-1px);
}

.loader-inner {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: 0% 100%;
}

.loader-inner:first-child {
    left: 0;
}

.loader-inner hr {
    margin: 3px 3px 6px;
}

.loader-inner.box {
    -webkit-animation: loading-1 3.6s infinite ease-in-out;
    animation: loading-1 3.6s infinite ease-in-out;
}

.loader-inner.box-1 {
    animation-delay: .2s;
}

.loader-inner.box-2 {
    animation-delay: .4s;
}

.loader-inner.box-3 {
    animation-delay: 0.6s;
}

.loader-inner.box-4 {
    animation-delay: 0.8s;
}

.loader-inner.box-5 {
    animation-delay: 1.8s;
}

.loader-inner.box-6 {
    animation-delay: 2.2s;
}

@-webkit-keyframes loading-1 {
    25%, 100% {
        transform: translateX(3px) rotateY(-180deg);
    }
}

@keyframes loading-1 {
    25%, 100% {
        transform: translateX(3px) rotateY(-180deg);
    }
}

img {
    max-width: 100%;
}

html, body, p {
    font-size: 15px;
}

body {
    min-width: 320px;
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    font-optical-sizing: auto;
    font-style: normal;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    color: var(--color-black);
    background-color: var(--color-body);
}

.sb-search,
body {
    -webkit-backface-visibility: hidden
}

.logo_mobile .jq-selectbox li,
.line1 .megaphones,
.line1 .megaphones *,
.social-top .btn,
.davai_obsudim_slider_slick .slick-arrow,
.foto_video_slider_main .slick-arrow,
.ss-grabbed,
.cocoen,
.noti_button,
.do-like,
.comment_mob_lite .pol_name,
.com_down_total,
.no_mod_nn .panel-default > .panel-heading,
.comment_mob_lite .panel-default > .panel-heading,
.notifications .noti_panel .footer a,
.in-top .notifications .noti_panel .header .noti-clear {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul > li {
    list-style: none
}

.hidden {
    display: none
}

dir,
menu,
p,
ul {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    margin: 0
}

a,
.anons-item-title,
.anons-box-item-title,
.plitka-image-in img,
.anons-item-cover-in img,
.plitka-image-title {
    transition: var(--transition);
}

a {
    cursor: pointer;
}

a:active,
a:focus,
a:hover {
    text-decoration: none;
}

dir,
menu,
ul {
    list-style-type: disc;
    -webkit-padding-start: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    font-weight: 700;
    margin: 0
}

input {
    border: none;
    padding: 10px;
}

header {
    display: block;
    width: 100%;
}

.nav_wr ul li:hover,
.nav_wr ul li:focus {
    z-index: 1000;
}

#header_top_line {
    display: inline-block;
    width: 100%;
    height: 60px;
    z-index: 1010;
}

.anons-item-title,
.anons-box-item-title,
.themes-list-item-title,
.plitka-image-title,
.guide-title,
.material-content .m-title,
.material-content .m-subtitle,
.comment-text p,
.comment-form-block .ck.ck-content.ck-editor__editable_inline p {
    overflow-wrap: break-word;
    word-wrap: break-word;
}

.lenta_name {
    display: inline-block;
    height: 60px;
    transition: .2s ease;
}

.lenta_name:before {
    display: inline-block;
    position: absolute;
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    top: 0;
    right: -25px;
    transition: .2s ease;
}

.adv-demo {
    width: 100%;
    height: 200px;
    background: #99c9ff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    text-align: center;
}

.lenta_limit .adv-demo {
    margin: 20px 0;
}

.adv-demo-200-400 {
    height: 400px;
}

.adv-col {
    max-width: 300px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden;
}

.adv,
.adv-row {
    max-width: 100%;
    overflow-x: hidden;
}

.nowrap {
    white-space: nowrap !important;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

/*-------------------------------*/

.mx-5, .mr-5 {
    margin-right: 5px !important;
}

.mx-5, .ml-5 {
    margin-left: 5px !important;
}

.mx-10, .mr-10 {
    margin-right: 10px !important;
}

.mx-10, .ml-10 {
    margin-left: 10px !important;
}

.mx-15, .mr-15 {
    margin-right: 15px !important;
}

.mx-15, .ml-15 {
    margin-left: 15px !important;
}

.mx-20, .mr-20 {
    margin-right: 20px !important;
}

.mx-20, .ml-20 {
    margin-left: 20px !important;
}

.mx-30, .mr-30 {
    margin-right: 30px !important;
}

.mx-30, .ml-30 {
    margin-left: 30px !important;
}

.my-10, .mt-10 {
    margin-top: 10px !important;
}

.my-10, .mb-10 {
    margin-bottom: 10px !important;
}

.my-15, .mt-15 {
    margin-top: 15px !important;
}

.my-15, .mb-15 {
    margin-bottom: 15px !important;
}

.my-20, .mt-20 {
    margin-top: 20px !important;
}

.my-20, .mb-20 {
    margin-bottom: 20px !important;
}

.my-30, .mt-30 {
    margin-top: 30px !important;
}

.my-30, .mb-30 {
    margin-bottom: 30px !important;
}

.my-size-base, .mt-size-base {
    margin-top: var(--size-base) !important;
}

.my-size-base, .mb-size-base {
    margin-bottom: var(--size-base) !important;
}

@media (min-width: 576px) {
    .mb-sm-0 {
        margin-bottom: 0 !important;
    }
}

/*---------------------------------*/

.px-5, .pr-5 {
    padding-right: 5px !important;
}

.px-5, .pl-5 {
    padding-left: 5px !important;
}

.px-10, .pr-10 {
    padding-right: 10px !important;
}

.px-10, .pl-10 {
    padding-left: 10px !important;
}

.px-15, .pr-15 {
    padding-right: 15px !important;
}

.px-15, .pl-15 {
    padding-left: 15px !important;
}

.px-20, .pr-20 {
    padding-right: 20px !important;
}

.px-20, .pl-20 {
    padding-left: 20px !important;
}

.px-30, .pr-30 {
    padding-right: 30px !important;
}

.px-30, .pl-30 {
    padding-left: 30px !important;
}

.py-10, .pt-10 {
    padding-top: 10px !important;
}

.py-10, .pb-10 {
    padding-bottom: 10px !important;
}

.py-15, .pt-15 {
    padding-top: 15px !important;
}

.py-15, .pb-15 {
    padding-bottom: 15px !important;
}

.py-20, .pt-20 {
    padding-top: 20px !important;
}

.py-20, .pb-20 {
    padding-bottom: 20px !important;
}

.py-30, .pt-30 {
    padding-top: 30px !important;
}

.py-30, .pb-30 {
    padding-bottom: 30px !important;
}

/*---------------------------------*/

/* Кнопка вверх - назад */
.inTop {
    position: fixed;
    right: 10px;
    bottom: 54px;
    width: 40px;
    height: 40px;
    opacity: 1;
    filter: alpha(opacity=50);
    cursor: pointer;
    display: none;
    z-index: 1199;
}

.inTop:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    z-index: 1199;
}

.inTop .top,
.inTop .down {
    color: #fff;
    display: block;
    background-size: contain;
    font-size: 25px;
    text-align: center;
    width: 40px;
    height: 40px;
    margin-bottom: 0;
    border-radius: 50%;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    z-index: 200;
}

.inTop .top {
    background-image: url(/themes/default/front/img/arrow_top1.svg);
}

.inTop .down {
    background-image: url(/themes/default/front/img/arrow_down1.svg);
}

/* End кнопка вверх - назад*/

.go-to-edit,
.go-admin-panel-desktop {
    position: fixed;
    right: 10px;
    bottom: 110px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    opacity: .25;
    background-color: #0d95e8;
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: none;
}

.go-to-edit:hover,
.go-admin-panel-desktop:hover {
    opacity: .75;
}

.go-to-edit:active,
.go-admin-panel-desktop:active {
    opacity: 1;
}

.go-to-edit .svg-icon,
.go-admin-panel-desktop .svg-icon {
    width: 22px;
    height: 22px;
    fill: #fff;
}

.modal-content {
    background-color: #fff;
    border: none;
    border-radius: var(--b-radius);
}

/*Формы*/

input, textarea {
    max-width: 100%;
    display: block;
}

/*.form-control::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1;
}

::placeholder,
::-webkit-input-placeholder {
    color: red !important;
}*/

.form-group {
    margin-bottom: var(--size-base)
}

.form-control {
    padding: 10px 15px;
    height: 50px;
    font-size: 16px;
    font-weight: 500;
    line-height: 30px;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    transition: var(--transition);
    border-radius: 0;
}

.form-control:focus {
    color: var(--color-black);
    background-color: #fff;
    border-color: var(--color-cyan);
    box-shadow: none;
}

label {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 5px;
}

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

/*Vue Select----*/

.form-group .vs__dropdown-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 1px solid var(--color-gray);
    transition: var(--transition);
    border-radius: 0;
    display: flex;
    padding: 10px 15px;
    height: 50px;
    font-weight: 400;
    line-height: 28px;
    white-space: normal;
}

.form-group .vs__dropdown-toggle:hover {
    border-color: var(--color-cyan);
}

.form-group .vs__open-indicator {
    fill: var(--color-black);
    transition: all .1s cubic-bezier(1, 0.5, 0.8, 1);
}

.form-group .vs__dropdown-toggle:hover .vs__open-indicator,
.form-group .vs--open .vs__open-indicator {
    fill: var(--color-cyan);
}

.form-group .vs__clear {
    margin-right: 10px;
}

.form-group .vs__selected-options {
    padding: 0;
}

.form-group .vs__search,
.form-group .vs__search:focus,
.form-group .vs__selected {
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    border-radius: 0;
    color: var(--color-black);
    line-height: var(--vs-line-height);
    margin: 0;
    padding: 0;
    font-size: 16px;
    z-index: 0;
}

.form-group .vs__dropdown-menu {
    border-color: var(--color-gray);
}

:root {
    --vs-font-size: 16px !important;
    --vs-line-height: 28px !important;
    --vs-height: 50px !important;
    --vs-border-radius: 0 !important;
    --vs-actions-padding: 0 !important;
    --vs-controls-color: var(--color-gray) !important;
    --vs-dropdown-padding: 10px 15px !important;
    --vs-dropdown-option-color: var(--color-black) !important;
    --vs-dropdown-option-padding: 10px 15px !important;
    --vs-dropdown-option-margin: 0 !important;
    --vs-dropdown-option-border-radius: 0 !important;
    --vs-dropdown-option--active-bg: var(--color-cyan) !important;
    --vs-transition-duration: 100ms !important;
}

/*End of Vue Select----*/


.jq-selectbox {
    display: block;
    width: 100%;
}

.jq-selectbox * {
    font-family: 'Inter', sans-serif;
}

.jq-selectbox__select {
    padding: 10px 15px;
    height: 50px;
    font-weight: 400;
    line-height: 28px;
    color: var(--color-black);
    border: 1px solid var(--color-gray);
    transition: var(--transition);
    border-radius: 0;
    background: #fff;
    box-shadow: none;
    text-shadow: none;
}

.jq-selectbox__select:hover {
    background: none;
    color: var(--color-black);
    background-color: #fff;
    border-color: var(--color-cyan);
    box-shadow: none;
}

.jq-selectbox__trigger {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 100%;
    border-left: none;
}

.jq-selectbox__trigger-arrow {
    position: relative;
    top: auto;
    right: auto;
    width: 14px;
    height: 10px;
    border: none;
    background-image: url(/themes/default/front/img/arrow-to-down-dark.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.jq-selectbox .placeholder,
.jq-selectbox__select-text {
    font-size: 16px;
    font-weight: 400;
    background-color: transparent;
}

.jq-selectbox .placeholder {
    color: var(--color-gray-dark-1);
}

.jq-selectbox__select-text {
    color: var(--color-black);
}

.jq-selectbox__dropdown {
    box-sizing: border-box;
    width: 100%;
    margin: -1px 0 0;
    padding: 5px 0;
    border-radius: 0;
    font-size: 16px;
    background: #fff;
    border: 1px solid var(--color-gray);
    border-top: none;
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1);
}

.jq-selectbox li {
    min-height: 41px;
    padding: 0 15px;
    line-height: 41px;
    color: var(--color-black);
}

.jq-selectbox li:hover,
.jq-selectbox li.selected {
    background-color: var(--color-cyan);
    color: #fff;
}

.nn-success {
    max-width: 400px;
}

.i-box svg {
    display: block;
    margin: auto;
}

.send-message-text {
    text-align: center;
}

.send-message-text a {
    display: block;
}

.color-text {
    color: var(--color-cyan);
}

.anons-box .button-ok {
    width: 100px;
}

/*sendMessage panel*/

.send-message-column,
.for-phone .send-message-column {
    display: none;
}

@media (min-width: 768px) {
    .send-message-column {
        display: block;
    }
}

.close-panel {
    background-image: url(/themes/default/front/img/close-black.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    width: 60px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    opacity: .5;
    top: 0;
    right: 0;
    z-index: 10;
    transition: all .2s;
}

.close-panel:hover {
    opacity: .75;
    transform: scale(1.2);
}

.modal.send-message {
    bottom: 0 !important;
    z-index: 1060;
}

.modal.fade.send-message .modal-dialog {
    margin: 0;
    position: absolute;
    width: 100%;
    max-width: 540px;
    bottom: 0;
    left: 0;
    transform: translate(0, 100%);
}

.modal.show.send-message .modal-dialog {
    transform: translate(0, 0);
}

.modal.send-message.fade .modal-dialog {
    transition: transform 0.3s cubic-bezier(0, 0, 0, 1);
}

.modal-backdrop {
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

.send-message .modal-content {
    border-radius: 0;
    box-shadow: none;
    background-color: #fff;
    border: none;
}

.modal.send-message .anons-box-title {
    text-align: center;
    padding: 0 40px;
    height: auto;
}

.modal-header {
    padding: 0;
    border-bottom: none;
    height: 30px;
}

.send-message {
    font-family: 'Inter', sans-serif;
    padding: 0;
}

.anons-box.send-message .anons-box-title {
    height: auto;
    margin-bottom: 20px;
}

.send-message .modal-body {
    padding: 0 23px 30px;
}

.send-message .button-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 48px;
    color: var(--color-black);
    background-color: #fff;
    border: 1px solid;
    transition: var(--transition);
}

@media (min-width: 540px) {
    .modal.fade.send-message .modal-dialog {
        left: calc(50vw - 270px);
    }
}

@media (min-width: 992px) {
    .send-message .button-link {
        padding: 0 20px;
        font-size: 16px;
    }
}

.send-message .button-link:nth-of-type(4) {
    margin-bottom: 0;
}

.modal .send-message .button-link:nth-of-type(4) {
    margin-bottom: 15px;
}

.modal .send-message .button-link:nth-of-type(5) {
    margin-bottom: 0;
}

.send-message .button-link:active {
    transform: translateY(1px);
}

.send-message .button-link span {
    white-space: nowrap;
}

.send-message .button-link .svg-box,
.send-message .button-link .svg-icon {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-left: 0;
    margin-bottom: 0;
    flex-shrink: 0;
}

.send-message .button-link .svg-icon.svg-tg {
    width: 24px;
    height: 24px;
    margin: 0 12px 0 -1px;
}

.send-message .button-link .svg-icon.svg-wa {
    width: 22px;
    height: 22px;
    margin-right: 13px;
}

.send-message .button-link .svg-box .svg-icon {
    width: 8px;
    height: 8px;
    margin: 0;
    fill: #fff;
}

.send-message .button-link .svg-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: var(--color-orange);
}

.send-message .button-link.button-nn {
    border-color: var(--color-orange);
}

.send-message .button-link.button-tg {
    border-color: #2aabee;
}

.send-message .button-link.button-wa {
    border-color: #25d366;
}

.send-message .button-link.button-vk {
    border-color: #0077ff;
}

.send-message .button-link.button-mail {
    border-color: #c852f6;
}

.send-message .button-link.button-nn:hover,
.send-message .button-link.button-nn:active {
    background-color: rgba(225, 128, 0, 0.2);
}

.send-message .button-link.button-tg:hover,
.send-message .button-link.button-tg:active {
    background-color: rgba(42, 171, 238, 0.2);
}

.send-message .button-link.button-wa:hover,
.send-message .button-link.button-wa:active {
    background-color: rgba(37, 211, 102, 0.2);
}

.send-message .button-link.button-vk:hover,
.send-message .button-link.button-vk:active {
    background-color: rgba(0, 119, 255, 0.2);
}

.send-message .button-link.button-mail:hover,
.send-message .button-link.button-mail:active {
    background-color: rgba(200, 82, 246, 0.2);
}

.svg-icon.svg-tg {
    fill: #2aabee;
}

.svg-icon.svg-wa {
    fill: #25d366;
}

.svg-icon.svg-vk {
    fill: #0077ff;
}

.svg-icon.svg-mail {
    fill: #c852f6;
}

.nn-desktop .send-message {
    padding: 0 0 0 15px;
}

.nn-desktop .send-message .send-message-text {
    font-weight: 700;
    color: #4e6b80 !important;
    font-size: 18px;
    line-height: 1.2;
}

/*End of sendMessage panel*/

/*End of Формы*/

/*Grids*/

@media (max-width: 575px) {
    .for-phone .total-container-plitka,
    .for-phone .guide-section .article-col,
    .for-phone .topics .total-container,
    .for-phone .archive-container {
        margin-top: 0;
    }

    .for-phone .guide-section .adv-block + .article-col {
        margin-top: 30px;
    }
}

.main-container,
.article-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.height-in-column {
    margin: 15px 0 0;
}

.height-in-column .scrollbar-inner {
    height: calc(100vh - 290px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    z-index: 0;
}

.height-in-column .button {
    min-height: 42px;
}

.article-col {
    width: 100%;
    position: relative;
}

.lenta-in-material {
    width: 100%;
    flex: 0 0 calc(235px + 15px);
    max-width: calc(235px + 15px);
}

.total-container {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.sticky {
    position: sticky;
    top: 110px;
    /*margin-bottom: 30px;*/
}

.adv {
    max-width: 100%;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #e8ebef;
}

/*
.h-for-a-box {
    height: 2000px;
    flex: 0 0 auto;
}
*/

@media (max-width: 575px) {
    .w-100vw {
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
        margin: 0 -15px;
    }
}

/*Геометрия и размеры шрифтов*/

.anons-box .row {
    --bs-gutter-x: 25px;
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
}

.anons-box .row > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.anons-item-title {
    font-size: 16px;
}

.anons-plitka-base .anons-item-title {
    font-size: clamp(16px, calc((100vw - 30px) * .055), 20px);
}

.anons-box-important .anons-item-title {
    font-size: 20px;
}

.context-news-container .anons-item-title,
.anons-box-slide .splide__slide .anons-item-title {
    font-size: 14px;
}

.rubric-header .anons-box-title,
.for-phone .rubric-header .anons-box-title {
    font-size: 18px;
}

@media (min-width: 576px) {
    .anons-item-title,
    .for-phone .anons-item-title {
        font-size: 16px;
    }

    .anons-plitka-base .anons-item-title {
        font-size: 14px;
    }

    .for-phone .anons-box-important .anons-item-title,
    .anons-box-important .anons-item-title,
    .rubric-header .anons-box-title,
    .for-phone .rubric-header .anons-box-title {
        font-size: 25px;
    }
}

@media (min-width: 768px) {
    .anons-plitka-base .anons-item-title {
        font-size: 18px;
    }

    .anons-box-important .anons-item-title {
        font-size: 34px;
    }
}

@media (min-width: 992px) {
    .anons-plitka-base .anons-item-title {
        font-size: 15.5px;
    }

    .anons-box-important .anons-item-title {
        font-size: 30px;
    }

    .rubric-header .anons-box-title {
        font-size: 30px;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {
    .anons-plitka-base .anons-item-title {
        font-size: 16px;
    }
}

/*Геометрия и размеры шрифтов*/

/*End of Grids*/

*:focus {
    outline: none !important;
}

p em, p i {
    font-weight: 400;
    font-style: italic;
}

p strong, p b {
    font-weight: 700;
    font-style: normal;
}

p > em > strong, p > strong > em,
p > i > b, p > b > i,
p > em > b, p > b > em,
p > i > strong, p > strong > i {
    font-weight: 700;
    font-style: italic;
}

p em, p i {
    font-weight: 400;
    font-style: italic;
}

p strong, p b {
    font-weight: 700;
    font-style: normal;
}

.stat_centr_wr > em > strong, .stat_centr_wr > strong > em,
.stat_centr_wr > i > b, .stat_centr_wr > b > i,
.stat_centr_wr > em > b, .stat_centr_wr > b > em,
.stat_centr_wr > i > strong, .stat_centr_wr > strong > i {
    font-weight: 700;
    font-style: italic;
}

#nov_card .novost_detalka .text_stat p:empty,
#nov_card .novost_detalka .text_stat p a + br {
    display: none !important;
}

.links-1 .greedy-a span,
ul.links-2 li a span,
ul.links-4 li a span,
.nav_dropdown a > span,
.dropdown-panel .dropdown-panel-list li a span,
.themes-list-item .themes-list-item-title,
.down_material_add .tags a,
.material-footer-box-2 .comment-all-link span,
.app_in_text a:not([data-fancybox]),
.how_comment a {
    text-decoration: none;
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .1s;
}

.links-1 .greedy-a:hover span,
.links-1 .open_menu .greedy-a span,
ul.links-2 li a:hover span,
ul.links-4 li a:hover span,
.nav_dropdown a:hover > span,
.dropdown-panel .dropdown-panel-list li a:hover span,
.themes-list-item:hover .themes-list-item-title,
.down_material_add .tags a:hover,
.material-footer-box-2 .comment-all-link:hover span,
.app_in_text a:not([data-fancybox]):hover,
.how_comment a:hover {
    background-size: 100% 1px;
}

.app_in_text .socs-button a:not([data-fancybox]) {
    background-image: none;
}

[align=justify] {
    text-align: left;
}

.all_caps {
    text-transform: uppercase;
}

.container-ad1 {
    min-height: 300px;
}

#header_baner {
    display: block;
    background-color: #e8ebef;
    background-position: center;
    width: 100%;
    max-width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 10;
}

.button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 50px;
    border-radius: var(--b-radius);
    border: none;
    padding: 0 15px;
    margin: auto;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    /*letter-spacing: .5px;*/
    transition: var(--transition);
}

.button,
.button:hover,
.button:focus,
.button:active {
    color: #fff;
}

button.btn-small,
.button.btn-small {
    height: 34px;
    line-height: 32px;
    padding-top: 2px;
}

button:active,
.button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.poll-button:active,
.material-footer-box .comment-form-button:active {
    transform: translateY(1px);
}

.button-search {
    width: 42px;
    padding: 0;
    border-radius: 0;
}

.button-search:active {
    transform: none;
}

.button-search:active .svg-icon {
    transform: translateY(1px);
}

.button.show-hidden-material .svg-icon,
.button.show_hidden_frontnews .svg-icon {
    width: 12px;
    height: 12px;
    margin-left: 5px;
}

/*anons-box*/

/*.company-block-main {
    overflow: hidden;
    max-height: 800px;
    flex-grow: 1;
}*/

.anons-box,
.anons-box-in {
    position: relative;
    display: flex;
    flex-direction: column;
}

.anons-box-in:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}

.anons-box-title {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    height: 20px;
    margin-bottom: var(--size-base);
    padding: 0 var(--size-base);
    color: var(--color-black);
}

.anons-box-main .anons-box-title,
.anons-box.send-message .anons-box-title {
    padding: 0;
}

.rubric-header .anons-box-title {
    padding: 0;
    margin-bottom: 0;
    height: auto;
}

.rubric-header:has(.rubric-description) .anons-box-title {
    margin-bottom: var(--size-base);
}

.rubric-header .rubric-description {
    font-size: 14px;
}

.dark-theme .anons-box-title {
    color: #fff;
}

.anons-box-title.thin {
    font-weight: 400;
}

.anons-box-title.small {
    font-size: 10px;
}

.anons-box-title span {
    font-weight: 400;
}

.anons-box-title.vertical {
    transform: rotate(-90deg);
    padding-left: 0;
    padding-right: 18px;
    margin-top: 0;
    display: inline-block;
    top: 16px;
    left: -3px;
}

.anons-box-title.vertical:before {

}

.anons-box-title.vertical.small:before {
    top: -1px;
    left: auto;
    right: 0;
    height: 12px;
    width: 12px;
    transform: rotate(90deg);
}


.anons-box-item {
    padding: 15px 0;
    border-bottom: 1px solid #e8ebef;
}

.height-in-column .anons-box-item:first-child {
    padding-top: 0;
}

.anons-box-in .vue-code + .anons-box-item {
    border-top: 1px solid #e8ebef;
}

/*
.height-in-column .anons-box-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
*/

.anons-box-item-title {
    font-weight: 600;
    margin-bottom: 10px;
    flex-grow: 1;
    color: var(--color-black);
}

.anons-box-item:hover .anons-box-item-title {
    color: #e43927;
}

.anons-box.type-2 .anons-box-item-title {
    margin-bottom: 0;
}

.anons-box.type-2 .anons-box-item img {
    width: 65px;
    height: 65px;
    object-fit: cover;
    object-position: center;
    margin-left: 15px;
}

.anons-box .button {
    width: 100%;
}

.lenta-in-material .anons-box {
    background-color: #e8ebef;
}

.lenta-in-material .anons-box-title {
    margin: 15px 15px 0;
}

.lenta-in-material .element-1 .anons-box-title {
    margin-top: 30px;
}

.lenta-in-material .anons-tabs .nav {
    padding: 0 15px;
}

.lenta-in-material .anons-box-item {
    padding: 15px;
}

.lenta-in-material .anons-box-item {
    border-bottom: 1px solid #fff;
}

.lenta-in-material .anons-box .button {
    margin: 0 15px 15px 15px;
    width: calc(100% - 30px);
}

.lenta-in-material .anons-box-in:before {
    background: linear-gradient(0deg, rgba(232, 235, 239, 1) 30%, rgba(232, 235, 239, 0) 100%);
}

/*End of anons-box*/

/*anons-box-tabs*/

.anons-tabs .nav,
.anons-box-rubric .nav-pills-box .nav-pills {
    padding: 0 calc(var(--size-base) - 2px) 10px;
}

.anons-tabs .nav-item {
    width: calc(100% / 3);
    padding: 0 2px;
}

.anons-tabs .nn-tabs .nav-item {
    width: auto;
    padding: 0;
}

.anons-box-rubric .nav-item {
    padding: 0 2px;
}

.anons-tabs .nav-link,
.anons-box-rubric .nav-link,
.btn-search-select,
.lk-content .lk-menu button.nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 25px;
    border-radius: 0;
    padding: 0;
    margin: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 25px;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    cursor: pointer;
    transition: all .1s;
    color: var(--color-black);
    background-color: var(--color-body);
    border: 1px solid var(--color-gray-light);
}

.anons-box-rubric .nav-link,
.btn-search-select,
.anons-tabs .nn-tabs li .nav-link,
.lk-content .lk-menu button.nav-link {
    padding: 0 15px;
}

.anons-tabs .nav-link:hover,
.anons-box-rubric .nav-link:hover,
.btn-search-select:hover,
.lk-content .lk-menu button.nav-link:hover {
    border: 1px solid var(--color-gray-dark);
}

.anons-tabs .nav-pills .nav-link.active,
.anons-tabs .nav-pills .show > .nav-link,
.anons-box-rubric .nav-link.active,
.anons-box-rubric .show > .nav-link,
.btn-check:checked + .btn-search-select,
.lk-content .lk-menu button.nav-link.active {
    color: #fff;
    background-color: var(--color-gray-dark);
    border: 1px solid var(--color-gray-dark);
}

.anons-tabs .nav-link:active,
.anons-box-rubric .nav-link:active {
    transform: none;
}

.anons-tabs .anons-box-in:before {
    display: none;
}

/*End of anons-box-tabs*/

/*info - строка*/

.info {
    font-size: 11px;
    color: var(--color-gray);
}

.info .svg-icon {
    margin: 2px 3px 0 0;
    fill: var(--color-gray);
}

.info-media .svg-icon:last-of-type {
    margin-right: 0;
}

.info-media .svg-icon + span,
.info-focus span + .svg-icon {
    margin-left: 10px;
}

.anons-box-item-title {
    margin-bottom: 0.25rem;
}

.info,
.info-media,
.info-focus {
    display: flex;
    align-items: center;
}

.info {
    justify-content: space-between;
}

.info-date {
    flex-grow: 1;
}

.info-date-rubric {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.info-date-rubric .info-date {
    flex-grow: 0;
}

.info-focus {
    justify-content: flex-end;
}

.anons-box-main .info-date,
.anons-box-24 .info-date {
    display: none !important;
}

.anons-box-main .info-focus {
    justify-content: flex-start;
}

/*.info-media {
    flex-grow: 1;
}*/

/*@media (min-width: 768px) {
    .left_sitebar_glavnay .info-media .svg-icon + span {
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}*/

/*@media (min-width: 992px) {
    .left_sitebar_glavnay .info-media .svg-icon + span {
        max-width: none;
        overflow: unset;
        text-overflow: unset;
    }
}*/

@media (min-width: 1200px) {
    /*.left_sitebar_glavnay .info-media .svg-icon + span {
        max-width: 70px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .lenta-in-material .anons-box-item-title {
        margin-bottom: 0.5rem;
    }

    .lenta-in-material .info {
        flex-wrap: wrap;
    }

    .lenta-in-material .info-media,
    .lenta-in-material .info-focus {
        margin-top: .25rem;
    }

    .lenta-in-material .info-focus {
        flex-grow: 1;
        justify-content: end;
    }*/
    /*.lenta-in-material .info-media :nth-child(1) + span {
        max-width: 93px;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: rgba(220, 191, 42, 0.18);
    }

    .lenta-in-material .info-media :nth-child(2) + span {
        max-width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: rgba(36, 175, 96, 0.18);
    }

    .lenta-in-material .info-media :nth-child(3) + span {
        max-width: 50px;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: rgba(0, 117, 188, 0.16);
    }*/
}

.info-focus .svg-icon {
    width: 12px;
    height: 12px;
}

/*End of info - строка*/

/*Блок Мультимедиа*/

.block-multimedia {
    padding: 15px 0;
    background-color: #e8ebef;
}

.block-multimedia .nav {
    width: 180px;
    margin: 0 0 0 20px;
}

.block-multimedia .anons-tabs .nav-item {
    width: 50%;
}

.block-multimedia .anons-tabs .nav-link {
    background-color: #fff;
}

.block-multimedia .anons-tabs .nav-link .svg-icon {
    fill: var(--color-cyan);
    margin: -1px 5px 0 0;
}

.block-multimedia .anons-tabs .nav-pills .nav-link.active .svg-icon,
.block-multimedia .anons-tabs .nav-pills .show > .nav-link .svg-icon {
    fill: #fff;
}

/*.mm-video {
    height: 250px;
}*/

.plitka-image {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.plitka-image:before {
    content: '';
    display: block;
    padding-top: 62.5%;
}

.plitka-image-in {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.block-multimedia.mobile-view a:not(.plitka-link) .plitka-image-in {
    display: block;
    position: absolute;
    top: -30px;
    left: -30px;
    bottom: -30px;
    right: -30px;
}

.plitka-image-in img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.plitka-image-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15% 5% 5% 5%;
    font-weight: 700;
    z-index: 1;
    color: #fff;
}

.block-multimedia.mobile-view a:not(.plitka-link) .plitka-image-title {
    left: 30px;
    bottom: 30px;
    width: calc(100% - 60px);
}

.plitka-image-title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: opacity .3s ease;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0) 100%);
}

.plitka-image-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120%;
    z-index: -1;
    opacity: 0;
    transition: opacity .3s ease;
    background: linear-gradient(0deg, rgba(4, 31, 74, 0.75) 30%, rgba(4, 31, 74, 0) 100%);
}

.plitka-image:hover .plitka-image-title:before {
    opacity: 0;
}

.plitka-image:hover .plitka-image-title:after {
    opacity: 1;
}

/*.plitka-image:hover .plitka-image-title {
    background: linear-gradient(0deg, rgba(4, 31, 74, 0.8) 30%, rgba(4, 31, 74, 0) 100%);
}*/

.plitka-image.plitka-link .plitka-image-title:before,
.plitka-image.plitka-link .plitka-image-title:after {
    display: none;
}

.plitka-image.plitka-link .plitka-image-title {
    height: 100%;
    padding: 5%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background: transparent;
}

.plitka-image.plitka-link .plitka-image-title .svg-icon {
    fill: #fff;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    display: block;
}

.block-multimedia-mobile .plitka-image.plitka-link .plitka-image-title .svg-icon {
    margin-bottom: 10px;
    width: 50px;
    height: 50px;
}

/*Splide*/

.splide {
    overflow: hidden;
}

.splide__arrows {
    display: none;
    position: absolute;
    left: -86px;
    top: calc(50% - 28px);
    width: calc(100% + 172px);
    z-index: 30;
    transition: all .4s ease-in;
    transition-delay: .25s;
}

body:not(.for-phone) .splide__arrows {
    display: block;
}

.splide:hover .splide__arrows {
    left: 0;
    width: 100%;
    transition: all .15s ease-out;
}

.splide__arrow {
    position: absolute;
    top: 0;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    background-color: var(--color-cyan);
    box-shadow: 4px 4px 5px rgba(0, 0, 0, .12);
    transition: all .15s ease, background-color .15s ease, transform .05s linear;
}

.splide__arrow--prev {
    left: 20px;
}

.splide__arrow--next {
    right: 20px;
}

.splide__arrow svg {
    fill: #fff;
    width: 14px;
    height: 14px;
}

.splide__arrow--prev svg {
    transform: rotate(180deg);
}

.splide__arrow:hover {
    background-color: #1ac1ff;
}

.splide__arrow:active {
    transform: translateY(1px);
}

.splide__arrow.splide__arrow--prev:active svg {
    transform: translateY(1px) rotate(180deg);
}

/*-----------*/

.cover-block .splide__arrows {
    left: 0;
    width: 100%;
    height: 44px;
    z-index: 10;
    overflow: hidden;
    transition: all .4s ease-in;
    transition-delay: .25s;
}

.cover-block .splide:hover .splide__arrows {
    left: 0;
    width: 100%;
    transition: all .15s ease-out;
}

.cover-block .splide__arrow--prev,
.cover-block .splide__arrow--next {
    transition: left .4s ease-in, right .4s ease-in, background-color .15s ease, transform .05s linear;
    transition-delay: .25s;
}

.cover-block .splide:hover .splide__arrow--prev,
.cover-block .splide:hover .splide__arrow--next {
    transition: left .15s ease-out, right .15s ease-out, background-color .15s ease, transform .05s linear;
}

.cover-block .splide__arrow--prev {
    left: -56px;
}

.cover-block .splide__arrow--next {
    right: -56px;
}

.cover-block .splide:hover .splide__arrow--prev {
    left: 6px;
}

.cover-block .splide:hover .splide__arrow--next {
    right: 6px;
}

/*-----------*/

.splide__pagination > li {
    width: 7%;
    margin: 0 2%;
}

.splide__pagination__page {
    width: 100%;
    height: 5px;
    padding: 0;
    border-radius: 3px;
}

.splide__pagination__page:hover {
    box-shadow: none;
}

.splide__pagination__page:active {
    transform: none;
}

.splide__pagination__page {
    background: #e8ebef;
}

.splide__pagination__page.is-active {
    background: #e75242;
}

.slider_progress {
    display: none;
    background: #e8ebef;
}

[id^='slider_progressbar'] {
    background: #e75242;
    height: 5px;
    border-radius: 3px;
    transition: width 400ms ease;
    width: 0;
}

.block-multimedia .splide__pagination {
    margin-top: 15px;
}

.block-multimedia .splide__pagination > li {
    width: 7%;
    margin: 0 12px;
}

.block-multimedia .splide__pagination__page {
    background: #fff;
}

.block-multimedia .splide__pagination__page.is-active {
    background: var(--color-cyan);
}

.mobile-view .splide__pagination {
    margin-top: 15px;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mobile-view .splide__pagination > li {
    width: 20%;
    margin: 0;
}

.mobile-view .splide__pagination__page {
    width: 100%;
    height: 3px;
    padding: 0;
    border-radius: 1.5px;
    background: #fff;
}

/*End of Блок Мультимедиа*/

/*Блок Справочник*/

.guide-plitka {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.guide-plitka:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.guide-plitka-in {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.guide-icon {
    position: absolute;
    top: 14%;
    left: calc(50% - 10%);
    width: 20%;
    height: 20%;
    background-color: #fff;
    padding: 3.5%;
    border-radius: 50%;
}

.guide-icon img {
    width: 100%;
    height: 100%;
}

/*.guide-plitka.plitka-link:hover:after {
    content: '';
    position: absolute;
    top: 100%;
    left: -100%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    background: #e43927 radial-gradient(circle, rgba(255, 108, 99, 1) 0%, rgba(228, 57, 39, 1) 70%, rgba(228, 57, 39, 1) 100%);
    opacity: 0;

    animation: btn-gradient-hover-1 2s 1;
    animation-fill-mode: forwards;
}


@keyframes btn-gradient-hover-1 {
    from {
        opacity: 0;
        top: 100%;
    }
    50% {
        opacity: 1;
    }
    to {
        opacity: 0;
        top: -200%;
    }
}*/

.guide-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 66%;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.guide-plitka.plitka-link .guide-title {
    height: 100%;
    padding: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    text-transform: none;
    z-index: 1;
}

/*end of Блок Справочник*/

/*Погода-валюта*/

.wv {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
}

.wv .weather {
    flex: 0 0 auto;
    width: 50%;
}

.wv .weather,
.wv .valute > div {
    background-color: #fff;
}

.wv .weather {
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
}

.wv .weather span {
    font-size: 14px;
}

.wv .weather img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.wv .valute {
    flex: 0 0 auto;
    width: calc(50% - 10px);
    font-size: 14px;
}

.wv .valute > div {
    height: 35px;
}

.wv .valute > div:first-child {
    margin-bottom: 10px;
}

.wv .valute-symbol {
    width: auto;
    height: 20px;
    margin-right: 5px;
}

/*End of Погода-валюта*/

/*Кнопки соцсетей*/

.social-links {
    /*display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;*/
    background-color: #fff;
    padding: 15px;
    margin-top: 10px;
}

.social-links-title {
    font-size: 12px;
    text-align: center;
    margin-bottom: 5px;
}

.social-links div {
}

.social-links .soc-button {
    margin: 0 10px 0 0;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: var(--b-radius);
    cursor: pointer;
    transition: .1s;
}

.social-links .soc-button:last-child {
    margin-right: 0 !important;
}

.social-links .social-links-vk {
    background-image: url(/themes/default/front/img/soc-vk.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-ok {
    background-image: url(/themes/default/front/img/soc-ok.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-fb {
    background-image: url(/themes/default/front/img/soc-fb.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-twitter {
    background-image: url(/themes/default/front/img/soc-twitter.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-youtube {
    background-image: url(/themes/default/front/img/soc-youtube.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-telegram {
    background-image: url(/themes/default/front/img/soc-telegram.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-viber {
    background-image: url(/themes/default/front/img/soc-viber.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-instagram {
    background-image: url(/themes/default/front/img/soc-instagram.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-tiktok {
    background-image: url(/themes/default/front/img/soc-tiktok.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-zen {
    background-image: url(/themes/default/front/img/soc-zen.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .social-links-rutube {
    background-image: url(/themes/default/front/img/soc-rutube.svg);
    background-repeat: no-repeat;
    background-size: contain;
}

.social-links .soc-button:hover {
    transform: scale(1.1);
}

.social-links .soc-button:active {
    transform: scale(1.2);
}

/*End of Кнопки соцсетей*/

/*Основной вид анонса*/

.anons-box {
    position: relative;
    padding-top: var(--size-base);
    background-color: #fff;
}

.anons-box .anons-item,
.anons-box-footer {
    padding: var(--size-base);
}

@media (min-width: 576px) {
    .anons-box .anons-item,
    .anons-box-footer {
        padding: calc(.8 * var(--size-base)) var(--size-base);
    }
}

/*.lenta-news-main .lenta-news-list > .anons-item:first-of-type {
    padding-top: calc(.4 * var(--size-base));
}

.lenta-news-main .lenta-news-list > .anons-item:last-of-type {
    padding-bottom: calc(.4 * var(--size-base));
}*/

.anons-box.anons-box-main,
.anons-box-comments {
    padding: var(--size-base);
}

.anons-box-p {
    padding: var(--size-base);
}

.anons-box-p .anons-item {
    padding: 0;
}

/*------*/

.anons-box .anons-box-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
    background-color: var(--color-body);
}

/*.anons-box .anons-box:after {
    content: '';
    position: absolute;
    top: -30px;
    bottom: -30px;
    left: 0;
    right: 0;

    z-index: 0;
}*/

/*------*/

.lenta-news-main .anons-box-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
    background: #fff;
    border-top: 1px solid var(--color-gray-light);
}

.lenta-news-main .anons-box-title {
    position: relative;
    margin-bottom: calc(.5 * var(--size-base));
}

.lenta-news-main .anons-box-title:before,
.lenta-news-main .anons-box-footer:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: calc(.8 * var(--size-base));
    z-index: 2;
    background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

.lenta-news-main .anons-box-title:before {
    bottom: calc(-1.3 * var(--size-base));
    transform: rotate(180deg);
}

.lenta-news-main .anons-box-footer:before {
    top: calc(-.8 * var(--size-base));
}

.lenta-news-main .anons-box-title + .anons-item,
.context-news-container .anons-box-title + .anons-item {
    padding-top: 0;
}

.lenta-news-main .anons-item + .anons-box-title {
    margin-top: var(--size-base);
}

.lenta-news-vue-container {
    height: calc(100% - 73px - 50px);
}

.lenta-news-main .lenta-news-list {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.lenta-news-in-news .anons-box {
    height: calc(100vh - 134px);
    position: sticky;
    top: 104px;
}

.anons-box:before {
    content: url(/themes/default/front/img/slash_cyan.svg);
    width: 41px;
    height: 18px;
    position: absolute;
    left: var(--size-base);
    top: -9px;
    z-index: 1;
}

.anons-box.anons-box-important:before {
    content: url(/themes/default/front/img/slash_red.svg);
}

.anons-box-wide:before,
.article .anons-box-comments:before {
    left: var(--article-size);
}

.anons-box.no-marker:before {
    display: none;
}

.anons-box-slide .anons-item {
    padding: 0;
}

.anons-box-slide .splide__slide {
    width: 210px;
}

.anons-box-rubric .nav-pills-box {
    overflow: hidden;
    margin-bottom: var(--size-base);
    height: 25px;
}

.anons-box-rubric .nav-pills {
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 10px;
}

.last-item-cover .anons-item-cover-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.last-item-cover .anons-item-cover-in .svg-icon {
    fill: #fff;
    /*width: 20px;
    height: 20px;*/
    margin-top: 10px;
}

.anons-plitka-article .anons-item-cover:before {
    padding-top: 150%;
}

.anons-plitka-article .cover-block-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 30px 15px 15px;
    width: 100%;
    max-width: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 100%);
}

.anons-box-slide .splide__slide .anons-plitka-article .anons-item-title,
.anons-plitka-article .anons-item-title,
.anons-plitka-article:hover .anons-item-title:hover {
    margin: 1em 0 0;
    font-size: 16px;
    color: #fff;
}

.anons-plitka-article .anons-item-cover .selected-city {
    position: relative;
    inset: auto;
}

.anons-plitka-article .anons-item-cover .selected-city:before {
    display: none;
}

/*.themes-item,
.anons-item > a,
.cover-block,
.material-content figure.image,
.material-content .image-box,
.cover-block-slider,
.poll-container {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}*/

.material-content .image-box figure.image,
.material-content figure.image.image-style-align-left,
.material-content figure.image.image-style-align-right,
.material-content .min-left figure,
.material-content .min-right figure {
    background-color: transparent;
    box-shadow: none;
}

.dark-theme .themes-item,
.dark-theme .anons-item > a,
.dark-theme .cover-block {
    background-color: transparent;
    box-shadow: none;
}

.anons-item > a.dark-theme {
    background-color: var(--color-cyan);
}

.anons-item > a.hot-theme {
    background-color: #e43927;
}

.anons-item > a.dark-theme .anons-item-title,
.anons-item > a.hot-theme .anons-item-title {
    color: #fff;
    font-weight: 700;
    line-height: 1.3;
}

.anons-item {
    display: block;
    margin-bottom: 30px;
}

.anons-box-slide .anons-item {
    margin-bottom: var(--size-base);
}

/*@media (min-width: 576px) {
    .anons-item {
        margin-bottom: var(--size-base);
    }
}*/

.anons-box.anons-box-main .anons-item {
    padding: 0;
}

/*------------*/

body:not(.for-phone) .anons-box-rubric {
    padding-bottom: 0;
    height: 100%;
}

body:not(.for-phone) .anons-box-rubric .anons-item {
    border-bottom: 1px solid var(--color-gray-light);
    margin-bottom: 0;
    padding-bottom: 25px;
}

body:not(.for-phone) .anons-box-rubric .anons-item-1 {
    padding-top: 0;
}

body:not(.for-phone) .anons-box-rubric > .anons-item-2-3:last-child {
    border-bottom: none;
}

.lenta-news-main .anons-item-title,
.anons-box-main .row-second .anons-item-title,
.anons-box.anons-tabs .anons-item-title,
body:not(.for-phone) .anons-box-rubric .anons-item-2-3 .anons-item-title {
    font-weight: 500;
    font-size: 14px;
}

/*-------------*/

.lenta-news-main .anons-item,
.anons-box.anons-tabs .anons-item,
.context-news-container .anons-item {
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-gray-light);
}

.anons-box.anons-tabs .anons-item:last-child {
    border-bottom: none;
}

.lenta-news-main .adv + .anons-item {
    border-top: 1px solid var(--color-gray-light);
}

.lenta-news-main .lenta-news-list > .anons-item.anons-item-ad:first-of-type,
.lenta-news-main .anons-item-ad {
    padding: var(--size-base);
}

.lenta-news-main .anons-item.pop-1,
.lenta-news-main .anons-item.pop-2 {
    position: relative;
}

.lenta-news-main .anons-item.pop-1 > div,
.lenta-news-main .anons-item.pop-2 > div {
    position: relative;
    z-index: 1;
}

.lenta-news-main .anons-item.pop-1:before,
.lenta-news-main .anons-item.pop-2:before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    height: 100px;
    mask-image: linear-gradient(315deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 50%);
}

.lenta-news-main .anons-item.pop-1:before {
    background-image: linear-gradient(to right, rgba(255, 247, 188, 0) 0%, #fff7bc 100%);
}

.lenta-news-main .anons-item.pop-2:before {
    background-image: linear-gradient(to right, rgba(215, 253, 154, 0) 0%, #d7fd9a 100%);
}

.lenta-news-main .anons-item.pop-1 .info-focus .svg-symbol-view {
    fill: var(--color-orange);
}

.lenta-news-main .anons-item.pop-2 .info-focus .svg-symbol-view {
    fill: var(--color-green);
}

.lenta-news-main .anons-item.pop-1 .info-focus .svg-symbol-view + span {
    font-weight: 700;
    color: var(--color-orange);
}

.lenta-news-main .anons-item.pop-2 .info-focus .svg-symbol-view + span {
    font-weight: 700;
    color: var(--color-green);
}

/*.lenta-news-main .anons-item.pop-1 .anons-item-title {
    font-weight: 700;
}

.lenta-news-main .anons-item.pop-2 .anons-item-title {
    font-weight: 700;
    background: rgba(127, 215, 247, 0.5);
    outline: 5px solid rgba(127, 215, 247, 0.5);
}*/

/*-------------*/

.anons-box-important .anons-item {
    margin-bottom: 0;
    padding: var(--size-base);
}

.row-second .anons-item {
    margin-bottom: 0;
}

.anons-item > a {
    height: 100%;
    position: relative;
}

.anons-item-cover {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.anons-item-cover:before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.anons-item-cover-in {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.anons-item-cover .selected-city,
.anons-item-cover .info-media {
    position: absolute;
    z-index: 1;
}

.anons-item-cover-header .selected-city,
.anons-item-cover .selected-city,
.material-content .info .selected-city,
.cover-block-article .cover-photo-height .cover-block-footer .selected-city,
.nn-item-header-info .selected-city {
    top: 6px;
    left: 6px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}

.cover-block-article .cover-photo-height .cover-block-footer .selected-city {
    top: auto;
    left: auto;
}

.anons-item-cover .selected-city:before {
    content: '';
    position: absolute;
    top: -6px;
    left: -6px;
    width: calc(100% + 100px);
    height: calc(100% + 40px);
    background-image: linear-gradient(to right, rgba(0, 50, 70, 1) 0%, rgba(0, 0, 0, 0) 100%);
    mask-image: linear-gradient(176deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 70%);
    z-index: -1;
    opacity: .5;
}

.anons-box-important .anons-item-cover .selected-city:before {
    display: none;
}

.anons-item-cover-header .selected-city .svg-icon,
.anons-item-cover .selected-city .svg-icon,
.material-content .info .selected-city .svg-icon,
.cover-block-article .cover-photo-height .cover-block-footer .selected-city .svg-icon,
.nn-item-header-info .selected-city .svg-icon {
    width: 13px;
    height: 13px;
    margin-right: 3px;
    fill: #fff;
}

.anons-item-cover-header .selected-city {
    color: var(--color-cyan-light);
}

.anons-item-cover-header .selected-city .svg-icon {
    fill: var(--color-cyan-light);
}

.material-content .info .selected-city,
.nn-item-header-info .selected-city {
    color: var(--color-cyan);
}

.material-content .info .selected-city .svg-icon,
.nn-item-header-info .selected-city .svg-icon {
    margin: 0 3px 0 0;
    fill: var(--color-cyan);
}

.anons-item-cover .info-media {
    left: 0;
    bottom: -1px;
}

.anons-item-cover-header .info-media {
    position: relative;
    left: auto;
    bottom: auto;
}

.info-media .info-media-mark {
    height: 19px;
    line-height: 19px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative;
    background-color: var(--color-cyan);
    color: #fff;
}

.anons-item-cover-header .info-media .info-media-mark,
.anons-box-important .info-media .info-media-mark {
    height: 18px;
    line-height: 18px;
}


.info-media .info-media-mark:nth-child(1) {
    padding: 0 20px 0 8px;
}

.info-media .info-media-mark:nth-child(2) {
    margin-left: -16px;
    padding: 0 8px 0 20px;
    clip-path: polygon(18px 0%, 0% 100%, 100% 100%, 100% 0%, 100% 0%);
}

.info-media .info-media-mark.mark-photo:nth-child(1) {
    clip-path: polygon(0% 0%, 0% 100%, 43px 100%, 100% 0%, 100% 0%);
}

.info-media .info-media-mark.mark-video:nth-child(1) {
    clip-path: polygon(0% 0%, 0% 100%, 50.5px 100%, 100% 0%, 100% 0%);
}

.anons-item-title {
    margin: .75em 0 .75em;
    line-height: 1.25;
    font-weight: 700;
    color: var(--color-black);
}

.context-news-container .anons-item-title {
    font-weight: 400;
}

.anons-item:hover .anons-item-title {
    color: var(--color-cyan)
}

.anons-box-important .anons-item:hover .anons-item-title {
    color: var(--color-black)
}

.anons-box-important .anons-item .anons-item-title:hover {
    color: var(--color-cyan)
}

.anons-item-cover-header .info-media,
.anons-item-cover-header .selected-city {
    margin-bottom: 7px;
}

.anons-item-cover-header + .anons-item-title,
.anons-item-cover-header + div > .anons-item-title {
    margin: 0 0 .75em;
}

.anons-box-important .anons-item-title {
    margin: .6em 0 .65em;
}

.anons-item-section + .anons-item-title {
    margin: 5px 0 12px;
}

.anons-item-title .svg-icon {
    width: .75em;
    height: .75em;
    vertical-align: baseline;
    fill: var(--color-cyan);
}

.anons-item-title .svg-icon.article-mark {
    fill: var(--color-cyan);
}

.anons-item-title .svg-icon.bar-chart {
    fill: var(--color-orange);
}

.anons-item-section {
    font-size: 11px;
    color: var(--color-gray);
    margin-top: .5em;
}

.cover-block-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: var(--transition);
}

.with-back-image .image-blur-box,
body:not(.for-phone) .cover-block .image-blur-box {
    position: absolute;
    top: -20%;
    bottom: -20%;
    left: -20%;
    right: -20%;
    width: 140%;
    height: 140%;
}

.with-back-image .image-blur-box img,
body:not(.for-phone) .with-back-image.cover-block .image-blur-box .image-blur {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    filter: blur(20px) brightness(.75);
}

.cover-block-img,
.cover-photo-height,
.cover-block .cover-block-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.cover-block-img:before,
.cover-photo-height:before {
    content: '';
    position: absolute;
    left: -20%;
    right: -20%;
    top: -20%;
    bottom: -20%;
    z-index: 1;
    box-shadow: 0 0 100px rgba(0, 0, 0, 0.15) inset;
}

.splide__slide .cover-block-img:before {
    display: none;
}

.with-back-image .cover-block-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/*Блок Важно на главной*/

/*.anons-box-important {
    clip-path: polygon(0% 0%, 0% 100%, calc(100% - 20px) 100%, 100% calc(100% - 20px), 100% 0%);
}*/

.anons-box-important {
    padding-top: 0;
}

.anons-box-important:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 20px 20px;
    border-color: transparent transparent #f5f5f5 transparent;
    transform: rotate(0deg);
}

.anons-box.anons-box-important .anons-item-cover {
    width: calc(100% + calc(2 * var(--size-base)));
    margin: calc(-1 * var(--size-base)) calc(-1 * var(--size-base)) 0;
}

.anons-box-important .anons-box-title {
    color: #fff;
    z-index: 1;
    position: absolute;
    margin: 0;
    top: 20px;
}

.anons-item-cover-header,
.anons-box-important .anons-item-cover-footer {
    display: flex;
    align-items: center;
}

.anons-box-important .anons-item-cover-footer {
    position: absolute;
    bottom: 15px;
    left: 25px;
}

.anons-item-cover-header .selected-city,
.anons-box-important .info-media,
.anons-box-important .selected-city,
.material-content .info .selected-city {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
}

.anons-item-cover-header .info-media + .selected-city,
.anons-box-important .info-media + .selected-city {
    margin-left: 20px;
}

.anons-item-footer-blur {
    display: none;
}

@supports (mask-repeat: no-repeat) {
    .anons-item-footer-blur {
        display: block;
        position: absolute;
        left: 0;
        bottom: -1px;
        width: 100%;
        height: 30%;
        mask-image: linear-gradient(to top, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 100%);
        mask-size: 100% 100%;
        mask-repeat: no-repeat;
        mask-position: bottom, top;
        backdrop-filter: blur(10px);
    }
}

/*End of Блок Важно на главной*/

/*Слайдер НН*/

.anons-box.anons-box-nn {
    padding: var(--size-base) 0;
}

/*.anons-box.anons-box-nn .anons-box-title {
    padding: 0 25px;
}*/

.anons-box-nn .button-add-nn {
    position: absolute;
    top: calc(var(--size-base) - 1px);
    right: var(--size-base);
    height: 22px;
    width: auto;
    font-size: 11px;
    font-weight: 500;
    padding: 0 10px;
    border-radius: 3px;
    /*color: var(--color-red);
    background: transparent;
    transition: background .1s;*/
}

@media (max-width: 359px) {
    .anons-box-nn .button-add-nn span > span {
        display: none;
    }
}

/*.anons-box-nn .button-add-nn:hover {
    background: var(--gradient-red);
    color: #fff;
}*/

.main-24-slide:before,
.main-24-slide:after,
.rubric-slider:before,
.rubric-slider:after,
.article-slider:before,
.article-slider:after,
.nn-slide:before,
.nn-slide:after,
.top-nn-slider:before,
.top-nn-slider:after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: var(--size-base);
    z-index: 20;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}

.main-24-slide:before,
.rubric-slider:before,
.article-slider:before,
.nn-slide:before,
.top-nn-slider:before {
    left: 0;
}

.main-24-slide:after,
.rubric-slider:after,
.article-slider:after,
.nn-slide:after,
.top-nn-slider:after {
    right: 0;
    transform: rotate(180deg);
}

.anons-item-nn,
.top-nn-slider .anons-item {
    width: 225px;
    padding: 0 24px 0 0;
    border-right: 1px solid var(--color-gray-light);
}

.anons-item-nn {
    height: 225px;
}

.for-phone .anons-item-nn {
    height: 185px;
}

.anons-item-nn-head {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.anons-item-nn-avatar {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    margin-right: 5px;
}

.anons-item-nn-name {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-cyan);
}

.anons-item-nn-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    position: relative;
    max-height: calc(100% - 50px);
}

.anons-item-nn-content:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: linear-gradient(0deg, #fff 10%, rgba(255, 255, 255, 0) 100%);
}

.anons-item-nn-title {
    font-size: 14px;
    color: var(--color-black);
    transition: var(--transition);
    margin-bottom: 7px;
}

.anons-item-nn-text {
    font-size: 12px;
    color: var(--color-gray-dark-1);
    transition: var(--transition);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.anons-item-nn:hover .anons-item-nn-title,
.anons-item-nn:hover .anons-item-nn-text {
    color: var(--color-cyan);
}

/*End of Слайдер НН*/

@media (min-width: 576px) {
    .archive-container .anons-item.anons-item-g .anons-item-cover {
        flex: 0 0 auto;
        width: 176px;
        display: block;
    }

    .archive-container .anons-item.anons-item-g .anons-item-cover + div {
        flex: 0 0 auto;
        width: calc(100% - 176px);
    }
}

.dark-theme {
    background-color: var(--color-cyan);
}

.dark-theme .anons-item-title {
    color: #fff;
}

.dark-theme .anons-item:hover .anons-item-title {
    color: #e75242;
}

.dark-theme .splide__pagination {
    margin-top: 15px;
}

.dark-theme .splide__pagination__page {
    background: #fff;
}

.dark-theme .splide__pagination__page.is-active {
    background: #e75242;
}

/*Мобильный вид*/

.themes-block.mobile-view {
    position: relative;
    width: calc(100% + 40px);
    min-height: 78px;
    margin-left: -20px;
    padding: 0 0 0 41px;
}

.company-block-mobile.mobile-view,
.articles-block-mobile.mobile-view {
    position: relative;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 15px 0 15px 47px;
}

.articles-block-mobile.mobile-view {
    padding: 0 0 0 47px;
}

.block-multimedia-mobile {
    position: relative;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 0 0 47px;
}

.anons-box-title + .block-multimedia-mobile {
    margin-top: 15px;
}

.block-multimedia-mobile + .block-multimedia-mobile {
    margin-top: 12px;
}

.themes-block.mobile-view .splide__track {
    padding-top: 15px;
    padding-bottom: 15px;
}

.themes-block.mobile-view .anons-box-title.small.vertical {
    position: absolute;
    top: 33px;
    left: 2px;
}

.articles-block-mobile.mobile-view .anons-box-title.small.vertical {
    position: absolute;
    top: 23px;
    left: 2px;
}

.block-multimedia-mobile.b-mm-video .anons-box-title.small.vertical {
    position: absolute;
    top: 21px;
    left: -2px;
}

.block-multimedia-mobile.b-mm-photo .anons-box-title.small.vertical {
    position: absolute;
    top: 18px;
    left: 2px;
}

.themes-block-mobile.splide .themes-item {
    padding: 6px 10px;
    width: 180px;
    min-height: 48px;
    margin-top: 0;
    margin-bottom: 0;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .05),
    0 0 10px rgba(0, 0, 0, .1);
}

.themes-block-mobile.splide .themes-item a {
    display: block;
    font-size: 13px;
    color: #e43927;
}

.themes-block-mobile.splide .themes-item a:hover {
    color: var(--color-cyan);
}

.anons-item > a.dark-theme .anons-item-title,
.anons-item > a.hot-theme .anons-item-title,
.block-multimedia-mobile .plitka-image-title {
    font-size: 14px;
}

.company-block-mobile.mobile-view .anons-box-title.small.vertical {
    position: absolute;
    top: 73px;
    left: -41px;
}

.company-block-mobile.mobile-view .splide .anons-item,
.articles-block-mobile.mobile-view .splide .anons-item,
.block-multimedia-mobile .splide__slide {
    width: 180px;
    margin-bottom: 0;
}

.company-block-mobile.mobile-view .anons-item-title,
.articles-block-mobile.mobile-view .anons-item-title,
.block-multimedia-mobile .plitka-image-title {
    padding: 15px;
}

.block-multimedia-mobile .splide__slide .plitka-image {
    height: 180px;
}

.block-multimedia-mobile .splide__slide .plitka-image:before {
    content: '';
    display: block;
    padding-top: 100%;
}

@media (min-width: 576px) {
    .themes-block.mobile-view {
        width: 100%;
        margin-left: 0;
        padding: 0 0 0 21px;
    }

    .company-block-mobile.mobile-view,
    .articles-block-mobile.mobile-view {
        width: 100%;
        margin-left: 0;
        padding: 15px 0 15px 27px;
    }

    .articles-block-mobile.mobile-view {
        padding: 0 0 0 27px;
    }

    .block-multimedia-mobile {
        width: 100%;
        margin-left: 0;
        padding: 0 0 0 27px;
    }

    .themes-block.mobile-view .anons-box-title.small.vertical,
    .articles-block-mobile.mobile-view .anons-box-title.small.vertical {
        left: -18px;
    }

    .company-block-mobile.mobile-view .anons-box-title.small.vertical {
        left: -61px;
    }

    .block-multimedia-mobile.b-mm-video .anons-box-title.small.vertical {
        left: -22px;
    }

    .block-multimedia-mobile.b-mm-photo .anons-box-title.small.vertical {
        left: -19px;
    }

}

/*End of Мобильный вид*/

@media (max-width: 575px) {
    .context-news-container .anons-item.anons-item-g {
        min-height: auto;
        height: auto;
        width: calc(100% + 40px);
        margin-left: -20px;
    }

    .context-news-container .anons-item.anons-item-g .anons-item-cover {
        display: none;
    }

    .context-news-container .anons-item.anons-item-g .anons-item-cover + div {
        width: 100%;
    }

    .context-news-container .anons-item.anons-item-g .anons-item-title {
        padding: 10px 20px 10px 20px;
    }

    .context-news-container .anons-item.anons-item-g .info {
        padding: 0 20px 10px 20px;
    }
}

/*End of Основной вид анонса*/

/*tabs into tabs*/

.news-mobile .anons-tabs .anons-box-title {
    display: none;
}

.news-mobile .anons-box .total-nav .nav-link:not(.active) .anons-box-title:before {
    background-image: url(/themes/default/front/img/angle-guide-noactive.svg);
}

.news-mobile .anons-box .total-nav .nav-link:not(.active) .anons-box-title {
    color: #8898a4;
}

.news-mobile .anons-box .total-nav .nav-item .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 35px;
    border-radius: 0;
    margin: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    text-transform: none;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    transition: all .1s;
    background-color: #e9ecf0;
}

.news-mobile .anons-box .total-nav .nav-item .nav-link:active {
    transform: none;
}

.news-mobile .anons-box .total-nav .nav-item .nav-link.active,
.news-mobile .anons-box .total-nav .nav-item .show > .nav-link {
    color: #fff;
    background-color: #fff;
}

.news-mobile .anons-box .total-nav .nav-item:first-child .nav-link {
    padding: 3px 8px 0 20px;
}

.news-mobile .anons-box .total-nav .nav-item:last-child .nav-link {
    padding: 3px 20px 0 8px;
}

@media (min-width: 350px) {
    .news-mobile .anons-box .total-nav .nav-item:first-child .nav-link {
        padding: 3px 20px 0 20px;
    }

    .news-mobile .anons-box .total-nav .nav-item:last-child .nav-link {
        padding: 3px 20px 0 20px;
    }
}


/*End of tabs into tabs*/

/* Pagination */

.bottom-pag .pagination {
    height: 30px;
    max-width: none;
}

.pagination {
    width: auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
}

.pagination > li {
    display: inline;
    flex-basis: auto;
    flex-grow: inherit;
    max-width: none;
    width: auto;
    margin: 0;
    line-height: 40px;
}

.pagination > li > a,
.pagination > li > span,
.pagination a,
.pagination span,
.pagination a:hover,
.pagination a:focus {
    display: block;
    text-align: center;
    font-weight: 400;
    line-height: 40px;
    height: 40px;
    width: 40px;
    background-color: transparent;
    color: var(--color-cyan);
    font-size: 18px;
    white-space: nowrap;
    float: none;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    padding: 0;
    margin: 0 3px;
    user-select: none;
    transition: var(--transition);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination a:hover {
    padding: 0;
    width: 40px;
    color: var(--color-black);
    text-decoration: none;
}

.pagination span {
    cursor: default;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    margin: 0 6px;
}

.pagination > li > a .svg-icon {
    width: 12px;
    height: 12px;
}

.pagination > li:first-child > a .svg-icon {
    transform: rotate(90deg);
}

.pagination > li:last-child > a .svg-icon {
    transform: rotate(-90deg);
}

.pagination > li:first-child > a:hover b,
.pagination > li:first-child > span:hover b {
    display: inline-block;
    border-bottom: 1px solid transparent;
}

.pagination > li > a b,
.pagination > li > span b {
    line-height: 1.1;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination a.current {
    color: var(--color-black);
    background-color: var(--color-gray-light);
}

.pagination > li > a:hover {
    background-color: var(--color-gray-light);
}

.pagination > li > a:active {
    color: var(--color-black);
    background-color: var(--color-gray-light);
    transition: 0s;
}

.pagination > li:first-child > a:hover,
.pagination > li:first-child > span:hover,
.pagination > li:first-child > a:focus,
.pagination > li:first-child > span:focus,
.pagination > li:first-child > a:active,
.pagination > li:first-child > span:active,
.pagination > li:last-child > a:hover,
.pagination > li:last-child > span:hover,
.pagination > li:last-child > a:focus,
.pagination > li:last-child > span:focus,
.pagination > li:last-child > a:active,
.pagination > li:last-child > span:active {
    background-color: var(--color-gray-light);
    color: var(--color-black);
}

.pagination > li:not(.disabled) > a:hover b,
.pagination > li:not(.disabled) > span:hover b,
.pagination > li:not(.disabled) > a:focus b,
.pagination > li:not(.disabled) > span:focus b,
.pagination > li:not(.disabled) > a:active b,
.pagination > li:not(.disabled) > span:active b {
    border-bottom: 1px solid var(--color-black);
}

.pagination > li:first-child > a:hover .svg-icon,
.pagination > li:first-child > a:focus .svg-icon,
.pagination > li:first-child > a:active .svg-icon,
.pagination > li:last-child > a:hover .svg-icon,
.pagination > li:last-child > a:focus .svg-icon,
.pagination > li:last-child > a:active .svg-icon {
    fill: var(--color-black);
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .pagination > li b {
        display: inline;
    }
}

@media only screen and (max-width: 599px) {
    .pagination > li b {
        display: inline !important;
    }

    .arhin_butt {
        display: block;
        width: 100px;
        text-align: center;
        position: relative;
        bottom: auto;
        right: auto;
        margin: 0 auto 20px;
    }
}

/* End of Pagination */

/*Темы*/

.themes-item {
    padding: 15px 20px;
    width: 100%;
    margin: 0 auto 15px;
}

.main-section.topics .themes-item {
    margin: 30px auto;
}

.main-section.topics .block-themes .themes-item:last-of-type {
    margin-bottom: 0;
}

.themes-item-cover {
    width: 60px;
    min-width: 60px;
    height: 60px;
    border-radius: 50%;
    margin: 0 25px 0 0;
    overflow: hidden;
    border: 2px solid #fff;
}

.topic .themes-item-cover,
.topics .themes-item-cover {
    margin: -30px auto 10px;
}

.themes-item-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

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

.themes-item a:hover,
.themes-item-cover:hover + .themes-list .themes-name,
.topics .themes-list-item-title {
    color: #e43927;
}

.themes-name {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.topic .themes-name,
.topics .themes-name {
    text-align: center;
}

.themes-list-item:not(:last-child) {
    margin-bottom: 5px;
}

.themes-list-total-link {
    margin-top: 20px
}

.themes-list-item .info-media {
    line-height: 17px;
    margin-top: 1px;
}

.themes-list-item .themes-list-item-title {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
}

.themes-list-item .info {
    margin-right: 10px;
    text-align: right;
    width: 14px;
    min-width: 14px;
}

.topic .themes-name,
.topics .themes-name {
    font-size: 20px;
    margin-bottom: 10px;
}

.themes-list-item .info > img {
    width: 14px;
    height: 14px;
    margin: 1px -4px auto auto;
}

.topics .themes-list-item-title span {
    color: var(--color-gray);
}

/*.topics .themes-list-item:hover .themes-list-item-title {
    text-decoration: underline;
}*/

.themes-description {
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px;
}

.topic .themes-item .themes-big-cover {
    width: calc(100% + 40px);
    margin: -15px auto 20px -20px;
}

.themes-big-cover {
    position: relative;
    display: block;
    height: auto;
    overflow: hidden;
}

.themes-big-cover:before {
    content: '';
    display: block;
    padding-top: 45%;
}

.themes-big-cover-in {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.themes-big-cover-in img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.topic .themes-description {
    margin-bottom: 0;
}

.themes-big-cover + div {
    position: relative;
    z-index: 1;
}

.topic .themes-item-cover {
    margin: -50px auto 10px;
}

@media (min-width: 576px) {
    .themes-item {
        padding: 25px 30px;
        width: 100%;
        margin: 0 auto 15px;
    }

    .main-section.topics .themes-item {
        margin: 0 auto 15px;
    }

    .themes-item-cover {
        width: 100px;
        min-width: 100px;
        height: 100px;
        margin: 0 25px 0 0;
        border: none;
    }

    .topic .themes-item-cover,
    .topics .themes-item-cover {
        margin: 0 25px 0 0;
    }

    .topic .themes-name,
    .topics .themes-name,
    .themes-description {
        text-align: left;
    }

    .topics .themes-name {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .themes-description {
        margin-bottom: 20px;
    }

    .themes-list-item .info {
        width: 93px;
        min-width: 93px;
    }

    .topic .themes-item .themes-big-cover {
        width: calc(100% + 60px);
        margin: -25px auto 25px -30px;
    }

    .themes-big-cover:before {
        content: '';
        display: block;
        padding-top: 25%;
    }

    .topic .themes-item-cover {
        width: 70px;
        min-width: 70px;
        height: 70px;
        margin: 0 20px 0 0;
        border: none;
    }

    .topic .themes-name {
        font-size: 20px;
        margin-bottom: 15px;
    }
}

@media (min-width: 576px) {

}

@media (min-width: 768px) {
    .topic .themes-item-cover {
        width: 80px;
        min-width: 80px;
        height: 80px;
        margin: 0 20px 0 0;
        border: none;
    }

    .topic .themes-name {
        font-size: 22px;
        margin-bottom: 15px;
    }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
    .topic .themes-item-cover {
        width: 100px;
        min-width: 100px;
        height: 100px;
        margin: 0 25px 0 0;
        border: none;
    }

    .topic .themes-name {
        font-size: 25px;
        margin-bottom: 15px;
    }
}

/*End of Темы*/

/*
.theiaStickySidebar {
    min-height: 100vh;
}*/

/*Поиск*/

body:not(.for-phone) .archive-search-box {
    padding: 10px;
}

.archive-search-box {
    padding: 20px 10px 10px;
}

/*.search-section .input-group > .form-control {

}*/

.search-filters,
.for-phone .search-filters {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media (min-width: 768px) {
    .search-filters {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media (min-width: 768px) and (max-width: 991px), (min-width: 1400px) {
    .for-phone .search-form .col-date-select {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .for-phone .search-form .col-button {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
}

.search-section .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 1;
}

.search-section .button-search {
    width: 50px;
    height: 50px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-section input[type=radio] {
    display: none;
}

.search-section .select-result .btn,
.search-section .select-result .btn.active {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
    line-height: 25px;
    font-size: 12px;
    display: block;
    border: none;
}

.search-section .select-result .btn {
    outline: none !important;
    color: var(--color-black);
}

.search-section .btn-group-vertical > .btn,
.search-section .btn-group > .btn {
    position: relative;
    flex: 0 1 auto;
}

.search-section .select-result .btn.active {
    color: var(--color-cyan);
    font-weight: 700;
}

.search-section .search-form {
    padding-left: var(--size-base);
    padding-right: var(--size-base);
}

.search-list .anons-item {
    margin: 0;
    padding: var(--size-base);
    border-top: 1px solid var(--color-gray-light);
}

.search-list .anons-item:last-of-type {
    border-bottom: 1px solid var(--color-gray-light);
}

@media (min-width: 576px) {
    .search-list .anons-item-cover {
        width: 160px;
        margin-right: 15px;
    }

    .search-list .anons-item-cover + div {
        width: calc(100% - 175px);
    }
}

@media (min-width: 1400px) {
    .search-list .anons-item-cover {
        width: 200px;
        margin-right: 15px;
    }

    .search-list .anons-item-cover + div {
        width: calc(100% - 215px);
    }
}

/*End of Поиск*/

/*Проекты/Карточки--------------*/

/*End of Проекты/Карточки--------------*/

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}

.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}

.scroll-wrapper.scroll--rtl {
    direction: rtl;
}

.scroll-element {
    box-sizing: content-box;
    display: none;
}

.scroll-element div {
    box-sizing: content-box;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}

.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}

.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}

.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 6px;
    transition: background-color .15s;
}

.scrollbar-inner:hover > .scroll-element.scroll-y {
    background-color: transparent;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    border-radius: 6px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    opacity: .1;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
    background-color: transparent;
}

.scrollbar-inner > .scroll-element .scroll-bar {
    background-color: transparent;
    transition: background-color .15s;
}

.scrollbar-inner:hover .scroll-bar,
.scrollbar-inner > .scroll-element:hover .scroll-bar {
    background-color: #000;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
    background-color: #000;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px;
}

/*************** SIMPLE INNER SCROLLBAR ***************/


/*datepicker*/

.form-container input[type=text].data-tag {
    padding: 0 10px;
    z-index: auto !important;
}

.form-container input[type=text].data-pick {
    padding: 0 10px;
    z-index: auto !important;
    width: 130px;
}

.datepicker.datepicker-dropdown {
    font-size: 14px;
    padding: 10px;
    border-radius: 0;
    transform: translateY(25px);
}

.datepicker td, .datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border: none;
    padding: 5px;
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover {
    background: var(--color-cyan-light);
    cursor: pointer;
}

.datepicker table tr td span, .datepicker td, .datepicker th {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.datepicker table tr td span.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active:hover, .datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
    background: var(--color-cyan) !important;
}

.comment_mob_lite .note-editor.note-frame .note-statusbar {
    display: none;
}

.sort-reset {
    height: 34px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: var(--color-gray);
}

.sort-reset:active {
    transform: translateY(1px);
}

.sort-reset .svg-icon {
    width: 10px;
    height: 10px;
    margin-right: 6px;
    fill: var(--color-gray);
}

.sort-reset:focus,
.sort-reset:hover {
    color: var(--color-cyan);
}

.sort-reset:focus .svg-icon,
.sort-reset:hover .svg-icon {
    fill: var(--color-cyan);
}

.data-pick.form-control {
    background-color: #fff;
}

/*End of datepicker*/

/*-------*/

.geo-container {
    display: none;
    position: absolute;
    top: 13px;
    left: -31px;
    width: 196px;
    transform: scale(0);
    transform-origin: top left;
    z-index: 1030;
}

.geo-container-1 {
    z-index: 1030;
}

.mobile-header-top .geo-container {
    top: 11px;
    left: 70px;
}

/*.for-phone .geo-container {
    bottom: 90px;
}*/

.geo-plate {
    margin: auto;
    width: 100%;
    background-color: #fff;
    color: var(--color-black);
    padding: 20px;
    z-index: 2000;
    border-radius: var(--b-radius);
    font-size: 14px;
    text-align: left;
    /*border: 1px solid var(--color-cyan);*/
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.12);
}

.lower_panel .geo-plate {
    box-shadow: none;
}

.lower_panel .dropdown-menu.show,
.geo-container.show {
    animation: geo-container-animation .5s 1;
    animation-fill-mode: forwards;
    /*animation-delay: 2s;*/
}

@keyframes geo-container-animation {
    from {
        display: none;
        transform: scale(0);
    }
    to {
        display: block;
        transform: scale(1);
    }
}

.geo-container .select-city button {
    margin-right: 0;
}

.geo-container .selected-city {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.geo-container .select-city-hint {
    display: none;
}

.geo-radio-select {
    display: block;
    margin: 20px 0 0;
    text-align: left;
}

.geo-radio-select,
.geo-radio-select [class*=icheck-] {
    width: fit-content;
}

[class*=icheck-] {
    min-height: 22px;
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 0;
}

[class*=icheck-] > input:first-child {
    position: absolute !important;
    opacity: 0;
    margin: 0;
}

[class*=icheck-] > label,
[class*=icheck-] > label::before,
[class*=icheck-] > label::after {
    transition: var(--transition);
}

[class*=icheck-] > label {
    padding-left: 29px !important;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

[class*=icheck-] > input:first-child + input[type=hidden] + label::before,
[class*=icheck-] > input:first-child + label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 22px;
    height: 22px;
    border: 1px solid var(--color-gray);
    border-radius: 0;
    margin-left: -29px;
}

[class*=icheck-] > input[type=radio]:first-child + input[type=hidden] + label::before,
[class*=icheck-] > input[type=radio]:first-child + label::before {
    border-radius: 50%;
}

.icheck-cyan > input:first-child:checked + label {
    color: var(--color-cyan);
}

.icheck-cyan > input:first-child:checked + input[type=hidden] + label::before,
.icheck-cyan > input:first-child:checked + label::before {
    background-color: var(--color-cyan);
    border-color: var(--color-cyan);
}

[class*=icheck-] > input:first-child:checked + input[type=hidden] + label::after,
[class*=icheck-] > input:first-child:checked + label::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 7px;
    height: 10px;
    border: 2px solid #fff;
    border-left: none;
    border-top: none;
    transform: translate(7.75px, 4.5px) rotate(45deg);
    -ms-transform: translate(7.75px, 4.5px) rotate(45deg);
}

/*-------*/