.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: 16px;
}

body {
    min-width: 320px;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 400;
    line-height: 1.3;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

.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: all .1s ease;
}

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: 800;
    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,
.article-content .st-name,
.article-content .style_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;
}

.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;
}

@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 p.top,
.inTop p.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 p.top {
    background-image: url(/themes/default/front/img/arrow_top1.svg);
}

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

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

.go-to-edit {
    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 {
    opacity: .75;
}

.go-to-edit:active {
    opacity: 1;
}

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

/*Grids*/

/*.main-section {
    margin-top: 30px;
}*/

.lenta_news_main,
.blockA3new,
.total-container,
.total-col-right,
.archive-container,
.article-col {
    margin-top: 30px;
}

@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;
    }
}

/*body:not(.for-phone) .lenta_news_main,
body:not(.for-phone) .blockA3new,
body:not(.for-phone) .total-container,
body:not(.for-phone) .total-col-right,
body:not(.for-phone) .archive-container,
.article-col {
    margin-top: 30px;
}*/

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

.blockA3new,
.total-col-right,
.lenta-in-material {
    margin-left: calc(40px - 15px);
}

.article-col-right {
    margin-left: calc(30px - 15px);
}

.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;
}

.lenta_news_main {
    width: 100%;
}

.blockA3new {
    width: 100%;
    flex: 0 0 calc(625px + 15px);
    max-width: calc(625px + 15px);
}

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

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

/*.lenta-in-material {
    overflow: hidden !important;
}*/

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

.total-col-right,
.article-col-right {
    width: 100%;
    flex: 0 0 calc(300px + 15px);
    max-width: calc(300px + 15px);
}

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

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

@media (min-width: 768px) {
    .lenta_news_main {
        flex: 0 0 calc(225px + 15px);
        max-width: calc(225px + 15px);
    }

    .blockA3new {
        flex: 0 0 calc(455px + 15px);
        max-width: calc(455px + 15px);
    }
}

@media (min-width: 992px) {
    .lenta_news_main {
        flex: 0 0 calc(300px + 15px);
        max-width: calc(300px + 15px);
    }

    .blockA3new {
        flex: 0 0 calc(600px + 15px);
        max-width: calc(600px + 15px);
    }

    .total-container,
    .archive-container {
        flex: 0 0 calc(600px + 15px);
        max-width: calc(600px + 15px);
    }

    .article-col {
        flex: 0 0 calc(665px + 15px);
        max-width: calc(665px + 15px);
        position: relative;
    }
}

@media (min-width: 1280px) {
    .lenta_news_main {
        flex: 0 0 calc(225px + 15px);
        max-width: calc(225px + 15px);
    }

    .blockA3new {
        flex: 0 0 calc(625px + 15px);
        max-width: calc(625px + 15px);
    }

    .total-container {
        flex: 0 0 calc(890px + 15px);
        max-width: calc(890px + 15px);
    }

    .article-col,
    .archive-container {
        flex: 0 0 calc(625px + 15px);
        max-width: calc(625px + 15px);
        position: relative;
    }
}

@media (min-width: 1400px) {
    .blockA3new {
        flex: 0 0 calc(700px + 15px);
        max-width: calc(700px + 15px);
    }

    .total-container {
        flex: 0 0 calc(965px + 15px);
        max-width: calc(965px + 15px);
    }

    .article-col,
    .archive-container {
        flex: 0 0 calc(700px + 15px);
        max-width: calc(700px + 15px);
        position: relative;
    }
}

@media (min-width: 992px) and (max-width: 1279px) {

}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 575px) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .w-100vw {
        width: calc(100% + 40px);
        max-width: calc(100% + 40px);
        margin-left: -20px;
    }
}

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

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

.anons-item-title {
    padding: 10px 20px 8px 20px;
    font-size: calc((100vw - 40px - 40px) / 16);
}

.type-3 .anons-item-title {
    padding: 14vw 10vw 10vw 10vw;
    font-size: calc((100vw - 28vw) / 10.3);
}

.anons-item .info {
    padding: 0 20px 17px 20px;
}

.guide-title {
    padding: 5% 7%;
    font-size: calc((100vw - 40px - 14%) / 14.2);
}

@media (min-width: 400px) {
    .anons-item-title {
        padding: 15px 20px 8px 20px;
        font-size: 20px;
    }

    .anons-item .info {
        padding: 0 20px 20px 20px;
    }
}

