.material-footer {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    padding: 20px 20px 0;
    position: relative;
    background-color: var(--gray-color-1);
    border-bottom: 1px solid #fff;
}

/*Reaction and Share blocks*/

.material-footer-box {
    width: calc(100% + 30px);
    margin-left: -15px;
    user-select: none;
}

.reaction-title {
    display: none;
}

.reactions {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    margin-bottom: 20px;
}

.share-block {
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
}

.dropdown.share-block,
.material-footer-single .share-block {
    margin-bottom: 0;
}

/*.left_nn .share-block {
    margin-bottom: 20px;
}*/

.reactions-button,
.svg-icon.reactions-icon,
.social-btn-icon,
.material-head-comments,
/*.material-bookmark,*/
.material-head .btn-share .social-btn-icon {
    border-radius: var(--border-radius-small);
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
}

.buttons-count,
.total-count {
    border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;
}

/*Geometria*/

/*.reactions-button {
    width: 40px;
}

.reaction-icon-box,
.svg-icon.reactions-icon,
.social-btn-icon,
.share-block .social-btn-icon,
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    height: 40px;
    width: 40px;
}

.buttons-count,
.total-count {
    height: 40px;
    min-width: 43px;
    line-height: 40px;
    margin-left: -33px;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,
.share-panel .social-btn-2021 .buttons-count {
    width: 40px;
}

.share-block .social-btn-2021.btn-close {
    width: 40px;
}*/

.reactions-button {
    width: 8.3vw;
}

.reaction-icon-box,
.svg-icon.reactions-icon,
/*.material-footer-box .social-btn-icon,
.material-footer-box .share-block .social-btn-icon,*/
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    height: 8.3vw;
    width: 8.3vw;
}

.material-bookmark {
    width: auto;
}

.material-footer-box .buttons-count,
.material-footer-box .total-count {
    height: 8.3vw;
    line-height: 8.3vw;
    margin-left: -33px;
}

/*.material-footer-box .share-panel .social-btn-2021 .buttons-count,*/
.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    width: 8.3vw;
}

/*.material-footer-box .share-block .social-btn-2021.btn-close {
    width: 8.3vw;
}*/

/*End of Geometria*/

.reactions-button,
.cab-content .down_line_nn .reactions-button {
    /*display: block;*/
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    background: none;
    padding: 0;
    outline: none;
    float: left;
    margin: 0;
    /*height: 40px;*/
    /*min-width: 40px;
    max-width: 73px;*/
    /*-ms-flex: 0 0 40px;
    flex: 0 0 40px;
    max-width: 70px;*/
    transition: width .1s ease, transform .15s ease, box-shadow 0s ease;
}

.reactions .reactions-button:not(:last-child),
.cab-content .down_line_nn .reactions-button:not(:last-child) {
    margin-right: 10px;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    transition: var(--transition-base);
}

/*.reaction-count.reactions-button,
.reaction-select.reactions-button {
    height: 59px;
}*/

.reaction-icon-box {
    /*position: absolute;
    top: 0;
    left: 0;*/
    z-index: 1;
    position: relative;
    transition: var(--transition-base);
}

.svg-icon.reactions-icon,
.social-btn-icon {
    position: relative;
    display: block;
    transition: var(--transition-base);
}

.for-phone .material-head-comments,
.for-phone .material-bookmark,
    /*.for-phone .reactions-button,*/
.for-phone .social-btn-2021,
.for-phone .share-panel .social-btn-2021,
.for-phone .comment-form-button:hover,
.for-phone .comment-form-button:focus,
.for-phone .comment-form-button:active {
    transition: none;
}

.reaction-panel .for-phone .reactions-button {
    transition: var(--transition-base);
}

/*.material-head .material-head-comments:hover,
.material-head .material-bookmark:hover,
.reactions .reactions-button:hover,
.share-block .social-btn-2021:hover,
.share-block .share-panel .social-btn-2021:hover,
.comment-form-button:hover {
    border: 1px solid var(--active-color);
}

.for-phone.material-head .material-head-comments:hover,
.for-phone.material-head .material-bookmark:hover,
.for-phone .reactions .reactions-button:hover,
.for-phone .share-block .social-btn-2021:hover,
.for-phone .share-block .share-panel .social-btn-2021:hover,
.for-phone .comment-form-button:hover {
    border: 1px solid var(--active-color);
}*/

.audio_content:active,
.reactions-button:active,
.material-head .material-head-comments:active,
.material-head .material-bookmark:active,
.reactions .reactions-button:active,
.share-block .social-btn-2021:active,
.share-block .share-panel .social-btn-2021:active,
.comment-form-button:active {
    transform: translateY(2px);
    transition: var(--transition-base);
}

.reaction-panel .btn-close:hover,
.share-panel .btn-close:hover {
    transform: scale(1.2) !important;
}

.reaction-panel .btn-close:active,
.share-panel .btn-close:active,
.reaction-panel .btn-close:active,
.share-panel .btn-close:active {
    transform: scale(1) !important;
}

