/* Start:/blog/assets/css/style.css?17437673892040*/
.mes{padding: 20px; border: 1px solid #de0000; color: #de0000; margin-bottom: 10px;}
.link{color: #52B300; border-bottom: 1px solid currentColor;}
.link:hover{color: #52B300; border-bottom: 1px solid currentColor;}

.h2_mc {
    font-size: 12px;
    font-weight: normal;
    color: #fff;
    background: #e37d1d;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 10px;
    position: relative;
    margin-left: 10px;
    top: -2px;
}

.reward_disabled, .reward_disabled * {
    /*color: #888C92!important;*/
    color: grey;
    opacity: .9;
    filter: grayscale(100%);
}

.ui .field-label .icon{fill: #50ad01; top: 3px;}


.soc_wrap .ok, .soc_wrap .vk, .soc_wrap .telegram, .soc_wrap .discord{
    position: relative;
}
.soc_wrap .ok input, .soc_wrap .vk input, .soc_wrap .telegram input, .soc_wrap .discord input, .soc_wrap .dzen input, .soc_wrap .youtube input{
    padding-left: 50px; transition: all .4s;
}

.soc_wrap .ok:before, .soc_wrap .vk:before, .soc_wrap .telegram:before, .soc_wrap .discord:before, .soc_wrap .dzen:before, .youtube:before
{
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
}
.soc_wrap .vk:before{
    background: url(/local/templates/main_page_2023/images/icons/social/vk.svg);
    background-size: contain;
}
.soc_wrap .ok:before{
    background: url(/local/templates/main_page_2023/images/icons/social/ok.svg);
    background-size: contain;
}
.soc_wrap .telegram:before{
    background: url(/local/templates/main_page_2023/images/icons/social/tg.svg);
    background-size: contain;
}
.soc_wrap .discord:before{
    background: url(/local/templates/main_page_2023/images/icons/social/discord.svg);
    background-size: contain;
}
.soc_wrap .youtube:before{
    background: url(/local/templates/main_page_2023/images/icons/social/youtube.svg);
    background-size: contain;
}
.soc_wrap .dzen:before{
    background: url(/local/templates/main_page_2023/images/icons/social/dzen.svg);
    background-size: contain;
}
/* End */


/* Start:/local/components/yakus/search.title/templates/search-top2021/style.css?17437471891313*/
.table_line_2 {
    border: none;
    padding: 0px;
    margin: 0px;
}

.table_line_2 td {
    vertical-align: top;
}

#search {
    position: relative;
    width: 100%;
}

.title-search-result {
    z-index: 1000;
    background: #fff;
    padding: 10px;
    display: none;
    -webkit-border-radius: 0 5px;
    box-sizing: border-box;
    border: 2px solid #e3e3e3;
    top: 46px;
    border-radius: 22px;
}

.title-search-result a {
    display: block;
    text-decoration: none;
    padding: 3px;
    transition: none;
}

.title-search-result a:hover {
    background: #fafafa;
    color: #52B300;

}

.title-search-result a b {
    color: #FF7E00 !important;
}

.search_submit {
    background: #ff7170;
    width: 44px;
    height: 39px;
    border: none;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    z-index: 2;
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

.search_submit:hover {
    background: #ff5857;
}

.delimetr_search_result {
    height: 1px;
    border-bottom: 1px dashed #eee;
    margin: 10px 0px;
}

.title-search-result2 {
    width: 100%;
}

.title-search-price {
    float: right;
}

.tbl_search{border: none;}
.tbl_search td{border: none; text-align: left; padding: 4px 10px;}
/* End */


/* Start:/local/templates/BLOG/components/bitrix/menu/main/style.css?174374718528*/
.not-active{color: #b0b0b0;}
/* End */


/* Start:/local/templates/BLOG/components/bitrix/news.list/posts_list_index/style.css?1743747185182*/
.sidebar-module .list.posts_list_sidebar li{padding: 15px 0px;}
.sidebar-module .list.posts_list_sidebar .image{width: 100%; height: auto; position: relative; margin-bottom: 10px;}


/* End */


/* Start:/local/components/yakus/authregister/templates/blog/style.css?17834253132493*/
.modal-body .error, .modal-body .is-error span{color: #f00; font-size: 12px; font-weight: 500; margin: 10px 0px 10px 0px; display: block;}
.modal-body .error a{border-bottom: 1px solid #f00; padding-bottom: 2px;}
.modal-body .is-error span{margin: 10px 0px 10px 0px;}
.modal-window.switchable .link_forward{margin-top: 20px;}
.modal-window.switchable .modal-header .close{background: none;}
.modal-window.switchable .switcher{width: auto; display: inline-block; height: auto; float: none; font-size: 14px; font-weight: bold; border-bottom: 1px solid #7c7c7c; margin: 0 0 0 0px;}
.modal-return.close { cursor: pointer; display: block; margin-bottom: 10px; color: #7c7c7c; text-decoration: underline; font-size: 14px; }
@media (min-width: 768px) {
    .modal-return.close { display: none; }
}
.modal-window.switchable .container { padding: 0; }

.link_forward{display: inline-block; margin: 0 auto; border-bottom: 1px solid #eee;}

.social-networks{
    margin: 0px 0px 20px 0px;
}
.social-networks li {
    float: left;
    margin-left: 10px;
}
.social-networks li:first-child {
    margin-left: 0px;
}
.social-networks a {
    display: block;
    font-size: 32px;
    width: 1em;
    height: 1em;
    background: url("/local/templates/ms_2018/img/social-networks.png") no-repeat;
    -webkit-background-size: auto 1em;
    background-size: auto 1em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.social-networks .rss {
    background-position: -10em 0;
}

.social-networks .odnoklassniki {
    background-position: -1em 0;
}
.social-networks .facebook {
    background-position: -2em 0;
}
.social-networks .twitter {
    background-position: -3em 0;
}
.social-networks .instagram {
    background-position: -4em 0;
}
.social-networks .dzen {
    background-position: -11em 0;
}
.social-networks .pinterest {
    background-position: -5em 0;
}
.social-networks .telegram {
    background-position: -6em 0;
}
.social-networks .youtube {
    background-position: -7em 0;
}
.social-networks .tumblr {
    background-position: -8em 0;
}
.social-networks .googleplus, .social-networks .google {
    background-position: -9em 0;
}
.social-networks .whatsapp {
    background-position: -12em 0;
}
.social-networks .yandex {
    background-position: -14em 0;
}
.social-networks .mymailru {
    background-position: -13em 0;
}

.modal-body #footer .menu, .modal-body #footer .bottom {
    border-top: 1px solid #e7eaea;
    margin-top: 35px;
}
.social-networks a:hover {
    opacity: .8;
}
/* End */


/* Start:/local/templates/BLOG/template_styles.css?178342531377449*/
/*Если закомментить .modal-open то при просмотре превью поста, скроллится вместо самого поста задняя часть сайта*/
.modal-open {
    overflow: hidden;
}
/*.modal-open .modal-container {
    overflow-x: hidden;
    overflow-y: scroll;
}*/
.modal-container {
    width: 100vw;
    height: 100vh;
    background: rgba(4,0,0,0.65);
    text-align: center;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
}
.modal-container:not(.active) {
    display: none;
}
.modal-window {
    width: calc(100vw - 30px);
    max-width: 400px;
    padding: 30px;
    background: #fff;
    border-radius: 5px;
    text-align: left;
    position: relative;
    margin: 40px auto;
}
.modal-window.medium {
    max-width: 470px;
}
.modal-window.wide {
    max-width: 570px;
}
.modal-window.modal-video {
    max-width: 960px;
    padding: 0;
    border: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #000;
    margin-top: 60px;
}
.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
}
.video-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.modal-container.modal-window {
    height: auto;
    position: fixed;
    max-height: calc(100vh - 160px);
    top: 120px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 4px auto 0;
    overflow: auto;
}
.modal_review_replay .modal-window, .modal_review_complaint .modal-window{max-width: 500px!important;}

@media (min-width: 768px) {
    .modal-container.modal-window {
        max-height: none;
        position: absolute;
        top: 100%;
    }
}
.modal-header {
    padding: 20px 25px 20px 0;
    border-bottom: 1px solid #ECEEF0;
    margin: -20px 0 20px;
}
.modal-header[class*="icon"] {
    padding-left: 25px;
    background: transparent 0 50% no-repeat;
    -webkit-background-size: 16px;
    background-size: 16px;
}
.modal-header.icon-settings {
    background-image: url("/local/templates/BLOG/img/settings.svg");
}
.modal-header.icon-sorting {
    background-image: url("/local/templates/BLOG/img/sorting.svg");
}
.modal-header.icon-rewards {
    padding-left: 32px;
    background-image: url("/local/templates/BLOG/img/reward.svg");
    -webkit-background-size: 18px 25px;
    background-size: 18px 25px;
}
.modal-header h3, .modal-header .h3 {
    font-weight: 500;
    margin: 0;
}
.modal-close {
    width: 20px;
    height: 20px;
    background: url("/local/templates/BLOG/img/close.svg") 50% 50% no-repeat;
    background-size: 20%;
    -webkit-background-size: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 50;
    transition: all 0.3s;
}
.btn_text_back{display: none;}
.modal-window.modal-video .modal-close {
    background-image: url("/local/templates/BLOG/img/close-white.svg");
    top: -60px;
}
.modal-close:hover {
    opacity: .67;
}
.modal-window.switchable .h3{display: inline-block; font-size: 28px; margin: 0 1em 0 0em;}
.modal-album-trigger, [data-lightbox] {
    display: block;
    position: relative;
}
.modal-album-trigger:after, [data-lightbox]:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(82,179,0,0.6) url("/local/templates/BLOG/img/zoomin.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition: .15s;
    transition: .15s;
}
.modal-album-trigger:hover:after, [data-lightbox]:hover:after {
    opacity: 1;
}
.modal-album {
    max-width: 920px;
    padding: 0;
    border-radius: 0;
}
.modal-album .modal-close {
    width: 40px;
    height: 40px;
    background: rgba(0,0,0,0.3) url("/local/templates/BLOG/img/close-white.svg") 50% 50% no-repeat;
    -webkit-background-size: 20px;
    background-size: 20px;
    opacity: 1;
}
.modal-album .modal-close:hover {
    background-color: rgba(0,0,0,0.5);
}
.modal-album .description {
    padding: 20px 60px 40px;
}
.modal-album .article-params {
    padding-bottom: 20px;
    border-bottom: 1px solid #EAECEF;
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .modal-album .description {
        padding: 20px 30px 30px;
    }
}
@media (max-width: 479px) {
    .modal-album .description {
        padding: 20px;
    }
}
.modal-window .article-content {
    font-size: 16px;
    color: #000;
}
.modal-window.modal-author {
    padding: 20px 30px 20px 130px;
}
.modal-author-image {
    width: 80px;
    height: 80px;
    left: 30px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    border-radius: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    left: 30px;
    top: 20px;
}
.modal-author-image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.modal-author-name {
    font-size: 17px;
    font-weight: 500;
    line-height: 1;
    margin: 8px 20px 0 0;
}
.modal-author .posts {
    font-size: 11px;
    color: #5B6067;
    margin-top: 4px;
}
.modal-author .activity {
    font-size: 11px;
    color: #B0B6BD;
    margin-top: 8px;
}
.modal-author .likes {
    padding-left: 23px;
    background: url("/local/templates/BLOG/img/like.svg") 0 50% no-repeat;
    font-size: 11px;
    line-height: 16px;
    display: inline-block;
    float: right;

}
.modal-author .likes.active {
    cursor: pointer;
}
.modal-author .likes.liked {
    background-image: url("/local/templates/BLOG/img/like-active.svg");
}
.modal-author .button-edit {
    position: absolute;
    top: 84px;
    left: 52.5px;
}
.modal-author .actions {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 40px 10px 0 -90px;
}
.modal-author .actions .button {
    width: calc(50% - 5px);
}
@media (min-width: 768px) {
    .modal-window.modal-author {
        -webkit-transform: none;
        transform: none;
        left: 0;
        top: auto;
        bottom: 100%;
    }
}

.lightboxOverlay {
    width: 100%;
    height: 100%;
    background: rgba(4,0,0,0.65);
    text-align: center;
    overflow: auto;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1010;
    -webkit-transform-style: preserve-3d;
}
.lightbox {
    width: 100%;
    padding-bottom: 50px;
    text-align: center;
    position: absolute;
    left: 0;
    z-index: 10000;
}
.lightbox .lb-image {
    display: block;
    height: auto;
    max-width: inherit;
    max-height: none;
}
.lb-outerContainer {
    position: relative;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    background: #fff;
}
.lb-outerContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-loader {
    width: 40px;
    height: 40px;
    border: 4px solid #999;
    border-top-color: #ccc;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}
[data-lightbox]:empty {
    display: none;
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}
@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}
.lb-nav {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    -webkit-backface-visibility: hidden;
}
.lb-nav a {
    display: table;
    width: 50%;
    height: 100%;
    font-size: 45px;
    color: transparent;
    text-decoration: none;
}
.lb-nav a span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 .4em;
    position: relative;
    display: none;
}
.lb-nav a:after {
    content: "";
    width: 1em;
    height: 1em;
    background: #fff url("/local/templates/BLOG/img/next.svg") 55% 50% no-repeat;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    margin: -0.5em .4em 0;
    -webkit-transition: .15s;
    transition: .15s;
}
.lb-nav a:hover:after {
    background-color: #52B300;
    background-image: url("/local/templates/BLOG/img/next-white.svg");
}
.lb-nav a.lb-prev {
    float: left;
    text-align: left;
}
.lb-nav a.lb-next {
    float: right;
    text-align: right;
}
.lb-nav a.lb-prev:after {
    right: auto;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.lb-dataContainer {
    margin: 0 auto;
    padding: .2rem 0 0;
    width: 100%;
    height: 35px;
}
.lb-dataContainer:after {
    content: "";
    display: table;
    clear: both;
}
.lb-data {
    padding: 0 .5rem;
}
.lb-details {
    width: 85%;
    float: left;
    text-align: left;
    color: #fff;
    margin-top: 4px;
}
.lb-caption {
    font-size: 1em;
    font-weight: bold;
}
.lb-number {
    display: block;
    font-size: .9em;
}
.lb-close {
    display: block;
    float: right;
    font-size: 30px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
    margin-right: -10px;
}
.lb-close:hover {
    color: #52B300;
}
@media (max-width: 479px) {
    .lb-nav a {
        font-size: 37px;
    }
}
.ui-helper-hidden {
    display: none
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}
.ui-helper-clearfix:after {
    clear: both
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
}
.ui-front {
    z-index: 100
}
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}
.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.ui-datepicker {
    background: #fff;
    color: #666;
    margin: 0 auto;
    display: none;
    text-align: center;
}
.ui-datepicker .ui-datepicker-header {
    height: 50px;
    line-height: 50px;
    padding: 0 50px;
    font-size: 18px;
    font-weight: bold;
    color: #52B300;
    position: relative;
}
.ui-datepicker-prev, .ui-datepicker-next {
    width: 50px;
    height: 50px;
    background: url("/local/templates/BLOG/img/caret.svg") 50% 50% no-repeat;
    position: absolute;
    top: 0;
    z-index: 3;
    opacity: .5;
    -webkit-transition: .15s;
    transition: .15s;
}
.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
    opacity: 1;
}
.ui-datepicker-prev.ui-state-disabled, .ui-datepicker-next.ui-state-disabled {
    opacity: 0;
    visibility: hidden;
}
.ui-datepicker-prev {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
}
.ui-datepicker-next {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
    right: 0;
}
.ui-datepicker table {
    width: 100%;
    max-width: 340px;
    table-layout: fixed;
    border-collapse: collapse;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.ui-datepicker th, .ui-datepicker td {
    height: 35px;
    padding: 0;
    border: 0;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 300;
}
.ui-datepicker th {
    height: 45px;
    font-weight: 500;
    background: transparent;
    color: #888C92;
}
.ui-datepicker .ui-datepicker-today {
    font-weight: bold;
}
.ui-datepicker td.ui-state-disabled {
    opacity: .5;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    cursor: pointer;
    position: relative;
}
.ui-datepicker td a:hover, .ui-datepicker .ui-state-active {
    color: #fff;
}
.ui-datepicker td a:before {
    content: "";
    width: 35px;
    height: 35px;
    background: #FF7E00;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -17.5px 0 0 -17.5px;
    z-index: -1;
    opacity: 0;
    -webkit-transition: .15s;
    transition: .15s;
}
.ui-datepicker td a:hover:before, .ui-datepicker .ui-state-active:before {
    opacity: 1;
}
.modal-window .calendar:not(.active) {
    display: none;
}
.calendar .selected {
    padding: 25px 0 15px;
    text-align: center;
    border-bottom: 1px solid #ECEEF0;
    font-size: 16px;
}
.calendar .selected:empty {
    display: none;
}
@media (max-width: 399px) {
    .ui-datepicker .ui-datepicker-header {
        font-size: 16px;
    }
    .ui-datepicker th, .ui-datepicker td, .calendar .selected {
        font-size: 15px;
    }
}

.scrollable {
    overflow: hidden;
}
.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
}
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto;
}
.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    max-height: 100%;
    max-width: 100%;
    outline: none;
}
.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}
.mCSB_scrollTools {
    width: 12px;
    height: auto;
    position: absolute;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 51;
}
.mCSB_outside + .mCSB_scrollTools {
    right: -12px;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    height: auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    border-radius: 2px;
    margin: 0 auto;
}
.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 14px;
    padding: 0 6px;
    height: 100%;
    border-radius: 7px;
    margin: 0 auto;
    background: #D2D5DA;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
    background-color: #5B6067;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 6px;
}
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mcsb_scrolltools_vertical.mcsb_scrolltools_ondrag_expand .mcsb_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: .15s;
    transition: .15s;
}
.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools, .reviews .mCSB_scrollTools {
    opacity: 0;
}
.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
}
@media (max-width: 991px) {
    .scrollable {
        overflow: auto !important;
    }
}

.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/BLOG/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-prev, .owl-next {
    font-size: 37px;
    width: 1em;
    height: 1em;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    cursor: pointer;
}
.owl-prev:hover, .owl-next:hover {
    background: #52B300;
}
.owl-prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -12px;
}
.owl-next {
    right: -12px;
}
.owl-prev:before, .owl-next:before, .owl-prev:after, .owl-next:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("/local/templates/BLOG/img/next.svg") 55% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    -webkit-transition: .15s;
    transition: .15s;
}
.owl-prev:after, .owl-next:after {
    background-image: url("/local/templates/BLOG/img/next-white.svg");
    opacity: 0;
}
.owl-prev:hover:before, .owl-next:hover:before {
    opacity: 0;
}
.owl-prev:hover:after, .owl-next:hover:after {
    opacity: 1;
}
.owl-prev.disabled, .owl-next.disabled {
    opacity: 0;
    visibility: hidden;
}
.owl-dots {
    width: 100%;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 15px;
    font-size: 0;
    line-height: 16px;
}
.owl-dot {
    display: inline-block;
    vertical-align: top;
    width: 16px;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: rgba(255,255,255,0.7);
}
.owl-dot + .owl-dot {
    margin-left: 10px;
}
.owl-dot:hover {
    background: #fff;
}
.owl-dot.active {
    background: #52B300;
}
.owl-carousel > img + img {
    display: none;
}
@media (min-width: 480px) {
    .alt-nav .owl-prev {
        font-size: 46px;
        left: 20px;
    }
    .alt-nav .owl-next {
        font-size: 46px;
        right: 20px;
    }
}