@media (min-width: 576px) {
    .anons-item-title {
        padding: 20px 30px 11px 30px;
        font-size: 20px;
    }

    .type-3 .anons-item-title {
        padding: 60px 50px 50px 50px;
        font-size: 37px;
    }

    .anons-item .info {
        padding: 0 30px 20px 30px;
    }

    .guide-title {
        padding: 5% 7%;
        font-size: 18px;
    }

    .material-row-plitka .guide-title {
        font-size: 18.4px;
    }
}

@media (min-width: 768px) {
    .anons-box-item-title {
        font-size: 14px;
    }

    .blockA3new .anons-item-title {
        padding: 14px 18px 8px 18px;
        font-size: 15px;
    }

    .blockA3new .anons-item.anons-item-g .anons-item-title {
        padding: 14px 18px 8px 18px;
    }

    .blockA3new .anons-item .info {
        padding: 0 18px 15px 18px;
    }

    /*.blockA3new .editorial4 .anons-item .info {
        flex-wrap: wrap;
    }

    .blockA3new .editorial4 .anons-item .info .info-focus {
        margin-top: .5rem;
    }*/
    .anons-item.anons-item-g {
        min-height: 128px;
    }

    .anons-item.anons-item-g .info {
        padding: 0 18px 15px 19px;
    }

    .plitka-image-title {
        font-size: 18px;
    }

    .type-3 .anons-item-title {
        padding: 40px 30px 30px 30px;
        font-size: 25px;
    }

    .guide-title {
        font-size: 15.4px;
    }

    .material-row-plitka .guide-title {
        font-size: 24.8px;
    }
}

@media (min-width: 992px) {
    .anons-item-title {
        padding: 20px 28px 11px 28px;
        font-size: 20px;
    }

    .type-3 .anons-item-title {
        padding: 40px 28px 28px 28px;
        font-size: 20.5px;
    }

    .anons-item .info {
        padding: 0 28px 20px 28px;
    }

    .blockA3new .anons-item-title {
        padding: 19px 28px 11px 28px;
        font-size: 19px;
    }

    .blockA3new .anons-item.anons-item-g .anons-item-title {
        padding: 19px 28px 11px 19px;
    }

    .blockA3new .anons-item .info {
        padding: 0 28px 19px 28px;
    }

    /*.blockA3new .editorial4 .anons-item .info {
        flex-wrap: nowrap;
    }

    .blockA3new .editorial4 .anons-item .info .info-focus {
        margin-top: 0;
    }*/
    .anons-item.anons-item-g {
        min-height: 160px;
    }

    .anons-item.anons-item-g .info {
        padding: 0 28px 19px 19px;
    }

    .plitka-image-title {
        font-size: 15px;
    }

    .guide-title {
        font-size: 15px;
    }

    .material-row-plitka .guide-title {
        font-size: 20.6px;
    }
}

@media (min-width: 1280px) {
    .blockA3new .anons-item-title {
        padding: 20px 28px 11px 28px;
        font-size: 20px;
    }

    .blockA3new .anons-item.anons-item-g .anons-item-title {
        padding: 20px 28px 11px 20px;
    }

    .anons-item-title {
        padding: 20px 28px 11px 28px;
        font-size: 20px;
    }

    .type-3 .anons-item-title {
        padding: 40px 28px 28px 28px;
        font-size: 20px;
    }

    .anons-item .info {
        padding: 0 28px 20px 28px;
    }

    .anons-item.anons-item-g {
        min-height: 166px;
    }

    .anons-item.anons-item-g .info {
        padding: 0 30px 20px 20px;
    }

    .plitka-image-title {
        font-size: 20px;
    }

    .guide-title {
        font-size: 20px;
    }

    .material-row-plitka .guide-title {
        font-size: 20.2px;
    }
}

@media (min-width: 1400px) {
    .blockA3new .anons-item-title {
        padding: 20px 30px 11px 30px;
        font-size: 20px;
    }

    .blockA3new .anons-item.anons-item-g .anons-item-title {
        padding: 20px 30px 11px 20px;
    }

    .anons-item-title {
        padding: 20px 30px 11px 30px;
        font-size: 20px;
    }

    .type-3 .anons-item-title {
        padding: 40px 30px 30px 30px;
        font-size: 22px;
    }

    .anons-item .info {
        padding: 0 30px 20px 30px;
    }

    .guide-title {
        font-size: 21.5px;
    }

    .material-row-plitka .guide-title {
        font-size: 21.5px;
    }
}

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