/*.material-head:not(.for-phone) .material-head-comments:hover,
.material-head:not(.for-phone) .material-bookmark:hover,
.reactions:not(.for-phone) .reactions-button:hover .reaction-icon-box,
.share-block:not(.for-phone) .social-btn-2021:hover .social-btn-icon,
.reaction-panel .btn-close:hover .social-btn-icon,
.share-panel .btn-close:hover .social-btn-icon,
.share-block:not(.for-phone) .share-panel .social-btn-2021:hover .buttons-count {
    transform: translateY(-3px);
}*/

/*.share-block:not(.for-phone) .share-panel .social-btn-2021:hover .buttons-count {
    transform: translateY(2px) scaleX(1.1);
    transition: transform .45s cubic-bezier(.38, 0, 0, 5);
}*/

/*.reaction-panel-button,*/
.buttons-count,
.total-count {
    /*position: absolute;
    top: 0;
    right: 0;*/
    padding: 0 0 0 10px;
    background-color: #fff;
    font-size: 14px;
    text-align: center;
    transition: .15s ease;
}

/*.buttons-count {
    opacity: 0;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    opacity: 1;
}*/

.total-count,
.reaction-panel-button {
    display: none;
}

/*.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,*/
.btn-share-box .buttons-count,
.total-count,
.reaction-panel-button {
    margin-left: -10px;
}

/*.reactions-button:nth-child(1) {
    z-index: 8;
}

.reactions-button:nth-child(2) {
    z-index: 7;
}

.reactions-button:nth-child(3) {
    z-index: 6;
}

.reactions-button:nth-child(4) {
    z-index: 5;
}

.reactions-button:nth-child(5) {
    z-index: 4;
}

.reactions-button:nth-child(6) {
    z-index: 3;
}

.reaction-panel .reactions-button:nth-child(1) {
    z-index: 3;
}

.reaction-panel .reactions-button:nth-child(2) {
    z-index: 4;
}

.reaction-panel .reactions-button:nth-child(3) {
    z-index: 5;
}

.reaction-panel .reactions-button:nth-child(4) {
    z-index: 6;
}

.reaction-panel .reactions-button:nth-child(5) {
    z-index: 7;
}

.reaction-panel .reactions-button:nth-child(6) {
    z-index: 8;
}*/

/*.reaction-select.reactions-button {
    width: 73px;
    transform: translateY(-6px);
    box-shadow: 0 5px 15px 0 rgba(0,0,0, .25);
}*/

.reaction-panel-button .reaction-icon-box {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}

.reaction-panel-button .svg-icon {
    width: 26px;
    height: 26px;
    fill: #1e2c34;
}

.buttons-count {
    display: block;
}

.reaction-panel .buttons-count {
    background-color: var(--gray-color-1);
}

.reaction-select.reactions-button .buttons-count {
    font-weight: 700;
    /*background-color: #fcc007;*/
}

.reactions-icon-title {
    position: absolute;
    top: -10px;
    left: 50%;
    padding: 0 7px;
    font-size: 13px;
    line-height: 20px;
    pointer-events: none;
    white-space: nowrap;
    border-radius: 4px;
    opacity: 0;
    color: #fff;
    background-color: #1e2c34;
    transform: scale(0) translate(-50%, 10px);
    /*transition: transform .45s cubic-bezier(.38, 0, 0, 1.4), opacity .15s ease-in-out;*/
    transition: transform .15s ease, opacity .35s ease;
    transform-origin: 0 0;
}

.reactions-button:hover .reactions-icon-title,
.social-btn-2021:hover .reactions-icon-title {
    opacity: 1;
    transform: scale(1) translate(-50%, -17px);
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count,
.share-panel .social-btn-2021 .buttons-count {
    height: auto;
    min-width: auto;
    padding: 15px 0 0 0;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    transition: .15s ease;
    margin: -10px 0 0 0;
    /*z-index: -1;*/
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    padding: 15px 0 3px 0;
}

.share-panel .social-btn-2021 .buttons-count {
    background-color: transparent !important;
}

.reaction-select.reactions-button .buttons-count,
.reaction-count.reactions-button .buttons-count {
    background-color: #fff;
}

.reaction-select.reactions-button:not(:first-child),
.reaction-select.reactions-button:not(:first-child) .buttons-count {
    box-shadow: 0 0 0 2px #fcc007;
}

.reaction-select.reactions-button:first-child,
.reaction-select.reactions-button:first-child .buttons-count {
    box-shadow: 0 0 0 2px #00ab49;
}

.reaction-select.reactions-button:last-child,
.reaction-select.reactions-button:last-child .buttons-count {
    box-shadow: 0 0 0 2px #ed3533;
}

/*Share-block*/

.share-block .social-btn-2021 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    background: none;
    padding: 0;
    outline: none;
    transition: var(--transition-base);
}

.share-block .share-panel .social-btn-2021 {
    -ms-flex-direction: column;
    flex-direction: column;
}

