* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-size-adjust: none;
    -moz-text-size-adjust: none;
    -webkit-tap-highlight-color: transparent
}

html {
    height: 100%
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0
}

body,input {
    font-size: 16px;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

input {
    border: none;
    outline: none;
    border-radius: 0;
    -webkit-appearance: none
}

input::-ms-clear,input::-ms-reveal {
    display: none
}

input:focus {
    outline: none
}

input::placeholder {
    font-family: inherit;
    color: inherit
}

input[type=text]::-ms-clear,input[type=text]::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {
    display: none
}

button {
    border: none;
    outline: none;
    border-radius: 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 16px;
    background-color: transparent;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

button::-moz-focus-inner {
    border: 0
}

button:focus,textarea {
    outline: none
}

textarea {
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
    overflow: auto;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px
}

textarea:focus {
    outline: none
}

textarea::placeholder {
    font-family: inherit;
    color: inherit
}

input[type=number] {
    -moz-appearance: textfield
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=search]::-ms-clear,input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    display: none
}

a {
    font-size: inherit;
    color: inherit;
    text-decoration: none
}

a:focus,a:visited {
    outline: none
}

ol,ul {
    list-style: none
}

.container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 0 40px
}

@media screen and (max-width: 767px) {
    .portrait .container {
        padding:0 15px
    }
}

.main {
    position: relative;
    display: block;
    flex: 1 0 auto;
    z-index: 3
}

.title {
    text-transform: uppercase;
    color: #d0021b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.7px;
    line-height: 22px
}

.no-scroll {
    overflow: hidden
}

.sticky {
    position: sticky;
    top: 0
}

