#content-wrapper h5 {
    text-transform: uppercase;
    color: var(--primary);
    letter-spacing: .3em;
    font-size: .85em;
    display: inline-block
}

.inform_block {
    background-color: #faf3e2;
    padding: 2em;
    font-size: smaller;
    margin: 30px 0
}

aside.inform_block p {
    margin-bottom: 1em
}

.active-date {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: right;
    text-transform: lowercase;
    letter-spacing: .3em;
    font-size: .85em;
    position: absolute;
    right: 0;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

article b {
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: bold
}

.article_header h1 {
    font-size: 3em;
    margin: .75em auto
}

.article_podzag {
    font-size: 1.5em;
    color: var(--primary);
    margin-bottom: 2rem
}

.article_lead {
    font-size: 1.2em
}

.article_podzag_hr {
    width: 12em;
    margin: 3em auto
}

.article_header {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    max-width: 1000px;
    margin: 0 auto
}

.content_more_links {
    background: var(--light);
    width: 100%;
    padding: 20px;
    margin: 4em 0;
    text-align: center
}

.content_more_links a {
    background: url(/img/icon_cml2.png) no-repeat;
    background-size: 20px 60px;
    padding-left: 28px;
    margin-left: 2px;
    line-height: 20px;
    display: inline-block;
    color: inherit
}

.content_more_links a:hover {
    text-decoration: underline
}

.content_more_links a.cml_zen {
    background-position-y: 0
}

.content_more_links a.cml_vk {
    background-position-y: -20px
}

.content_more_links.top_social_article {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: left
}

.top_social {
    margin-bottom: 3em
}

.top_social_article {
    display: inline-block
}

article .author,
aside.end-line {
    display: inline;
    font-size: smaller;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.author a {
    font-weight: bold
}

.author-magazine {
    margin-top: 2.5em
}

.link-to-rating {
    text-align: right
}

article #to-rating {
    display: inline-block;
    font-size: smaller;
    color: var(--secondary);
    padding: 15px 0 15px 20%
}

#article_arrow_down_wrapper {
    position: absolute;
    bottom: 5%;
    color: #fff;
    left: 28.35%;
    padding: 20px 40px;
    cursor: pointer
}

.article_arrow_down-icon {
    width: 52px;
    height: 28px
}

.rating h2 {
    display: block;
    margin: 2em 0 .5em;
    color: var(--primary);
    padding-right: 5em
}

.rating-table {
    width: 100%;
    background-color: var(--table);
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.rating th,
.rating td {
    padding: 10px
}

.rating td {
    vertical-align: baseline
}

.rating th {
    background-color: var(--primary);
    font-weight: normal;
    font-size: small;
    text-align: left;
    vertical-align: bottom;
    padding-top: 20px;
    color: #fff
}

.rating .rt-name {
    font-size: larger
}

.rating .rt-digit {
    min-width: 100px;
    font-size: x-large;
    text-align: right;
    white-space: nowrap
}

.rating .rt-descr {
    font-size: smaller;
    padding-top: 0
}

.rating td.first {
    padding-top: 15px
}

.rating .b-border {
    border-bottom: 1px solid var(--dark)
}

.rating .progress {
    background-color: unset
}

.rt-itog {
    font-size: xx-large;
    text-align: right
}

.rt-summary {
    text-align: right
}

.rating-source {
    font-size: x-small;
    text-align: right
}

.jchart--body {
    width: 100%;
    height: 100%
}

.jchart svg.jchart__pie {
    overflow: visible
}

#article-chart {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 200px;
    height: 200px;
    display: inline-block
}