.btn-vk .social-btn-icon,
.share-panel .btn-vk .buttons-count {
    background-color: #0077ff;
}

.btn-ok .social-btn-icon,
.share-panel .btn-ok .buttons-count {
    background-color: #ff7700;
}

.btn-facebook .social-btn-icon,
.share-panel .btn-facebook .buttons-count {
    background-color: #39549f;
}

.btn-whatsapp .social-btn-icon,
.share-panel .btn-whatsapp .buttons-count {
    background-color: #25d366;
}

.btn-twitter .social-btn-icon,
.share-panel .btn-twitter .buttons-count {
    background-color: #50abf1;
}

.btn-google .social-btn-icon,
.share-panel .btn-google .buttons-count {
    background-color: #4285f4;
}

.btn-telegram .social-btn-icon,
.share-panel .btn-telegram .buttons-count {
    background-color: #2aabee;
}

.btn-viber .social-btn-icon,
.share-panel .btn-viber .buttons-count {
    background-color: #7360f2;
}

.btn-envelope .social-btn-icon,
.share-panel .btn-envelope .buttons-count {
    background-color: #3b5bd1;
}

.btn-share .social-btn-icon {
    /*background-color: #1e2c34;*/
    background-color: #fff;
}

.share-block .social-btn-2021 .svg-icon {
    fill: #fff;
    width: 24px;
    height: 24px;
}

.share-block .social-btn-2021.btn-share .svg-icon,
.material-head-comments .svg-icon,
.material-bookmark .svg-icon {
    width: 20px;
    height: 20px;
}

.share-block .social-btn-2021.btn-close .svg-icon {
    fill: var(--gray-color-dark);
    width: 18px;
    height: 18px;
}

.btn-print .social-btn-icon {
    background-color: #fff;
    /*border: 1px solid #808080;*/
}

.btn-print .social-btn-icon .svg-icon {
    /*fill: #808080;*/
    width: 22px;
    height: 22px;
}

.btn-adv-check .svg-icon {
    width: 25px;
    height: 25px;
}

.share-panel {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
}

.share-block-in,
.share-panel-row,
.share-panel-row-1 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    user-select: none;
    position: relative;
}

.share-panel-row,
.share-panel-row-1 {
    width: 100%;
}

.share-block {
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.share-block .social-btn-2021 {
    margin-right: 10px;
    cursor: pointer;
}

.share-block .social-btn-2021 .buttons-count {
    padding: 0 10px 0 10px;
}

.share-block .share-panel .buttons-count {
    padding: 15px 0 0 0;
}

.btn-adv-check {
    margin-right: 10px;
}

.share-panel-row .social-btn-2021:last-of-type,
.share-block .social-btn-2021.btn-share,
.share-block .social-btn-2021.btn-close {
    margin-right: 0;
}

.share-block > .social-btn-2021 {
    z-index: 2;
}

.share-block .btn-adv-check,
.share-block .social-btn-2021.btn-print {
    z-index: 0;
}

.share-block .for-phone .btn-print,
.for-phone .material-footer-single .btn-print {
    display: none !important;
}

.share-block .social-btn-2021.btn-close {
    position: absolute;
    /*top: 20px;
    right: 20px;*/

    top: 15px;
    right: 10px;
}

.share-block .social-btn-icon,
.btn-adv-check,
.material-head-comments,
.material-bookmark {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.share-block .social-btn-icon,
.material-head-comments,
.material-bookmark {
    width: 40px;
    height: 40px;
}

.btn-share-box {
    position: relative;
}

.reaction-panel,
.share-block .share-panel {
    display: none;
    position: absolute;
    z-index: 10;

    left: auto;
    top: -15px;
    right: -10px;
    padding: 15px 55px 15px 15px;

    margin: 0;
    border-radius: var(--border-radius-small);
    background-color: #fff;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, .1), 0 0 30px 0 rgba(0, 0, 0, .2);
}

.share-block.open .share-panel {
    display: block !important;
}

.material-footer .share-block .share-panel {
    top: -15px;
    right: -10px;
}

.reaction-panel .reactions-button,
.share-panel .share-panel-row {
    margin-bottom: 10px;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    cursor: pointer;
}

.reaction-panel .btn-close,
.share-panel .btn-close {
    position: absolute;
    /*top: 20px;
    right: 15px;*/

    top: 15px;
    right: 10px;
}

.reaction-panel .btn-close .social-btn-icon,
.share-panel .btn-close .social-btn-icon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
}

.reaction-panel .btn-close .social-btn-icon .svg-icon,
.share-panel .btn-close .social-btn-icon .svg-icon {
    fill: var(--gray-color-dark);
}

.share-block .social-btn-2021.btn-share .svg-icon {
    fill: var(--gray-color-dark);
}

.share-block .social-btn-2021.btn-share:hover .svg-icon,
.material-bookmark.bookmark-yes .svg-icon {
    fill: var(--active-color);
}

/*.material-bookmark.bookmark-no .svg-icon {
    fill: #c9d5de;
}

.material-bookmark.bookmark-no:hover .svg-icon {
    fill: #b5c4cf;
}*/

.material-bookmark.bookmark svg {
    width: 30px;
    height: 30px;
    transition: var(--transition-base);
}

.material-bookmark.bookmark {
    margin-left: -8px;
}

.material-bookmark.bookmark .bookmark-border,
.material-bookmark.bookmark .bookmark-icon-fill {
    transition: var(--transition-base);
}

/*.material-bookmark.bookmark-no .bookmark-border {
    fill: #c9d5de;
}*/

.material-bookmark.bookmark-no .bookmark-icon-fill {
    fill: none;
}

.material-bookmark.bookmark-no .bookmark-border {
    fill: var(--gray-color-dark);
}

.material-bookmark.bookmark-yes .bookmark-border,
.material-bookmark:hover .bookmark-border,
.material-bookmark.bookmark-yes:hover .bookmark-icon-fill,
.material-bookmark.bookmark-yes .bookmark-icon-fill {
    fill: var(--active-color);
}

/*End of Share-block*/

/*End of Reaction and Share blocks*/

/*Comments-block*/

.material-footer-2 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 10px 10px;
    margin-bottom: 30px;
    position: relative;
    background-color: var(--gray-color-1);
}

