a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

[hidden] {
    display: none
}

body {
    width: 100%;
    position: relative;
    min-height: 100vh;
    min-width: 320px;
    background: #fff;
    color: #242424;
    font-family: "Open Sans", sans-serif, Arial;
    font-weight: 400;
    line-height: 1.5
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none
}

input,
textarea {
    -webkit-appearance: none;
    border: none;
    outline: 0;
    background: 0 0;
    border-radius: 0;
    font-family: "Open Sans", sans-serif, Arial;
    font-weight: 400
}

button {
    -webkit-appearance: none;
    border: none;
    outline: 0;
    background: 0 0;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    font-family: "Open Sans", sans-serif, Arial;
    font-weight: 700
}

*,
:focus,
:hover,
:visited {
    text-decoration: none;
    outline: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-tap-highlight-color: transparent
}

:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

img {
    max-width: 100%;
    display: block
}

svg {
    display: block;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

a {
    color: inherit;
    cursor: pointer;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

main {
    max-width: 2560px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 20px;
    min-height: calc(100vh - 60px);
}
@media (max-width: 1289px) {
    main {
        min-height: calc(100vh - 120px);
    }
}
.wrapper {
    max-width: 2560px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    text-align: center;
    font-size: 13px;
    line-height: 1.36;
    padding: 10px 24px;
    text-transform: uppercase;
    cursor: pointer;
    border: 1px solid transparent;
    font-weight: 700;
    min-width: 190px
}

.button-transparent {
    background: 0 0;
    color: #000;
    border-color: #000
}

.button-transparent:hover {
    background: #000;
    color: #fff;
    border-color: #000
}

.head-title,
h1 {
    font-size: 18px;
    font-weight: 700
}

.blockquote,
blockquote,
ol,
p,
ul {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

.blockquote a,
blockquote a,
p a {
    text-decoration: underline
}

.blockquote,
blockquote {
    font-weight: 500;
    position: relative;
    padding-left: 48px
}

.blockquote:before,
blockquote:before {
    content: "";
    display: block;
    width: 26px;
    height: 22px;
    position: absolute;
    left: 0;
    top: 5px;
    background: url(../images/blockquote.svg) left top/contain no-repeat
}

.container {
    max-width: 1290px;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.none {
    display: none
}

.header {
    background: #242424;
    color: #fff
}

.header-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 60px;
    padding-left: 20px;
    padding-right: 20px
}

.header-wrap .burger {
    display: none
}

.header-wrap .burger a.icon {
    display: block;
    width: 20px;
    height: 20px;
    position: relative
}

.header-wrap .burger a.icon:after,
.header-wrap .burger a.icon:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.header-wrap .burger a.icon:before {
    top: 7px
}

.header-wrap .burger a.icon:after {
    bottom: 7px
}

.header-wrap .burger a.icon.active:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 2px;
    left: 1px
}

.header-wrap .burger a.icon.active:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 2px;
    left: 1px
}

.header-wrap .search {
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, .2);
    margin-left: auto
}

.header-wrap .search .search-submit {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 12px;
    -webkit-transform: translatey(-50%);
    -ms-transform: translatey(-50%);
    transform: translatey(-50%)
}

.header-wrap .search .search-input {
    position: relative
}

.header-wrap .search .search-input input {
    display: block;
    height: 30px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    padding-left: 22px;
    padding-right: 20px;
    width: 88px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    background: #242424 url(../images/icon-search.svg) no-repeat left center / 12px auto;
}
.header-wrap .search .search-input {
    position: relative;
    height: 30px;
    min-width: 88px;
    z-index: 2
}

.header-wrap .search .search-input input {
    position: absolute;
    right: 0;
    top: 0;
}

.header-wrap .search .search-input input:focus {
    width: 300px;
}

@media (max-width:1290px) {
    .header-wrap .search .search-input input:focus {
        width: 280px;
    }
}
@media (max-width:759px) {
    .header-wrap .search .search-input input:focus {
        width: calc(100vw - 80px);
        padding-left: 20px;
    }
}


.header-wrap .search .search-input input::-webkit-input-placeholder {
    color: #fff
}

.header-wrap .search .search-input input::-moz-placeholder {
    color: #fff
}

.header-wrap .search .search-input input:-ms-input-placeholder {
    color: #fff
}

.header-wrap .search .search-input input::-ms-input-placeholder {
    color: #fff
}

.header-wrap .search .search-input input::placeholder {
    color: #fff
}

.header-wrap .logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header-wrap .logo a {
    display: block;
    width: 197px;
    height: 36px;
    background: url(../images/logo.svg) left center/contain no-repeat
}
/*
.life .header-wrap .logo a {
    background-image: url(../images/logo-yellow.svg)
}
 */

.header__types {
    padding-left: 58px;
    padding-right: 58px
}

.header__types a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    position: relative
}

.header__types a:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: 0 0;
    position: absolute;
    left: 0;
    bottom: -20px
}

.header__types li.active a.politic {
    color: #f14d29
}

.header__types li.active a.politic:after {
    background: #f14d29
}

.header__types li.active a.life {
    color: #ffe500
}

.header__types li.active a.life:after {
    background: #ffe500
}

.header__types ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 30px
}

.header__types ul li+li {
    padding-left: 40px;
    margin-left: 39px;
    position: relative
}

.header__types ul li+li:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .2)
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 18px
}

.social .fa-facebook,
.social .fa-twitter,
.social .fa-vk {
    font-size: 13px
}

.social .fa-instagram {
    font-size: 14px
}

.social .fa {
    display: inline-block;
    vertical-align: middle;
    line-height: 100%
}

.social .fa-odnoklassniki {
    font-size: 13px
}

.social .fa::before {
    display: block
}

.social.header-social {
    padding-left: 31px
}

.header__category {
    max-width: 425px;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.header__category ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__category ul a {
    font-size: 14px;
    color: #ababab
}

.header__category ul a:hover,
.header__category ul li.active a {
    color: #fff
}

@media (max-width:1289px) {
    .header-wrap {
        display: grid;
        grid-template-columns: 25% 50% 25%
    }

    .header-wrap .burger {
        display: block;
        grid-area: 1/1/2/2
    }

    .header-wrap .logo {
        grid-area: 1/2/2/3;
        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header-wrap .logo a {
        margin-left: auto;
        margin-right: auto
    }

    .header__category {
        display: none
    }

    .header-wrap .search {
        grid-area: 1/3/2/4;
        border-right: none
    }

    .header__types {
        grid-area: 2/1/3/-1;
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 0;
        padding-right: 0;
        border-top: 1px solid rgba(255, 255, 255, .2)
    }

    .header__types ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center
    }

    .header__types ul li {
        padding-left: 20px;
        padding-right: 20px
    }

    .header__types ul li a {
        line-height: 59px
    }

    .header__types ul li+li {
        padding-left: 20px;
        padding-right: 20px;
        margin-left: 0
    }

    .header__types ul li+li:before {
        top: 0;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .social.header-social {
        display: none
    }

    .header-wrap .search .search-input input {
        padding-right: 0;
        text-align: right;
        width: 58px
    }

    .header-wrap .search .search-input input:focus {
        text-align: left
    }
}

@media (max-width:1023px) {
    .header__types a:after {
        bottom: -10px;
    }
    .header-wrap .logo {
        height: 40px
    }

    .header-wrap .logo a {
        width: 120px
    }

    .header__types ul li a {
        line-height: 39px
    }
}

@media (max-width:479px) {
    .button {
        min-width: calc(100% - 80px)
    }

    .header-wrap .search .search-input {
        position: relative;
        height: 30px
    }

    .header-wrap .search .search-input input {
        width: 0;
        padding-left: 12px;
        position: absolute;
        right: 0;
        top: 0
    }

    .header-wrap .search .search-input input:focus {
        width: calc(100vw - 80px);
        padding-left: 20px;
    }

    .header-wrap .search .search-submit {
        left: auto;
        right: 0
    }
}

@media (min-width:1290px) {
    .header .dropdown {
        display: none !important
    }
}

.header .dropdown {
    display: none;
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.header .dropdown.open {
    display: block
}

.top-banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #070707
}

.top-banner img {
    max-height: 240px
}

.footer {
    background: #242424;
    color: #fff;
    position: relative;
    z-index: 2
}

.footer-top {
    border-bottom: 1px solid #505050;
    padding-left: 20px;
    padding-right: 20px
}

.footer-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 40px;
    min-height: 59px
}

.footer-menu .left ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-menu .left ul li a {
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    position: relative
}

.footer-menu .left ul li a:after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    background: 0 0;
    position: absolute;
    left: 0;
    bottom: -20px
}