.other-table {
    font-size: smaller;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.other-table table {
    border: none !important;
    width: 100%
}

.other-table table tr {
    border-top: 1px solid #ddd
}

.other-table th p {
    margin: 0
}

.other-table table tr td:nth-child(2) {
    width: 100%
}

.other-table table tr:first-child {
    background-color: var(--primary);
    font-weight: normal;
    font-size: small;
    text-align: left;
    vertical-align: bottom;
    padding-top: 20px;
    color: #fff;
    line-height: 1.3em
}

.other-table table tr:first-child td {
    vertical-align: bottom
}

.other-table table tr:first-child p {
    margin: 0;
    padding: 0
}

.ya-share2.top_social_article {
    float: left;
    padding-right: 30px
}

.top_social_article a.cml_ig,
.top_social_article a.cml_zen {
    margin-left: 30px;
    font-size: .85em
}

.full_post_img.noscale img {
    max-width: 100%
}

.showcounter {
    font-size: small;
    opacity: .5;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif
}

@media screen and (max-width:767px) {
    #article-chart {
        float: none
    }

    .full_post_img.noscale img {
        width: 100%
    }

    #content-wrapper p.vrezka.rating-how_calc {
        font-size: small
    }

    #content-wrapper #content,
    #content-wrapper .article_podzag_hr,
    #content-wrapper .article_lead {
        margin-left: 0
    }

    .article_podzag_hr {
        width: 30px
    }

    #content-wrapper h1 {
        font-size: 2em;
        line-height: 1.25em;
        margin: .5em 0
    }

    #content-wrapper .article_podzag {
        font-size: 1.3em
    }

    #content-wrapper .article_lead {
        font-size: 1em
    }

    #content-wrapper h5,
    #content-wrapper .active-date {
        letter-spacing: .15em;
        margin: 0;
        padding: 0;
        line-height: 1.5rem;
        font-size: x-small
    }

    #content-wrapper .full_post_img,
    #content-wrapper .post_img {
        margin: 3em -9.5% 2em
    }

    #content-wrapper figure .photo_name,
    #content-wrapper figure .photo_autor {
        margin: .5em 8%
    }

    #content-wrapper .full_post p {
        margin-bottom: 1.5em;
        font-size: large
    }

    #content-wrapper .blockquote {
        font-size: 1.2rem;
        font-weight: bold;
        margin-left: 2em
    }

    #article_arrow_down_wrapper {
        display: none
    }

    .header_text_container {
        margin-top: 62px
    }

    .article_header {
        text-align: left
    }

    .end-line.end-line-magazine {
        white-space: nowrap
    }

    .rating h2 {
        padding-right: 0
    }
}

#postsOther .post .post-pic img {
    min-width: unset;
    min-height: unset;
    max-width: unset;
    max-height: unset;
    height: unset;
    width: 100%
}

#postsOther .post .post-pic {
    height: auto !important
}

#postsOther h4 {
    margin-top: .5em;
    font-weight: bold;
    font-size: 17pt;
    line-height: 26px
}

@media screen and (max-width:767px) {
    #postsOther h2 {
        margin-top: .5em
    }
}

#popular_list .post .post-pic img {
    min-width: unset;
    min-height: unset;
    max-width: unset;
    max-height: unset;
    height: unset;
    width: 100%
}

#popular_list .post .post-pic {
    height: auto !important
}

#popular_list h4 {
    margin-top: .5em;
    font-weight: bold;
    font-size: 17pt;
    line-height: 26px
}

@media screen and (max-width:767px) {
    #popular_list h2 {
        margin-top: .5em
    }
}

#content-wrapper h5 {
    text-transform: uppercase;
    color: var(--primary);
    letter-spacing: .3em;
    font-size: .85em;
    display: inline-block
}

.inform_block {
    background-color: #faf3e2;
    padding: 2em;
    font-size: smaller;
    margin: 30px 0
}

aside.inform_block p {
    margin-bottom: 1em
}

.active-date {
    color: var(--secondary);
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: right;
    text-transform: lowercase;
    letter-spacing: .3em;
    font-size: .85em;
    position: absolute;
    right: 0;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

article b {
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
    font-weight: bold
}

.article_header h1 {
    font-size: 3em;
    margin: .75em auto
}

.article_podzag {
    font-size: 1.5em;
    color: var(--primary);
    margin-bottom: 2rem
}

.article_lead {
    font-size: 1.2em
}

.article_podzag_hr {
    width: 12em;
    margin: 3em auto
}

.article_header {
    display: block;
    width: 100%;
    text-align: center;
    position: relative
}

.content_more_links {
    background: var(--light);
    width: 100%;
    padding: 20px;
    margin: 4em 0;
    text-align: center
}

.content_more_links a {
    background: url(/img/icon_cml2.png) no-repeat;
    background-size: 20px 60px;
    padding-left: 28px;
    margin-left: 2px;
    line-height: 20px;
    display: inline-block;
    color: inherit
}

.content_more_links a:hover {
    text-decoration: underline
}

.content_more_links a.cml_zen {
    background-position-y: 0
}

.content_more_links a.cml_vk {
    background-position-y: -20px
}

.content_more_links.top_social_article {
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    text-align: left
}

.top_social {
    margin-bottom: 3em
}

.top_social_article {
    display: inline-block
}

article .author,
aside.end-line {
    display: inline;
    font-size: smaller;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.author a {
    font-weight: bold
}

.author-magazine {
    margin-top: 2.5em
}

.link-to-rating {
    text-align: right
}

article #to-rating {
    display: inline-block;
    font-size: smaller;
    color: var(--secondary);
    padding: 15px 0 15px 20%
}

#article_arrow_down_wrapper {
    position: absolute;
    bottom: 5%;
    color: #fff;
    left: 28.35%;
    padding: 20px 40px;
    cursor: pointer
}