.material-footer-single {
    padding: 20px 20px 20px 10px;
}

.material-footer-2.no_comment {
    height: 0;
    padding: 0;
}

.material-footer-2.no_comment .material-footer-row {
    display: none;
}

.novost_detalka .down_stat_wr {
    display: block;
    margin: 30px 0;
}

.novost_detalka .material-footer-2 {
    margin-bottom: 0;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start;
}

.material-footer-2-comments {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.comment-form-button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 40px;
    line-height: 40px;
    margin: 0 10px;
    border-radius: var(--border-radius-small);
    padding: 0 10px;
    text-transform: uppercase;
    /*font-weight: 700;*/
    font-size: 14px;
    background-color: var(--active-color);
    color: #fff;
    user-select: none;
    transition: var(--transition-base);
}

.comment-form-button:hover {
    color: #fff;
    background-color: var(--active-color);
    box-shadow: inset 0 0 200px rgba(0, 0, 0, .15);
}

.left_nn .comment-form-button {
    margin-bottom: 0;
    margin-right: 10px;
}

.comment-form-button [class^="icon-"],
.material-footer-2 .compl span {
    margin-right: 6px;
    color: #fff;
}

.comment-form-button .svg-icon,
.material-footer-2 .compl .svg-icon {
    width: 26px;
    height: 26px;
    transition: none;
    fill: var(--active-color);
}

.material-footer-2 .compl:hover .svg-icon {
    fill: #d00;
}

/*.for-phone .material-footer-2 .compl,
.for-phone .material-footer-2 .compl .svg-icon {
    transition: none;
}*/

/*.comment-form-button:active {
    transform: translateY(3px);
    transition: none;
}*/

.down_stat_wr .comment-all-link,
.material-footer-2 .compl {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    line-height: 40px;
    white-space: nowrap;
    margin: 0 10px;
}

.material-footer-2 .compl {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: auto;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 10px;
    padding: 0;
    background-color: transparent;
    transition: none;
}

.material-footer-2 .compl:hover,
.material-footer-2 .compl:focus,
.material-footer-2 .compl:active {
    color: #d00;
}

.down_stat_wr .comment-all-link:hover {
    text-decoration: underline;
}

@media (max-width: 1199px) {
    .material-footer-2 .compl span {
        display: none;
    }
}