.footer-menu .left ul li a:hover,
.footer-menu .left ul li.active a {
    color: #f14d29
}

.footer-menu .left ul li.active a:after {
    background: #f14d29
}

.footer-menu .left ul li+li {
    padding-left: 40px;
    margin-left: 39px;
    position: relative
}

.footer-menu .left ul li+li:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .2)
}

.footer-menu .right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:1289px) {
    .footer-top {
        padding-left: 0;
        padding-right: 0
    }

    .footer-menu {
        display: block;
        min-height: 0
    }

    .footer-menu .left ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        text-align: center
    }

    .footer-menu .left ul li a {
        line-height: 39px
    }

    .footer-menu .left ul li a:after {
        bottom: -12px
    }

    .footer-menu .left ul li+li {
        margin-left: 0;
        padding-left: 0
    }

    .footer-menu .left ul li+li:before {
        top: 0;
        height: 100%;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .footer-menu .right {
        position: absolute;
        left: 0;
        bottom: 35px;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer-social {
    position: relative;
    padding-left: 42px;
    margin-left: 39px;
    padding-right: 20px
}

.footer-social:before {
    content: "";
    display: block;
    width: 1px;
    height: 30px;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.footer-social a {
    display: block
}

.footer-social a:hover {
    color: #ababab
}

.footer-social i.fa {
    display: block;
    vertical-align: middle;
    line-height: 100%
}

.footer-social i.fa:before {
    display: block
}

.footer-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0 31px
}

.footer-links a {
    font-size: 12px;
    line-height: 1.36;
    color: #ababab
}

.footer-links a:hover {
    color: #fff
}

@media (max-width:1289px) {
    .footer-social {
        padding-left: 0;
        margin-left: 0;
        margin-right: 19px
    }

    .footer-social:before {
        height: 18px;
        left: auto;
        right: 0
    }

    .footer-links {
        display: none
    }
}

.eighteen {
    font-size: 0
}

.eighteen span {
    display: block;
    width: 26px;
    height: 12px;
    background: url(../images/eighteen.svg) center/contain no-repeat;
    opacity: .4
}

.footer-bottom__grid {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    grid-gap: 25px 30px;
    font-weight: 300;
    line-height: 1.5;
    color: #6d6d6d
}

.footer-bottom__grid p {
    font-size: 12px
}

.footer-bottom__grid p+p {
    margin-top: 15px
}

.footer-bottom__grid a:hover {
    color: #fff
}

@media (max-width:1289px) {
    .footer-bottom__grid {
        grid-template-columns: 1fr 1fr
    }

    .footer-bottom__forreaders {
        grid-area: 1/1/2/3
    }
}

@media (max-width:759px) {
    main {
        padding-top: 0
    }
    .header__types a {
        font-size: 12px;
    }
    .header__types a:after {
        bottom: -11px
    }

    .footer-bottom__grid {
        grid-template-columns: 1fr
    }

    .footer-bottom__forreaders {
        grid-area: 1/1/2/2
    }
}

@media (max-width:1289px) {
    .footer-bottom__allright {
        grid-area: 2/2/3/3
    }
}

@media (max-width:759px) {
    .footer-bottom__allright {
        grid-area: 3/1/4/2
    }

    .footer-bottom__certificate {
        grid-area: 2/1/3/2
    }
}

.footer-bottom__certificate p a {
    text-decoration: none
}

.footer-logo {
    margin-top: 37px
}

.footer-logo a {
    display: block;
    width: 197px;
    height: 36px;
    background: url(../images/logo.svg) left center/contain no-repeat
}

.footer-bottom {
    padding: 34px 40px 48px
}

@media (max-width:1289px) {
    .footer-bottom__certificate {
        grid-area: 2/1/3/2
    }

    .footer-logo {
        margin-top: 31px
    }

    .footer-logo a {
        margin-left: auto;
        margin-right: auto;
        width: 120px
    }

    .footer-bottom {
        padding-bottom: 62px
    }
}

@media (max-width:759px) {
    .footer-logo {
        margin-top: 26px
    }

    .footer-bottom {
        padding: 29px 40px 48px
    }
}

.columns {
    padding-bottom: 80px
}

.columns .column-inner {
    display: grid;
    grid-template-columns: 300px 1fr 300px;
    grid-template-rows: auto 1fr;
    grid-gap: 0 30px
}

@media (max-width:1289px) {
    .columns {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 34px
    }

    .columns .column-inner {
        grid-template-columns: 300px 1fr;
        grid-gap: 0 20px
    }
}

@media (max-width:1023px) {
    .columns .column-inner {
        grid-template-columns: 240px 1fr
    }

    .search-layout .j-more .button {
        min-width: calc(100% - 80px)
    }
}

@media (max-width:759px) {
    .columns {
        padding-bottom: 30px
    }

    .columns .column-inner {
        display: block
    }
}

.left-popular {
    background: #f1f1f1;
    width: 100%;
    padding: 11px 20px 9px
}

.left-popular .heading {
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    position: relative;
    padding-bottom: 17px
}

.left-popular .heading:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #242424;
    position: absolute;
    left: 0;
    bottom: 0
}

.left-popular .items .item {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 14px;
    padding-bottom: 14px
}

.left-popular .items .item:last-child {
    border-bottom: none
}

.left-popular .items .item .item-title {
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.left-popular .items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.left-popular .items .item a:hover .item-title {
    color: #ababab
}

.popular-baner {
    border: 1px solid #e1e1e1
}

.popular-baner-bottom {
    border: 1px solid #e1e1e1;
    margin-top: 20px
}

.publication .items {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 30px
}

.publication .items .item {
    padding-top: 21px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1;
    grid-column: span 2
}

@media (min-width:1290px) {
    .publication .items .item:nth-last-child(-n+6) {
        grid-column: span 1;
        padding-top: 16px;
        padding-bottom: 16px;

    }

    .publication .items .item:nth-last-child(-n+6) .thumb {
        width: 50px;
        height: 50px;
        margin-top: 5px;
    }

    .publication .items .item:nth-last-child(-n+6) .caption {
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 0;

    }

    .publication .items .item:nth-last-child(-n+6) .item-title {
        font-size: 14px;
        line-height: 20px;
    }

    .publication .items .item:nth-last-child(-n+2) {
        border-bottom: none
    }
}

.publication .items .item:last-child {
    border-bottom: none
}

.publication .items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.publication .items .item .thumb {
    display: block;
    width: 135px;
    height: 86px;
    background: center/cover no-repeat;
    border-radius: 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.publication .items .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 40px;
    padding-top: 7px;
    padding-bottom: 7px;
}
@media(max-width: 1289px) {
    .publication .items .item .caption {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

.publication .items .item .item-title {
    font-size: 16px;
    line-height: 1.36;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}
.loading .publication .items .item .item-title {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

@media (max-width:759px) {
    .publication .items {
        display: block
    }

    .publication .items .item {
        padding-top: 15px;
        padding-bottom: 15px
    }

    .publication .items .item:first-child {
        padding-top: 21px
    }

    .publication .items .item .thumb {
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

    .publication .items .item .caption {
        padding-right: 20px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .publication .items .item .item-title {
        font-size: 14px;
        line-height: 1.428571
    }
}

.publication .items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.publication .items .item a:hover .item-title {
    color: #ababab
}

.publication .j-more.more {
    text-align: center;
    margin-top: 30px
}

.column-first .item a {
    position: relative;
    display: block
}

.column-first .item .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: center/cover no-repeat;
    border-radius: 3px
}

.column-first .item .caption {
    position: relative;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11.46%, rgba(36, 36, 36, 0)), color-stop(73.96%, #1b1b1b));
    background: -o-linear-gradient(top, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%);
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    min-height: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    padding: 11px 20px 26px
}

.column-first .item .caption span.mark {
    background: #f14d29;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    margin: 0 auto 24px 0;
}
.column-first .item .caption span.mark.red {
    background: #f14d29;
    color: #fff;
}
.column-first .item .caption span.mark.life, 
.column-first .item .caption span.mark.yellow {
    background: #ffe500;
    color: #242424;
}

@media (max-width:1289px) {
    .column-first .item .caption {
        min-height: 290px
    }
}

.column-first .item a:hover .ellipsis,
.column-first .item a:hover .item-title {
    color: #ababab
}

.column-first .item-title {
    font-size: 26px;
    line-height: 1.15384;
    font-weight: 700;
    max-width: 530px;
    margin-bottom: 10px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-top: auto
}

@media (max-width:759px) {
    .publication .j-more.more {
        margin-top: 10px
    }

    .column-first .item .caption {
        min-height: 240px;
        padding: 21px 20px
    }

    .column-first .item-title {
        font-size: 18px;
        line-height: 1.36
    }
}

.column-first .ellipsis {
    font-size: 14px;
    line-height: 1.42857;
    max-width: 530px;
    margin-bottom: 13px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.column-first .data {
    font-size: 12px;
    font-weight: 500;
    color: #ababab;
    max-width: 530px
}

.right-banner {
    margin-top: 20px;
    border: 1px solid #e1e1e1
}

.right-news {
    background: #242424;
    border-radius: 3px;
    color: #fff;
    padding: 11px 20px;

}

.column-right__title {
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    border-bottom: 2px solid rgba(225, 225, 225, .1);
    padding-bottom: 15px;
    margin-bottom: 8px
}

.right-news__items .item {
    border-bottom: 1px solid rgba(225, 225, 225, .1);
    padding-bottom: 13px;
    padding-top: 17px
}

.right-news__items .item:last-child {
    border-bottom: none
}

.right-news__items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.right-news__items .item .thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    background: center/cover no-repeat;
    border-radius: 3px
}

.right-news__items .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px
}

.right-news__items .item .item-title {
    font-size: 12px;
    line-height: 1.33333;
    margin-bottom: 2px;
    max-width: 180px
}

.right-news__items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.yellow .column-right__title {
    color: #ffe500;
    border-bottom-color: #ffe500
}

.yellow .right-news__items .item .data {
    color: #ffe500
}

.center-banner {
    margin-top: 33px;
    margin-bottom: 30px;
    border: 1px solid #e1e1e1
}

.center-banner.enter-banner-mainpage {
    margin-top: 80px;
    margin-right: -200px
}

.column-aside {
    grid-area: 1/1/3/2
}

@media (max-width:1289px) {
    .right-news {
        min-height: 0
    }

    .center-banner {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .center-banner.enter-banner-mainpage {
        margin-right: 0
    }

    .column-aside {
        grid-area: 1/1/3/2
    }

    .column-first {
        grid-area: 1/2/2/3
    }
}

.column-first {
    grid-area: 1/2/2/3
}

.column-content {
    grid-area: 2/2/3/3
}

@media (max-width:1289px) {
    .column-content {
        grid-area: 2/2/3/3
    }

    .column-right {
        display: none
    }
}

.column-right {
    grid-area: 1/3/3/4
}

.stories {
    padding-bottom: 120px;
    overflow: hidden;
}

@media (max-width:1289px) {
    .stories {
        padding-top: 29px
    }
}

@media (max-width:759px) {
    .stories {
        padding-bottom: 60px;
    }
    .column-content {
        padding-top: 10px;
    }
    .columns-inner .column-content {
        padding-top: 15px;
    }
    .column-first {
        margin-left: -20px;
        margin-right: -20px
    }

    .column-first .ellipsis {
        display: none
    }

    .column-first .item-title {
        margin-bottom: 8px
    }

    .center-banner.enter-banner-mainpage {
        margin-top: 20px
    }

    .column-aside {
        margin-top: 60px;
    }

    .stories {
        padding-top: 23px
    }
}

.stories-scroll {
    width: 100%
}

.stories__wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px 30px;
}
@media(max-width: 1289px) {
    .stories__wrapper {
        grid-gap: 40px 15px;
    }
}

@media(max-width: 1023px) {
    .stories__wrapper {
        grid-gap: 40px 30px;
        grid-template-columns: repeat(2, 1fr);
    }
}
@media(max-width: 759px) {
    .stories__wrapper {
        grid-gap: 40px 30px;
        grid-template-columns: 1fr;
    }
    .columns-inner {
        padding-bottom: 80px;
    }
}

.stories__title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 13px
}

.stories__items .item {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 15px;
    padding-bottom: 14px
}
.stories__items .item:last-child {
    border-bottom: none;
}

.stories__items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.stories__items .item a:hover .item-title {
    color: #ababab
}

.stories__items .item .thumb {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 5px
}

.stories__items .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 20px
}

.stories__items .item .item-title {
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 1px
}

.stories__items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.stories__items .item:first-child {
    padding-top: 0;
    padding-bottom: 34px
}

.stories__items .item:first-child a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.stories__items .item:first-child .thumb {
    width: 100%;
    height: 190px;
    margin-top: 0;
    margin-bottom: 14px
}

.stories__items .item:first-child .item-title {
    font-weight: 700
}

.stories-scroll.scrollable .scroll-bar.horizontal {
    height: 6px;
    background: #ededed;
    margin-right: 20px;
    width: calc(100% - 20px) !important
}

.stories-scroll.scrollable .scroll-bar.horizontal .thumb {
    background: #ababab
}

.columns-nav {
    display: none;
    grid-template-columns: 1fr 1fr;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    color: #ababab;
    border-bottom: 2px solid #ababab
}

.columns-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    position: relative;
    text-align: center;
    min-height: 44px
}

.columns-nav a:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: 0 0;
    position: absolute;
    left: 0;
    bottom: -2px
}

.columns-nav a.active {
    color: #000
}

.columns-nav a.active:after {
    background: #000
}

.sub-menu {
    border-top: 1px solid rgba(255, 255, 255, .2);
    font-size: 24px;
    line-height: 1.5;
    color: #ababab;
    padding: 45px 40px
}

.sub-menu li {
    padding-top: 6px;
    padding-bottom: 6px
}

.sub-menu li.active {
    color: #fff
}

@media (max-width:759px) {
    .columns-nav {
        display: grid
    }

    .sub-menu {
        text-align: center;
        font-size: 18px;
        padding: 32px 20px 57px
    }

    .sub-menu li {
        padding-top: 7px;
        padding-bottom: 8px
    }
}

.dropdown__bottom {
    border-top: 1px solid rgba(255, 255, 255, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 40px 80px;
    width: 100%;
    background: #242424;
    z-index: 10
}

@media (max-width:759px) {
    .dropdown__bottom {
        display: block;
        border-top: none;
        padding: 0
    }

    .dropdown__bottom .social {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-bottom: 34px
    }
}

.dropdown__links {
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase
}

.dropdown__links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dropdown__links li+li {
    padding-left: 24px;
    margin-left: 27px;
    position: relative
}

.dropdown__links li+li:before {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: rgba(255, 255, 255, .2)
}

.page-heading {
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    margin-bottom: 24px;
    padding-bottom: 15px;
    padding-top: 11px
}

.page-heading h1 {
    font-size: inherit
}

.contacts {
    max-width: 960px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    padding-left: 40px;
    padding-bottom: 24px
}

.contacts:before {
    content: "";
    display: block;
    width: 26px;
    height: 22px;
    background: url(../images/blockquote.svg) center/contain no-repeat;
    position: absolute;
    left: 0;
    top: 5px
}

.contacts p {
    font-size: 12px;
    line-height: 20px
}

.contacts p a {
    color: #f14d29
}

.contacts p a:hover {
    color: #242424;
    text-decoration: none
}

@media (max-width:1289px) {
    .contacts {
        padding-left: 45px
    }
}

@media (max-width:759px) {
    .dropdown__links {
        border-top: 1px solid rgba(255, 255, 255, .2)
    }

    .dropdown__links ul {
        display: grid;
        grid-template-columns: 1fr 1fr
    }

    .dropdown__links ul a {
        display: block;
        width: 100%;
        line-height: 39px;
        text-align: center
    }

    .dropdown__links ul li+li {
        padding-left: 1px;
        margin-left: 0
    }

    .dropdown__links ul li+li:before {
        height: 100%;
        top: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .page-heading {
        margin-bottom: 29px
    }

    .contacts {
        padding: 36px 0 24px
    }

    .contacts:before {
        top: 0
    }
}

.contacts__text {
    font-size: 18px;
    line-height: 1.36;
    font-weight: 500;
    margin-bottom: 22px
}

@media (max-width:759px) {
    .contacts__text {
        font-size: 16px;
        line-height: 1.25;
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 26px;
        margin-bottom: 22px
    }
}

.contacts-social {
    padding: 30px 40px 78px
}

.contacts-social a {
    color: #ababab
}

.contacts-social a:hover {
    color: #f14d29
}

@media (max-width:1289px) {
    .contacts-social {
        padding: 30px 45px 75px
    }
}

@media (max-width:759px) {
    .contacts-social {
        padding: 12px 0 74px
    }
}

.ads-files {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 31px 40px 80px;
    grid-gap: 0 120px
}

.ads-files a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0 15px
}

.ads-files .title {
    font-size: 14px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.ads-files .type {
    font-size: 12px;
    line-height: 20px;
    color: #ababab;
    display: block;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.ads-files .icon {
    display: block;
    background: url(../images/icon-document.svg) center/18px auto no-repeat;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 1px solid #e1e1e1
}

.ads-files a:hover .title,
.ads-files a:hover .type {
    color: #f14d29
}

@media (max-width:1289px) {
    .ads-files {
        padding: 29px 45px 57px
    }
}

@media (max-width:759px) {
    .ads-files {
        padding: 29px 0 61px;
        grid-gap: 0 20px
    }

    .ads-files a {
        grid-gap: 0 10px
    }

    .ads-files .icon {
        width: 60px;
        height: 60px;
        background-size: 14px auto
    }
}

@media (max-width:359px) {
    .ads-files {
        grid-gap: 0 10px
    }
}

.authors {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 40px 30px;
    padding-bottom: 100px
}

@media (max-width:1289px) {
    .authors {
        grid-template-columns: repeat(4, 1fr);
        grid-gap: 26px 30px;
        padding-bottom: 60px
    }
}
@media (max-width:1023px) {
    .authors {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width:759px) {
    .authors {
        grid-template-columns: repeat(2, 1fr);
        padding-bottom: 40px
    }
}

@media (max-width:479px) {
    .authors {
        grid-template-columns: 1fr;
        grid-gap: 20px
    }
}

.authors__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0 15px
}

.authors__item .thumb {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (min-width:480px) and (max-width:1289px) {
    .authors__item a {
        display: block
    }

    .authors__item .thumb {
        margin-bottom: 10px
    }
}

.authors__item .caption h4 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400
}

.authors__item .caption span.pub {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.authors__item .caption span.pub i.fa {
    font-size: 12px;
    margin-right: 3px
}

.authors__item a:hover h4,
.authors__item a:hover span.pub {
    color: #f14d29
}

.recent-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 40px 30px;
    padding-bottom: 15px
}
.recent__authors,
.recent__toppost {
    grid-column: span 3
}

.recent__toppost .item {
    color: #fff;
    border-radius: 3px;
    overflow: hidden
}

.recent__toppost .item a {
    position: relative;
    display: block
}

.recent__toppost .item a:hover {
    color: #ababab
}

.recent__toppost .item .thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: center/cover no-repeat
}

.recent__toppost .item .caption {
    position: relative;
    z-index: 2;
    min-height: 494px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(11.46%, rgba(36, 36, 36, 0)), color-stop(73.96%, #1b1b1b));
    background: -o-linear-gradient(top, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%);
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%);
    padding: 11px 20px 26px
}

@media (max-width:1289px) {
    .recent-grid {
        padding-bottom: 19px;
        display: block
    }

    .recent__toppost .item .caption {
        min-height: 454px
    }

    .recent__popular {
        display: none
    }
}

.recent__toppost .item .item-title {
    max-width: 802px;
    font-size: 26px;
    line-height: 1.15384;
    font-weight: 700;
    margin-bottom: 13px
}

@media (max-width:759px) {


    .recent__toppost .item .caption {
        min-height: 280px;
        padding: 11px 20px 22px
    }

    .recent__toppost .item .item-title {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 8px
    }
}

.recent__toppost .item .data {
    font-size: 12px;
    color: #ababab
}

.recent__toppost .item .item-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    margin-bottom: 15px;
    margin-top: auto
}

@media (max-width:759px) {
    .recent__toppost .item .item-author {
        margin-bottom: 18px
    }
}

.recent__toppost .item .item-author__thumb {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.recent__toppost .item .item-author__caption {
    font-size: 12px;
    line-height: 18px;
    color: #ababab
}

.recent__toppost .item .item-author__caption span {
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
    display: block;
    color: #fff
}

.recent__toppost .item .item-category {
    font-size: 18px;
    line-height: 1.3616;
    font-weight: 700;
    /*border-bottom: 2px solid #fff;
    padding-bottom: 14px
    */
    margin-bottom: 24px;
    color: #fff;

}

.recent__popular {
    grid-column: span 1
}

.author-page {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 0 30px;
    padding-bottom: 96px
}

@media (max-width:1289px) {
    .author-page {
        grid-template-columns: 1fr 240px;
        grid-gap: 0 20px;
        padding-bottom: 60px
    }
}

@media (max-width:759px) {
    .author-page {
        display: block
    }
}

.author-page__head {
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 14px
}

.author-page__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 15px;
    padding-top: 19px;
    padding-bottom: 15px
}

.author-page__item .thumb {
    display: block;
    width: 80px;
    height: 80px;
    background: center/cover no-repeat;
    border: 1px solid #e1e1e1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 50%
}

.author-page__item h1 {
    font-size: 18px;
    line-height: 22px;
    font-weight: 400
}

.author-page__item span.pub {
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.author-page__item span.pub i.fa {
    font-size: 12px;
    margin-right: 3px
}

.author-page__share {
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 12px
}

.author-page__share .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px
}

.author-page__share .title {
    font-size: 12px;
    line-height: 20px
}

.author-page__share .social {
    color: #ababab
}

.author-page__share .social span {
    cursor: pointer
}

.author-page__share .social span:hover {
    color: #000
}

.author-page__blockquote {
    padding-top: 22px;
    padding-bottom: 26px;
    border-bottom: 1px solid #e1e1e1
}

.author-page__blockquote blockquote {
    font-size: 18px;
    line-height: 1.36
}

@media (max-width:1289px) {
    .author-page__share .share {
        grid-gap: 10px
    }

    .author-page__blockquote blockquote {
        font-size: 16px;
        line-height: 1.25
    }

    .author-page__posts .recent__toppost .item .caption {
        min-height: 290px
    }

    .author-page__posts .recent__toppost .item .item-title {
        font-size: 22px;
        line-height: 1.18
    }
}

@media (max-width:759px) {
    .author-page__share .share {
        grid-gap: 20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .author-page__blockquote blockquote {
        max-width: 272px
    }
}

.author-page__about {
    padding-top: 11px;
    grid-area: 1/2/2/3
}

.author-page__posts {
    grid-area: 1/1/2/2
}

.author-publications .j-more {
    margin-top: 30px;
    text-align: center
}

.author-publications .item {
    padding-top: 21px;
    padding-bottom: 14px;
    border-top: 1px solid #e1e1e1;
    min-height: 133px
}

.author-publications .item:first-child {
    border-top: none
}

.author-publications .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 20px
}

.author-publications .item a:hover .item-title {
    color: #ababab
}

.author-publications .item .thumb {
    display: block;
    width: 135px;
    height: 86px;
    border-radius: 3px;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:759px) {
    .author-publications .item a {
        grid-gap: 0 15px
    }

    .author-publications .item .thumb {
        width: 50px;
        height: 50px
    }
}

.author-publications .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 630px
}

.author-publications .item .item-author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    margin-bottom: 2px
}