.visually-hidden {
    position: absolute;
    clip: rect(1px,1px,1px,1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.advertising-full {
    width: calc(100% + 80px);
    margin-left: -40px;
    margin-right: -40px
}

@media screen and (max-width: 767px) {
    .portrait .advertising-full {
        width:calc(100% + 30px);
        margin-left: -15px;
        margin-right: -15px
    }
}

.advertising-full img {
    width: 100%
}

._margin-bottom_60 {
    margin-bottom: 60px
}

@media screen and (max-width: 767px) {
    ._hidden-mobile {
        display:none
    }
}

._hidden {
    display: none
}

.btn {
    display: inline-block;
    padding: 10px 30px;
    cursor: pointer;
    text-align: center;
    transition: .3s;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.45px;
    text-transform: uppercase
}

.btn:disabled {
    opacity: .6;
    cursor: default
}

@media screen and (max-width: 767px) {
    .portrait .btn {
        width:100%
    }
}

.btn._square {
    min-height: 36px;
    min-width: 140px;
    color: #fff !important;
    background-color: #d0021b !important;
    background-image: none !important;
    border:none !important;
    border-radius:0 !important;
}

@media screen and (min-width: 1025px) {
    .btn._square:hover {
        background-color:#f25064
    }
}

.btn._square:disabled:hover {
    background-color: #d0021b
}

.btn._circle {
    min-height: 40px;
    min-width: 240px;
    color: #000!important;
    border: 2px solid #d0021b!important;
    border-radius: 22px;
    background-image: linear-gradient(to bottom, #fff, #fff);
}

@media screen and (min-width: 1025px) {
    .btn._circle:hover {
        color:#fff;
        background-color: #d0021b
    }
}

.btn._circle:disabled:hover {
    color: #000;
    background-color: transparent
}

.btn._white-text {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    min-height: 36px;
    padding: 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1.7px;
    line-height: 22px;
    background: transparent;
}

@media screen and (min-width: 1025px) {
    .btn._white-text:hover {
        color:#d0021b
    }
}

.btn._white-text:disabled:hover {
    color: #fff
}

.content {
    color: #000
}

.content p {
    margin-bottom: 25px;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 30px
}

@media screen and (max-width: 767px) {
    .content p {
        margin-bottom:14px
    }
}

.content p+img {
    margin-top: 0px
}

@media screen and (max-width: 1024px) {
    .content p+img {
        margin-top:0px
    }
}

@media screen and (max-width: 767px) {
    .content p+img {
        margin-bottom:0px
    }
}

.content p.content__links {
    padding-top: 24px;
    font-size: 36px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 32px;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

@media screen and (max-width: 767px) {
    .content p.content__links {
        font-size:24px;
        padding-top: 14px;
        margin-bottom: 20px
    }
}

.content p.content__question {
    font-weight: 900;
    line-height: 28px;
    text-transform: uppercase
}

.content p:last-of-type {
    margin-bottom: 0
}

.content h2 {
    padding-top: 0px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 25px;
}

@media screen and (max-width: 767px) {
    .content h2 {
        font-size:20px;
        line-height: 20px;
        margin-bottom: 14px;
        padding-top: 14px;
		margin-top: 0px;
    }
}

.content h3 {
    padding-top: 24px;
    font-size: 28px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .content h3 {
        font-size:18px;
        margin-bottom: 14px;
        padding-top: 14px
    }
}

.content h4 {
    padding-top: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 32px
}

@media screen and (max-width: 767px) {
    .content h4 {
        font-size:16px;
        margin-bottom: 14px;
        padding-top: 14px
    }
}

.content ul {
    margin-bottom: 50px;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 30px;
    list-style: none
}

@media screen and (max-width: 767px) {
    .content ul {
        margin-bottom:24px
    }
}

.content ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 48px
}

@media screen and (max-width: 767px) {
    .content ul li {
        padding-left:24px
    }
}

.content ul li:before {
    content: "";
    position: absolute;
    left: 18px;
    top: 14px;
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #d0021b
}

@media screen and (max-width: 767px) {
    .content ul li:before {
        left:6px
    }
}

.content ul+img {
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .content ul+img {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .content ul+img {
        margin-bottom:20px
    }
}

.content ol {
    margin-bottom: 50px;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 16px;
    line-height: 30px;
    list-style: none;
    counter-reset: list
}

@media screen and (max-width: 767px) {
    .content ol {
        margin-bottom:24px
    }
}

.content ol li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 48px
}

@media screen and (max-width: 767px) {
    .content ol li {
        padding-left:24px
    }
}

.content ol li:before {
    counter-increment: list;
    content: counter(list);
    position: absolute;
    left: 18px;
    top: 0;
    display: block;
    color: #d0021b;
    font-weight: 700
}

@media screen and (max-width: 767px) {
    .content ol li:before {
        left:6px
    }
}

.content ol+img {
    margin-top: 50px
}

@media screen and (max-width: 1024px) {
    .content ol+img {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .content ol+img {
        margin-bottom:20px
    }
}

.content blockquote {
    padding: 25px 0;
    margin: 0 0 30px 0px;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    border-top: 1px solid #d0021b;
    border-bottom: 1px solid #d0021b;
}

@media screen and (max-width: 767px) {
    .content blockquote {
        font-size:18px;
        padding: 16px 0;
        margin: 24px 0
    }
}

.content>img {
    margin-bottom: 50px;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .content>img {
        margin-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .content>img {
        margin-bottom:20px
    }
}

.content a {
    color: #d0021b
}

@media screen and (min-width: 1025px) {
    .content a:hover {
        color:#9a9a9a
    }
}

.content__float {
    padding: 20px 0 28px;
    width: 300px;
    margin-bottom: 30px;
    border-bottom: 1px solid #d0021b;
    border-top: 1px solid #d0021b
}

@media screen and (max-width: 767px) {
    .content__float {
        display:none
    }
}

.content__float._right {
    float: right;
    margin-left: 50px
}

.content__float._left {
    margin-right: 50px;
    float: left
}

.content__float .title {
    margin-bottom: 20px
}

.content__slider {
    margin-bottom: 50px
}

@media screen and (max-width: 767px) {
    .content__slider {
        margin-bottom:30px
    }
}

.content__slider .slider__controls {
    padding: 15px 8px 0;
    margin-bottom: 30px
}

.content__slider .slider__arrow._prev {
    margin-right: 24px
}

.content__slider .slider__arrow._next {
    margin-left: 24px
}

.content__slider .slider__container {
    height: 440px
}

@media screen and (max-width: 767px) {
    .landscape .content__slider .slider__container {
        height:390px
    }

    .portrait .content__slider .slider__container {
        height: 240px
    }
}

.content__slider img {
    width: 100%
}

.content__advertising {
    padding-top: 35px;
    margin-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .content__advertising {
        padding-top:30px;
        margin-bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .content__advertising {
        padding-top:24px;
        margin-bottom: 30px
    }
}

.content__advertising img {
    width: 100%
}

.form__text {
    display: block
}

.form__text span {
    display: block;
    color: #9a9a9a;
    margin-bottom: 8px;
    transition: .3s
}

.form__text input {
    width: 100%;
    padding: 0 15px;
    height: 36px;
    border: 1px solid #ececec;
    line-height: 16px;
    transition: .3s
}

.form__text input::placeholder {
    color: #9a9a9a
}

.form__text input:focus {
    border: 1px solid #000
}

.form__text.error {
    border: 1px solid #d0021b
}

.form__text.error span {
    color: #d0021b
}

.form__text textarea {
    width: 100%;
    border: 1px solid #ececec;
    padding: 15px;
    transition: .3s
}

.form__text textarea:focus {
    border: 1px solid #000
}

.form__radio-wrap {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 24px;
    color: #9a9a9a
}

.form__radio-wrap>span {
    width: 100%;
    display: block;
    color: #9a9a9a;
    margin-bottom: 8px;
    transition: .3s
}

.form__radio {
    display: block;
    position: relative;
    cursor: pointer
}

.form__radio input {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0
}

.form__radio span {
    display: flex;
    align-items: center;
    color: #9a9a9a;
    font-size: 12px;
    height: 24px;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: color .3s,border-color .3s
}

.form__radio input:checked+span {
    color: #fff;
    border-color: #9a9a9a
}

.form__checkbox {
    display: block;
    position: relative;
    cursor: pointer;
    color: #9a9a9a
}

.form__checkbox span {
    display: block;
    font-size: 12px;
    line-height: 16px;
    padding-left: 36px
}

.form__checkbox span:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border: 1px solid #9a9a9a
}

.form__checkbox span:before {
    content: "";
    display: none;
    position: absolute;
    left: 7px;
    top: 0;
    bottom: 5px;
    margin: auto 0;
    width: 6px;
    height: 12px;
    border: 2px solid #d0021b;
    border-top: none;
    border-left: none;
    transform: rotate(45deg);
    z-index: 1
}

.form__checkbox input:checked+span {
    color: #fff
}

.form__checkbox input:checked+span:before {
    display: block
}

.header {
    position: relative;
    border-bottom: 1px solid #ececec
}

.header__container {
    position: relative;
    z-index: 110;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 80px;
    padding: 0 40px;
    margin: 0 auto;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .header__container {
        height:64px
    }

    .portrait .header__container {
        padding: 0 24px
    }
}

@media screen and (max-width: 1024px) {
    .header__logo {
        order:2
    }
}

@media screen and (min-width: 1025px) {
    .header__logo {
        width:20%
    }
}

@media screen and (max-width: 1024px) {
    .header__menu-wrap {
        order:1
    }
}

@media screen and (max-width: 1024px) {
    .header__menu {
        position:absolute;
        top: 0;
        left: 0;
        background-color: #fff;
        width: 100%;
        height: 0;
        overflow: scroll;
        transition: .4s
    }
}

.header__menu.open {
    height: 100vh
}

.header__menu-list {
    display: flex
}

@media screen and (max-width: 1024px) {
    .header__menu-list {
        flex-direction:column;
        padding: 80px 40px 20px
    }
}

@media screen and (max-width: 767px) {
    .header__menu-list {
        padding:64px 0 20px
    }
}

.header__menu-list a {
    display: inline-block;
    padding: 0 5px;
    margin: 0 10px;
    color: #000;
    font-size: 18px;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .header__menu-list a {
        margin:7px 15px;
        padding: 0 25px
    }
}

@media screen and (min-width: 1025px) {
    .header__menu-list a:hover {
        color:#d0021b
    }
}

.header__menu-btn-open {
    font-size: 24px
}

@media screen and (min-width: 1025px) {
    .header__menu-btn-open {
        display:none
    }
}

.header__menu-btn-close {
    position: absolute;
    top: 28px;
    right: 36px;
    display: none;
    width: 24px;
    height: 24px
}

@media screen and (max-width: 1024px) {
    .header__menu-btn-close {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .header__menu-btn-close {
        top:20px;
        right: 20px
    }
}

.header__menu-btn-close:after,.header__menu-btn-close:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background-color: #262626;
    transition: .3s
}

.header__menu-btn-close:after {
    transform: rotate(45deg)
}

.header__menu-btn-close:before {
    transform: rotate(135deg)
}

.header__menu-search {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    padding: 18px 80px;
    align-items: center;
    margin-bottom: 25px;
    display: none
}

@media screen and (max-width: 1024px) {
    .header__menu-search {
        display:flex
    }
}

@media screen and (max-width: 767px) {
    .header__menu-search {
        padding:18px 40px
    }
}

.header__menu-search .icon-magnifier {
    font-size: 16px;
    margin-right: 10px
}

.header__menu-search input {
    flex-grow: 1;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

.header__menu-search input::placeholder {
    color: #b6b5b5
}

.header__interactive {
    display: flex;
    justify-content: flex-end;
    color: #000
}

@media screen and (max-width: 1024px) {
    .header__interactive {
        order:3
    }
}

@media screen and (min-width: 1025px) {
    .header__interactive {
        width:20%
    }
}

.header__search-btn {
    margin-right: 30px;
    transition: .3s
}

.header__search-btn:hover {
    color: #d0021b
}

@media screen and (max-width: 1024px) {
    .header__search-btn {
        display:none
    }
}

.header__login {
    display: block;
    transition: .3s
}

.header__login:hover {
    color: #d0021b
}

.header__search {
    position: absolute;
    left: 0;
    top: -230px;
    width: 100%;
    z-index: 101;
    height: 230px;
    background-color: #1c1b1b;
    display: flex;
    align-items: center;
    transition: .3s
}

._show-search .header__search {
    top: 80px
}

@media screen and (max-width: 1024px) {
    .header__search {
        display:none
    }
}

.header__search-container {
    max-width: 680px;
    width: 100%;
    margin: 0 auto
}

.header__search-title {
    width: 100%;
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 24px
}

.header__search-from {
    width: 100%;
    display: flex
}

.header__search-from .btn._square {
    width: 200px;
    height: 48px
}

.header__search-from input {
    border: 1px solid #bdbdbd;
    background-color: transparent;
    padding: 0 20px;
    border-right: none;
    height: 48px;
    flex-grow: 1;
    transition: .3s;
    color: #fff
}

.header__search-from input::placeholder {
    color: #bdbdbd
}

.header__search-from input:focus {
    border-color: #fff
}

.header__search-close {
    position: absolute;
    top: 25px;
    right: 25px;
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px
}

.header__search-close:after,.header__search-close:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 20px;
    height: 3px;
    background-color: #fff;
    transition: .3s
}

.header__search-close:after {
    transform: rotate(45deg)
}

.header__search-close:before {
    transform: rotate(135deg)
}

.header__search-close:hover:after,.header__search-close:hover:before {
    opacity: .6
}

.header__overlay {
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #272727;
    transition: .3s
}

._show-search .header__overlay {
    visibility: visible;
    opacity: .95
}

.header__advertising {
    margin: 0 24px;
    margin-bottom: 40px;
    display: none;
    text-align: center
}

@media screen and (max-width: 1024px) {
    .header__advertising {
        display:block
    }
}

.header__advertising img {
    width: 100%;
    max-width: 400px
}

@media screen and (max-width: 767px) {
    .portrait .footer._likebar {
        margin-bottom:50px
    }
}

@media screen and (max-width: 1024px) {
    .footer {
        padding-top:50px
    }
}

@media screen and (max-width: 767px) {
    .footer {
        padding-top:30px
    }
}

.footer__menu {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 35px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 50px
}

@media screen and (max-width: 1024px) {
    .footer__menu {
        display:none
    }
}

.footer__item-title {
    margin-bottom: 15px
}

.footer__list a {
    color: #000;
    font-size: 16px;
    line-height: 24px;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .footer__list a:hover {
        color:#d0021b
    }
}

.footer__social {
    justify-content: center;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .footer__social {
        margin-bottom:30px
    }
}

.footer__social a {
    margin-right: 15px
}

.footer__social a:last-of-type {
    margin-right: 0
}

.footer__submenu {
    display: flex;
    justify-content: center;
    margin-bottom: 35px
}

@media screen and (max-width: 767px) {
    .footer__submenu {
        flex-wrap:wrap
    }
}

.footer__submenu a {
    padding: 0 5px;
    margin: 0 18px;
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.7px;
    line-height: 22px;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .footer__submenu a {
        margin:5px 10px
    }
}

@media screen and (min-width: 1025px) {
    .footer__submenu a:hover {
        color:#d0021b
    }
}

.footer__info {
    border-top: 1px solid #ececec;
    padding: 40px 0 70px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .portrait .footer__info {
        padding:30px 0 20px
    }

    .landscape .footer__info {
        padding: 30px 0 45px
    }
}

.footer__info p {
    display: block;
    max-width: 740px;
    margin: 0 auto;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 18px;
    color: #9a9a9a
}

.footer__info p._copyright {
    display: block;
    margin-bottom: 40px
}

.footer__site-map {
    display: block;
    text-decoration: underline;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .footer__site-map:hover {
        color:#000
    }
}

.promo-subscribe {
    padding: 50px 0 60px;
    background-color: #fafafa
}

@media screen and (max-width: 767px) {
    .promo-subscribe {
        padding:25px 15px 35px
    }
}

.promo-subscribe__title {
    margin-bottom: 30px;
    font-size: 20px;
    line-height: 20px;
    text-align: center
}

@media screen and (max-width: 767px) {
    .promo-subscribe__title {
        font-size:18px
    }
}

.promo-subscribe__form {
    display: flex;
    justify-content: center
}

.promo-subscribe__form input {
    width: 350px;
    height: 48px;
    padding: 10px 20px;
    border: 1px solid #ececec
}

.promo-subscribe__form input::placeholder {
    color: #9a9a9a
}

@media screen and (max-width: 767px) {
    .portrait .promo-subscribe__form input {
        width:auto;
        min-width: 150px
    }
}

.promo-subscribe__form .btn._square {
    height: 48px
}

@media screen and (max-width: 767px) {
    .portrait .promo-subscribe__form .btn._square {
        width:auto;
        min-width: 140px;
        padding-left: 0;
        padding-right: 0
    }
}

.articles-main {
    display: flex;
    flex-wrap: wrap;
    padding-top: 35px
}

@media screen and (max-width: 767px) {
    .portrait .articles-main {
        padding-top:15px
    }
}

.articles-main__side {
    display: flex;
    flex-direction: column;
    width: 23.5%
}

@media screen and (max-width: 1024px) {
    .articles-main__side {
        width:100%;
        flex-direction: row;
        justify-content: space-between
    }
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__side {
        flex-direction:column
    }
}

.articles-main__side .articles-main__title {
    font-size: 18px;
    line-height: 22px
}

.articles-main__side .articles-main__item {
    width: 100%;
    margin-bottom: 15px
}

@media screen and (min-width: 1025px) {
    .articles-main__side .articles-main__item:last-of-type {
        margin-bottom:0
    }
}

@media screen and (max-width: 1024px) {
    .articles-main__side .articles-main__item {
        width:calc(50% - 12px);
        margin-bottom: 30px
    }
}

.articles-main__side .articles-main__img span {
    padding-bottom: 55%
}

.articles-main__row {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 25px
}

.articles-main__row:last-of-type {
    margin-bottom: 35px
}

@media screen and (max-width: 767px) {
    .articles-main__row:last-of-type {
        flex-direction:column;
        margin-bottom: 0
    }

    .articles-main__row:last-of-type .articles-main__item {
        display: flex;
        width: 100%;
        margin-bottom: 20px
    }

    .articles-main__row:last-of-type .articles-main__img {
        width: 70px;
        min-width: 70px;
        margin-right: 12px;
        margin-bottom: 0
    }

    .articles-main__row:last-of-type .articles-main__img img {
        max-width: none;
        max-height: 100%
    }

    .articles-main__row:last-of-type .articles-main__img span {
        padding-bottom: 100%
    }

    .articles-main__row:last-of-type .articles-main__title {
        max-width: 250px
    }
}

@media screen and (min-width: 1025px) {
    .articles-main__row:last-of-type .articles-main__title {
        height:auto;
        max-height: 78px
    }
}

@media screen and (max-width: 1024px) {
    .articles-main__row:first-of-type {
        margin-bottom:0
    }
}

@media screen and (max-width: 1024px) {
    .articles-main__row {
        flex-wrap:wrap
    }
}

.articles-main__item {
    width: 32%
}

@media screen and (min-width: 1025px) {
    .articles-main__item:hover .articles-main__title {
        color:#d0021b
    }
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__item {
        display:flex;
        width: 100%;
        margin-bottom: 20px
    }
}

.articles-main__item._center {
    position: relative;
    width: 48%
}

@media screen and (max-width: 1024px) {
    .articles-main__item._center {
        height:440px;
        width: 100%;
        margin-bottom: 30px
    }
}

@media screen and (max-width: 767px) {
    .landscape .articles-main__item._center {
        height:290px
    }

    .portrait .articles-main__item._center {
        margin-bottom: 20px;
        height: 185px
    }
}

.articles-main__item._center .articles-main__title {
    position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    max-height: none
}

.articles-main__item._center .articles-main__title:after {
    display: none
}

@media screen and (max-width: 1024px) {
    .articles-main__item._center .articles-main__title {
        width:450px
    }
}

@media screen and (max-width: 767px) {
    .landscape .articles-main__item._center .articles-main__title {
        font-size:24px;
        width: 340px;
        bottom: 25px
    }

    .portrait .articles-main__item._center .articles-main__title {
        font-size: 16px;
        line-height: 20px;
        width: 260px;
        bottom: 15px
    }
}

.articles-main__item._center .articles-main__img {
    position: absolute;
    width: 100%;
    height: 100%
}

.articles-main__item._center .articles-main__img img {
    max-width: none
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__item._center .articles-main__img img {
        max-height:none
    }
}

.articles-main__item._center .articles-main__img span {
    display: none
}

.articles-main__img {
    position: relative;
    margin-bottom: 12px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__img {
        width:70px;
        min-width: 70px;
        margin-right: 12px;
        margin-bottom: 0
    }
}

.articles-main__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__img img {
        max-width:none;
        max-height: 100%
    }
}

.articles-main__img span {
    display: block;
    padding-bottom: 72%
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__img span {
        padding-bottom:100%
    }
}

.articles-main__title {
    position: relative;
    height: auto;
    font-size: 22px;
    line-height: 26px;
    color: #000;
    transition: .3s;
    overflow: hidden
}

@media screen and (max-width: 1024px) {
    .articles-main__title {
        height:auto;
        max-height: 44px;
        font-size: 18px;
        line-height: 22px
    }
}

@media screen and (max-width: 767px) {
    .portrait .articles-main__title {
        font-size:16px;
        line-height: 18px;
        max-height: 70px;
        max-width: 250px
    }
}

.articles-main .btn._circle {
    margin: 0 auto;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .articles-main .btn._circle {
        margin-bottom:22px
    }

    .portrait .articles-main .btn._circle {
        width: 100%
    }
}

.articles-main__advertising {
    display: none;
    margin-bottom: 30px
}

@media screen and (max-width: 1024px) {
    .articles-main__advertising {
        display:block
    }
}

.articles-main__advertising img {
    width: 100%
}

.headings {
    padding: 36px 0;
    margin-bottom: 65px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

@media screen and (max-width: 767px) {
    .headings {
        margin-bottom:30px
    }

    .portrait .headings {
        padding: 8px 0
    }

    .landscape .headings {
        padding: 30px 0
    }
}

.headings .container {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .headings .container {
        flex-wrap:wrap
    }
}

.headings__item {
    display: flex;
    align-items: center
}

@media screen and (min-width: 1025px) {
    .headings__item:hover .headings__title {
        color:#d0021b
    }
}

@media screen and (max-width: 1024px) {
    .headings__item {
        width:25%;
        padding: 0 5px;
        flex-direction: column;
        justify-content: center
    }
}

@media screen and (max-width: 767px) {
    .headings__item {
        justify-content:flex-start;
        flex-direction: row;
        margin: 12px 0
    }

    .portrait .headings__item {
        width: 100%
    }

    .landscape .headings__item {
        width: 50%
    }
}

.headings__img {
    display: block;
    width: 66px;
    height: 66px;
    margin-right: 15px;
    background: url("img/headings-sprites.png")
}

@media screen and (max-width: 1024px) {
    .headings__img {
        margin-right:0;
        margin-bottom: 15px
    }
}

@media screen and (max-width: 767px) {
    .headings__img {
        margin-bottom:0;
        margin-right: 15px
    }
}

.headings__img._horoscope {
    background-position: -5px -5px
}

.headings__img._tests {
    background-position: -5px -81px
}

.headings__img._top {
    background-position: -5px -157px
}

.headings__img._suggest {
    background-position: -5px -233px
}

.headings__title {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    transition: .3s
}

.news-other {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .news-other {
        flex-wrap:wrap;
        margin-bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .news-other {
        margin-bottom:20px
    }
}

@media screen and (max-width: 767px) {
    .news-other._article {
        display:none
    }
}

.news-other__item {
    width: 23.5%
}

@media screen and (max-width: 1024px) {
    .news-other__item {
        width:48.5%
    }
}

@media screen and (max-width: 767px) {
    .news-other__item {
        width:100%;
        margin-bottom: 20px
    }
}

.news-other__item .btn._circle {
    display: none;
    width: 100%;
    border-color: #ececec;
    color: #000
}

@media screen and (max-width: 767px) {
    .news-other__item .btn._circle {
        display:block
    }
}

.news-other__title {
    margin-bottom: 20px
}

.news-other__article {
    display: block;
    margin-bottom: 25px
}

.news-other__article:hover .news-other__article-title {
    color: #d0021b
}

.news-other__article-small {
    display: flex;
    margin-bottom: 24px
}

.news-other__article-small:last-of-type {
    margin-bottom: 0
}

.news-other__article-small .news-other__img {
    margin-bottom: 0;
    margin-right: 12px;
    min-width: 68px
}

.news-other__article-small .news-other__img span {
    padding-bottom: 100%
}

.news-other__article-small:hover .news-other__article-title {
    color: #d0021b
}

.news-other__img {
    display: block;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden
}

.news-other__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.news-other__img span {
    display: block;
    padding-bottom: 64%
}

.news-other__article-title {
    position: relative;
    display: block;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .news-other__article-title {
        height:auto;
        max-height: 44px
    }
}

@media screen and (max-width: 767px) {
    .news-other__article-title {
        max-height:66px;
        height: auto
    }
}

.news-other__article-title._small {
    height: auto;
    overflow: visible;
    font-size: 16px;
    line-height: 18px
}

@media screen and (max-width: 767px) {
    .news-other__article-title._small {
        max-width:250px
    }
}

.news-other__advertising {
    display: none;
    margin-bottom: 20px
}

.news-other__advertising img {
    width: 100%;
    height: auto
}

@media screen and (max-width: 767px) {
    .news-other__advertising {
        display:block
    }
}

.news-other__advertising._margin-bottom-0 {
    margin-bottom: 0
}

.forum {
    padding-top: 55px;
    padding-bottom: 5px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

@media screen and (max-width: 767px) {
    .forum {
        border-top:none;
        padding-top: 0
    }
}

.forum .container {
    display: flex;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .forum .container {
        flex-wrap:wrap
    }
}

.forum__title {
    display: block;
    margin-bottom: 24px;
    transition: .3s
}

.forum__title._experts {
    text-transform: uppercase;
    color: #000;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.7px;
    line-height: 22px
}

.forum__title._experts:hover,.forum__title._experts span {
    color: #d0021b
}

.forum__topics {
    width: 65%
}

@media screen and (max-width: 1024px) {
    .forum__topics {
        width:100%
    }
}

.forum__experts {
    width: 25%
}

@media screen and (max-width: 1024px) {
    .forum__experts {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .forum__experts {
        display:none
    }
}

.forum__list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.forum__item {
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    width: 48%;
    margin-bottom: 50px;
    padding-left: 12px;
    border-left: 1px solid #d0021b
}

@media screen and (min-width: 1025px) {
    .forum__item:hover .forum__item-title {
        color:#d0021b
    }
}

@media screen and (max-width: 767px) {
    .forum__item {
        width:100%;
        margin-bottom: 30px
    }

    .portrait .forum__item {
        display: none
    }

    .portrait .forum__item:first-of-type,.portrait .forum__item:nth-of-type(2),.portrait .forum__item:nth-of-type(3) {
        display: flex
    }
}

.forum__item-title {
    margin-bottom: 9px;
    font-size: 14px;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-style: italic;
    line-height: 18px;
    color: #000;
    transition: .3s
}

.forum__item-comments {
    line-height: 16px;
    font-size: 16px;
    color: #9a9a9a
}

.forum .btn._circle {
    display: none;
    margin: 0 auto;
    margin-bottom: 35px
}

@media screen and (max-width: 767px) {
    .forum .btn._circle {
        display:block
    }
}

@media screen and (max-width: 1024px) {
    .forum__experts-list {
        display:flex;
        justify-content: space-between
    }
}

.forum__experts-item {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

@media screen and (min-width: 1025px) {
    .forum__experts-item:hover .forum__experts-name {
        color:#d0021b
    }
}

@media screen and (max-width: 1024px) {
    .forum__experts-item {
        width:33%;
        margin-bottom: 60px
    }
}

.forum__experts-img {
    display: block;
    position: relative;
    margin-right: 12px;
    overflow: hidden;
    min-width: 48px
}

.forum__experts-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%
}

.forum__experts-img span {
    display: block;
    padding-bottom: 100%
}

.forum__experts-info {
    display: block
}

.forum__experts-name {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 18px;
    line-height: 18px;
    transition: .3s
}

.forum__experts-position {
    display: block;
    font-size: 14px;
    line-height: 14px;
    color: #9a9a9a
}

.widgets {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    padding-bottom: 80px
}

.widgets img {
    width: 31%
}

@media screen and (max-width: 1024px) {
    .widgets {
        display:none
    }
}

.article__wrap {
    display: flex;
    flex-direction: column;
    width: 68%;
    padding-top: 20px
}

@media screen and (max-width: 1024px) {
    .article__wrap {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .article__wrap {
        padding-top:20px
    }
}

.article__group-title {
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .article__group-title {
        display:none
    }
}

.article__title {
    margin-bottom: 20px;
    color: #000;
    font-size: 44px;
    font-weight: 500;
    line-height: 46px
}

@media screen and (max-width: 767px) {
    .article__title {
        font-size:24px;
        line-height: 26px;
        margin-bottom: 14px
    }
}

.article__info {
    display: flex;
    padding-bottom: 25px;
    border-bottom: 1px solid #ececec
}

@media screen and (max-width: 767px) {
    .article__info {
        flex-wrap:wrap;
        padding-bottom: 16px;
        margin-bottom: 16px
    }
}

.article__author {
    margin-right: 20px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px
}

@media screen and (max-width: 767px) {
    .article__author {
        font-size:14px;
        margin-bottom: 12px
    }
}

.article__date {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 300;
    line-height: 16px
}

@media screen and (max-width: 767px) {
    .article__date {
        font-size:14px;
        margin-bottom: 12px
    }
}

.article__statistics {
    display: flex;
    margin-left: auto;
    color: #9a9a9a
}

@media screen and (max-width: 767px) {
    .article__statistics {
        width:100%;
        margin-left: 0
    }
}

.article__statistics span {
    margin-left: 20px
}

@media screen and (max-width: 767px) {
    .article__statistics span {
        margin-right:20px;
        margin-left: 0
    }
}

.article__main {
    display: flex;
    position: relative;
    margin-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .article__main {
        margin-bottom:30px
    }
}

@media screen and (max-width: 767px) {
    .article__main {
        margin-bottom:16px
    }
}

.article__main .social._white-color a {
    filter: grayscale(1)
}

.article__main .social._white-color a:hover {
    filter: grayscale(0)!important
}

.article__social {
    width: 10%;
    flex-direction: column;
    align-self: flex-start;
    top: 50px
}

@media screen and (max-width: 767px) {
    .article__social {
        display:none!important
    }
}

.article__social a {
    margin-bottom: 10px
}

.article__social a:last-of-type {
    margin-bottom: 0
}

.article__content {
    width: 90%
}

@media screen and (max-width: 767px) {
    .article__content {
        width:100%
    }
}

.article__slider {
    margin-bottom: 60px;
    position: relative;
    padding: 30px 25px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec
}

@media screen and (max-width: 767px) {
    .article__slider {
        display:none
    }
}

.article__slider .swiper-container {
    height: 70px
}

.article__slider .other-article {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 0
}

.article__slider .other-article__img:nth-of-type(2n+2) {
    margin-right: 0;
    margin-left: 12px
}

.article__slider .other-article__title {
    font-size: 20px;
    line-height: 24px
}

.article__slider .slider__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 28px;
    line-height: 28px
}

.article__slider .slider__arrow._prev {
    left: 0
}

.article__slider .slider__arrow._next {
    right: 0
}

.article__advertising {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

@media screen and (max-width: 1024px) {
    .article__advertising {
        margin-bottom:60px
    }
}

@media screen and (max-width: 767px) {
    .article__advertising {
        margin-bottom:24px
    }
}

.article__advertising img {
    width: 100%
}

.article__advertising-item {
    margin-bottom: 36px
}

.article__advertising-item img {
    width: 100%
}

.article__advertising-item._half {
    width: 48%
}

.article__advertising-item._full {
    width: 100%
}

.article__advertising-item:last-of-type {
    margin-bottom: 0
}

.article__advertising-bottom {
    margin-bottom: 80px
}

@media screen and (max-width: 1024px) {
    .article__advertising-bottom {
        margin-bottom:32px
    }
}

@media screen and (max-width: 767px) {
    .article__advertising-bottom {
        margin-bottom:24px
    }
}

.article__advertising-bottom img {
    width: 100%
}

.sidebar {
    padding-top: 20px;
    float: right;
    width: 28%
}

@media screen and (max-width: 1024px) {
    .sidebar {
        display:none
    }
}

.sidebar__category-list {
    margin-bottom: 36px
}

.sidebar__advertising,.sidebar__widget {
    margin-bottom: 38px
}

.sidebar__advertising img,.sidebar__widget img {
    width: 100%
}

.sidebar__popular {
    margin-bottom: 35px
}

.sidebar__popular .news-other__article-title {
    height: auto
}

.sidebar__popular .news-other__article:last-of-type {
    margin-bottom: 0
}

.sidebar__title {
    margin-bottom: 20px
}

.sidebar__recommendation {
    margin-bottom: 36px
}

.sidebar__recommendation .news-other__article-small:last-of-type {
    margin-bottom: 0
}

.sidebar__recommendation .news-other__article-title._small {
    font-size: 18px
}

.social,.social a {
    display: flex
}

.social a {
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border-radius: 50%
}

.social a._vk {
    font-size: 11px
}

.social a._odnoklassniki {
    font-size: 20px
}

.social a._facebook {
    font-size: 18px
}

.social a._twitter {
    font-size: 14px
}

.social a._instagram {
    font-size: 18px
}

.social._white a {
    color: #9a9a9a;
    border: 1px solid #ececec
}

.social._white a i {
    transition: .3s
}

.social._white a:hover._vk {
    color: #597da3
}

.social._white a:hover._odnoklassniki {
    color: #ed812b
}

.social._white a:hover._facebook {
    color: #3b5998
}

.social._white a:hover._twitter {
    color: #55acee
}

.social._white a:hover._instagram {
    color: #e4405f
}

.social._white-color a {
    border: 1px solid #ececec
}

.social._white-color a i {
    transition: .3s
}

.social._white-color a._vk {
    color: #597da3
}

.social._white-color a._odnoklassniki {
    color: #ed812b
}

.social._white-color a._facebook {
    color: #3b5998
}

.social._white-color a._twitter {
    color: #55acee
}

.social._white-color a._instagram {
    color: #e4405f
}

.social._color a {
    transition: .3s;
    color: #fff
}

.social._color a._vk {
    background-color: #597da3
}

.social._color a._odnoklassniki {
    background-color: #ed812b
}

.social._color a._facebook {
    background-color: #3b5998
}

.social._color a._twitter {
    background-color: #55acee
}

.social._color a._instagram {
    background-color: #e4405f
}

.social._color a:hover {
    opacity: .8;
    color: #fff !important;
}

.slider__controls {
    display: flex
}

.slider__counter {
    color: #000;
    font-size: 16px;
    font-weight: 900;
    line-height: 16px
}

.slider__arrow {
    color: #9a9a9a;
    transition: .3s
}

.slider__arrow.swiper-button-disabled:hover {
    color: #9a9a9a
}

.slider__arrow:hover {
    color: #d0021b
}

.yandex-dzen {
    position: relative;
    width: 100%;
    height: 98px;
    border: 2px solid #000;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .yandex-dzen._tablet {
        display:none
    }

    .yandex-dzen:hover {
        border-color: #d0021b
    }
}

.yandex-dzen._square {
    display: block;
    padding: 16px;
    margin-bottom: 32px
}

.yandex-dzen._square .yandex-dzen__title {
    font-size: 16px;
    line-height: 16px;
    text-align: center
}

.yandex-dzen._square .yandex-dzen__title+.yandex-dzen__logo {
    margin-top: 10px
}

.yandex-dzen._square .yandex-dzen__logo {
    width: 125px;
    height: 28px
}

.yandex-dzen._square .yandex-dzen__logo+.yandex-dzen__title {
    margin-top: 10px
}

.yandex-dzen._circle {
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 28px
}

.yandex-dzen._circle .yandex-dzen__title {
    font-size: 20px
}

.yandex-dzen._circle .yandex-dzen__logo {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 33px;
    height: 33px;
    background-size: cover
}

.yandex-dzen__title {
    display: block;
    color: #000;
    font-weight: 500;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

.yandex-dzen__logo {
    display: block;
    margin: 0 auto;
    background: url("img/yandex-dzen.svg") no-repeat
}

.assessment {
    display: flex;
    flex-direction: column;
    margin-bottom: 40px
}

@media screen and (max-width: 767px) {
    .assessment {
        display:none
    }
}

.assessment__list-wrap {
    height: 82px;
    border: 1px solid #ececec;
    border-radius: 42px;
    transition: .8s;
    padding: 10px 0;
    overflow: hidden;
    width: 730px
}

@media screen and (max-width: 1024px) {
    .assessment__list-wrap {
        width:690px
    }
}

.assessment__list-wrap._collapsed {
    width: 82px
}

.assessment__list-wrap._collapsed .assessment__item._selected:before {
    visibility: hidden;
    opacity: 0
}

.assessment__list {
    padding: 0 5px;
    height: 100%;
    display: flex;
    transition: .8s
}

.assessment__title {
    margin-bottom: 15px;
    line-height: 20px;
    font-size: 20px;
    color: #9a9a9a
}

.assessment__item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 72px
}

@media screen and (max-width: 1024px) {
    .assessment__item {
        min-width:68px
    }
}

@media screen and (min-width: 1025px) {
    .assessment__item:hover .assessment__icon {
        transform:translateY(-5px)
    }
}

.assessment__item._selected:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: #ececec;
    width: 70px;
    height: 70px;
    opacity: .7;
    border-radius: 50%;
    z-index: -1;
    transition: .3s
}

.assessment__icon {
    display: block;
    width: 42px;
    height: 41px;
    margin-bottom: 10px;
    background-image: url("img/assessment-sprites.png");
    transition: .3s
}

.assessment__icon._1 {
    background-position: -10px -169px
}

.assessment__icon._2 {
    background-position: -10px -230px
}

.assessment__icon._3 {
    background-position: -10px -291px
}

.assessment__icon._4 {
    background-position: -5px -5px
}

.assessment__icon._5 {
    background-position: -10px -352px
}

.assessment__icon._6 {
    background-position: -10px -413px
}

.assessment__icon._7 {
    background-position: -5px -58px
}

.assessment__icon._8 {
    background-position: -10px -474px
}

.assessment__icon._9 {
    background-position: -10px -535px
}

.assessment__icon._10 {
    background-position: -8px -110px
}

.assessment__number {
    position: absolute;
    bottom: -2px;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #9a9a9a
}

.hashtags {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px
}

@media screen and (max-width: 767px) {
    .hashtags {
        margin-bottom:20px;
        flex-wrap: wrap;
		text-align: center;
    }
}

.hashtags__list {
    width: 73%;
}

@media screen and (max-width: 767px) {
    .hashtags__list {
        width:100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
}

.hashtags__item {
    display: inline-flex;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    color: #9a9a9a;
    margin-right: 15px
}

.hashtags__item span {
    padding-left: 6px;
    color: #d0021b
}

.hashtags__item span,.hashtags__title {
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.7px
}

.hashtags__title {
    display: inline-flex;
    align-items: center;
    color: #000;
    transition: .3s
}

.hashtags__title i {
    margin-right: 6px;
    font-size: 16px;
    color: #9a9a9a
}

@media screen and (min-width: 1025px) {
    .hashtags__title:hover {
        color:#d0021b
    }
}

.read-also {
    border-top: 1px solid #ececec;
    border-top: none
}

.read-also__title {
    margin-bottom: 36px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px
}

@media screen and (max-width: 767px) {
    .read-also__title {
        font-size:24px;
        line-height: 24px;
        margin-bottom: 24px
    }
}

.read-also__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.read-also__item {
    width: 48%;
    margin-bottom: 40px
}

@media screen and (min-width: 1025px) {
    .read-also__item:hover .read-also__item-title {
        color:#d0021b
    }
}

@media screen and (max-width: 767px) {
    .read-also__item {
        display:flex;
        width: 100%;
        margin-bottom: 20px
    }
}

.read-also__item-img {
    display: block;
    position: relative;
    margin-bottom: 12px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .read-also__item-img {
        width:70px;
        height: 70px;
        min-width: 70px;
        margin-bottom: 0;
        margin-right: 12px
    }
}

.read-also__item-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
}

.read-also__item-img span {
    display: block;
    padding-bottom: 70%
}

.read-also__item-title {
    font-size: 22px;
    line-height: 26px;
    position: relative;
    display: block;
    color: #000;
    overflow: hidden;
    transition: .3s;
    max-height: 78px
}

@media screen and (max-width: 767px) {
    .read-also__item-title {
        font-size:16px;
        line-height: 18px;
        max-height: 70px
    }
}

.comments__title {
    display: flex;
    align-items: center;
    font-size: 36px;
    font-weight: 500;
    height: 20px;
    margin-bottom: 30px
}

@media screen and (max-width: 767px) {
    .comments__title {
        font-size:24px;
        margin-bottom: 24px
    }
}

.comments__title-icon {
    margin-top: 8px;
    margin-left: 10px;
    position: relative
}

.comments__title-icon i {
    font-size: 32px;
    color: #d0021b
}

.comments__title-icon span {
    position: absolute;
    top: 0;
    bottom: 5px;
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 100%
}

.comments__list {
    margin-bottom: 60px
}

.comments__item {
    display: flex
}

.comments__img {
    position: relative;
    overflow: hidden;
    width: 48px;
    height: 48px;
    min-width: 48px;
    margin-right: 15px
}

@media screen and (max-width: 767px) {
    .portrait .comments__img {
        height:40px;
        min-width: 40px;
        width: 40px
    }
}

.comments__img img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    min-width: 100%
}

.comments__img span {
    display: block;
    padding-bottom: 100%
}

.comments__header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 48px;
    margin-bottom: 15px
}

.comments__name {
    font-weight: 500
}

.comments__date {
    font-size: 14px;
    color: #9a9a9a;
    line-height: 18px
}

.comments__body {
    line-height: 22px;
    margin-bottom: 10px
}

.comments__body a {
    color: #d0021b;
    transition: .3s
}

.comments__body a:hover {
    color: #9a9a9a
}

.comments__controls button {
    color: #9a9a9a;
    font-size: 16px;
    margin-right: 15px;
    transition: .3s
}

.comments__controls button._answer {
    margin-right: 30px
}

.comments__controls button i {
    margin-right: 5px
}

.comments__controls button:hover {
    color: #d0021b
}

.comments__children {
    display: flex
}

.comments__item .comments__children {
    padding-top: 40px
}

@media screen and (max-width: 1024px) {
    .comments__item .comments__children {
        padding-top:34px
    }
}

@media screen and (max-width: 767px) {
    .comments__item .comments__children {
        padding-top:24px
    }
}

@media screen and (max-width: 767px) {
    .portrait .comments__children {
        position:relative;
        left: -20px
    }
}

.comments__title-add {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 500;
    line-height: 24px
}

.comments__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 80px
}

.comments__form textarea {
    height: 92px;
    resize: none
}

@media screen and (max-width: 1024px) {
    .comments__form {
        margin-bottom:32px
    }
}

@media screen and (max-width: 767px) {
    .comments__form {
        margin-bottom:24px
    }
}

.comments__form-email,.comments__form-name {
    width: 48%;
    margin-bottom: 24px
}

@media screen and (max-width: 767px) {
    .comments__form-email,.comments__form-name {
        width:100%
    }
}

.comments__form-comment {
    width: 100%;
    margin-bottom: 16px
}

.comments__form-confidence {
    margin-bottom: 46px;
    color: #9a9a9a
}

@media screen and (max-width: 1024px) {
    .comments__form-confidence {
        margin-bottom:34px
    }
}

@media screen and (max-width: 767px) {
    .comments__form-confidence {
        margin-bottom:20px
    }
}

.comments__form-confidence a {
    text-decoration: underline;
    transition: .3s
}

.comments__form-confidence a:hover {
    color: #000
}

.article-list__wrap {
    display: flex;
    flex-direction: column;
    width: 68%;
    padding-top: 40px
}

@media screen and (max-width: 1024px) {
    .article-list__wrap {
        width:100%;
        padding-top: 30px
    }
}

.article-list__title {
    font-size: 40px;
    font-weight: 500;
    line-height: 40px;
    color: #000;
    margin-bottom: 38px
}

@media screen and (max-width: 767px) {
    .portrait .article-list__title {
        font-size:24px;
        line-height: 24px;
        margin-bottom: 20px
    }

    .landscape .article-list__title {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 30px
    }
}

.article-list__item {
    display: flex;
    margin-bottom: 50px;
    min-height: 160px
}

@media screen and (min-width: 1025px) {
    .article-list__item:hover .article-list__body-title {
        color:#d0021b
    }
}

@media screen and (max-width: 1024px) {
    .article-list__item {
        margin-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .portrait .article-list__item {
        min-height:0;
        margin-bottom: 20px
    }
}

.article-list__img {
    display: block;
    width: 35%;
    flex-shrink: 0;
    position: relative;
    overflow: hidden;
    margin-right: 24px
}

@media screen and (max-width: 767px) {
    .portrait .article-list__img {
        margin-right:15px;
        width: 70px
    }
}

.article-list__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%
}

@media screen and (max-width: 767px) {
    .article-list__img img {
        height:100%;
        max-width: none;
        object-fit: scale-down;
    }
}

.article-list__img span {
    display: block;
    padding-bottom: 64px
}

@media screen and (max-width: 767px) {
    .portrait .article-list__img span {
        padding-bottom:100%
    }
}

.article-list__body {
    display: block;
    color: #000
}

.article-list__body-title {
    position: relative;
    display: block;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px;
    max-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .portrait .article-list__body-title {
        font-size:16px;
        line-height: 18px;
        max-height: none;
        height: 70px;
        margin-bottom: 0
    }
}

.article-list__body-text {
    position: relative;
    display: block;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
    font-size: 15px;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .portrait .article-list__body-text {
        display:none
    }
}

.article-list .btn._circle {
    display: block;
    margin: 0 auto;
    margin-bottom: 60px
}

@media screen and (max-width: 1024px) {
    .article-list .btn._circle {
        margin-bottom:45px
    }
}

.article-list__advertising {
    display: none;
    height: auto;
    margin-bottom: 40px
}

@media screen and (max-width: 1024px) {
    .article-list__advertising {
        display:block
    }
}

@media screen and (max-width: 767px) {
    .portrait .article-list__advertising {
        margin-bottom:20px
    }
}

.article-list__advertising img {
    width: 100%
}

.article-list__advertising._margin-bottom-0 {
    margin-bottom: 0
}

.search {
    max-width: 714px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 80px;
    padding-top: 45px
}

@media screen and (max-width: 767px) {
    .search {
        margin-bottom:50px;
        padding-top: 15px
    }
}

.search__form {
    position: relative;
    margin-bottom: 33px
}

@media screen and (max-width: 767px) {
    .search__form {
        margin-bottom:20px
    }
}

.search__form input {
    width: 100%;
    height: 60px;
    color: #000;
    font-size: 40px;
    font-weight: 500;
    line-height: 60px
}

@media screen and (max-width: 767px) {
    .portrait .search__form input {
        font-size:24px;
        line-height: 24px
    }

    .landscape .search__form input {
        font-size: 34px;
        line-height: 34px
    }
}

.search__form button {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 100%;
    font-size: 24px;
    color: #d0021b;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .search__form button:hover {
        color:#000
    }
}

@media screen and (max-width: 767px) {
    .portrait .search__form button {
        font-size:20px
    }

    .landscape .search__form button {
        font-size: 22px
    }
}

.search__item {
    display: block;
    padding-top: 30px;
    margin-bottom: 33px;
    border-top: 1px solid #ececec
}

.search__title {
    display: block;
    color: #000;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 16px;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .search__title:hover {
        color:#d0021b
    }
}

.search__text {
    display: block;
    font-size: 15px;
    line-height: 24px;
    font-family: Lora,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif
}

@media screen and (max-width: 767px) {
    .search__text {
        margin-bottom:20px
    }

    .portrait .search__text {
        font-size: 14px
    }
}

.search .btn._circle {
    display: none;
    margin-left: auto;
    border-color: #ececec
}

@media screen and (max-width: 767px) {
    .search .btn._circle {
        display:inline-block
    }
}

.popup {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%
}

.popup._subscribe {
    max-width: 720px;
    padding: 50px 100px 70px
}

@media screen and (max-width: 767px) {
    .popup._subscribe {
        max-width:640px;
        padding: 30px 10% 45px
    }

    .popup._subscribe .popup__title {
        white-space: normal;
        font-size: 34px;
        margin-bottom: 40px
    }

    .popup._subscribe .popup__form {
        margin-bottom: 50px
    }

    .portrait .popup._subscribe {
        width: 100%;
        padding: 40px 0 50px;
        justify-content: center
    }

    .portrait .popup._subscribe .popup__form,.portrait .popup._subscribe .popup__title {
        max-width: 290px
    }

    .portrait .popup._subscribe .popup__form {
        flex-direction: column
    }

    .portrait .popup._subscribe .popup__form input {
        border-right: 1px solid #bdbdbd;
        margin-bottom: 20px
    }

    .portrait .popup._subscribe .popup__form .btn._square {
        width: 100%
    }

    .portrait .popup._subscribe .popup__social {
        margin-bottom: 20px
    }
}

.popup._authorization {
    max-width: 510px;
    padding: 60px 90px 90px
}

@media screen and (max-width: 767px) {
    .popup._authorization {
        padding:30px 0 45px;
        justify-content: center;
        max-width: 100%
    }

    .popup._authorization .popup__tabs {
        width: 330px
    }

    .portrait .popup._authorization .popup__tabs {
        width: 290px
    }

    .portrait .popup._authorization .btn {
        width: auto
    }
}

.popup._bg-black {
    background-color: #1c1b1b
}

.popup__wrap {
    overflow-y: auto;
    margin: auto;
    display: flex;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .popup__wrap {
        width:100%
    }
}

.popup__overlay {
    padding: 50px;
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background-color: rgba(39,39,39,.95);
    z-index: 999;
    overflow-y: auto;
    visibility: hidden;
    opacity: 0;
    transition: .3s
}

@media screen and (max-width: 1024px) {
    .popup__overlay {
        padding:50px 0
    }
}

@media screen and (max-width: 767px) {
    .popup__overlay {
        padding:0
    }
}

.popup__overlay._show {
    visibility: visible;
    opacity: 1
}

.popup__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    width: 100%
}

.popup__tabs._hide {
    display: none
}

.popup__btn-close {
    position: fixed;
    top: 50px;
    right: 50px;
    display: block;
    font-size: 0;
    width: 50px;
    height: 50px
}

@media screen and (max-width: 767px) {
    .popup__btn-close {
        top:10px;
        right: 10px
    }
}

.popup__btn-close:after,.popup__btn-close:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 30px;
    height: 4px;
    background-color: #fff;
    transition: .3s
}