/*@media screen and (max-width: 1199px) {
    .article-col-right {
        display: none;
    }

    .container-opinion .article-col-right {
        display: block;
        width: 100%;
        -ms-flex: 0 0 280px;
        flex: 0 0 280px;
        max-width: 280px;
    }

    .total-container {
        width: 100%;
        -ms-flex: 0 0 610px;
        flex: 0 0 610px;
        max-width: 610px;
    }

    .lenta_news_main {
        width: 100%;
        -ms-flex: 0 0 265px;
        flex: 0 0 265px;
        max-width: 265px;
    }

    #lenta-news,
    .lenta-in-material {
        width: 100%;
        -ms-flex: 0 0 250px;
        flex: 0 0 250px;
        max-width: 250px;
    }

    .author-card-column {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .author-card-column .sticky {
        position: relative;
        top: auto;
    }

    #opinion {
        width: 100%;
        -ms-flex: 0 0 610px;
        flex: 0 0 610px;
        max-width: 610px;
    }


}

@media screen and (max-width: 991px) {
    .blockA3new {
        width: 100%;
        -ms-flex: 0 0 405px;
        flex: 0 0 405px;
        max-width: 405px;
    }

    .main-container .total-col-right {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #lenta-news,
    .lenta-in-material,
    .article-col-right {
        display: none;
    }

    #article,
    .article-col,
    .total-container,
    #opinion {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .total-col-right,
    .lenta_news_main,
    #lenta-news {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #lenta-news {
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        flex: none;
        display: block;
    }
}*/

/*End of Grids*/

*:focus {
    outline: none !important;
}

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

p strong, p b {
    font-weight: 800;
    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: 800;
    font-style: italic;
}

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

p strong, p b {
    font-weight: 800;
    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: 800;
    font-style: italic;
}

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

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,
#footer_main p a,
#footer_bottom a.dev span {
    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;
}

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,
#footer_main p a:hover,
#footer_bottom a.dev:hover span {
    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: 250px;
    height: 250px;
    margin-bottom: 10px;
}

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

#footer,
#footer #footer_nav,
#footer_bottom,
#footer_bottom p,
#footer_main {
    position: relative
}

#footer_main {
    width: 100%;
    padding: 30px 0 15px;
}

#footer_bottom {
    width: 100%;
    padding: 30px 0;
}

#footer_main .greedy-nav-footer-fixed,
#footer_main .greedy-nav-footer-fixed > ul > .greedy-li {
    height: 41px;
}

#footer_main .greedy-nav-footer-fixed > ul > .greedy-li {
    margin-right: 0;
}

#footer_main .greedy-nav-footer-fixed .links-3 .greedy-a {
    white-space: nowrap;
    line-height: 41px;
}

.footer-menu .header-add-block {
    background-color: transparent;
    padding: 0;
    margin: 0;
}

.footer_left,
.footer_center {
    padding-right: 20px;
}

.footer_right {
    padding-right: 60px;
}

#footer_main p,
#footer_main a {
    font-size: 13px;
    line-height: 1.4;
    display: block;
}

#footer_main p {
    margin-bottom: 10px;
}

#footer_main .rss-link p,
#footer_main .weather-logo p {
    margin-bottom: 0;
}

#footer_main .footer_right p {
    line-height: 1.2;
}

#footer_main p a {
    display: inline;
    line-height: inherit;
    color: #1e51a5;
    font-weight: 600;
}

#footer_main p a:hover {
    color: #e43927;
}

#footer_bottom p,
#footer_bottom a {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 100;
}

#footer_bottom p a {
    text-decoration: underline;
}

#footer_bottom p a:hover {
    opacity: .75;
}

#footer_bottom .dev {
    margin-top: 20px;
}

#footer_bottom .counts {
    display: flex;
}

#footer_bottom .counts a {
    display: block;
    margin: 0;
    width: auto;
}

#footer_bottom .counts a + a:last-child {
    margin-left: 15px;
}

#footer_main .weather-logo a,
#footer_main .weather-logo img {
    width: 115px;
}