.author-publications .item .item-author__thumb {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #e1e1e1;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.author-publications .item .item-author__caption {
    font-size: 12px;
    line-height: 18px
}

.author-publications .item .item-title {
    font-size: 18px;
    line-height: 1.36;
    margin-bottom: 2px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

@media (max-width:759px) {
    .author-publications .item .item-title {
        font-size: 14px;
        line-height: 20px
    }
}

.author-publications .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.author-publications-banner {
    margin-top: 28px;
    margin-bottom: 29px;
    border: 1px solid #e1e1e1
}

.search-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 24px;
    padding-top: 9px
}

.search-title h1 {
    font-size: 18px
}

.search-title p {
    font-size: 12px;
    margin-top: 8px
}

.search-title p span {
    color: #f14d29
}

.search-layout .j-more {
    margin-top: 67px;
    text-align: center;
}

@media (max-width:759px) {
    .author-page__posts .recent__toppost {
        margin-left: -20px;
        margin-right: -20px
    }

    .author-page__posts .recent__toppost .item .caption {
        min-height: 280px
    }

    .author-page__posts .recent__toppost .item .item-title {
        font-size: 18px;
        line-height: 1.36
    }

    .search-title {
        display: block;
        padding-bottom: 15px
    }

    .search-title p {
        margin-top: 5px
    }

    .search-layout .j-more {
        margin-top: 40px
    }
}