.popup__btn-close:after {
    transform: rotate(45deg)
}

.popup__btn-close:before {
    transform: rotate(135deg)
}

.popup__btn-close:hover:after,.popup__btn-close:hover:before {
    opacity: .6
}

.popup__title {
    width: 100%;
    color: #fff;
    font-size: 40px;
    font-weight: 500;
    line-height: 44px;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 24px
}

._subscribe .popup__title {
    margin-bottom: 50px
}

.popup__sub-title {
    width: 100%;
    color: #9a9a9a;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    margin-bottom: 24px
}

.popup__form {
    width: 100%
}

._subscribe .popup__form {
    max-width: 520px;
    margin: 0 auto;
    display: flex;
    margin-bottom: 70px
}

._subscribe .popup__form .btn._square {
    width: 200px;
    height: 48px
}

._subscribe .popup__form input {
    padding: 0 20px;
    border-right: none;
    height: 48px;
    flex-grow: 1
}

.popup__form .form__text {
    margin-bottom: 24px
}

.popup__form .form__text span {
    color: #fff
}

._login .popup__form .form__text:last-of-type {
    margin-bottom: 16px
}

.popup__form input {
    color: #fff;
    border: 1px solid #bdbdbd;
    background-color: transparent;
    transition: .3s
}

.popup__form input::placeholder {
    color: #bdbdbd
}