.article_arrow_down-icon {
    width: 52px;
    height: 28px
}

.rating h2 {
    display: block;
    margin: 2em 0 .5em;
    color: var(--primary);
    padding-right: 5em
}

.rating-table {
    width: 100%;
    background-color: var(--table);
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.rating th,
.rating td {
    padding: 10px
}

.rating td {
    vertical-align: baseline
}

.rating th {
    background-color: var(--primary);
    font-weight: normal;
    font-size: small;
    text-align: left;
    vertical-align: bottom;
    padding-top: 20px;
    color: #fff
}

.rating .rt-name {
    font-size: larger
}

.rating .rt-digit {
    min-width: 100px;
    font-size: x-large;
    text-align: right;
    white-space: nowrap
}

.rating .rt-descr {
    font-size: smaller;
    padding-top: 0
}

.rating td.first {
    padding-top: 15px
}

.rating .b-border {
    border-bottom: 1px solid var(--dark)
}

.rating .progress {
    background-color: unset
}

.rt-itog {
    font-size: xx-large;
    text-align: right
}

.rt-summary {
    text-align: right
}

.rating-source {
    font-size: x-small;
    text-align: right
}

.jchart--body {
    width: 100%;
    height: 100%
}

.jchart svg.jchart__pie {
    overflow: visible
}

#article-chart {
    float: right;
    margin-left: 1em;
    margin-bottom: 1em;
    width: 200px;
    height: 200px;
    display: inline-block
}

.other-table {
    font-size: smaller;
    font-family: 'Formular', 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif
}

.other-table table {
    border: none !important;
    width: 100%
}

.other-table table tr {
    border-top: 1px solid #ddd
}

.other-table th p {
    margin: 0
}

.other-table table tr td:nth-child(2) {
    width: 100%
}

.other-table table tr:first-child {
    background-color: var(--primary);
    font-weight: normal;
    font-size: small;
    text-align: left;
    vertical-align: bottom;
    padding-top: 20px;
    color: #fff;
    line-height: 1.3em
}

.other-table table tr:first-child td {
    vertical-align: bottom
}

.other-table table tr:first-child p {
    margin: 0;
    padding: 0
}

.ya-share2.top_social_article {
    float: left;
    padding-right: 30px
}

.top_social_article a.cml_ig,
.top_social_article a.cml_zen {
    margin-left: 30px;
    font-size: .85em
}

.full_post_img.noscale img {
    max-width: 100%
}

.showcounter {
    font-size: small;
    opacity: .5;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: 'Formular', 'Open Sans', Helvetica, Roboto, Arial, sans-serif
}

@media screen and (max-width:767px) {
    #article-chart {
        float: none
    }

    .full_post_img.noscale img {
        width: 100%
    }

    #content-wrapper p.vrezka.rating-how_calc {
        font-size: small
    }

    #content-wrapper #content,
    #content-wrapper .article_podzag_hr,
    #content-wrapper .article_lead {
        margin-left: 0
    }

    .article_podzag_hr {
        width: 30px
    }

    #content-wrapper h1 {
        font-size: 2em;
        line-height: 1.25em;
        margin: .5em 0
    }

    #content-wrapper .article_podzag {
        font-size: 1.3em
    }

    #content-wrapper .article_lead {
        font-size: 1em
    }

    #content-wrapper h5,
    #content-wrapper .active-date {
        letter-spacing: .15em;
        margin: 0;
        padding: 0;
        line-height: 1.5rem;
        font-size: x-small
    }

    #content-wrapper .full_post_img,
    #content-wrapper .post_img {
        margin: 3em -9.5% 2em
    }

    #content-wrapper figure .photo_name,
    #content-wrapper figure .photo_autor {
        margin: .5em 8%
    }

    #content-wrapper .full_post p {
        margin-bottom: 1.5em;
        font-size: large
    }

    #content-wrapper .blockquote {
        font-size: 1.2rem;
        font-weight: bold;
        margin-left: 2em
    }

    #article_arrow_down_wrapper {
        display: none
    }

    .header_text_container {
        margin-top: 62px
    }

    .article_header {
        text-align: left
    }

    .end-line.end-line-magazine {
        white-space: nowrap
    }

    .rating h2 {
        padding-right: 0
    }
}