.search-result {
    max-width: 960px;
    width: 100%;
    padding-bottom: 86px;
    padding-top: 7px
}

.search-result .item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}

.search-result .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 20px
}

.search-result .item .thumb {
    width: 135px;
    height: 86px;
    border-radius: 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: center/cover no-repeat
}

.search-result .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 640px;
    padding-top: 9px;
    padding-bottom: 9px
}

@media (max-width:1289px) {
    .search-result .item .caption {
        max-width: 520px
    }
}

.search-result .item .item-title {
    font-size: 18px;
    line-height: 1.36
}

@media (max-width:759px) {
    .search-result {
        padding-bottom: 40px
    }

    .search-result .item {
        padding-top: 15px;
        padding-bottom: 14px
    }

    .search-result .item .thumb {
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

    .search-result .item .caption {
        padding-top: 0;
        padding-bottom: 0
    }

    .search-result .item .item-title {
        font-size: 14px;
        line-height: 1.42857
    }
}

.search-result .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.partner-news {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 10px 20px
}

.partner-news__title {
    font-size: 18px;
    line-height: 1.38888;
    font-weight: 700;
    padding-bottom: 15px
}

.partner-news__items .item {
    padding-top: 16px;
    padding-bottom: 14px;
    border-top: 1px solid #ededed
}

.partner-news__items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 20px
}