.popup__form input:focus {
    border-color: #fff
}

.popup__form-radio>span {
    color: #fff
}

.popup__checkbox {
    margin-bottom: 20px
}

.popup__social {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 36px
}

._subscribe .popup__social {
    display: inline-flex;
    justify-content: flex-start;
    width: auto;
    margin-bottom: 0
}

.popup__social a {
    margin-right: 15px
}

.popup__social a:last-of-type {
    margin-right: 0
}

.popup__captcha {
    width: 100%;
    margin-bottom: 36px
}

.popup__captcha img {
    width: 100%
}

.popup__form-forgot {
    display: block;
    color: #9a9a9a;
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 24px;
    transition: .3s
}

.popup__form-forgot:hover {
    color: #d0021b
}

.popup__agreement {
    display: block;
    margin-bottom: 24px;
    color: #9a9a9a;
    font-size: 12px;
    line-height: 16px
}

.popup__btn-thx {
    color: #9a9a9a;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1.7px;
    line-height: 22px;
    text-transform: uppercase;
    transition: .3s
}

.popup__btn-thx:hover {
    color: #d0021b
}

.popup__btn-wrap {
    display: flex;
    justify-content: space-between
}

.other-article {
    display: flex;
    margin-bottom: 24px
}

@media screen and (min-width: 1025px) {
    .other-article:hover .other-article__title {
        color:#d0021b
    }
}