.article-content {
    font-size: 18px;
    color: #5D5D5D;
}
.article-content h1 {
    font-size: 1.833em;
    font-weight: 500;
    margin: 15px 0px;
}
.article-content h2 {
    font-size: 1.6em;
    font-weight: 500;
    margin: 15px 0px;
}
.article-content h3 {
    font-size: 1.33em;
    font-weight: 500;
    margin: 15px 0px;
}
.article-content p, .article-content ul, .article-content ol {
    margin: 1.5rem 0;
}
.article-content .list-unstyled {
    margin: 0;
}
.article-content > :first-child {
    margin-top: 0;
}
.article-content > :last-child {
    margin-bottom: 0;
}
.article-content li, .article-content .numbered {
    padding-left: 3em;
    position: relative;
    list-style:none;
}
.article-content li + li {
    margin-top: 1em;
}
.article-content .list-unstyled li {
    padding: 0;
    margin: 0;
}
.article-content .list-unstyled li:before {
    content: None;
}
.article-content li:before {
    content: "";
    position: absolute;
    left: 2em;
    top: 0;/*если сделать 0 тогда в посте циферный li криво*/
    top: -7px;
}
.article-content ul li:before {
    width: 12px;
    height: 12px;
    border: 2px solid #52B300;
    border-radius: 50%;
    top: .7em;
    margin-top: -7px;
}
.article-content ol {
    list-style: none;
    counter-reset: i;
}
.article-content ol li:before {
    content: counter(i, decimal);
    counter-increment: i;

    width: 35px;
    height: 35px;
    border: 2px solid #52B300;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    color: #52B300;
    position: absolute;
    left: 0px;
}
.article-content .numbered:before {
    content: attr(data-number);
    width: 35px;
    height: 35px;
    border: 2px solid #52B300;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 31px;
    color: #52B300;
    position: absolute;
    left: 10px;
    top: 0;
}
.article-content strong, .article-content b {
    font-weight: bold;
}
.article-content a {
    color: #5B6067;
    text-decoration: underline;
}
.article-content a:hover {
    color: #52B300;
}
.main-bg .article-content {
    color: #000;
}
.article-image {
    margin: 1.5em -60px;
}
.article-image .image {
    display: block;
    position: relative;
    margin: 0;
}
.article-image img{
    width: 100%;
}