.partner-news__items .item a:hover .item-title {
    color: #ababab
}

.partner-news__items .item .thumb {
    width: 50px;
    height: 50px;
    border-radius: 3px;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-top: 3px
}

.partner-news__items .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 180px
}

.partner-news__items .item .item-title {
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 2px
}

.partner-news__items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.materials .item {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}

.materials .item:last-child {
    border-bottom: none
}

.materials .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 20px
}

.materials .item a:hover .item-title {
    color: #ababab
}

.materials .item .thumb {
    width: 135px;
    height: 86px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: center/cover no-repeat;
    border-radius: 3px
}

.materials .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 460px;
    padding-top: 7px;
    padding-bottom: 7px;
}
@media (max-width: 1289px) {
    .materials .item .caption {
        padding-top: 1px;
        padding-bottom: 1px;
    }
}

.materials .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.materials .item .item-title {
    font-size: 16px;
    line-height: 1.36;
    margin-bottom: 2px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

@media (min-width:1024px) {

    #mainNews,
    #popularNews {
        display: block !important
    }
}

#mainNews .j-more.more {
    text-align: center;
    margin-top: 30px
}

.item-category {
    font-size: 18px;
    line-height: 1.36;
    margin-bottom: 24px;
    font-weight: 700;
    max-width: 330px;
}
.item .item-category span {
    background: #f14d29;
    color: #fff;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: 500;
    font-size: 12px;
    display: inline-block;
    text-align: center;
}

.item.life .item-category span {
    background: #ffe500;
    color: #242424;
}

.item.politic .item-category span {
    background: #f14d29;
    color: #fff;
}

.post-page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-gap: 0 30px;
    padding-bottom: 60px;
    max-width: 1290px;
    width: 100%;
}

.post-page__aside {
    width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width:1023px) {
    .post-page {
        display: block
    }

    .post-page__aside {
        display: none
    }
}

.post-page__right {
    width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.post-page__main {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100% - 660px);
    flex: 0 1 calc(100% - 660px);
    max-width: calc(100% - 660px)
}

@media (max-width:1289px) {
    .post-page__right {
        display: none
    }

    .post-page__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 calc(100% - 330px);
        flex: 0 1 calc(100% - 330px);
        max-width: calc(100% - 330px)
    }
}

.post-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 18px;
    margin-bottom: 3px
}

.post-head .mark {
    background: #f14d29;
    border-radius: 3px;
    line-height: 20px;
    white-space: nowrap;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-left: 9px;
    padding-right: 9px
}

.post-head .share .title {
    display: none
}

.post-head .share .social {
    color: #ababab;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;

}
.post-head .share .social .fa-telegram,
.post-head .share .social .fa-vk,
.post-head .share .social .fa-odnoklassniki{
    font-size: 16px;
}

.post-head .share .social span:hover {
    color: #000
}

.post-head__tag {
    font-size: 12px;
    line-height: 20px;
    color: #ababab;
    margin-right: auto
}

.post-title h1 {
    font-size: 26px;
    line-height: 1.15384;
    font-weight: 700;
    max-width: 500px;
}
@media (max-width: 759px) {
    .post-head {
        margin-bottom: 6px;
    }
}

.post-title__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 20px;
    color: #ababab;
    margin-top: 11px
}

.post-title__bottom .divider {
    width: 1px;
    height: 10px;
    background: #ababab;
    margin-left: 10px;
    margin-right: 10px;
    display: block
}

.post-title__bottom i.fa.fa-eye {
    margin-right: 3px;
}

.post-thumb .item .thumb img {
    width: 100%
}