.other-article:last-of-type {
    margin-bottom: 0
}

.other-article__img {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 0;
    margin-right: 12px;
    min-width: 68px
}

.other-article__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    max-height: 100%
}

.other-article__img span {
    display: block;
    padding-bottom: 100%
}

.other-article__title {
    height: auto;
    overflow: visible;
    font-size: 18px;
    line-height: 18px;
    color: #000;
    transition: .3s
}

.likebar {
    padding: 0 20px;
    height: 64px;
    display: none;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ececec;
    z-index: 90
}

@media screen and (max-width: 767px) {
    .portrait .likebar {
        display:flex
    }
    article iframe {
        width: 100% !important;
    }
}

.likebar__dislike.active,.likebar__like.active {
    color: #d0021b
}

.likebar__comments,.likebar__dislike,.likebar__like {
    padding: 10px 4px;
    color: #151515;
    font-size: 24px;
    margin-right: 20px
}

.likebar__dislike {
    transform: rotate(180deg)
}

.likebar__share {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 900;
    letter-spacing: 1.7px;
    line-height: 12px;
    color: #d0021b;
    padding: 10px 4px;
    margin-left: auto
}
 
.header__menu-list li a { 
    display: inline-block;
    padding: 0 5px;
    margin: 0 10px;
    color: #000;
    font-size: 18px;
    transition: .3s;
    text-decoration: none;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}