#footer_main .rss-link a {
    width: 60px;
    height: 25px;
    border-radius: 5px;
    margin-left: 7px;
    font-weight: 800;
    background-color: #fff;
    color: #000;
}

#footer_main .rss-link a .svg-icon {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    fill: #ff9900;
}

.footer_right {
    position: relative;
}

.age-limit {
    width: 40px;
    height: 26px;
    border-radius: 5px;
    padding-top: 3px;
    font-size: 13px;
    line-height: 23px;
    font-weight: 800;
    text-align: center;
    background-color: #fff;
    color: #000;
    user-select: none;
}

.info .age-limit {
    position: relative;
    right: auto;
    height: 15px;
    line-height: 15px;
    top: auto;
    width: 28px;
    padding: 0;
    font-size: 11px;
    border-radius: 3px;
    margin: -5px 3px 0 0;
    background-color: #f19c93;
    background-color: #e8ebef;
    background-color: #e43927;
    color: #fff;
}

.article-content .info .age-limit {
    margin: -3px 3px 0 0;
}

/*.lenta-in-material .info .age-limit {
    background-color: #fff;
}*/

@media (min-width: 768px) {
    .footer-logo {
        margin-right: 40px;
    }

    .age-limit {
        position: absolute;
        top: 0;
        right: 7.5px;
    }
}

button,
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    height: 42px;
    border-radius: 5px;
    border: none;
    padding: 0 15px;
    margin: auto;
    font-weight: 900;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    user-select: none;
    letter-spacing: .5px;
    transition: all .1s;
}

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 {
    transform: translateY(2px);
}

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

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

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

/*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;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 15px;
    line-height: 1.2;
    color: #041f4a;
    padding-left: 16px;
    margin-top: -2px;
}

.anons-box-title:before {
    content: '';
    position: absolute;
    top: 2px;
    left: -2px;
    background-image: url(/themes/default/front/img/angle-guide-color.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}

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

    .anons-box-title:before {
        top: 1px;
        left: -3px;
        height: 17px;
        width: 17px;
    }
}

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

.dark-theme .anons-box-title:before {
    background-image: url(/themes/default/front/img/angle-guide-color-on-dark.svg);
}

.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: #000;
}

.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 {
    margin-top: 15px;
}

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

.anons-tabs .nav-link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 22px;
    border-radius: 0;
    padding: 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;
    color: rgba(4, 31, 74, 0.7);
    background-color: #e9ecf0;
}

.anons-tabs .nav-link:hover {
    background-color: #d7dade;
}

.anons-tabs .nav-pills .nav-link.active,
.anons-tabs .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #e43927;
}

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

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

/*End of anons-box-tabs*/

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

.info {
    font-size: 11px;
    color: #8797a3;
}

.info .svg-icon {
    margin-right: 3px;
    fill: #8797a3;
}

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

.dark-theme .info {
    color: #9ba5b7;
}

.dark-theme .info .svg-icon {
    fill: #9ba5b7;
}

.info .rubrica {
    text-transform: uppercase;
}

.info-media .svg-icon {
    width: 17px;
    height: 17px;
    margin-top: -5px;
    fill: rgba(227, 57, 39, 0.5);
}

.dark-theme .info-media .svg-icon {
    fill: rgba(227, 57, 39, 0.65);
}

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

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

.info {
    flex-wrap: wrap;
}

.info-media,
.info-focus {
    margin-top: .5rem;
}

.article-content .info-media,
.article-content .info-focus,
.themes-list-item .info-media,
.themes-list-item .info-focus {
    margin-top: 0;
}

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

/*.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: 1280px) {
    /*.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: 15px;
    height: 15px;
    margin-top: -3px;
}

.info-focus .svg-symbol-comment {
    margin-top: -1px;
}

/*.info-focus .svg-icon {
    width: 15px;
    height: 15px;
    margin-top: -1px;
}

.info-focus .svg-symbol-comment {
    margin-bottom: -3px;
}*/

.article-content .info {
    margin-bottom: 8px;
}

.article-content .info + .app_in_text {
    margin-top: 30px;
}