.post-header {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.post-text ol,
.post-text p,
.post-text ul {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

.post-text ol strong,
.post-text p strong,
.post-text ul strong {
    font-weight: 700
}

.post-text a,
.post-text p a {
    text-decoration: none;
    color: #f14d29
}

.post-text a:hover,
.post-text p a:hover {
    color: #242424
}

.post-text blockquote {
    font-weight: 400
}

.post-text figure img {
    max-width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
    height: auto;
}
.post-text figure .slider img {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;

}
.post-text figure .slider__main  img {
    max-height: 420px;
    object-fit: cover;
}
@media (max-width: 1289px) {
    .post-text figure .slider__main  img {
        max-height: 45.3125vw;
    }
    .post-text figure img {
        max-width: calc(100% - 40px);
        margin-left: 20px;
        margin-right: 20px;
    }
}
@media (max-width: 759px) {
    .post-text figure img {
        max-width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .post-text figure .slider__main  img {
        max-height: 62.5vw;
    }
}

.post-text figure+figure,
.post-text figure+ol,
.post-text figure+p,
.post-text figure+ul,
.post-text ol+figure,
.post-text ol+ol,
.post-text ol+p,
.post-text ol+ul,
.post-text p+figure,
.post-text p+ol,
.post-text p+p,
.post-text p+ul,
.post-text ul+figure,
.post-text ul+ol,
.post-text ul+p,
.post-text ul+ul {
    margin-top: 24px
}

.post-text blockquote+blockquote,
.post-text blockquote+figure,
.post-text blockquote+ol,
.post-text blockquote+p,
.post-text blockquote+ul,
.post-text figure+blockquote,
.post-text ol+blockquote,
.post-text p+blockquote,
.post-text ul+blockquote {
    margin-top: 36px;
}

.post-text div[id*="yandex"] {
    margin-top: 24px;
    margin-bottom: 24px;
}

.post-text figure,
.post-text ol,
.post-text p,
.post-text ul {
    margin-bottom: 24px;
}
.post-text figure:last-child,
.post-text ol:last-child,
.post-text p:last-child,
.post-text ul:last-child {
    margin-bottom: 0;
}

.post-text figcaption {
text-align: left;
    margin-top: 6px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #ABABAB;
}
.snippets {
    margin-top: 24px;
}
.snippets a.snippet {
    display: flex;
    grid-gap: 0 20px;
    justify-content: space-between;
}
.snippets a.snippet + a.snippet {
    margin-top: 12px;
}

.snippets a.snippet svg {
    flex: 0 0 auto;
    margin-top: 6px;
}

@media (max-width:759px) {
    .materials .item {
        padding-top: 15px;
        padding-bottom: 14px
    }

    .materials .item a {
        grid-gap: 0 15px
    }

    .materials .item .thumb {
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

    .materials .item .item-title {
        font-size: 14px;
        line-height: 20px
    }

    #mainNews .j-more.more {
        margin-top: 30px
    }

    .post-page {
        padding-top: 20px
    }

    .post-text ol,
    .post-text p,
    .post-text ul {
        font-size: 16px;
        line-height: 1.5
    }

    .post-text figure+figure,
    .post-text figure+ol,
    .post-text figure+p,
    .post-text figure+ul,
    .post-text ol+figure,
    .post-text ol+ol,
    .post-text ol+p,
    .post-text ol+ul,
    .post-text p+figure,
    .post-text p+ol,
    .post-text p+p,
    .post-text p+ul,
    .post-text ul+figure,
    .post-text ul+ol,
    .post-text ul+p ul+ul {
        margin-top: 20px
    }
    .post-text figure,
    .post-text ol,
    .post-text p,
    .post-text ul {
        margin-bottom: 20px;
    }

    .post-text blockquote+blockquote,
    .post-text blockquote+figure,
    .post-text blockquote+ol,
    .post-text blockquote+p,
    .post-text blockquote+ul,
    .post-text figure+blockquote,
    .post-text ol+blockquote,
    .post-text p+blockquote,
    .post-text ul+blockquote {
        margin-top: 24px;
    }

    .post-text iframe,
    .post-text video {
        max-width: 100%;
    }
}

.post-text .figure,
.post-text .figure .slider {
    width: 100%
}

.archive-page {
    display: grid;
    grid-template-columns: 1fr 300px;
    grid-gap: 0 30px;
    padding-bottom: 160px
}

@media (max-width:1289px) {
    .archive-page {
        padding-bottom: 80px;
        display: block
    }
}

.archive-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 0 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 30px;
    padding-top: 11px
}

.archive-head h1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.archive-head h1.h1withtag strong {
    color: #f14d29;
    font-weight: 700
}

@media (max-width:1023px) {
    .post-page__main {
        max-width: 100%
    }

    .archive-head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        grid-gap: 0 80px;
        padding-bottom: 0;
        border-bottom: none
    }
}

@media (max-width:759px) {
    .archive-head {
        display: block
    }

    .archive-head h1 {
        margin-bottom: 18px
    }
}

.archive-arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    grid-gap: 0 5px;
    margin-left: auto
}

.archive-arrows .current-date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 12px;
    line-height: 1.36;
    white-space: nowrap;
    margin-top: 3px;
}