.header__menu-list li {
    list-style: none;
}
.widget-title{
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #d0021b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.7px;
    line-height: 22px;
    background:none;
    padding:0;
}
.widget-article__body{
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 22px;
    height: 66px;
    overflow: hidden;
    transition: .3s;
}
.content-area {
    width: 777px;
}
.widget-article {
    margin-bottom: 0px;
}

a:hover{
    color: #d0021b !important;
}

#reg-errors{
    color:red;
}

.popup__hide_reg{
    display:none;
}

.sendpuls-err{
    text-align: center;
    color: red;
}

.comment-avatar img{
    border-radius: 50%;
}

.comment-reply-link{
    margin-right: 20px;
    padding-left:0px !important;
    color: #9a9a9a;
    transition: .3s;
    border: none;
    outline: none;
    border-radius: 0;
    cursor: pointer;
    font-size: 16px;
    background-color: transparent !important;
    font-family: Futura PT,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
}
.comment-reply-link:hover{
    color: #d0021b;
}

.comment-list .comment-footer {
    opacity: 1 !important; 
}
.comment-footer button{ 
    color: #9a9a9a;
    font-size: 16px;
    margin-right: 15px;
    transition: .3s
}

.comment-footer button:hover{ 
    color: #d0021b !important;
}
.comment-footer button i {
    margin-right: 5px;
}

.vote-press{
    color: #d0021b !important;
}

.comment-respond{
    margin-top: 60px;
}

.hashtag__count_comment{
    min-width: 150px;
}

#true_loadmore{
    background: none;
}

#true_loadmore:hover{
    color: #fff;
    background-color: #d0021b;
}

.wp-caption-text {
    text-align: center;
    color: #ccc;
}
.other-article__img img{
    object-fit: cover;
}
.news-other__article-title._small {
    min-height: 78px;
    max-height: 78px;
}

.adfox_before_content {
	margin: 20px auto;
}
.adfox-before-slides {
	margin: 20px 0;
}
.size-full {
    /*width:100%;*/
}
#login_comments_social > a {
    float:left;
}