@media (max-width: 575px) {
    .material-footer-2 {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .novost_detalka .material-footer-2 {
        margin-bottom: 0;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    /*.material-footer-2-comments {
        -ms-flex-direction: column;
        flex-direction: column;
    }*/
}

@media (min-width: 768px) and (max-width: 991px) {
    .novost_detalka .material-footer-2 {
        height: 140px;
    }

    .material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

@media (max-width: 575px) {
    /*.novost_detalka .material-footer-2 {
        -ms-flex-direction: row;
        flex-direction: row;
        height: 140px;
    }*/
    /*.material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 0;
    }*/
}

@media (max-width: 530px) {
    .novost_detalka .material-footer-2 {
        -ms-flex-direction: row;
        flex-direction: row;
        height: 140px;
    }

    .material-footer-2 .compl {
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
}

@media (min-width: 670px) and (max-width: 767px), (min-width: 450px) and (max-width: 575px) {
    .material-footer-2 .compl span {
        display: block;
    }
}

/*End of Comments-block*/

/*Material Head*/

/*.material-head {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Roboto Condensed';
    padding: 15px;
    width: calc(100% + 30px);
    margin-left: -15px;
    position: relative;
    user-select: none;
    z-index: 1;
}

.material-head-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: -1;
    background-color: var(--gray-color-1);
}

.material-head-box-1 {
    -ms-flex-order: 1;
    order: 1;
    min-width: calc(100% - 200px);
}

.material-head-box-2 {
    -ms-flex-order: 2;
    order: 2;
    min-width: 180px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.material-head-box-3 {
    -ms-flex-order: 3;
    order: 3;
    min-width: calc(100% - 100px);
}

.material-head-box-4 {
    -ms-flex-order: 4;
    order: 4;
    min-width: 100px;
}

.material-head-box-1,
.material-head-box-2 {
    margin-bottom: 15px;
}

.material-head-box-3,
.material-head-box-4 {
    margin-top: 15px;
}*/

.material-head {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    line-height: 20px;
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    padding: 0 15px;
    margin: clamp(15px, 5.5vw, 20px) -15px;
    width: calc(100% + 30px);
    position: relative;
    user-select: none;
    z-index: 1;
}

.opinion_cont .material-head.no-photo {
    padding-bottom: 0;
}

.material-head-back {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: -1;
    /*background-color: var(--gray-color-1);*/
}

.material-head-box-1 {
    /*min-width: calc(100% - 230px);*/
    /*order: 3;*/
    white-space: nowrap;
    margin-right: 15px;
    color: var(--gray-color-dark);
}

.material-head-box-2 {
    /*order: 4;*/
    /*min-width: 180px;*/
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.material-head-box-3 {
    overflow: hidden;
    position: relative;
    margin-right: 10px;
    flex-grow: 1;
    /*order: 1;*/
    /*min-width: calc(100% - 100px);*/
}

.material-head-box-3:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 20px;
    background: linear-gradient(to left, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.material-head-box-4 {
    order: 2;
    min-width: 100px;
}

/*.material-head-box-1,
.material-head-box-2 {
    margin-top: 15px;
}*/

/*.material-head-box-3,
.material-head-box-4 {
    margin-bottom: 10px;
}*/

/*.material-head-box-1,
.material-head-box-3 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}*/

.material-head-rubric,
.material-head-rubric .rubrika,
.material-head-row,
.material-head-views,
.material-head-date {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.material-head-views + .material-head-views {
    margin-left: 10px;
}

.material-head-box-3 .material-head-rubric .rubrika {
    white-space: nowrap;
}

.material-head-rubric .rubrika.green_bg span {
    padding: 0 4px;
    background-color: var(--active-color);
    color: #fff;
    margin: -2px 0 0 7px;
    font-size: 12px;
    line-height: 16px;
    border-radius: 3px;
    display: none;
}

/*.material-head-box-1,
.material-head-box-3 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}*/

/*.material-head-box-1 {
    margin-right: 20px;
}*/

/*.material-head .adv-info {
    right: -10px;
}

.material-head .adv-info .btn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 32px;
    padding: 0;
    cursor: pointer;
    border: none !important;
    background: none !important;
    box-shadow: none !important;
}

.material-head .adv-info .btn .dot {
    display: block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    margin: 2px;
    transition: .05s ease-in-out;
    background-color: #6a8797;
}

.material-head .adv-info .btn:hover .dot,
.material-head .adv-info .btn:focus .dot {
    background-color: #2383d7;
}

.material-head .adv-info .dropdown-menu {
    z-index: 1000;
    width: auto;
    min-width: auto;
    padding: 0 35px 0 15px;
    margin: -1px 0 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #b6c4cb;
    box-shadow: 0 6px 12px rgba(47, 67, 78, .25);
    transform-origin: right top;
    left: auto;
    right: 0;
    top: 0;
    font-family: 'Roboto', sasn-serif;
    font-size: 16px;
    line-height: 30px;
    white-space: nowrap;
}

.material-head .adv-info .dropdown-menu .btn.close {
    height: 30px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    border-radius: 4px;
    background: none;
    box-shadow: none;
    opacity: 1 !important;
}

.material-head .adv-info .dropdown-menu .btn.close .svg-icon {
    width: 10px;
    height: 10px;
    fill: #b6c4cb;
}

.material-head .adv-info .dropdown-menu .btn.close:hover .svg-icon,
.material-head .adv-info .dropdown-menu .btn.close:focus .svg-icon {
    fill: #6a8797;
}*/



/*Мнения*/

/*
.opinion_cont .material-head-box-1 {
    -ms-flex-order: 1;
    order: 1;
    min-width: auto;
}

.opinion_cont .material-head-box-2 {
    -ms-flex-order: 4;
    order: 4;
    min-width: auto;
}

.opinion_cont .material-head-box-3 {
    -ms-flex-order: 2;
    order: 2;
    min-width: auto;
}

.opinion_cont .material-head-box-4 {
    -ms-flex-order: 3;
    order: 3;
    min-width: auto;
}

.opinion_cont .material-head-box-1,
.opinion_cont .material-head-box-2,
.opinion_cont .material-head-box-3,
.opinion_cont .material-head-box-4 {
    margin-top: 0;
    margin-bottom: 0;
}

.opinion_cont .material-head-box-1 {
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.opinion_cont .material-head-box-3 {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
*/

/*End of Мнения*/

.material-head-rubric .svg-icon,
.material-head-views .svg-icon,
.material-head-date .svg-icon {
    /*margin: 0 3px 0 0;*/
    width: 14px;
    min-width: 14px;
    height: 14px;
}

.material-head-rubric .rubrika .svg-icon,
.material-head-views .svg-icon,
.material-head-date .svg-icon {
    fill: var(--gray-color-dark);
}

.material-head-rubric .rubrika.green_bg .svg-icon {
    width: 20px;
    min-width: 20px;
    height: 18px;
    margin-left: 7px;
    fill: var(--active-color);
}

@media (min-width: 400px) {
    .material-head-rubric .rubrika.green_bg span {
        display: block;
    }

    .material-head-rubric .rubrika.green_bg .svg-icon {
        display: none;
    }
}

.material-head-comments,
.material-bookmark,
.material-head .btn-share .social-btn-icon,
.social-top .btn-share .social-btn-icon {
    background-color: #fff;
    border: 1px solid var(--gray-color-3);
    min-width: 40px;
    margin-left: 10px;
    margin-right: 0;
    cursor: pointer;
    transition: var(--transition-base);
}

.social-top .btn-share .social-btn-icon {
    margin: 0;
}

.material-bookmark {
    border: 1px solid transparent;
}

.material-head .btn-share .social-btn-icon:hover,
.social-top .btn-share .social-btn-icon:hover {
    border: 1px solid var(--active-color);
}

.material-head-comments {
    width: auto;
    padding: 0 10px;
}

.material-head-comments .svg-icon {
    margin-right: 4px;
}

.material-head .material-bookmark.bookmark-yes,
.material-head .material-bookmark.bookmark-no {
    background-image: none;
}

.material-head .material-bookmark:hover {
    z-index: 1;
}

.material-head .material-bookmark #no_user_bookmark,
.material-head .material-bookmark #yes_user_bookmark,
.material-head .material-bookmark #del_user_bookmark {
    top: 45px;
    left: auto;
    width: 140px;
    transition: var(--transition-base);
    z-index: 10;
}

.material-head .material-bookmark:hover #no_user_bookmark,
.material-head .material-bookmark:hover #yes_user_bookmark,
.material-head .material-bookmark:hover #del_user_bookmark,
.material-head .material-bookmark:active #no_user_bookmark,
.material-head .material-bookmark:active #yes_user_bookmark,
.material-head .material-bookmark:active #del_user_bookmark {
    transform: translateY(3px);
}

.material-head .share-block {
    margin-bottom: 0;
    position: relative;
}

.material-head .audio_content {
    background: #ff8201;
    height: 40px;
    width: 100px;
    border-radius: 8px;
}

.material-head .audio_content h3 {
    line-height: 40px;
    text-transform: none;
    font-weight: 400;
    font-size: 16px;
    left: 31px;
}

.material-head .audio-puls {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 40px;
}

.material-head .audio-control {
    width: 22px;
    height: 22px;
    top: 9px;
    left: 7px;
}

.material-head .audio-button {
    border: none;
}

.material-head .audio-control > div:hover,
.material-head .audio_content:hover .audio-control > div {
    background-color: transparent;
    transform: scale3d(1.3, 1.3, 1.3);
}

.material-head-site,
.material-head-box-2 .material-head-comments {
    color: var(--active-color);
}

.material-head-box-3 .material-head-views,
.vue_count_read_user {
    color: var(--gray-color-dark);
}

.material-head-views.showComment {
    cursor: pointer;
}

.material-head-views.showComment:hover,
.material-head-views.showComment:hover [class^="icon-"] {
    color: var(--active-color);
}

.down_line_nn-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    align-items: center;
    float: right;
}

.down_line_nn .reactions {
    margin: 0 20px 0 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.down_line_nn .reactions .reactions-button,
.cab-content .down_line_nn .reactions-button {
    margin-right: 2px !important;
    width: 22px !important;
    -ms-flex-pack: center;
    justify-content: center;
    transition: none;
    transform: none;
    cursor: auto;
}

.down_line_nn .reaction-icon-box,
.down_line_nn .reaction-icon-box .svg-icon.reactions-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
}

.down_line_nn .total-count {
    display: block;
    margin-left: 3px;
    padding: 0;
    line-height: 36px;
    color: #838a8e;
    background-color: transparent;
}

.down_line_nn .button.company-answer-btn .company-answer01,
.down_line_nn .button.company-answer-btn .company-answer02 {
    font-size: 13px;
    line-height: 34px;
}

.down_line_nn .button.company-answer-btn .company-answer01 {
    display: none;
}

@media (min-width: 768px) and (max-width: 991px) {
    .down_line_nn .button.chit_dal {
        margin-right: 20px;
    }

    .down_line_nn .reactions {
        margin: 0 20px 0 0;
    }

    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.company-answer-btn .company-answer01,
    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }

    /*.down_line_nn .button.chit_dal span.read02 {
        display: none;
    }

    .down_line_nn .reactions {
        margin: 0 15px 0 0;
    }*/
}

@media (max-width: 649px) {
    .down_line_nn .button.company-answer-btn .company-answer02 {
        display: none;
    }

    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: inline-block;
    }
}

@media (max-width: 559px) {
    .down_line_nn .button.company-answer-btn .company-answer01 {
        display: none;
    }
}

@media (max-width: 479px) {
    .down_line_nn .button.chit_dal span.read02,
    .down_line_nn .button.chit_dal span.read01 {
        display: none;
    }

    .down_line_nn .button.chit_dal,
    .down_line_nn .button.coments {
        margin-right: 8px;
    }

    .down_line_nn .reactions {
        margin: 0 12px 0 0;
    }

}

@media (max-width: 369px) {

}

@media (max-width: 369px) {
    .down_line_nn .button,
    .down_line_nn .button.chit_dal {
        min-width: 30px;
        padding: 0 7px;
    }
}

@media (min-width: 768px) {
    .material-head {
        width: 100%;
        margin-left: 0;
        padding: 0;
        position: relative;
    }

    .material-head.no-photo {
        border-radius: 16px;
    }
}

@media (max-width: 767px) {
    /*.material-head .share-block .share-panel {
        left: auto;
        top: -15px;
        right: -10px;
        padding: 15px 55px 5px 15px;
    }

    .material-head .share-block .social-btn-2021.btn-close {
        top: 15px;
        right: 10px;
    }*/
}

@media (max-width: 380px) {
    .material-head-back {
        height: 60px;
    }

    .material-head-comments {
        margin-left: 0;
    }

    .material-head-box-4 {
        min-width: 40px;
    }

    .material-head .audio_content {
        width: 40px;
    }

    .stat_centr_wr .audio_content h3 {
        display: none !important;
    }

    .material-head .audio-control {
        width: 22px;
        height: 22px;
        top: 9px;
        left: 9px;
    }

    .stat_centr_wr .audio-play:before {
        top: 1px;
        left: 4px;
        border-top: 10px solid transparent;
        border-left: 17.2px solid #fff;
        border-bottom: 10px solid transparent;
    }
}

@media (max-width: 340px) {
    .material-bookmark,
    .material-head .btn-share .social-btn-icon {
        margin-left: 6px;
    }
}

/*End of Material Head*/

/*Geometria*/

@media (min-width: 600px) {
    .reactions {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .material-footer-box .reactions-button {
        width: 50px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    /*.material-footer-box .social-btn-icon,
    .material-footer-box .share-block .social-btn-icon,*/
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark {
        height: 50px;
        width: 50px;
    }

    .material-footer-box .buttons-count,
    .material-footer-box .total-count {
        height: 50px;
        min-width: 43px;
        line-height: 50px;
        margin-left: -10px;
    }
    /*.material-footer-box .share-panel .social-btn-2021 .buttons-count,*/
    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count {
        width: 50px;
    }

    /*.material-footer-box .share-block .social-btn-2021.btn-close {
        width: 50px;
    }*/

    /*.material-footer-box .share-block .share-panel {
        padding: 20px 70px 0 20px;
    }*/

    .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 25px;
        height: 25px;
    }
}

@media (min-width: 700px) {
    .reactions .reactions-button:not(:last-child),
    .cab-content .down_line_nn .reactions-button:not(:last-child),
    .material-footer-box .share-block .share-block-in > .social-btn-2021 {
        margin-right: 15px;
    }
}

@media (max-width: 530px) {
    .material-footer {
        padding-top: 60px;
    }

    .material-footer-single {
        padding-top: 20px;
    }

    .material-footer:before {
        content: 'Что думаете?';
        display: block;
        font-size: 20px;
        font-family: 'Roboto Condensed';
        position: absolute;
        top: 15px;
        left: 20px;
        font-weight: 700;
    }

    .material-footer-single:before {
        display: none;
    }

    .reactions {
        width: 100%;
    }

    .material-footer-2.no_comment {
        height: 90px;
        padding: 20px 10px 10px;
    }

    .material-footer .share-block {
        bottom: -91px;
        position: absolute;
        right: 20px;
    }

    .material-footer-single .share-block {
        bottom: auto;
        position: relative;
        right: auto;
    }

    .material-footer-row {
        width: 100%;
        display: flex;
    }

    .left_nn .material-footer-row {
        width: auto;
        flex-direction: column;
        align-items: flex-start;
    }

    .material-footer-box .reactions-button {
        width: 50px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark {
        height: 50px;
        width: 50px;
    }

    /*.material-footer-box .buttons-count {
        height: 50px;
        line-height: 50px;
        margin-left: -10px;
    }*/

    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count {
        width: 50px;
    }

    .reactions .reactions-button:not(:last-child),
    .cab-content .down_line_nn .reactions-button:not(:last-child) {
        margin-right: 0;
    }

}

@media (max-width: 400px) {
    .material-footer-box .reactions-button {
        width: 40px;
    }

    .material-footer-box .reaction-icon-box,
    .material-footer-box .svg-icon.reactions-icon,
    .material-footer-box .social-btn-icon,
    .material-footer-box .share-block .social-btn-icon,
    .material-footer-box .btn-adv-check,
    .material-footer-box .material-head-comments,
    .material-footer-box .material-bookmark,
    .material-footer-2 .compl {
        height: 40px;
        width: 40px;
    }

    .material-footer-box .buttons-count {
        height: 40px;
        line-height: 40px;
    }

    .material-footer-box .reaction-select.reactions-button .buttons-count,
    .material-footer-box .reaction-count.reactions-button .buttons-count,
    .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 40px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 40px;
    }

    .material-footer-box .share-block .share-panel {
        padding: 20px 60px 0 20px;
    }

    .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 20px;
        height: 20px;
    }

    .material-footer-2.no_comment {
        height: 80px;
    }

    .material-footer .share-block {
        bottom: -81px;
    }

    .material-footer-single .share-block {
        bottom: auto;
    }

    .comment-form-button {
        height: 40px;
        line-height: 40px;
    }

    .novost_detalka .material-footer-2 {
        height: 120px;
    }

    .material-footer-2 .compl {
        width: 40px;
        min-width: 40px;
        line-height: 50px;
        height: 50px;
        margin-bottom: 0;
        bottom: 0;
    }
}

@media (max-width: 991px) and (min-width: 768px) {
    .novost_detalka .reactions {
        width: 100%;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    /*.novost_detalka .material-footer-box .reactions-button {
        width: 40px;
    }*/
    /*.novost_detalka .material-footer-box .reaction-icon-box,
    .novost_detalka .material-footer-box .svg-icon.reactions-icon,
    .novost_detalka .material-footer-box .social-btn-icon,
    .novost_detalka .material-footer-box .share-block .social-btn-icon,
    .novost_detalka .material-footer-box .btn-adv-check,
    .novost_detalka .material-footer-box .material-head-comments,
    .novost_detalka .material-footer-box .material-bookmark {
        height: 40px;
        width: 40px;
    }*/
    .novost_detalka .reactions .reactions-button:not(:last-child) {
        margin-right: 0;
    }

    .novost_detalka .material-footer-box .reactions-button .buttons-count {
        margin: -10px 0 0 0;
    }

    .novost_detalka .material-footer-box .share-block .buttons-count {
        /*height: 40px;
        line-height: 40px;*/
        margin: 0 0 0 -10px;
    }

    /*.novost_detalka .material-footer-box .reaction-select.reactions-button .buttons-count,
    .novost_detalka .material-footer-box .reaction-count.reactions-button .buttons-count,
    .novost_detalka .material-footer-box .share-panel .social-btn-2021 .buttons-count {
        width: 40px;
    }*/
    /*.novost_detalka .material-footer-box .share-block .social-btn-2021.btn-close {
        width: 40px;
    }*/
    /*.novost_detalka .material-footer-box .share-block .share-panel {
        padding: 20px 60px 0 20px;
    }

    .novost_detalka .material-footer-box .share-block .social-btn-2021.btn-share .svg-icon {
        width: 20px;
        height: 20px;
    }

    .novost_detalka .material-footer .share-block {
        bottom: -90px;
        !*bottom: -80px;*!
        position: absolute;
        right: 20px;
    }

    .novost_detalka .material-footer-row {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
    }*/

    /*.novost_detalka .comment-form-button {
        height: 40px;
        line-height: 40px;
    }*/
}

/*End of Geometria*/

@media (min-width: 768px) {
    .material-footer-box {
        width: 100%;
        margin-left: 0;
    }

    .material-footer {
        border-radius: var(--border-radius-small) var(--border-radius-small) 0 0;
    }

    .no_comment .material-footer,
    .material-footer-single {
        border-radius: var(--border-radius-small);
    }

    .material-footer-2 {
        border-radius: 0 0 var(--border-radius-small) var(--border-radius-small);
    }

    /*.material-footer .share-block .share-panel {
        top: 0;
        right: 0;
    }*/

}

@media (max-width: 719px) {
    .reactions {
        -ms-flex-positive: 0;
        flex-grow: 0;
    }

    .reaction-panel .reactions {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .total-count,
    .reaction-panel-button {
        display: inline-block;
        float: left;
        position: relative;
    }

    .total-count {
        z-index: 2;
        min-width: auto;
        padding: 0 10px 0 20px;
    }

    .total-count .buttons-count {
        min-width: auto;
    }

}

@media (max-width: 340px) {
    .material-head-rubric .rubrika.green_bg span {
        font-size: 11px;
    }
}

@media (min-width: 1440px) {
    .d-1440-block {
        display: block !important;
    }
}