.archive-arrows .arrow-prev {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.archive-arrows .arrow-prev:before {
    border-right: 6px solid #000;
    margin-left: -2px
}

.archive-arrows .arrow-prev:hover:before {
    border-right-color: #f14d29
}

.archive-arrows .arrow-next {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.archive-arrows .arrow-next:before {
    border-left: 6px solid #000;
    margin-right: -2px
}

.archive-arrows .arrow-next:hover:before {
    border-left-color: #f14d29
}

.archive-arrows .arrow-next,
.archive-arrows .arrow-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ededed;
    cursor: pointer
}

.archive-arrows .arrow-next:before,
.archive-arrows .arrow-prev:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

@media (max-width:1023px) {
    .archive-arrows {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        border: 1px solid #e1e1e1;
        padding: 8px 10px;
        margin: 13px 0 0
    }

    .archive-arrows .current-date {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        text-align: center;
        margin-top: 0;
    }

    .archive-arrows .arrow-prev {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .archive-arrows .arrow-next {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.archive-head__filters {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    grid-gap: 0 20px
}

@media (max-width:1023px) {
    .archive-head__filters {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .archive__main .more .button {
        min-width: calc(100% - 80px)
    }
}

.archive__items .item {
    padding-top: 21px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e1e1
}

.archive__items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 20px
}

.archive__items .item a:hover .item-title {
    color: #ababab
}

.archive__items .item .thumb {
    display: block;
    width: 135px;
    height: 86px;
    border-radius: 3px;
    background: center/cover no-repeat;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.archive__items .item .caption {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 640px;
    padding-top: 8px;
    padding-bottom: 8px
}

.archive__items .item .item-title {
    font-size: 16px;
    line-height: 1.36;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    margin-bottom: 2px
}

@media (max-width:759px) {
    .archive-head__filters {
        display: none
    }

    .archive__items .item {
        padding-top: 15px;
        padding-bottom: 14px
    }

    .archive__items .item .thumb {
        width: 50px;
        height: 50px;
        margin-top: 5px
    }

    .archive__items .item .caption {
        padding-top: 0;
        padding-bottom: 0
    }

    .archive__items .item .item-title {
        font-size: 14px;
        line-height: 1.4285
    }
}

.archive__items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.archive__lastnews {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 12px 20px 23px;
    margin-top: 20px
}

.archive__lastnews .head-title {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 17px;
    margin-bottom: 14px
}

.archive__lastnews p {
    font-size: 12px;
    line-height: 16px
}

.archive__lastnews p+p {
    margin-top: 16px
}

.calendar {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 13px 20px 32px
}

.calendar .ui-datepicker {
    width: 100%;
    border: none !important;
    background: #fff;
    color: #242424;
    font-family: "Open Sans", sans-serif, Arial;
    padding: 0
}

.calendar .ui-datepicker .ui-datepicker-header {
    padding: 0 30px;
    border-radius: 0;
    border: none;
    background: 0 0;
    color: #242424;
    font-weight: 600
}

.calendar .ui-datepicker .ui-datepicker-prev {
    left: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    color: #242424;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ededed;
    cursor: pointer
}

.calendar .ui-datepicker .ui-datepicker-prev:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border-right: 6px solid #000;
    margin-left: -2px
}

.calendar .ui-datepicker .ui-datepicker-prev:hover {
    background: 0 0
}

.calendar .ui-datepicker .ui-datepicker-prev:hover:before {
    border-right-color: #f14d29
}

.calendar .ui-datepicker .ui-datepicker-next {
    right: 0;
    top: 50%;
    margin-top: -12px;
    width: 24px;
    height: 24px;
    color: #242424;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #ededed;
    cursor: pointer
}

.calendar .ui-datepicker .ui-datepicker-next:before {
    content: "";
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    border-left: 6px solid #000;
    margin-right: -2px
}

.calendar .ui-datepicker .ui-datepicker-next:hover {
    background: 0 0
}

.calendar .ui-datepicker .ui-datepicker-next:hover:before {
    border-left-color: #f14d29
}

.calendar .ui-datepicker .ui-datepicker-title {
    margin: 0;
    font-size: 14px;
    line-height: 24px;
    white-space: nowrap;
    font-weight: 600
}

.calendar .ui-datepicker table {
    border-top: 1px solid #e1e1e1;
    margin: 11px 0 0;
    font-size: 12px
}

.calendar .ui-datepicker th {
    padding: 12px 0;
    font-size: 12px;
    font-weight: 400;
    color: #ababab
}

.calendar .ui-datepicker td {
    padding: 0
}

.calendar .ui-datepicker td.ui-datepicker-week-end {
    color: #f14d29
}

.calendar .ui-state-default,
.calendar .ui-widget-content .ui-state-default {
    border: none;
    background: 0 0;
    border-radius: 10px;
    width: 100%;
    max-width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0;
    margin: 0 auto;
    font-size: 12px;
    color: inherit
}

.calendar .ui-state-active,
.calendar .ui-widget-content .ui-state-active {
    background: #f14d29;
    color: #fff
}

.archive__main .more {
    margin-top: 63px;
    text-align: center;
}

.ui-selectmenu-button-rp.ui-selectmenu-button.ui-button {
    width: 100%;
    border: none;
    background: 0 0;
    color: #242424;
    font-weight: 400;
    border-radius: 0;
    font-family: "Open Sans", sans-serif, Arial;
    padding: 0;
    display: block;
    margin: 0
}

.ui-selectmenu-button-rp.ui-button .ui-icon {
    display: block;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #242424;
    background: 0 0;
    float: none;
    position: absolute;
    right: 0;
    top: 7px
}

.ui-selectmenu-button-rp .ui-selectmenu-text {
    margin-right: 12px;
    font-size: 12px
}

.ui-selectmenu-menu.ui-selectmenu-rp {
    padding-top: 6px
}

.ui-selectmenu-menu.ui-selectmenu-rp .ui-widget.ui-widget-content {
    border: 1px solid #e1e1e1;
    color: #242424;
    font-size: 12px
}

.ui-selectmenu-menu.ui-selectmenu-rp .ui-state-active,
.ui-selectmenu-menu.ui-selectmenu-rp .ui-widget-content .ui-state-active {
    border-color: #e1e1e1;
    background: #e1e1e1;
    color: #242424
}

.tags__lastnews {
    margin-top: 80px
}
@media (max-width: 1289px) {
    .tags__lastnews {
        margin-top: 60px
    }
}
@media (max-width: 759px) {
    .tags__lastnews {
        margin-top: 40px
    }
}


.tags__lastnews .head-title {
    line-height: 20px;
    margin-bottom: 14px
}

@media (max-width:1289px) {
    .archive__main .more {
        margin-top: 40px
    }

    .archive__aside {
        display: none
    }

    .tags__lastnews {
        padding-bottom: 40px
    }
}

@media (max-width:759px) {
    .archive__main .more {
        margin-top: 20px
    }

}

.tags__lastnews p {
    font-size: 12px;
    line-height: 16px;
    max-width: 890px
}

.tags__lastnews p+p {
    margin-top: 16px
}

.archive__main .j-more~.tags__lastnews {
    border-top: 1px solid #e1e1e1;
    padding-top: 22px
}

@media (max-width:1023px) {
    .archive__main .j-more~.tags__lastnews {
        border-top: none;
        padding-top: 0
    }
}

.post-title .mark {
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
    background: #f14d29;
}
.post-title .mark.red,
.post-title .mark.politic {
    background: #f14d29;
}
.post-title .mark.life {
    background: #ffe500;
    color: #242424;
}

.j-social.share.fix {
    display: none
}

.post-page__main .post-thumb {
    margin-top: 14px;
    margin-bottom: 16px
}

.post-page__main .post-thumb .caption {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #ababab;
    margin-top: 6px
}

.post-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-gap: 5px;
    margin-top: 15px
}

.post-tags a {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #ababab;
    white-space: nowrap;
    padding: 0 9px
}

.post-tags a:hover {
    color: #242424;
    border-color: #242424
}

.slider {
    margin: 0 !important
}

.slider .slider__main .slick-arrow {
    display: none !important
}

.slider .slider__main .slick-slide>div {
    position: relative;
    padding-bottom: 0
}

.slider .slide-main {
    position: static
}

.slider .slide-main__caption {
    right: auto;
    left: 0;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(11.46%, rgba(36, 36, 36, 0)), color-stop(73.96%, #1b1b1b));
    background: -o-linear-gradient(top, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%);
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 11.46%, #1b1b1b 73.96%); */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(36, 36, 36, 0)), color-stop(100%, #1b1b1b));
    background: -o-linear-gradient(top, rgba(36, 36, 36, 0) 40%, #1b1b1b 100%);
    background: linear-gradient(180deg, rgba(36, 36, 36, 0) 40%, #1b1b1b 100%);
    min-height: 320px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #fff
}

@media (max-width:759px) {
    .slider .slide-main__caption {
        min-height: 120px
    }
}

.slider .slider__nav {
    margin: 0;
    background: #1b1b1b;
    padding: 20px
}

.slider .slide-nav img {
    border-radius: 3px
}

.archive__notfound {
    font-size: 18px;
    font-weight: 700;
    margin-top: 40px
}

.right-popular {
    background: #f1f1f1;
    width: 100%;
    padding: 11px 20px 9px;
    border-radius: 3px
}

.right-popular .heading {
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    position: relative;
    padding-bottom: 17px
}

.right-popular .heading:after {
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #242424;
    position: absolute;
    left: 0;
    bottom: 0
}

.right-popular .items .item {
    border-bottom: 1px solid #e1e1e1;
    padding-top: 14px;
    padding-bottom: 14px
}

.right-popular .items .item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-gap: 0 20px
}

.right-popular .items .item a .thumb {
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 3px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: center/cover no-repeat
}

.right-popular .items .item:last-child {
    border-bottom: none
}

.right-popular .items .item .item-title {
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.right-popular .items .item .data {
    font-size: 12px;
    line-height: 20px;
    color: #ababab
}

.right-popular .items .item a:hover .item-title {
    color: #ababab
}

.right-popular.dark {
    background: #242424;
    color: #fff
}

.right-popular.dark .items .item {
    border-bottom-color: rgba(225, 225, 225, .1)
}

#preloader {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin:auto;
    opacity: 0;
    transition: .15s;
}
#preloader.active {
    opacity: 1;
}
#preloader div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #242424;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
#preloader div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}
#preloader div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}
#preloader div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}
#preloader div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(24px, 0);
    }
}





.ellipsis {
    visibility: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.column-aside__sticky {
    position: sticky;
    top: 80px;
}
@media(max-width: 1289px) {
    .column-aside__sticky {
        top: 140px;
    }
}

@media(max-width: 1023px) {
    .column-aside__sticky {
        top: 100px;
    }
}
.post-page__main .post-left + .post-left {
    border-top: 1px solid #E1E1E1;
    margin-top: 35px;
    padding-top: 41px;
}
@media(max-width: 1289px) {
    .post-page__main .post-left + .post-left {
        padding-top: 35px;
    }
}
@media(max-width: 1289px) {
    .post-page__main .post-left + .post-left {
        margin-top: 25px;
        padding-top: 21px;
    }
}

.j-social span {
    cursor: pointer;
}

.tags__lastnews h1,
.tags__lastnews h2 {
    font-size: 18px;
    line-height: 1.36;
}
.tags__lastnews h3 {
    font-size: 16px;
    line-height: 1.36;
}
.tags__lastnews h4 {
    font-size: 14px;
    line-height: 1.36;
}
.tags__lastnews p,
.tags__lastnews ul,
.tags__lastnews ol {
    font-size: 12px;
    line-height: 1.25;
    font-weight: 400;
}
.tags__lastnews p strong,
.tags__lastnews ul strong,
.tags__lastnews ol strong {
    font-weight: 700;
}
.tags__lastnews p a,
.tags__lastnews a {
    text-decoration: none;
    color: #F14D29;
}
.tags__lastnews p a:hover,
.tags__lastnews a:hover {
    color: #242424;
}
.tags__lastnews blockquote {
    font-weight: 400;
}
.tags__lastnews h1,
.tags__lastnews h2 {
    margin-bottom: 20px;
}
.tags__lastnews h3 {
    margin-bottom: 18px;
}
.tags__lastnews h4 {
    margin-bottom: 16px;
}
.tags__lastnews p + p,
.tags__lastnews p + ul,
.tags__lastnews p + ol,
.tags__lastnews p + blockquote,
.tags__lastnews p + figure,
.tags__lastnews p + h1,
.tags__lastnews p + h2,
.tags__lastnews p + h3,
.tags__lastnews p + h4,
.tags__lastnews ul + p ul + ul,
.tags__lastnews ul + ol,
.tags__lastnews ul + blockquote,
.tags__lastnews ul + figure,
.tags__lastnews ul + h1,
.tags__lastnews ul + h2,
.tags__lastnews ul + h3,
.tags__lastnews ul + h4,
.tags__lastnews ol + p,
.tags__lastnews ol + ul,
.tags__lastnews ol + ol,
.tags__lastnews ol + blockquote,
.tags__lastnews ol + figure,
.tags__lastnews ol + h1,
.tags__lastnews ol + h2,
.tags__lastnews ol + h3,
.tags__lastnews ol + h4,
.tags__lastnews blockquote + p,
.tags__lastnews blockquote + ul,
.tags__lastnews blockquote + ol,
.tags__lastnews blockquote + blockquote,
.tags__lastnews blockquote + figure,
.tags__lastnews blockquote + h1,
.tags__lastnews blockquote + h2,
.tags__lastnews blockquote + h3,
.tags__lastnews blockquote + h4,
.tags__lastnews figure + p,
.tags__lastnews figure + ul,
.tags__lastnews figure + ol,
.tags__lastnews figure + blockquote,
.tags__lastnews figure + h1,
.tags__lastnews figure + h2,
.tags__lastnews figure + h3,
.tags__lastnews figure + h4,
.tags__lastnews figure + figure {
    margin-top: 16px;
}


.post-text ul.disclaimers {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.36;
    color: #ABABAB;
}

.header {
    min-height: 60px;
    position: relative;
    z-index: 11;
}

.main-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #242424;
}
@media(max-width: 1289px) {
    .header {
        min-height: 120px;
    }
}
@media(max-width: 1023px) {
    .header {
        min-height: 80px;
    }
}

.author-page__posts .recent__toppost {
    margin-bottom: 24px;
}
@media(max-width: 759px) {
    .author-page__posts .recent__toppost {
        margin-bottom: 12px;
    }
}

#not-found {
    text-align: center;
    padding-top: 65px;
    padding-bottom: 101px;
}
#not-found h1 {
    font-size: 30px;
    line-height: 1.36;
}
#not-found h1 strong {
    font-size: 80px;
    line-height: 80px;
    display: block;
}
#not-found p {
    font-size: 12px;
    line-height: 1.36;
    margin-top: 27px;
}
.not-found__button {
    margin-top: 35px;
}
.not-found__lastnews {
    max-width: 960px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 86px;
}
.not-found__lastnews .heading {
    text-align: center;
    font-size: 18px;
    line-height: 1.36;
    font-weight: 700;
    border-bottom: 1px solid #E1E1E1;
    padding-bottom: 25px;
    margin-bottom: 7px;
}
@media (max-width: 1289px) {
    #not-found h1 strong {
        font-size: 60px;
        line-height: 60px;
    }
    #not-found h1 {
        font-size: 20px;
    }
    #not-found {
        padding-top: 24px;
        padding-bottom: 79px;
    }
    #not-found p {
        margin-top: 24px;
    }
    .not-found__lastnews .heading {
        padding-bottom: 18px;
        margin-bottom: 0;
    }
    .not-found__lastnews {
        padding-bottom: 40px;
    }
}
@media (max-width: 759px) {
    #not-found h1 strong {
        font-size: 50px;
        line-height: 50px;
    }
    #not-found h1 {
        font-size: 20px;
    }
    #not-found {
        padding-top: 32px;
        padding-bottom: 73px;
    }
    #not-found p {
        margin-top: 29px;
    }
    #not-found p br {
        display: none;
    }
    .not-found__lastnews .heading {
        padding-bottom: 22px;
        margin-bottom: 7px;
    }
}