#postsOther .post .post-pic img {
    min-width: unset;
    min-height: unset;
    max-width: unset;
    max-height: unset;
    height: unset;
    width: 100%
}

#postsOther .post .post-pic {
    height: auto !important
}

#postsOther h4 {
    margin-top: .5em;
    font-weight: bold;
    font-size: 17pt;
    line-height: 26px
}

@media screen and (max-width:767px) {
    #postsOther h2 {
        margin-top: .5em
    }
}

#popular_list .post .post-pic img {
    min-width: unset;
    min-height: unset;
    max-width: unset;
    max-height: unset;
    height: unset;
    width: 100%
}

#popular_list .post .post-pic {
    height: auto !important
}

#popular_list h4 {
    margin-top: .5em;
    font-weight: bold;
    font-size: 17pt;
    line-height: 26px
}

@media screen and (max-width:767px) {
    #popular_list h2 {
        margin-top: .5em
    }
}

.font-red {
    color: red
}

main .big-font {
    font-size: 21px
}

main p {
    text-align: left;
    font-size: 19px;
    padding-bottom: 10px
}

.history {
    padding: 15px;
    background: #f3f3f3
}

.text-bg-color {
    background: #fce5cd
}

.result-block {
    display: none
}

.btn-main {
    display: inline-block;
    padding: 15px 25px 17px;
    margin: 20px 0 0;
    background: #2035dc;
    color: #fff !important;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.btn-main-2 {
    display: inline-block;
    margin: 20px 0 0;
    padding: 10px 35px 12px;
    color: #fff !important;
    background: #2035dc;
    font-size: 20px;
    line-height: 1;
    text-align: center
}

.quiz-block {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .45);
    box-shadow: 0 0 10px rgba(0, 0, 0, .45);
    background: #b5e9ff;
    padding: 25px;
    text-align: center
}

.quiz-item {
    display: none
}

.quiz-item.active {
    display: block
}

.quiz-item p {
    font-size: 1.5rem;
    text-align: left
}

.quiz-answer {
    text-align: left
}

.quiz-answer label {
    display: block
}

.text-alert-2 {
    color: #929292
}

.alert-block-2 {
    padding: 15px;
    background: #dbffdb
}

.doc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #f3f3f3;
    padding: 20px
}

.doc img {
    width: 55%;
    margin: 0 20px
}

.list {
    text-align: left;
    font-size: 19px;
    line-height: initial;
    margin-left: 35px
}

.ava-img {
    width: 50px;
    margin-right: 10px;
    float: left;
    vertical-align: middle
}

.comments-block>div strong {
    display: block;
    margin-bottom: 5px
}

.comments-block>div p:nth-child(2) {
    line-height: 22px
}

.comments-block p {
    padding-bottom: 0
}

.comments-block img:not(.ava-img) {
    display: block;
    width: 100%;
    max-width: 350px;
    margin: 15px 0
}

.loading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.comments-block .loading img {
    margin: 15px 5px
}

.btn-bottom {
    font-size: 20px;
    color: #fff;
    background: red;
    padding: 10px;
    line-height: 45px;
    display: block;
    text-align: center;
    max-width: 700px;
    width: 100%
}

@media screen and (max-width:767px) {
    #popular_list h2 {
        margin-top: .5em
    }

    main p,
    .list {
        text-align: left;
        font-size: 17px
    }

    .list {
        margin-left: 15px
    }

    main .big-font {
        font-size: 19px
    }

    .doc {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px
    }

    .doc img {
        width: 100%
    }

    .doc p {
        text-align: center
    }

    #content-wrapper {
        margin: 1.5em 4% 0
    }
}