/*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: #041f4a;
    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: 800;
    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;
}

.block-with-splide .splide {
    overflow: hidden;
    margin-top: 15px;
}

.splide__arrows {
    display: none;
    position: absolute;
    left: -56px;
    width: calc(100% + 112px);
    z-index: 10;
    transition: all .4s ease-in;
    transition-delay: .25s;
}

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

.block-with-splide .splide__arrows {
    top: calc(50% - 22px - 10px);
}

.block-with-splide.block-guide .splide__arrows {
    top: calc(50% - 22px);
}

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

.splide__arrow {
    position: absolute;
    top: 0;
    width: 44px;
    height: 44px;
    padding: 8px;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .12);
    transition: all .15s ease, background-color .15s ease, transform .05s linear;
}

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

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

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

.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__arrow svg {
    fill: #24406e;
    width: 100%;
    height: 100%;
    transition: fill .15s ease;
}

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

.splide__arrow:hover {
    background-color: #24406e;
}

.splide__arrow:hover svg {
    fill: #fff;
}

.splide__arrow:active svg {
    transform: scale(1.1);
}

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

.slider-in-material .splide__arrow:hover {
    background-color: #fff;
}

.slider-in-material .splide__arrow:hover svg {
    fill: #e75242;
}

.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 {
    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: #041f4a;
}

.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: 800;
    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 Блок Справочник*/

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

.no-shadow {
    box-shadow: none !important;
}

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

.article-content .image-box figure.image,
.article-content figure.image.image-style-align-left,
.article-content figure.image.image-style-align-right,
.article-content .min-left figure,
.article-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: #041f4a;
}

.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: 800;
    line-height: 1.3;
}

.anons-item {
    margin-bottom: 15px;
}

.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: 62.5%;
}

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

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

.anons-item-cover-in img,
.anons-item-cover-in video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.plitka-animate img {
    animation-name: image-animate;
    animation-duration: 15s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    transform-origin: left center;
}

@keyframes image-animate {
    0% {
        transform: none
    }
    25% {
        transform: scale(1.4)
    }
    70% {
        transform: scale(1.4) translateX(-25%)
    }
    85% {
        transform: none
    }
    100% {
        transform: none
    }
}

.type-3 .anons-item-cover + div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.anons-item-title {
    line-height: 1.2;
    font-weight: 800;
    color: #000;
}

.type-3 .anons-item-title,
.type-3.anons-item:hover .anons-item-title {
    color: #fff;
}

.type-3 .anons-item-title {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 50%, rgba(0, 0, 0, .3) 100%);
}

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

.anons-item.anons-item-g .anons-item-cover {
    flex: 0 0 auto;
    width: 36%;
}

.anons-item.anons-item-g .anons-item-cover:before {
    display: none;
}

.anons-item.anons-item-g .anons-item-cover + div {
    flex: 0 0 auto;
    width: 64%;
}

.context-news-container .anons-item.anons-item-g {
    min-height: 105px;
    height: 105px;
}

.context-news-container .anons-item.anons-item-g .anons-item-cover {
    width: 23%;
}

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

.context-news-container .anons-item.anons-item-g .anons-item-title {
    padding: 20px 20px 0 20px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 600;
}

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

.archive-container .anons-item.anons-item-g {
    height: 110px;
    min-height: auto;
}

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

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

.archive-container .anons-item-title {
    font-weight: 600;
    font-size: 15px;
    padding: 15px 20px 10px 20px;
    color: #000;
}

.archive-container .anons-item.anons-item-g .info {
    padding: 0 20px 15px 20px;
}

@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: #041f4a;
}

.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;
}

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

.blockA3new-mobile.mobile-view {
    min-height: 162px;
}

.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;
}

.blockA3new-mobile.mobile-view .anons-box-title.small.vertical {
    position: absolute;
    top: 38px;
    left: -3px;
}

.blockA3new-mobile.mobile-view .splide__pagination {
    padding-right: 20px;
}

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

.blockA3new-mobile.mobile-view .anons-item {
    padding-right: 20px;
}

.blockA3new-mobile.mobile-view .anons-item > a > div:first-child {
    margin-bottom: 3vw;
}

.blockA3new-mobile.mobile-view .anons-item-title {
    padding: 0;
    font-size: 4.375vw;
    font-weight: 800;
}

.blockA3new-mobile.mobile-view .anons-item-cover {
    position: relative;
    display: block;
    width: 15.625vw;
    min-width: 15.625vw;
    height: auto;
    overflow: hidden;
    margin-left: 3vw;
}