.article-image .caption {
    max-width: 40%;
    background: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 5px 15px;
    position: absolute;
    left: 60px;
    bottom: 20px;
}
.article-image .footer {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px 60px 0px 60px;
    padding: 5px 0 5px;
    border-bottom: 1px solid #F1F3F5;
    position: relative;
}

.article-image .description +.footer{margin-top: -20px;}

.article-image .source {
    max-width: 50%;
    font-size: 11px;
    color: #888C92;
    margin: 11px 10px 0 0;
}
.article-image .source.description{
    background: #fff;
    box-shadow: 3px 3px 5px rgba(120, 120, 120, 0.2);
    text-align: center;
    margin: 0px;
    top: -12px;
    left: 55px;
    border-radius: 3px;
    position: relative;
    width: calc(100% - 110px);
    max-width: 100%;
    padding: 5px;
}
.article-image .save, .bookmark {
    padding-left: 27px;
    background: url("/local/templates/BLOG/img/share.svg") 0 50% no-repeat;
    font-size: 12px;
    font-weight: 500;
    color: inherit;
    margin-top: 10px;
}
.article-image .save:hover {
    color: #52B300;
}
.bookmark {
    min-width: 20px;
    background: none;
    color: #888C92;
    cursor: pointer;
    -webkit-transition: .15s;
    transition: .15s;
    position: relative;
}
.article-content .bookmark {
    text-decoration: none;
    color: #888C92;
}
.bookmark:hover, .article-content .bookmark:hover {
    color: #000;
}
.bookmark:before, .bookmark:after {
    content: url("/local/templates/BLOG/img/star2.svg");
    position: absolute;
    left: 0;
    top: -3px;
}
.bookmark:after {
    content: url("/local/templates/BLOG/img/star2-green.svg");
    opacity: 0;
}
.bookmark.bookmarked:before {
    opacity: 0;
}
.bookmark.bookmarked:after {
    opacity: 1;
}
.share {
    font-size: 12px;
    line-height: 18px;
}
.share .label {
    display: inline-block;
    margin-right: 12px;
}
.share ul {
    display: inline-block;
    vertical-align: top;
    margin: 0;
}
.share li {
    float: left;
    margin: 0;
}
.share li + li, .article-content .share li + li {
    margin-left: 8px;
}
.share a {
    display: block;
    width: 18px;
    height: 18px;
    background: 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    border-radius: 50%;
    -webkit-filter: grayscale(90%) hue-rotate(90deg);
    filter: grayscale(90%) hue-rotate(90deg);
    opacity: .5;
}
.share .facebook {
    background-image: url("/local/templates/BLOG/img/social-networks/facebook.svg");
}
.share .vkontakte {
    background-image: url("/local/templates/BLOG/img/social-networks/vkontakte.svg");
}
.share .odnoklassniki {
    background-image: url("/local/templates/BLOG/img/social-networks/odnoklassniki.svg");
}
.share .pinterest {
    background-image: url("/local/templates/BLOG/img/social-networks/pinterest.svg");
}
.share .whatsapp {
    background-image: url("/local/templates/BLOG/img/social-networks/whatsapp.svg");
}
.share .telegram {
    background-image: url("/local/templates/BLOG/img/social-networks/telegram.svg");
}
.share a:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.article-slider, .article-gallery {
    margin: 1.5rem -60px;
    position: relative;
}
.article-slider .item {
    height: 450px;
}
.article-slider .previews-wrapper {
    width: 143px;
    max-height: 100%;
    padding: 24px 0;
    position: absolute;
    right: 65px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
}
.article-slider .previews div {
    height: 93px;
    margin-right: 20px;
    position: relative;
}
.article-slider .previews div:after {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #FF7E00;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}
.article-slider .previews div.active:after {
    opacity: 1;
}
.article-slider .previews div + div {
    margin-top: 10px;
}
.article-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-note {
    background: #FBF9F3 url("/local/templates/BLOG/img/info.svg") 80px 30px no-repeat;
    padding: 30px 60px 30px 130px;
    margin: 1.5em -60px;
    font-size: 16px;
}
.article-note.question {
    background-color: #F5F9F2;
    background-image: url("/local/templates/BLOG/img/question.svg");
}
.article-note .header {
    font-size: 1.25rem;
    font-weight: bold;
    color: #FF7E00;
}
.article-note.question .header {
    color: #52B300;
}
.article-note p {
    margin: .5rem 0 0;
}
.article-quote {
    min-height: 57px;
    padding: 10px 0 10px 120px;
    background: url("/local/templates/BLOG/img/quotes.svg") 10px 0 no-repeat;
    font-weight: 500;
    margin: 1.5rem 0;
}
.article-content table {
    margin: 1.5rem 0;
}
.article-link {
    display: block;
    padding: 16px 70px 16px 54px;
    border: 1px solid #52B300;
    font-size: 16px;
    position: relative;
    margin: 1.5rem 0;
}
.article-link:hover, .article-content .article-link, .article-content .article-link:hover {
    text-decoration: none;
    color: #000;
}
.article-link:before {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #52B300;
    border-radius: 50%;
    position: absolute;
    left: 30px;
    top: 50%;
    margin-top: -6px;
}
.article-link:after {
    content: "";
    width: 55px;
    height: 100%;
    background: url("/local/templates/BLOG/img/arrow2.svg") 50% 50% no-repeat;
    outline: 1px solid #E0E3E8;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: .15s;
    transition: .15s;
}
.article-link:hover:after {
    outline: 1px solid #52B300;
}
.article-video {
    min-height: 232px;
    margin: 1.5em 0;
    background: #0F1113;
    position: relative;
}
.article-video img {
    display: block;
    width: 100%;
    opacity: .7;
    -webkit-transition: .15s;
    transition: .15s;
}
.article-video:hover img {
    opacity: .85;
}
.article-video:before {
    content: "";
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(#000,transparent);
    background: linear-gradient(#000,transparent);
    opacity: .3;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.article-video:after {
    content: "";
    width: 80px;
    height: 80px;
    background: url("/local/templates/BLOG/img/play2.svg");
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
    z-index: 2;
}
.article-video .title {
    width: 100%;
    padding: 15px 50px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
@media (max-width: 1079px) {
    .article-image, .article-slider, .article-gallery {
        margin: 1.5em -40px;
    }
    .article-image .footer {
        margin: 0 40px;
    }
    .article-note {
        background-position: 50px 30px;
        padding: 30px 40px 30px 100px;
        margin: 1.5em -40px;
    }
    .article-gallery .owl-nav {
        display: none;
    }
}
@media (min-width: 992px) {
    .article-gallery:not(:hover) .owl-prev, .article-gallery:not(:hover) .owl-next {
        opacity: 0;
    }
}
@media (min-width: 768px) {
    .article-image .share {
        position: absolute;
        right: 200px;
        bottom: 14px;
    }
    .article-image .bookmark {
        order: 3;
    }
    .article-content table {
        font-size: 14px;
    }
}
@media (max-width: 767px) {
    .article-image .share {
        width: 100%;
        margin: 10px 0 0;
    }
}
@media (max-width: 599px) {
    .article-content {
        font-size: 16px;
    }
    .article-content li {
        font-size: .95em;
    }
    .article-content li:before {
        left: 0;
    }
    .article-content ol li:before {
        left: 0;
        width: 25px;
        height: 25px;
        line-height: 21px;
        font-size: 19px;
    }
    .article-content .numbered {
        font-size: .95em;
        padding-left: 50px;
    }
    .article-content .numbered:before {
        left: 0;
    }
    .article-image, .article-slider, .article-gallery {
        margin: 1.5em -15px;
    }
    .article-image .caption {
        max-width: calc(100% - 30px);
        left: 15px;
        bottom: 15px;
    }
    .article-image .save {
        margin-top: 8px;
    }
    .article-image .footer {
        margin: 0 15px;
    }
    .article-slider .item {
        height: 60vw;
    }
    .article-slider .previews-wrapper {
        display: none;
    }
    .article-slider .owl-prev {
        left: 15px;
    }
    .article-slider .owl-next {
        right: 15px;
    }
    .article-note {
        padding: 20px 30px;
        margin: 1.5em -15px;
        background-position: 30px 20px;
        -webkit-background-size: 25px;
        background-size: 25px;
        font-size: 1em;
    }
    .article-note .header {
        padding: 3px 0 0 34px;
        font-size: 1em;
    }
    .article-quote {
        padding: 0 0 0 50px;
        background-position: 0 4px;
        -webkit-background-size: 40px;
        background-size: 40px;
        min-height: 40px;
    }
    .article-link {
        padding: 10px 44px;
        font-size: 15px;
    }
    .article-link:before {
        left: 20px;
    }
    .article-link:after, .article-link:hover:after {
        outline: none;
    }
    .article-video {
        height: 50vw;
    }
    .article-video .title {
        padding: 15px 20px;
    }
    .article-video img {
        height: 100%;
        object-fit: cover;
    }
}
@media (max-width: 399px) {
    .article-content {
        font-size: 15px;
    }
    .article-content table {
        font-size: 13px;
    }
    .article-link {
        font-size: 14px;
    }
}
.article-header {
    margin-bottom: 20px;
}
.article-author {
    max-width: calc(100% - 280px);
    display: inline-block;
    padding: 4px 0 0 56px;
    position: relative;
}
.article-author .image {
    width: 44px;
    height: 44px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    border-radius: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.article-author.online .image {
    -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 px #B5E28F;
    box-shadow: 0 0 0 1px #fff, 0 0 0 2px #B5E28F;
}
.article-author .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.article-author .name {
    font-size: 15px;
    font-weight: 500;
    max-height: 76px;
    overflow: hidden;
}
.article-author .posts {
    font-size: 11px;
    color: #5B6067;
    margin-top: 3px;
}
.article-actions {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    float: right;
    margin-top: 10px;
}
.article-actions .button {
    margin-left: 15px;
}
.article-footer {
    margin: 30px 0 -10px;
}
.article-footer .tags, .article-footer .article-params {
    padding-bottom: 10px;
    border-bottom: 1px solid #ECEFF2;
    margin-bottom: 18px;
}
@media (max-width: 767px) {
    .article-author {
        max-width: calc(100% - 270px);
    }
}
@media (max-width: 599px) {
    .article-header {
        padding-top: 60px;
        position: relative;
    }
    .article-author {
        max-width: calc(100% - 40px);
        max-height: 34px;
    }
    .article-header .article-author {
        position: absolute;
        left: 0;
        top: 0;
    }
    .article-header .article-author .name {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 34px;
        white-space: nowrap;
    }
    .article-author .posts {
        margin-top: 0;
    }
    .article-header .article-actions {
        position: absolute;
        right: 0;
        top: 0;
    }
    .article-footer .article-author {
        max-width: none;
    }
    .article-footer .article-actions {
        width: 100%;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        margin-top: 10px;
    }
    .article-footer .article-actions .button {
        width: calc(50% - 5px);
        margin: 10px 0 0;
    }
}
@media (min-width: 400px) and (max-width: 599px) {
    .article-footer .article-params .readlater {
        float: right;
        clear: none;
    }
}
@media (max-width: 399px) {
    .article-header {
        padding-top: 50px;
    }
    .article-header .article-author {
        padding: 0 0 0 40px;
    }
    .article-header .article-author .image {
        width: 30px;
        height: 30px;
    }
    .article-header .article-author .name {
        font-size: 13px;
    }
    .article-header .article-author .posts {
        margin-top: 0;
    }
}






.page-header {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
}
.page-header h1 {
    margin-bottom: 0;
}
.page-header h1.medium {
    width: calc(100% - 120px);
}
.page-header h1.narrow {
    width: calc(100% - 200px);
}
.page-header .options, .page-header .reply {
    margin-left: auto;
}
.page-header .options li {
    float: left;
    position: relative;
}
.page-header .options li + li {
    margin-left: 14px;
}

.tags {
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 6px;
    color: #5B6067;
}
.tags ul {
    float: left;
}
.tags ul:not(.all) li:nth-child(n+8) {
    display: none;
}
.tags li {
    display: inline-block;
    vertical-align: top;
    margin: 0 14px 6px 0;
}

.tags a:hover {
    color: #52B300;
}
.tags .active {
    font-weight: bold;
    pointer-events: none;
}
.tags .show-more {
    display: inline-block;
    text-decoration: underline;
    margin-bottom: 8px;
}
@media (max-width: 767px) {
    .tags {

        overflow-x: auto;
        margin-right: -15px;
    }
    .tags .tag{ white-space: nowrap;}
    .tags .show-more {
        margin-right: 15px;
    }
}

.article-preview {
    background: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    -webkit-transition: .15s;
    transition: .15s;
}
.article-preview:hover {
    -webkit-box-shadow: 0px 6px 20px rgba(9, 19, 31, 0.25);
    box-shadow: 0px 6px 20px rgba(9, 19, 31, 0.25);
}
.article-preview {
    margin: 20px 0;
}
.article-preview:first-child {
    margin: 0;
}
.article-preview:last-child {
    margin: 0;
}
.article-preview .author .image {
    width: 96px;
    height: 96px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    -webkit-background-size: 100%;
    background-size: 100%;
    border-radius: 50%;
    margin: 0 auto 4px;
    position: relative;
}
.article-preview .author.online .image img {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
}
.article-preview .author .image img {
    width: 100%;
    height: 100%;
    min-width: 30px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dedede;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dedede;
}
.article-preview .author .name {
    font-size: 16px;
    font-weight: 500;
    overflow: hidden;
}
.article-preview .author .posts {
    font-size: 11px;
    color: #5B6067;
}
.article-preview .button {
    background: #F6F7F8;
    color: #888C92;
    margin: 10px auto 0;
}
.article-preview .button:hover {
    background: #52B300;
    color: #fff;
}
.article-preview .cover {
    display: block;
    position: relative;
}
.article-preview .cover .count {
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/camera-white.svg") 0 50% no-repeat;
    -webkit-background-size: 10px;
    background-size: 10px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    left: 22px;
    bottom: 8px;
}
.article-preview .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-preview .description {
    padding: 20px;
    font-size: 15px;
}
.article-preview .title {
    display: block;
    max-width: 96%;
    margin-bottom: 12px;
}
@media (min-width: 768px) {
    .article-preview {
        min-height: 210px;
        padding-bottom: 20px;
        position: relative;
    }
    .article-preview .author {
        width: 128px;
        text-align: center;
        position: absolute;
        left: 24px;
        top: 24px;
    }
    .article-preview .cover {

    }
    .article-preview .description {
        margin-left: 155px;
    }
    .article-preview.alt .author {
        top: 344px;
    }
    .article-preview.alt .cover {
        height: 320px;
        margin-left: 0;
    }
    .article-preview.alt .description {
        min-height: 210px;
        padding-top: 30px;
    }
}
@media (max-width: 767px) {
    .article-preview .author {
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        padding: 15px 20px;
        position: relative;
    }
    .article-preview .author .image {
        width: 60px;
        height: 60px;
        margin: 0 10px 0 0;
    }
    .article-preview .author .image {
        margin: 0 15px 0 0;
    }
    .article-preview .author .posts {
        display: none;
    }
    .article-preview .button {
        margin: 0 0 0 auto;
    }
}
@media (max-width: 479px) {
    .article-preview .author {
        padding: 10px 20px;
    }
    .article-preview .author .image {
        width: 30px;
        height: 30px;
        margin: 0 6px 0 0;
    }
    .article-preview .author.online .image {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 px #B5E28F;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #B5E28F;
    }
    .article-preview .author .name {
        font-size: 14px;
        margin-right: 1em;
    }
    .article-preview .cover {

    }
    .article-preview .button {
        height: 25px;
        padding: 0 15px;
        font-size: 11px;
        font-weight: normal;
        line-height: 25px;
    }
}
@media (max-width: 399px) {
    .article-preview .cover {

    .article-preview .cover    }
    .article-preview .description {
        font-size: 14px;
    }
}

.article-params {
    font-size: 11px;
    line-height: 16px;
    color: #5B6067;
    margin-bottom: 4px;
}
.article-params li {
    float: left;
    margin: 0 16px 8px 0;
}
.article-params li:last-child {
    margin-right: 0;
}
.article-params .views {
    padding-left: 21px;
    background: url("/local/templates/BLOG/img/eye.svg") 0 50% no-repeat;
}
.article-params .comments {
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/comment.svg") 0 50% no-repeat;
}
.article-params .photos {
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/camera3.svg") 0 50% no-repeat;
}
.article-params .time {
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/clock.svg") 0 50% no-repeat;
}
.article-params .likes {
    padding-left: 23px;
    background: url("/local/templates/BLOG/img/like.svg") 0 50% no-repeat;
    float: right;
}
.article-params .likes.active {
    cursor: pointer;
}
.article-params .likes.liked {
    background-image: url("/local/templates/BLOG/img/like-active.svg");
}
.article-params .downloadPost{
    padding-left: 20px;
}
.article-params .downloadPost::before{
    background: url("/local/templates/BLOG/img/icon/download.svg") 50% no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: -2px;
}
.article-params .shared{
    position: relative;
    z-index: 9;
}
.article-params .shared .sharedLink{
    padding-left: 20px;
}
.article-params .shared .sharedLink::before{
    background: url("/local/templates/BLOG/img/icon/shared.svg") 50% no-repeat;
    width: 18px;
    height: 18px;
    background-size: cover;
    display: block;
    content: " ";
    position: absolute;
    left: 0;
    top: -2px;
}
.article-params .shared.active{
    z-index: 11;
}
.article-params .readlater .button {
    margin: -4px -8px -4px 0;
}
.share-block__content .share_vk::before{
    background-image: url('/local/templates/BLOG/img/icon/social/vk.svg');
}
.share-block__content .share_ok::before{
    background-image: url('/local/templates/BLOG/img/icon/social/ok.svg');
}
.share-block__content .share_tg::before{
    background-image: url('/local/templates/BLOG/img/icon/social/tg.svg');
}
.share-block__content .share_wp::before{
    background-image: url('/local/templates/BLOG/img/icon/social/wp.svg');
}
.share-block__content .share_link::before{
    background-image: url('/local/templates/BLOG/img/icon/social/copy.svg');
}
@media (min-width: 600px) {
    .article-params .bookmark {
        float: right;
        margin-right: 0;
        margin-left: 16px;
    }
}
@media (max-width: 599px) {
    .article-params {
        font-size: 10px;
        position: relative;
    }
    .article-params .bookmark {
        margin-left: 52px;
    }
    .article-params .bookmark + li {
        clear: left;
    }
    .article-params .bookmark ~ .likes {
        position: absolute;
        left: 0;
        top: 0;
    }
}
@media (max-width: 399px) {
    .article-params {
        font-size: 10px;
    }
    .article-params .readlater {
        clear: left;
        margin-top: 4px;
    }
    .article-params .shared{
        margin-top: 4px;
    }
}

.authors-list > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    padding: 12px 18px;
    -webkit-transition: .15s;
    transition: .15s;
    position: relative;
}
.authors-list > li:before, .authors-list > li:last-child:after {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 36px);
    background: #EBEEF1;
    position: absolute;
    left: 18px;
    top: 0;
    -webkit-transition: .15s;
    transition: .15s;
}
.authors-list > li:last-child:after {
    top: auto;
    bottom: 0;
}
.authors-list > li:hover {
    background: #F9FAFB;
}
.authors-list > li:hover:before, .authors-list > li:hover + li:before, .authors-list .gold + li:before {
    background: transparent;
}
.authors-list .main {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: calc(100% - 320px);
}
.authors-list .position {
    width: 33px;
    min-width: 33px;
    height: 26px;
    background: 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 14px;
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    margin-right: 12px;
}
.authors-list .gold {
    background: #F1F0E3;
}
.authors-list .gold .position {
    color: #BFB025;
    background-image: url("/local/templates/BLOG/img/wreath-gold.svg");
}
.authors-list .silver .position {
    color: #C5C9CE;
    background-image: url("/local/templates/BLOG/img/wreath-silver.svg");
}
.authors-list .bronze .position {
    color: #C38E67;
    background-image: url("/local/templates/BLOG/img/wreath-bronze.svg");
}
.authors-list .image {
    width: 70px;
    min-width: 70px;
    height: 70px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    -webkit-background-size: 100%;
    background-size: 100%;
    border-radius: 50%;
    position: relative;
    margin-right: 12px;
}
.authors-list .online .image {
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
}
.authors-list .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.authors-list .name {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.authors-list .name:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.authors-list .posts {
    font-size: 11px;
    color: #5B6067;
    margin: 3px 0 0 2px;
}
.authors-list .achievements {
    width: 200px;
    font-size: 11px;
    color: #5B6067;
    margin-left: auto;
}
.authors-list .achievements li {
    padding: 6px 0 6px 24px;
    background: 0 50% no-repeat;
    position: relative;
    float: left;
}
.authors-list .achievements li.empty {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
}
.authors-list .achievements .comments {
    width: 50px;
    padding-left: 18px;
    background-image: url("/local/templates/BLOG/img/comment.svg");
}
.authors-list .achievements .likes {
    width: 55px;
    background-image: url("/local/templates/BLOG/img/like.svg");
}
.authors-list .achievements .likes.active {
    cursor: pointer;
}
.authors-list .achievements .likes.liked {
    background-image: url("/local/templates/BLOG/img/like-active.svg");
}
.authors-list .achievements .rewards {
    width: 95px;
    background-image: url("/local/templates/BLOG/img/reward.svg");
}
.authors-list .achievements .rewards.modal-trigger:hover {
    color: #000;
}
.authors-list li > .button {
    padding: 0 16px;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 3;
}
.authors-list li:hover .button {
    background: #52B300;
    color: #fff;
}
.modal-window.modal-rewards {
    max-width: 420px;
    left: auto;
    right: 20px;
    margin-top: -24px;
    -webkit-transform: none;
    transform: none;
}
.modal-rewards .modal-header {
    margin-bottom: 10px;
}
.modal-rewards .button {
    margin: 20px 0 0;
}
.rewards-list li {
    padding: 10px 0 10px 42px;
    font-size: 12px;
    color: #888C92;
    position: relative;
}
.rewards-list li + li {
    border-top: 1px solid #EBEEF1;
}
.rewards-list img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    top: 50%;
    margin-top: -15px;
}
.rewards-list .title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 2px;
}
@media (max-width: 1079px) {
    .authors-list .main {
        width: calc(100% - 220px);
    }
    .authors-list .main ~ .button {
        display: none;
    }
}
@media (max-width: 991px) {
    .authors-list .name {
        font-size: 15px;
    }
}
@media (max-width: 599px) {
    .authors-list > li {
        padding: 12px;
    }
    .authors-list > li:before, .authors-list > li:last-child:after {
        width: calc(100% - 24px);
        left: 12px;
    }
    .authors-list .position {
        width: 24px;
        min-width: 24px;
        height: 20px;
        font-size: 10px;
        line-height: 19px;
        margin-right: 8px;
    }
    .authors-list .image {
        width: 44px;
        min-width: 44px;
        height: 44px;
        margin-right: 8px;
    }
    .authors-list .online .image {
        -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #B5E28F;
        box-shadow: 0 0 0 1px #fff, 0 0 0 2px #B5E28F;
    }
    .modal-window.modal-rewards {
        right: 15px;
        margin-top: 8px;
    }
}
@media (max-width: 479px) {
    .authors-list .main {
        width: 100%;
    }
    .authors-list .achievements {
        width: auto;
        margin: 0 -20px 0 84px;
    }
}

.page-nav {
    margin-top: 30px;
}
.main-bg:not(#main) .page-nav {
    padding: 0 15px 30px;
}
.page-nav .show-more {
    margin: 0 auto;
}
.page-nav .show-more:not(:last-child) {
    margin-bottom: 20px;
}
.pagination {
    max-width: 580px;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 10px;
}
.pagination ul {
    font-size: 0;
}
.pagination li {
    display: inline-block;
    min-width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 16px;
    line-height: 32px;
    font-weight: 500;
    color: #000;
}
.pagination li a {
    display: block;
}
.pagination .active {
    background: #52B300;
    color: #fff;
}
.pagination li a:hover {
    text-decoration: underline;
}
.pagination .prev, .pagination .next {
    display: inline-block;
    color: #888C92;}
.pagination .prev:hover, .pagination .next:hover {
    color: #000;
}
@media (min-width: 1080px) {
    .pagination ul {
        display: inline-block;
        margin: 0 -12px;
    }
}
@media (max-width: 599px) {
    .pagination li:nth-child(n+6):not(:nth-last-child(-n+2)) {
        display: none;
    }
}


.dialog .header {
    margin-top: 20px;
    height: 25px;
    padding: 5px 0 0 35px;
    font-size: 13px;
    font-weight: bold;
    position: relative;
}
.dialog .image {
    width: 25px;
    height: 25px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    -webkit-background-size: 100%;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.dialog .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.dialog .message {
    display: table;
    padding: 15px 15px 15px 30px;
    border-radius: 4px;
    background: #EFF5FB;
    font-size: 15px;
    line-height: 1.467;
    margin: 7px 0 0 35px;
}
.dialog .interlocutor .message {
    background: #F0F3F5;
}
.dialog .message p:last-child:after {
    content: "";
    display: inline-block;
    width: 80px;
}
.dialog .text{display: table-cell;}
.dialog .time {
    padding-left: 40px;
    font-size: 10px;
    color: #888C92;
    float: right;
    display: table-cell;
    top: 4px;
    position: relative;
}
.dialog .checked .time {
    background: url("/local/templates/BLOG/img/checked.svg") 20px 50% no-repeat;
}
.dialog .message a {
    color: #888C92;
    text-decoration: underline;
}
.dialog .message a:hover {
    color: #52B300;
}
.dialog .gallery li {
    float: left;
    margin: 8px 8px 0 0;
}
.dialog .gallery img {
    display: block;
    max-width: 76px;
}
.dialog .gallery [data-lightbox]:after {
    -webkit-background-size: 24px;
    background-size: 24px;
}
.dialog .readmore {
    display: table;
    font-size: 14px;
    margin-top: 6px;
}
.dialog-reply {
    padding-left: 92px;
    position: relative;
    margin: 35px 0px 0;
    text-align: right;
}
.modal.dialog-reply{
    margin: 0!important;
    padding: 0px 0px 0px 0px;
}
.modal.dialog-reply .header{padding-left: 90px; height: 80px; position: relative;}
.modal.dialog-reply .header .h3{height: 68px; display: flex; align-items: center; text-align: left;}
.modal.dialog-reply .wrap-input{text-align: center}
.dialog.ajax_update{overflow-x: hidden; overflow-y: scroll; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.dialog.ajax_update::-webkit-scrollbar-thumb, .dialogs-module::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #797979;
}
.dialog.ajax_update::-webkit-scrollbar, .dialogs-module::-webkit-scrollbar{
    width: 6px;
    scroll-padding: 5px 0px;
}

.dialog-reply .image {
    width: 68px;
    height: 68px;
    position: absolute;
    left: 0;
    top: 0;
}
.dialog-reply .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.dialog-reply textarea {
    height: 68px;
    margin: 0;
}
.modal.dialog-reply textarea{
    height: 168px;
}
.dialog-reply .button {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
    margin: 12px 0 0 12px;
}
.dialog-reply .button.attachment {
    margin-left: 0;
}
@media (max-width: 599px) {
    .dialog .gallery img {
        max-width: 60px;
    }
    .dialog-reply {
        padding-left: 54px;
        margin: 30px 0 0;
    }
    .dialog-reply .image {
        width: 42px;
        height: 42px;
    }
    .dialog .message {
        margin-left: 0;
    }
    .dialog-reply textarea {
        height: 42px;
        padding-top: 8px;
        font-size: 14px;
        margin: 0;
    }
    .dialog-reply .button {
        padding: 0 24px;
    }
}
#main.messenger{visibility: hidden;}
.main-messenger{box-sizing: border-box;}
@media (max-width: 600px) {
    .main-messenger{margin: 0px!important;}
}

.sidebar-messenger{height: 100%; min-height: 100%;}
.dialogs-module {
    padding: 0px 0px;
    height: 100%;
    min-height: 100%;
    overflow-y: scroll;
}
.dialogs-module .search-form {
    margin: 0 15px 15px;
}
.dialogs-module .dialogs li {
    padding: 10px 20px 10px 66px;
    min-height: 55px;
    position: relative;
}
.dialogs-module .dialogs li > a:before {
    width: 100%;
    left: 0;
}
.dialogs-module .dialogs .image {
    width: 35px;
    height: 35px;
    left: 20px;
    top: 10px;
    position: absolute;

}
.dialogs-module .dialogs .name {
    display: inline-block;
    width: calc(100% - 90px);
    font-size: 13px;
}
.dialogs .time {
    padding-left: 40px;
    font-size: 10px;
    color: #888C92;
    float: right;
    margin-top: 3px;
}
.dialogs .checked .time {
    background: url("/local/templates/BLOG/img/checked.svg") 20px 50% no-repeat;
}
.dialogs .message {
    font-size: 13px;
    color: #5B6067;
    margin-top: 2px;
}
.dialogs .message:not(:last-child):after {
    content: "";
    display: inline-block;
    width: 25px;
}
.dialogs .unread-counter {
    width: 13px;
    height: 13px;
    font-size: 9px;
    line-height: 13px;
    font-weight: bold;
    text-align: center;
    background: #FF7E00;
    color: #fff;
    border-radius: 50%;
    float: right;
    margin-top: -15px;
}
@media (min-width: 992px) {
    .dialogs-module .scrollable {
        max-height: calc(100vh - 274px);
        border-bottom: 1px solid #EBEEF1;
    }
    .dialogs-module .scrollable .list li:last-child {
        border: 0;
    }
}

.author-card {
    padding: 15px 50px 40px;
}
.author-header {
    min-height: 190px;
    padding: 20px 0 0 230px;
    position: relative;
}
.author-header .image {
    width: 190px;
    height: 190px;
    background: url("/local/templates/BLOG/img/avatar-placeholder.svg");
    -webkit-background-size: 100%;
    background-size: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}
.author-header .image img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.author-card.online .image {
    -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 5px #B5E28F;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #B5E28F;
}
.author-header .main {
    text-align: right;
}
.author-header .name {
    text-align: left;
    width: calc(100% - 300px);
    float: left;
    margin: 12px 0px 0px 0px;
}
.author-header .position {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 20px;
    background: 50% 50% no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    font-size: 10px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 12px;
}
.author-card.gold .author-header .position {
    color: #BFB025;
    background-image: url("/local/templates/BLOG/img/wreath-gold.svg");
}
.author-card.silver .author-header .position {
    color: #C5C9CE;
    background-image: url("/local/templates/BLOG/img/wreath-silver.svg");
}
.author-card.bronze .author-header .position {
    color: #C38E67;
    background-image: url("/local/templates/BLOG/img/wreath-bronze.svg");
}
.author-header .button {
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0 0 10px;
}
.author-header .achievements {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    padding: 15px 0;
    color: #5B6067;
    position: relative;
    z-index: 2;
    margin: 25px 0;
}
.author-header .achievements li {
    background: url("/local/templates/BLOG/img/star.svg") no-repeat;
    padding-left: 18px;
    margin: 5px 20px 5px 0;
}
.author-header .achievements .posts {
    background-image: url("/local/templates/BLOG/img/post.svg");
}
.author-header .achievements .comments {
    background-image: url("/local/templates/BLOG/img/comment.svg");
}
.author-header .achievements .subscriptions {
    background-image: url("/local/templates/BLOG/img/subscriptions.svg");
}
.author-header .achievements .subscribers {
    background-image: url("/local/templates/BLOG/img/subscribers.svg");
}
.author-header .achievements .social{background: none;}
.author-header .achievements .social a {width: 35px; height: 35px; display: inline-block; border: none;}
.author-header .achievements .social a img{width: 100%; height: 100%;}

.author-header .achievements li:last-child {
    margin-right: 0;
}
.author-header .achievements .label {
    font-size: 11px;
}
.author-header .achievements .value {
    font-size: 20px;
    font-weight: bold;
    color: #6B7683;
}
.author-header .achievements a {
    border-bottom: 1px solid #D1D4D8;
}
.author-header .achievements a:hover {
    border-color: #6B7683;
}
.author-header .achievements:before {
    content: "";
    width: calc(100% + 330px);
    height: 100%;
    background: #F7F8F9;
    color: #6B7683;
    position: absolute;
    right: -50px;
    top: 0;
    z-index: -1;
}
.author-card .section {
    font-size: 16px;
    margin-top: 15px;
}
.author-card .section a {
    color: #5B6067;
    text-decoration: underline;
}
.author-card .section a:hover {
    color: #52B300;
}
.author-card .section .header {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 8px;
}
.author-card .rewards-intro {
    padding-left: 30px;
    background: url("/local/templates/BLOG/img/reward.svg") 0 2px no-repeat;
    margin-top: 30px;
}
.author-card .section .placeholder {
    color: #888C92;
}
.author-card .actions {
    text-align: right;
    float: right;
    margin: -10px 0 10px;
    position: relative;
}
.author-card .actions > .button {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 10px 10px;
}
.author-rewards {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.author-rewards > div {
    width: calc((100% - 110px) / 3);
    padding: 11px 10px 12px 56px;
    border: 1px solid #D9E5F0;
    font-size: 12px;
    color: #888C92;
    border-radius: 4px;
    margin: 20px 20px 0 0;
    position: relative;
}
.author-rewards:not(.active) > div:nth-of-type(n+4), .author-rewards.active .show-all, .author-rewards > div:nth-of-type(-n+3) + .show-all {
    display: none;
}
.author-rewards img {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 15px;
    top: 16px;
}
.author-rewards .title {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    margin-bottom: 2px;
}
.author-rewards .show-all {
    width: 50px;
    font-size: 12px;
    color: #888C92;
    float: right;
    text-align: left;
    margin-top: 20px;
}
.author-rewards .show-all:hover {
    color: #52B300;
}
@media (max-width: 1079px) {
    .author-header .name {
        width: calc(100% - 290px);
    }
    .author-header .button.button-edit {
        width: 30px;
        padding: 0;
        background-position: 50% 50%;
    }
    .author-header .button.button-edit span {
        display: none;
    }
    .author-header .button-edit {
        position: absolute;
        left: 140px;
        top: 140px;
        z-index: 4;
    }
    .author-header .achievements:before {
        width: calc(100% + 290px);
        right: -30px;
    }
    .author-card {
        padding: 15px 30px 30px;
    }
    .author-rewards > div {
        width: calc((100% - 90px) / 2);
    }
    .author-rewards:not(.active) > div:nth-of-type(n+3), .author-rewards > div:nth-of-type(-n+2) + .show-all {
        display: none;
    }
}
@media (max-width: 767px) {
    .author-header {
        padding-top: 0;
    }
    .author-header .main {
        text-align: left;
    }
    .author-header .name {
        width: auto;
        margin-right: 40px;
        float: none;
    }
    .author-header .position {
        position: absolute;
        right: 0;
        top: 10px;
        margin: 0;
    }
    .author-header .achievements .label .hidden-mobile + span {
        text-transform: capitalize;
    }
    .author-card .actions {
        width: 100%;
    }
}
@media (max-width: 599px) {
    .author-card {
        padding: 15px 20px 20px;
    }
    .author-header {
        padding: 0 0 0 124px;
        position: relative;
    }
    .author-header .achievements {
        margin: 0;
    }
    .author-header .image {
        width: 102px;
        height: 102px;
    }
    .author-card.online .image {
        -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
        box-shadow: 0 0 0 2px #fff, 0 0 0 4px #B5E28F;
    }
    .author-header .button-edit {
        left: 64px;
        top: 64px;
    }
    .author-header .achievements:before {
        content: none;
    }
    .author-card .section {
        font-size: 14px;
    }
    .author-card .rewards-intro {
        margin-top: 15px;
    }
    .author-card .actions {
        margin: 0;
        float: none;
    }
    .author-card .actions > .button {
        /*width: calc(50% - 5px);*/
        width: 100%;
        margin-left: 0;
    }
    .author-card .actions > .button:first-child {
        float: left;
    }
    .author-card .actions  >.button:last-child {
        width: 100%;
        margin-bottom: 0;
    }
    .author-header .achievements {
        display: block;
    }
    .author-header .achievements li {
        padding-left: 20px;
        background-position: 0 2px;
        margin: 3px 0;
    }
    .author-header .achievements .label {
        display: inline-block;
        width: 90px;
    }
    .author-header .achievements .value {
        display: inline-block;
        font-size: 13px;
    }
    .author-card .section .header {
        font-size: 18px;
    }
    .author-rewards > div {
        width: 100%;
        margin-right: 0;
    }
    .author-rewards:not(.active) > div:nth-of-type(n+2), .author-rewards > div:nth-of-type(1) + .show-all {
        display: none;
    }
    .author-rewards .show-all {
        width: 100%;
        text-align: center;
        float: none;
        margin: 15px 0 0;
    }
}
@media (max-width: 359px) {
    .author-header {
        padding-left: 100px;
    }
    .author-header .image {
        width: 80px;
        height: 80px;
    }
    .author-header .button-edit {
        left: 44px;
        top: 44px;
    }
}

.author-content, .author-content .section {
    margin-top: 40px;
}
.author-content .section:first-child {
    margin-top: 0;
}
.author-content .section.divided {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D2D9E0;
}
.author-menu {
    display: flex;
    /*max-width: 20em;*/
    font-size: 22px;
    font-weight: 500;
    color: #5B6067;
    margin: 0 2em 1em;
}
.author-menu li {
    border-bottom: 1px solid transparent;
    margin-right: 20px;
}
.author-menu.short {
    margin: 0 0 1em;
}
.author-menu.short li {
    margin: 0 1.5em 0 0;
}
.author-menu li:hover {
    color: #000;
}
.author-menu .active {
    color: #000;
    border-color: #52B300;
}
.author-content .search-form {
    display: inline-block;
    width: calc(100% - 150px);
}
.author-content .sorting {
    position: relative;
    float: right;
}
.author-content .section .header {
    position: relative;
}
.author-content .section .header h2 {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.author-content .section .header > .button {
    display: inline-block;
    vertical-align: middle;
    margin: 5px 15px 18px 0;
}
@media (min-width: 768px) {
    .author-content .sorting .modal-window {
        -webkit-transform: none;
        transform: none;
        left: auto;
        right: 0;
    }
    .author-content .section .header .modal-window {
        margin-top: -8px;
    }
}
@media (max-width: 599px) {
    .author-menu {
        font-size: 18px;
        margin: 0 0 1em;
    }
    .author-content .section .header h2 {
        display: block;
        margin-bottom: 10px;
    }
}
@media (max-width: 399px) {
    .author-menu {
        font-size: 16px;
    }
}

.posts-sorting {
    font-size: 13px;
    margin: 15px -16px 15px 0;
    font-weight: 500;
}
.posts-sorting .label, .posts-sorting li {
    float: left;
    margin: 0 16px 8px 0;
}
.posts-sorting a {
    color: #6B7683;
    border-bottom: 2px solid transparent;
}
.posts-sorting .active {
    color: #000;
    border-color: #52B300;
}
.posts-sorting a:hover {
    color: #000;
}

.posts-list > li {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    min-height: 96px;
    padding: 10px 20px 10px 180px;
    background: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    -webkit-transition: .15s;
    transition: .15s;
    position: relative;
}
.posts-list > li + li {
    margin-top: 9px;
}
.posts-list > li:hover {
    -webkit-box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.25);
    box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.25);
}
.posts-list .image {
    width: 146px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.posts-list .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.posts-list .title {
    display: block;
    font-size: 18px;
    font-weight: 500;
    max-height: 2.67em;
    overflow: hidden;
    margin: 0 80px 8px 0;
}
.posts-list .title:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.posts-list .article-params {
    margin: 0;
}
.posts-list:not(.extended) .likes {
    float: right;
}
.posts-list.extended > li {
    border-bottom: 1px solid #EDF0F2;
}
.posts-list.extended > li:not(:hover) {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.posts-list.extended .likes {
    float: left;
}
.posts-list .button-edit {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}
.posts-list  .article-params {
    margin-bottom: -8px;
}
@media (min-width: 768px) {
    .posts-list.compact > li {
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-items: center;
        align-items: center;
        min-height: 55px;
        padding-left: 90px;
    }
    .posts-list.compact > li + li {
        margin-top: 1px;
    }
    .posts-list.compact .image {
        width: 72px;
    }
    .posts-list.compact .title {
        width: calc(100% - 285px);
        margin: 0;
    }
    .posts-list.compact .article-params {
        width: 265px;
        margin-left: auto;
    }
    .posts-list:not(.extended).compact .likes {
        width: 50px;
        position: static;
    }
}
@media (min-width: 600px) {
    .posts-list:not(.extended) .likes {
        position: absolute;
        right: 40px;
        top: 26px;
    }
}
@media (max-width: 599px) {
    .posts-list > li {
        padding: 12px 20px 12px 124px;
    }
    .posts-list .image {
        width: 110px;
    }
    .posts-list .button-edit {
        left: 66px;
        top: 10px;
        margin: 0;
    }
}
@media (min-width: 480px) {
    .posts-list.extended .title {
        margin-right: 40px;
    }
}
@media (max-width: 479px) {
    .posts-list .title {
        font-size: 15px;
        margin-right: 0;
    }
    .posts-list .date + li {
        clear: left;
    }
}

.posts-grid {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -30px;
}
.posts-grid > li {
    width: calc((100% - 60px) / 3);
    background: #fff;
    -webkit-box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    box-shadow: 0px 4px 15px rgba(9, 19, 31, 0.05);
    -webkit-transition: .15s;
    transition: .15s;
    position: relative;
    margin-bottom: 30px;
}
.posts-grid > li:hover {
    -webkit-box-shadow: 0px 6px 20px rgba(9, 19, 31, 0.25);
    box-shadow: 0px 6px 20px rgba(9, 19, 31, 0.25);
}
.posts-grid .description {
    padding: 20px 30px 70px;
}
.posts-grid .likes {
    float: left;
    margin-right: 16px;
}
.posts-grid .title {
    display: block;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.2;
    min-height: 6em;
}
.posts-grid .title:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.posts-grid .article-params:last-child {
    width: calc(100% - 30px);
    border-top: 1px solid #EBF0F4;
    padding: 12px 15px 0;
    position: absolute;
    left: 15px;
    bottom: 10px;
}
@media (max-width: 1079px) {
    .posts-grid .title {
        font-size: 16px;
    }
}
@media (min-width: 768px) {
    .posts-grid > li:last-child:nth-child(3n+2) {
        margin-right: calc((100% - 60px) / 3 + 30px);
    }
}
@media (max-width: 767px) {
    .posts-grid > li {
        width: calc(50% - 15px);
    }
    .posts-grid.recommendations > li:nth-child(n+3) {
        display: none;
    }
}
@media (max-width: 479px) {
    .posts-grid > li {
        width: calc(50% - 10px);
    }
    .posts-grid .description {
        padding: 15px 15px 55px;
    }
    .posts-grid .article-params:last-child {
        width: calc(100% - 20px);
        padding: 10px 5px 0;
        left: 10px;
        bottom: 0;
    }
    .posts-grid .title {
        min-height: 0;
        font-size: 3.5vw;
    }
}
@media (max-width: 399px) {
    .posts-grid > li {
        width: calc(50% - 5px);
    }
}

ul.albums-list {
    margin: 0 -10px -20px;
}
.albums-list > li {
    width: 20%;
    padding: 0 10px;
    float: left;
    margin-bottom: 20px;
}
.albums-list .image {
    position: relative;
}
.albums-list .title {
    font-size: 16px;
    font-weight: 500;
    margin-top: 12px;
}
.albums-list .button-edit {
    position: absolute;
    right: 10px;
    top: 10px;
}
.albums-list .comments, .albums-list .photos {
    display: inline-block;
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/comment.svg") 0 50% no-repeat;
    font-size: 11px;
    font-weight: 500;
    color: #5B6067;
    margin: 6px 10px 0 0;
}
.albums-list .photos {
    padding-left: 16px;
    background-image: url("/local/templates/BLOG/img/camera.svg");
    margin-right: -10px;
}
@media (min-width: 768px) {
    .albums-list > li:nth-child(5n+1) {
        clear: left;
    }
}
@media (min-width: 600px) and (max-width: 767px) {
    .albums-list > li {
        width: 25%;
    }
    .albums-list > li:nth-child(4n+1) {
        clear: left;
    }
}
@media (min-width: 480px) and (max-width: 599px) {
    .albums-list > li {
        width: 33.33%;
    }
    .albums-list > li:nth-child(3n+1) {
        clear: left;
    }
}
@media (max-width: 479px){
    .albums-list > li {
        width: 50%;
    }
    .albums-list > li:nth-child(2n+1) {
        clear: left;
    }
}

ul.videos-list {
    margin: 0 -10px -20px;
}
.videos-list > li {
    width: 33.33%;
    padding: 0 10px;
    float: left;
    margin-bottom: 20px;
}
.videos-list .image {
    position: relative;
}
.videos-list .image:after {
    content: "";
    width: 100%;
    height: 100%;
    background: url("/local/templates/BLOG/img/play.svg") 50% 50% no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    -webkit-transition: .15s;
    transition: .15s;
}
.videos-list .image:hover:after {
    background-color: rgba(82,179,0,0.6);
}
.videos-list .title {
    margin-top: 10px;
}
.videos-list .comments {
    display: inline-block;
    vertical-align: middle;
    padding-left: 18px;
    background: url("/local/templates/BLOG/img/comment.svg") 0 50% no-repeat;
    font-size: 11px;
    font-weight: 500;
    color: #5B6067;
    margin: 6px 10px 0 0;
}
.videos-list .button-edit {
    display: inline-block;
    vertical-align: middle;
    margin-top: 6px;
}
@media (min-width: 768px) {
    .videos-list > li:nth-child(3n+1) {
        clear: left;
    }
}
@media (min-width: 480px) and (max-width: 767px) {
    .videos-list > li {
        width: 50%;
    }
    .videos-list > li:nth-child(2n+1) {
        clear: left;
    }
}
@media (max-width: 479px) {
    .videos-list > li {
        width: 100%;
    }
}






.article-form .actions .button {
    margin-top: 10px;
}
@media (min-width: 600px) {
    .article-form .actions .button {
        display: inline-block;
    }
    .article-form .actions .button:last-child {
        float: left;
        margin-right: 16px;
    }
}
@media (max-width: 399px) {
    .article-form .actions .button {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
}

.article-confirmation .message {
    padding: 30px 100px;
    background: url("/local/templates/BLOG/img/confirmation.svg") 30px 30px no-repeat;
}
.article-confirmation p {
    font-size: 17px;
    line-height: 1.5;
}
@media (max-width: 767px) {
    .article-confirmation p {
        font-size: 16px;
    }
    .article-preview .author a{
        display:flex;
        align-items: center;
    }
}
@media (min-width: 600px) {
    .article-confirmation .buttons {
        display: -webkit-flex;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        margin: 0 auto;
    }
    .article-confirmation .button {
        margin: 15px 8px 0;
    }
    .article-confirmation .new {
        order: 2;
    }
}
@media (max-width: 599px) {
    .article-confirmation .message {
        text-align: center;
        padding: 70px 0 20px;
        background-position: 50% 5px;
    }
    .article-confirmation .button {
        margin: 15px auto 0;
    }
}
@media (max-width: 399px) {
    .article-confirmation p {
        font-size: 15px;
    }
    .article-confirmation .button {
        width: 100%;
        height: 40px;
        line-height: 40px;
    }
}

.telegramSlide-block{
    width: 260px;
    background: #fff;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 110;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 0 40px rgba(0,0,0,0.14);
    display: block;
}
.telegramSlide-block.mobileBlock{
    width: calc(100vw - 5%);
    background: #fff;
    position: fixed;
    right: 10px;
    bottom: 60px;
    z-index: 1100;
    -webkit-box-shadow: 0 0 40px rgba(0,0,0,0.14);
    box-shadow: 0 0 40px rgba(0,0,0,0.14);
    display: block;
    max-width: 360px;
}
.telegramSlide-block.mobileBlock .telegramSlide-content{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 12px 30px 12px 14px;
    gap: 10px;
}
.telegramSlide-qrcode img{
    width: 148px;
    height: 148px;
}
.telegramSlide-content{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    gap: 16px;
}
.telegramSlide-block.mobileBlock .telegramSlide-close{
    margin-top: 0;
    top: 10px;
    right: 10px;display: block;
    font-size: 17px;
    width: 1em;
    height: 1em;
    position: absolute;
    z-index: 5;
    cursor: pointer;
}
.telegramSlide-close{
    margin-top: 0;
    top: 10px;
    right: 10px;
    background: url("/local/templates/BLOG/img/close.svg") 50% 50% no-repeat;
    background-size: 20%;
    -webkit-background-size: 12px;
}
.telegramSlide-iconMobile{
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    white-space: nowrap;
    padding-left: 38px;
    width: 33px;
    height: 33px;
    background: url("/personal/assets/img/telegram.svg") 0 50% no-repeat;
}
.telegramSlide-text{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.telegramSlide-block.mobileBlock .telegramSlide-text{
    text-align: left;
}
.telegramSlide-text a{
    border-bottom: 1px solid #53b301;
}
.telegramSlide-text a:hover{
    color: #53b301;
}
.telegramSlide-block.mobileBlock .telegramSlide-text a{
    border:none;
}
.telegramSlide-block.mobileBlock .telegramSlide-text a span{
    border-bottom: 1px solid #53b301;
}
.telegramSlide-block.mobileBlock .telegramSlide-text a span:hover{
    color: #53b301;
}
.telegramSlide-close .icon {
    fill: #313131;
    width: 100%;
    height: 100%;
}

table.responsive {
    display: block;
    width: calc(100% + 100px);
    max-width: calc(100% + 100px);
    margin-left: -50px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

/* End */
/* /blog/assets/css/style.css?17437673892040 */
/* /local/components/yakus/search.title/templates/search-top2021/style.css?17437471891313 */
/* /local/templates/BLOG/components/bitrix/menu/main/style.css?174374718528 */
/* /local/templates/BLOG/components/bitrix/news.list/posts_list_index/style.css?1743747185182 */
/* /local/components/yakus/authregister/templates/blog/style.css?17834253132493 */
/* /local/templates/BLOG/template_styles.css?178342531377449 */