.banner-top div[id*="yandex"] {
    margin: -20px -20px 30px;
}
@media (max-width: 759px) {
    .banner-top div[id*="yandex"] {
        margin-top: 0;
    }
}
.archive__items div[id*="yandex"] {
    margin-top: 24px;
    margin-bottom: 24px;
}
.page-contacts,
.archive-page,
.search-layout {
    padding-top: 40px;
}
@media (max-width: 759px) {
    .page-contacts, .archive-page, .search-layout {
        padding-top: 20px;
    }
}

.page-end {
    margin-top: 20px;
}

.post-wrap h1,
.post-wrap h2,
.post-wrap h3,
.post-wrap h4,
.post-wrap h5,
.post-wrap h6 {
font-weight: bold;
margin-bottom: 0.75em;
line-height: 1.2; }
.post-wrap h1 {
font-size: 2.0736em; }
.post-wrap h2 {
font-size: 1.728em; }
.post-wrap h3 {
font-size: 1.44em; }
.post-wrap h4 {
font-size: 1.2em; }
.post-wrap h5 {
font-size: 1em; }
.post-wrap h6 {
font-size: 0.83333em;
text-transform: uppercase;
letter-spacing: .035em; }

.post-wrap iframe ~ figcaption {
    text-align: center;
}

.post-banner {
    display: none;
    position: sticky;
    bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(100px);
    transition: .15s ease-in-out;
}

.post-banner.active {
    visibility: visible;
    transform: translateY(0);
    opacity: 1;
}

.post-banner__link {
    display: block;
    color: #FFD601;
    font-weight: 900;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px;
}

.post-banner__close {
    position: absolute;
    right: 0;
    top: 0;
    color: #FFF;
    border: none;
    outline: none;
    padding: 6px 9px;
    font-size: 18px;
    line-height: 1;
    background-color: transparent;
}

@media (max-width: 1289px) {
    .post-banner__link {
        padding: 15px;
        font-size: 20px;
        line-height: 25px;
    }
}

@media (max-width: 759px) {
    .post-banner {
        display: block;
    }

    .post-banner__link {
        padding: 15px 20px;
        font-size: 19px;
        line-height: 24px;
    }
}

.post-text ul {
    list-style-type: disc;
    padding-left: 20px;
}

.post-text ol {
    list-style-type: decimal;
    padding-left: 20px;
}

.post-text ul > li + li,
.post-text ol > li + li {
    margin-top: 12px;
}

.thumb {
    overflow: hidden;
}

.thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.left-popular .items .item .thumb img {
    display: none;
}

.post-author {
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: right;
    margin-left: auto;
}

.post-author__content {
    display: inline-flex;
    align-items: center;
    line-height: 1;
}

.post-author__image-wrapper {
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border: 1px solid #E1E1E1;
    border-radius: 30px;
    overflow: hidden;
    margin-right: 10px;
}

.post-author__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-author__info {
    line-height: 18px;
    text-align: left;
}

.post-author__text {
    color: #242424;
    font-size: 12px;
    font-weight: 700;
}

.post-author__name {
    color: #ABABAB;
    font-size: 12px;
    white-space: nowrap;
}

.post-footer {
    display: flex;
    align-items: center;
}

.post-footer .post-tags {
    margin-right: 15px;
    margin-bottom: 15px;
}

@media (max-width: 759px) {
    .post-author {
        margin-left: 0;
    }
    
    .post-footer {
        display: block;
    }

    .post-footer .post-tags {
        margin-right: 0;
    }

    .post-author {
        text-align: left;
        margin-top: 26px;
        margin-bottom: 0;
    }

    .post-author__image-wrapper {
        display: none;
    }

    .post-author__text, .post-author__name {
        display: inline;
    }
}

.post-wrapper .post-thumb .thumb {
    position: relative;
    padding-bottom: 50%;
}

.post-wrapper .post-thumb .thumb img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.tgbanner {
    height: 200px;
    position: relative;
    display: block;
    overflow: hidden;
}

@media (max-width: 1400px) {
    .tgbanner {
        height: 150px;
    }
}

@media (max-width: 759px) {
    .tgbanner {
        height: 160px;
    }
}

@media (max-width: 540px) {
    .tgbanner {
        height: 150px;
    }
}

.tgbanner img {
    height: 100%;
    width: auto;
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    max-width: none;
}

.tgbanner__image_mobile {
    display: none;
}

@media (max-width: 759px) {
    .tgbanner__image {
        display: none;
    }

    .tgbanner__image.tgbanner__image_mobile {
        display: block;
    }
}