.blockA3new-mobile.mobile-view .anons-item-cover:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.blockA3new-mobile.mobile-view .anons-item .info {
    padding: 0;
    text-transform: uppercase;
}

.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: #041f4a;
}

.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: 400px) {
    .blockA3new-mobile.mobile-view .anons-item > a > div:first-child {
        margin-bottom: 12px;
    }

    .blockA3new-mobile.mobile-view .anons-item-title {
        font-size: 18px;
    }

    .blockA3new-mobile.mobile-view .anons-item-cover {
        width: 65px;
        min-width: 65px;
        margin-left: 12px;
    }
}

@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;
    }

    .blockA3new-mobile.mobile-view {
        width: 100%;
        margin-left: 0;
        padding: 15px 20px 15px 47px;
    }

    .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;
    }

    .blockA3new-mobile.mobile-view .anons-item {
        padding-right: 0;
    }

    .blockA3new-mobile.mobile-view .splide__pagination {
        padding-right: 0;
    }

}

/*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: 39px;
    height: 40px;
    width: 40px;
    background-color: #e8ebef;
    color: #000;
    font-size: 11px;
    white-space: nowrap;
    float: none;
    border: none;
    border-radius: 50%;
    text-decoration: none;
    padding: 1px 0 0;
    margin: 0 3px;
    user-select: none;
    transition: all .1s ease;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination a:hover {
    padding: 0;
    width: 40px;
    background-color: #ced2d6;
    color: #000;
    border-radius: 50%;
    border: none;
    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: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: #fff;
    background-color: #24406e;
}

.pagination > li > a:hover {
    background-color: #ced2d6;
}

.pagination > li > a:active {
    color: #fff;
    background-color: #24406e;
    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: #ced2d6;
    color: #000;
}

.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 #000;
}

@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: #000;
}

.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: 800;
    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: #8797a3;
}

/*.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: 1280px) {
    .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;
}

body:not(.for-phone) .search-section .search-form {
    padding: 30px 20px 15px;
}

.search-section .search-form {
    padding: 20px 20px 10px;
}

.search-section .input-group > .form-control,
.search-section .input-group > .form-select {
    width: calc(100% - 34px);
    padding: 0 10px;
    font-size: 15px;
    height: 34px;
    border: none;
    border-radius: 0;
}

.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;
}

.search-section .button-search {
    width: 34px;
    height: 34px;
    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;
    margin: 15px 15px 0;
    height: 34px;
    line-height: 34px;
    font-size: 15px;
    display: block;
    border: none;
}

.search-section .select-result .btn {
    outline: none !important;
    color: #8898a4;
}

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

.search-section .select-result .btn.active {
    color: #041f4a;
    font-weight: 800;
}

/*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: rgba(19, 25, 32, 0.07);
}

.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 {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=20);
    opacity: .2;
}

.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 > .scroll-element:hover .scroll-bar {
    background-color: #131920;
}

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

/* 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 ***************/

/*-------*/

.cookie-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    /*transform: translateY(150%);*/
    z-index: 3000;
    transition: .05s;
    display: none;
    visibility: hidden;
}
.cookie-container.show {
    opacity: 1;
    display: block;
    visibility: visible;
}


/*@media (min-width: 768px) {
    .cookie-container {
        left: calc(50% - 325px);
        width: 650px;
    }
}*/

/*.for-phone .cookie-container {
    bottom: 75px;
}*/

.cookie-plate {
    margin: auto;
    width: 100%;
    background-color: #fff;
    padding: 20px;
    z-index: 2000;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #041f4a;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cookie-plate a {
    color: #e43927;
}

.cookie-plate a:hover {
    color: #041f4a;
    text-decoration: underline;
}

.cookie_btn {
    width: 80px;
    max-width: none;
    min-width: auto;
    height: 34px;
    line-height: 34px;
    margin: 20px auto 0;
    border: none;
    color: #fff;
    transition: all .1s ease;
}

/*.cookie-container.show {
    animation: cookie-container-animation .0s 1;
    animation-fill-mode: forwards;
    animation-delay: 0s;
}

@keyframes cookie-container-animation {
    from {
        transform: translateY(150%);
    }
    to {
        transform: translateY(0);
    }
}*/

/*-------*/