@font-face {
    font-family: "Lora";
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_italic500_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Lora";
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_italic500_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Lora";
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_italic500_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Lora";
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_italic500_lat_ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lora";
    font-style: italic;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_italic500_lat.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/lora_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/lora_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/lora_cyr_ext.woff2) format("woff2");
        
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/lora_cyr.woff2) format("woff2");
        
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_cyr.woff2) format("woff2");
        
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/lora_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/lora_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/lora_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/lora_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/lora_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/lora_latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_latin_ext.woff2) format("woff2");
        
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/lora_latin_ext.woff2) format("woff2");
        
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/lora_latin_ext.woff2) format("woff2");
        
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/lora_latin.woff2) format("woff2");
        
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/lora_latin.woff2) format("woff2");
        
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 600;
    font-display: block;
    src: url(../fonts/lora_latin.woff2) format("woff2");
        
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Lora";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/lora_latin.woff2) format("woff2");
        
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_cyr_ext.woff2) format("woff2");
        
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_cyr_ext.woff2) format("woff2");
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F,
        U+FE2E-FE2F;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_cyr.woff2) format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_greek_ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_greek_ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_greek_ext.woff2) format("woff2");
    unicode-range: U+1F00-1FFF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_greek.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_greek.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_greek.woff2) format("woff2");
    unicode-range: U+0370-03FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_vietnamese.woff2) format("woff2");
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169,
        U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_latin_ext.woff2) format("woff2");
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
        U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url(../fonts/roboto_400_latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: block;
    src: url(../fonts/roboto_500_latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: block;
    src: url(../fonts/roboto_700_latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
html * {
    padding: 0;
    margin: 0;
    outline: none;
    border: 0;
    background: transparent;
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: antialiased;
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    box-shadow: none;
}
html {
    font-size: 10px;
}
html body {
    font-size: 0;
    line-height: 0;
}
html body a {
    text-decoration: none;
}
@media screen and (max-width: 1320px) {
    html body {
        width: 100%;
        min-width: 320px;
    }
}
body {
    position: relative;
    z-index: 1;
    background: #292929;
    min-height: calc(100vh + 1px);
}
body:after {
    content: "";
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    background: #fff;
}
@media screen and (min-width: 1320px) {
    body:after {
        width: 1320px;
    }
}
.p1 {
    padding-top: 10px;
}
.p2 {
    padding-top: 20px;
}
.p3 {
    padding-top: 30px;
}
.p4 {
    padding-top: 40px;
}
.p5 {
    padding-top: 50px;
}
.p6 {
    padding-top: 60px;
}
.mbg {
    margin-bottom: 15px;
}
.rg {
    padding-top: 15px;
}
.sep {
    position: relative;
    z-index: 1;
    height: 1px;
    background: #eaeaea;
}
.w_col1 {
    width: 205px;
}
.w_col2 {
    width: 430px;
}
.w_col3 {
    width: 655px;
}
.w_col4 {
    max-width: 864px;
    width: 100%;
}
.w_col_wide {
    width: 280px;
}
.w_col_wide2 {
    width: 318px;
}
.w_col1,
.w_col2,
.w_col3,
.w_col4,
.w_col_wide,
.w_col_wide2 {
    display: inline-block;
    vertical-align: top;
}
.w_col_main {
    width: 1200px;
}
.w_col_840 {
    width: 840px;
}
.w_fullwidth {
    width: 100vw;
}
.row {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.b_main {
    position: relative;
    z-index: 10;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.b_main.m_high {
    z-index: 20;
}
.b_main-content .row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.b_rightcol {
    position: relative;
    z-index: 11;
    width: 300px;
    margin-left: 16px;
}
._ui_arrow {
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #b11116;
    overflow: hidden;
    cursor: pointer;
}
._ui_arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 64px;
    opacity: 1;
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
}
._ui_arrow span {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 64px;
    right: 0;
    opacity: 0;
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
    transition: right 0.6s ease;
}
._ui_arrow:hover:before {
    opacity: 0;
}
._ui_arrow:hover span {
    opacity: 1;
    right: -32px;
}
sup,
sub {
    line-height: 0;
    font-size: 0.8em;
}
.m_focused {
    position: relative;
}
.m_focused:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    box-shadow: 0 0 0 rgba(177, 17, 22, 0);
    border: 2px solid rgba(177, 17, 22, 0);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.m_focused:focus-visible:before {
    box-shadow: 0 0 10px 1px rgba(177, 17, 22, 0.5);
    border: 2px solid rgba(177, 17, 22, 0.5);
}
.b_ear {
    position: relative;
    z-index: 1;
    height: 100%;
    display: block;
}
.b_ear:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    box-shadow: 0 0 0 rgba(177, 17, 22, 0);
    border: 2px solid rgba(177, 17, 22, 0);
    border-radius: 4px;
    transition: all 0.3s ease;
}
.b_ear-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    overflow: hidden;
}
.b_ear-image a {
    display: block;
    width: 100%;
}
.b_ear-image img {
    display: block;
    width: 100%;
    transform: scale(1, 1);
    transition: transform 2s ease;
}
.b_ear-title {
    position: relative;
    display: block;
    font: bold 16px/1.2 "Lora", serif;
    color: #292929;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}
.b_ear-intro {
    position: relative;
    display: block;
    font: 13px/1.25 "Roboto", sans-serif;
    color: #505050;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}
.b_ear-intro.m_searchresult strong {
    color: #b11116;
    font-weight: inherit;
}
.b_ear-time {
    position: relative;
    display: block;
    font: 11px/1.35 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_ear-compote {
    position: absolute;
    bottom: 10px;
    right: 40px;
    padding: 0 5px;
    background: #292929;
    font: bold 10px/14px "Roboto", sans-serif;
    color: #fff;
    letter-spacing: 0.01em;
    border-radius: 3px 0 0 3px;
}
.b_ear-compote:after {
    content: "live";
    position: absolute;
    top: 0;
    left: 100%;
    width: 30px;
    background: #b11116;
    border-radius: 0 3px 3px 0;
    font: bold 10px/14px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.b_ear-tag {
    display: inline-block;
    padding: 1px 3px 1px;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    margin-right: 10px;
    margin-bottom: 5px;
    font: 700 8px/1.35 "Roboto", sans-serif;
    color: #bfbfbf;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.b_ear:hover .b_ear-title,
.b_ear:focus-visible .b_ear-title {
    color: #b11116;
}
.b_ear:hover .b_ear-image img,
.b_ear:focus-visible .b_ear-image img {
    transform: scale(1.07, 1.07);
}
.b_ear:focus-visible:before {
    box-shadow: 0 0 10px 1px rgba(177, 17, 22, 0.5);
    border: 2px solid rgba(177, 17, 22, 0.5);
}
.b_ear.m_fullfield {
    padding-bottom: 50px;
    background: #292929;
    height: 100%;
}
.b_ear.m_fullfield .link_behind {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.b_ear.m_fullfield .b_ear-image {
    position: relative;
    z-index: 1;
    margin-bottom: 0;
    overflow: hidden;
}
.b_ear.m_fullfield .b_ear-image:after {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(
        to bottom,
        rgba(41, 41, 41, 0) 0%,
        #292929 100%
    );
}
.b_ear.m_fullfield .b_ear-image a {
    display: block;
}
.b_ear.m_fullfield .b_ear-image img {
    transform: scale(1, 1);
    transition: transform 2s ease;
}
.b_ear.m_fullfield .b_ear-textblock {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 50px 20px 20px;
    background: linear-gradient(
        to bottom,
        rgba(41, 41, 41, 0) 0%,
        rgba(41, 41, 41, 0.5) 30%,
        #292929 80%
    );
}
.b_ear.m_fullfield .b_ear-title {
    position: relative;
    z-index: 2;
    font: bold 22px/1.2 "Lora", serif;
    color: #fff;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.b_ear.m_fullfield .b_ear-intro {
    position: relative;
    z-index: 2;
    color: #eaeaea;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.b_ear.m_fullfield .b_ear-time {
    display: none;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: 20px;
    color: #7f7f7f;
}
.b_ear.m_fullfield:hover .b_ear-title,
.b_ear.m_fullfield:hover .b_ear-intro {
    opacity: 0.7;
}
.b_ear.m_fullfield:hover .b_ear-image img {
    transform: scale(1.07, 1.07);
}
.b_ear.m_fullfield.m_extra {
    background: #b11116;
    padding: 70px 60px 20px 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.b_ear.m_fullfield.m_extra:before {
    content: "Срочно";
    position: absolute;
    top: 30px;
    left: 20px;
    font: 700 36px/1.2 "Lora", serif;
    color: #fff;
}
.b_ear.m_fullfield.m_extra .b_ear-textblock {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 0 0 0 0;
}
.b_ear.m_fullfield.m_extra .b_ear-time {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    font: 11px/11px "Roboto", sans-serif;
    color: #eaeaea;
}
.b_ear.m_fullfield.m_extra .link_behind {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.b_ear.m_fullfield.m_extra2 {
    position: relative;
}
.b_ear.m_fullfield.m_extra2 .b_ear-image {
    position: relative;
}
.b_ear.m_fullfield.m_extra2 .b_ear-image:before {
    content: "Срочно";
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 20px;
    padding: 0 8px;
    background: #b11116;
    border-radius: 3px;
    height: 30px;
    font: bold 18px/30px "Lora", serif;
    color: #fff;
    text-align: center;
}
.b_ear.m_fullfield.m_news .b_ear-time {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}
.b_ear.m_fullfield.m_photorep,
.b_ear.m_fullfield.m_infographics {
    padding-bottom: 0;
}
.b_ear.m_fullfield.m_photorep .b_ear-textblock,
.b_ear.m_fullfield.m_infographics .b_ear-textblock {
    padding: 0 20px 20px;
    text-align: center;
}
.b_ear.m_fullfield.m_photorep .b_ear-title,
.b_ear.m_fullfield.m_infographics .b_ear-title {
    position: relative;
    margin: 0 auto 10px;
    width: 90%;
    font: bold 22px/1.25 "Lora", serif;
    color: #fff;
}
.b_ear.m_fullfield.m_photorep .b_ear-title:before,
.b_ear.m_fullfield.m_infographics .b_ear-title:before {
    content: "";
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    display: block;
    width: 28px;
    height: 24px;
    margin: auto;
    background: url(../fonts/camera_2020.svg) no-repeat 50% 0;
}
.b_ear.m_fullfield.m_photorep .b_ear-btn,
.b_ear.m_fullfield.m_infographics .b_ear-btn {
    position: relative;
    display: inline-block;
    margin: auto;
    background: #fff;
    padding: 8px;
    font: bold 12px/1.25 "Roboto", sans-serif;
    color: #000;
    cursor: pointer;
    border-radius: 1px;
    display: none;
}
.b_ear.m_fullfield.m_infographics .b_ear-title:before {
    background: url(../fonts/infographics.svg) no-repeat 50% 0;
    background-size: auto 100%;
}
.b_ear.m_fullfield.w_col_wide .b_ear-image {
    display: flex;
    width: 280px;
    height: 280px;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 0;
}
.b_ear.m_fullfield.w_col_wide .b_ear-image a {
    display: block;
    height: 100%;
}
.b_ear.m_fullfield.w_col_wide .b_ear-image img {
    display: inline-block;
    width: auto;
    height: 100%;
}
.b_ear.m_fullfield.w_col_wide .b_ear-title {
    font: bold 16px/1.2 "Lora", serif;
}
.b_ear.m_fullfield.m_online .b_ear-textblock {
    padding: 0 0 10px;
}
.b_ear.m_fullfield.m_online .b_ear-title {
    position: relative;
    margin: 0 auto 10px;
    width: 75%;
    text-align: center;
    color: #fff;
}
.b_ear.m_fullfield.m_online .b_ear-title:before {
    content: "live";
    position: absolute;
    top: -20px;
    left: 0;
    right: 0;
    margin: auto;
    width: 30px;
    background: #b11116;
    border-radius: 3px;
    font: bold 10px/14px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.b_ear.m_fullfield.m_online .b_ear-intro {
    text-align: center;
    margin: 0 auto 20px;
    width: 75%;
}
.b_ear.m_fullfield.m_online .b_ear-online {
    position: relative;
    display: block;
    z-index: 2;
}
.b_ear.m_fullfield.m_online .b_ear-online-timeline {
    position: relative;
    margin-bottom: 10px;
    font: 11px/1 "Roboto", sans-serif;
    color: #fff;
}
.b_ear.m_fullfield.m_online .b_ear-online-timeline .runner {
    display: inline-block;
    vertical-align: baseline;
    height: 3px;
    min-width: 5px;
    margin-right: 5px;
    background: #b11116;
}
.b_ear.m_fullfield.m_online .b_ear-online-info {
    position: relative;
    padding: 0 20px 10px;
    display: flex;
    justify-content: space-start;
    font: bold 15px/1.35 "Roboto", sans-serif;
    color: #fff;
    gap: 20px;
}
.b_ear.m_fullfield.m_online.m_compote .b_ear-title:before {
    display: none;
}
.b_ear.m_fullfield.m_online.m_compote .b_ear-compote {
    top: -20px;
    bottom: auto;
    left: 0;
    right: 30px;
    width: 30px;
    margin: auto;
    z-index: 10;
    text-align: center;
}
.b_ear.m_simple .b_ear-title {
    position: relative;
    font: 700 16px/1.2 "Lora", serif;
}
.b_ear.m_simple.m_exclusive-title {
    position: relative;
    font: 700 16px/1.2 "Lora", serif;
}
.b_ear.m_simple.m_exclusive-title:before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../fonts/exlusive2.svg) no-repeat 50% 50%;
    background-size: auto 100%;
}
.b_ear.m_simple.m_exclusive .b_ear-time {
    line-height: 14px;
}
.b_ear.m_outline {
    position: relative;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    padding: 20px;
}
.b_ear.m_outline .b_ear-title {
    font: bold 22px/1.2 "Lora", serif;
    margin-bottom: 20px;
}
.b_ear.m_outline .b_ear-textblock {
    width: 165px;
}
.b_ear.m_outline .b_ear-image {
    width: 205px;
}
.b_ear.m_line {
    display: inline-flex;
    flex-flow: row;
}
.b_ear.m_line .b_ear-image {
    display: flex;
    width: 205px;
    height: 136.66667px;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 0;
}
.b_ear.m_line .b_ear-image a {
    display: block;
}
.b_ear.m_line .b_ear-image img {
    display: inline-block;
    width: 100%;
}
.b_ear.m_line .b_ear-textblock {
    display: inline-flex;
    width: 205px;
    margin-left: 20px;
    flex-flow: column;
}
.b_ear.m_squareimg .b_ear-image {
    display: flex;
    width: 205px;
    height: 205px;
    overflow: hidden;
    justify-content: center;
}
.b_ear.m_squareimg .b_ear-image a {
    display: block;
    height: 100%;
}
.b_ear.m_squareimg .b_ear-image img {
    display: inline-block;
    width: auto;
    height: 100%;
}
.b_ear.m_titleonly .b_ear-title {
    font: bold 16px/1.2 "Lora", serif;
}
.b_ear.m_outline2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
}
.b_ear.m_outline2 .b_ear-textblock {
    margin-top: -20px;
    width: 370px;
}
.b_ear.m_outline2 .b_ear-title {
    font: bold 22px/1.2 "Lora", serif;
    margin-bottom: 5px;
}
.b_ear.m_outline2 .b_ear-time {
    position: absolute;
    left: 30px;
    bottom: 20px;
}
.b_ear.m_outline3 {
    position: relative;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}
.b_ear.m_outline3 .b_ear-title {
    font: bold 22px/1.2 "Lora", serif;
    margin-bottom: 5px;
}
.b_ear.m_outline3 .b_ear-intro {
    margin-bottom: 20px;
}
.b_ear.m_outline3 .b_ear-textblock {
    width: calc(100% - 327px);
    padding: 20px;
    display: inline-block;
}
.b_ear.m_outline3 .b_ear-image {
    display: inline-block;
    width: 327px;
    margin-bottom: 0;
}
.b_ear.m_outline3.m_exclusive .b_ear-image:before {
    display: none;
}
.b_ear.m_outline3.m_exclusive .b_ear-title {
    position: relative;
}
.b_ear.m_outline3.m_exclusive .b_ear-title:before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../fonts/exlusive2.svg) no-repeat 50% 50%;
    background-size: auto 100%;
}
.b_ear.m_outline3.m_exclusive .b_ear-time {
    display: inline-block;
}
.b_ear.m_exclusive {
    position: relative;
}
.b_ear.m_exclusive .b_ear-image {
    position: relative;
}
.b_ear.m_exclusive .b_ear-title {
    position: relative;
}
.b_ear.m_exclusive .b_ear-title:before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../fonts/exlusive2.svg) no-repeat 50% 50%;
    background-size: auto 100%;
}
.b_ear.m_exclusive.m_fullfield .b_ear-time {
    position: relative;
    top: 0;
    left: 0;
}
.b_ear.m_interview {
    position: relative;
}
.b_ear.m_interview .b_ear-image {
    position: relative;
}
.b_ear.m_interview .b_ear-image:before {
    content: "Интервью";
    position: absolute;
    z-index: 100;
    bottom: 10px;
    right: 10px;
    padding: 0 3px;
    background: #b11116;
    border-radius: 3px;
    height: 14px;
    font: bold 8px/15px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.b_ear.m_interview.m_fullfield .b_ear-image:before {
    bottom: auto;
    right: auto;
    top: 20px;
    left: 20px;
}
.b_ear.m_opinion:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #eaeaea;
}
.b_ear.m_opinion .b_ear-textblock {
    position: relative;
    white-space: normal;
    padding-top: 20px;
}
.b_ear.m_opinion .b_ear-author-photo {
    position: absolute;
    z-index: 10;
    top: -35px;
    left: 0;
    right: 0;
    margin: auto;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 50%;
    background: #efefef;
    border: 2px solid #fff;
}
.b_ear.m_opinion .b_ear-author-photo img {
    display: block;
    height: 100%;
    width: auto;
}
.b_ear.m_opinion .b_ear-author-name {
    display: block;
    font: 12px/1.35 "Roboto", sans-serif;
    color: #7f7f7f;
    margin-bottom: 5px;
}
.b_ear.m_opinion .b_ear-textblock {
    padding: 10px 10px 10px;
    text-align: center;
}
.b_ear.m_opinion .b_ear-time {
    display: none;
}
.b_ear.m_opinion.m_line:before {
    display: none;
}
.b_ear.m_opinion.m_line .b_ear-textblock {
    padding: 0;
    text-align: left;
}
.b_ear.m_opinion.m_line .b_ear-author-name {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.b_ear.m_opinion.m_line .b_ear-author-photo {
    position: relative;
    bottom: auto;
    left: auto;
    right: 0;
    top: 0;
    margin: 0 0 0 10px;
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
}
.b_ear.m_opinion.m_line .b_ear-author-photo img {
    display: block;
    width: 100%;
}
.b_ear.m_online .b_ear-image {
    position: relative;
}
.b_ear.m_online .b_ear-image:before {
    content: "live";
    position: absolute;
    z-index: 10;
    bottom: 10px;
    right: 10px;
    width: 30px;
    background: #b11116;
    border-radius: 3px;
    font: bold 10px/14px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.b_ear.m_online.m_fullfield .b_ear-image:before {
    display: none;
}
.b_ear.m_techlisting {
    position: relative;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
}
.b_ear.m_techlisting:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0 solid #eaeaea;
}
.b_ear.m_techlisting .b_ear-image {
    width: 130px;
    height: 87px;
    margin-bottom: 0;
}
.b_ear.m_techlisting .b_ear-image img {
    width: 100%;
    height: 100%;
}
.b_ear.m_techlisting .b_ear-textblock {
    position: relative;
    width: 520px;
}
.b_ear.m_techlisting .b_ear-textblock.m_searchresult {
    width: 680px;
}
.b_ear.m_techlisting .b_ear-title {
    font: bold 20px/1.2 "Lora", serif;
}
.b_ear.m_techlisting .b_ear-title:hover {
    color: #b11116 !important;
}
.b_ear.m_techlisting .b_ear-intro {
    font: 16px/1.25 "Roboto", sans-serif;
}
.b_ear.m_techlisting .b_ear-time {
    display: block;
    width: 110px;
    font: 14px/20px "Roboto", sans-serif;
}
.b_ear.m_techlisting .b_ear-time.m_fulldate {
    font: 14px/1.35 "Roboto", sans-serif;
}
.b_ear.m_techlisting .b_ear-time.m_fulldate .date {
    position: relative;
    display: block;
    font: 14px/20px "Roboto", sans-serif;
}
.b_ear.m_techlisting .b_ear-time.m_searchresult {
    font: 14px/1.5 "Roboto", sans-serif;
}
.b_ear.m_techlisting .b_ear-tag:hover {
    color: #b11116;
    border-color: #b11116;
}
.b_ear.m_techlisting.m_exclusive .b_ear-image:before {
    display: none;
}
.b_ear.m_techlisting.m_exclusive .b_ear-title:before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../fonts/exlusive2.svg) no-repeat 50% 50%;
    background-size: auto 100%;
}
.b_ear.m_techlisting.m_title_only .b_ear-textblock {
    width: calc(100% - 160px);
}
.b_ear.m_techlisting.m_title_only .b_ear-title {
    font: bold 18px/1.2 "Lora", serif;
}
.b_ear.m_techlisting.m_title_only .b_ear-time {
    font: 14px/1.35 "Roboto", sans-serif;
}
.b_ear.m_techlisting.m_video .b_ear-time {
    font: 14px/20px "Roboto", sans-serif;
}
.b_ear.m_techlisting.m_video .b_ear-time:after {
    position: absolute;
    left: 124px;
    margin: 0;
    top: 4px;
}
.b_ear.m_techlisting:hover .b_ear-title {
    color: #292929;
}
.b_ear.m_largeline {
    display: flex;
    flex-flow: row-reverse;
    justify-content: space-between;
    align-items: center;
    padding: 20px 20px 20px 40px;
    background: #f5f5f5;
    height: auto;
}
.b_ear.m_largeline.m_noreverse {
    flex-flow: row;
}
.b_ear.m_largeline .b_ear-image {
    width: 280px;
    height: 187px;
}
.b_ear.m_largeline .b_ear-image img {
    width: 100%;
    height: 100%;
}
.b_ear.m_largeline .b_ear-textblock {
    width: 400px;
}
.b_ear.m_largeline .b_ear-title {
    font: bold 22px/1.2 "Lora", serif;
    color: #292929;
    margin-bottom: 5px;
}
.b_ear.m_largeline .b_ear-intro {
    font: 16px/1.5 "Roboto", sans-serif;
    color: #292929;
}
.b_ear.m_video .b_ear-time {
    line-height: 14px;
}
.b_ear.m_video .b_ear-time:after {
    content: "";
    position: relative;
    top: -1px;
    display: inline-block;
    margin-left: 7px;
    width: 14px;
    height: 14px;
    background: url(../fonts/videoplay_grey.svg) no-repeat 50% 50%;
    background-size: cover;
    vertical-align: middle;
}
.b_ear.m_video.m_fullfield .b_ear-time:after,
.b_ear.m_video.m_outline2 .b_ear-time:after {
    display: none;
}
.b_ear.m_video.m_fullfield:after,
.b_ear.m_video.m_outline2:after {
    content: "";
    position: absolute;
    bottom: 15px;
    right: 15px;
    z-index: 100;
    width: 22px;
    height: 22px;
    background: url(../fonts/videoplay_grey.svg) no-repeat 50% 50%;
    background-size: cover;
}
.b_ear.m_video.m_fullfield.m_online:after {
    display: none;
}
.b_ear.m_advcontent .b_ear-image {
    position: relative;
}
.b_ear.m_advcontent .b_ear-image:before {
    content: "Промо";
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 3px 0;
    background: rgba(0, 0, 0, 0.6);
    font: 12px/14px "Roboto", sans-serif;
    color: #fff;
    text-align: center;
}
.b_ear.m_advcontent.m_fullfield:before {
    content: "Промо";
    font: 12px/1 "Roboto", sans-serif;
    padding: 2px 5px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    display: inline-block;
    margin-bottom: 3px;
    position: absolute;
    z-index: 1000;
    text-align: center;
    left: 0;
    right: 0;
}
.b_ear.m_advcontent.m_fullfield .b_ear-image:before {
    display: none;
}
.b_ear.m_advcontent.m_outline2:before {
    content: "Промо";
    position: absolute;
    top: 20px;
    left: 20px;
    font: 12px/1 "Roboto", sans-serif;
    padding: 2px 10px;
    background: #505050;
    color: #fff;
    border-radius: 0;
    opacity: 0.5;
}
.b_ear.m_advcontent.m_titleonly:before {
    content: "Промо";
    font: 10px/1 "Roboto", sans-serif;
    padding: 2px 5px;
    background: #505050;
    color: #fff;
    display: inline-block;
    margin-bottom: 3px;
}
.b_ear.m_advcontent.m_titleonly .b_ear-image:before {
    display: none;
}
.b_ear.m_advcontent.m_simple:before {
    content: "Промо";
    font: 10px/1 "Roboto", sans-serif;
    padding: 2px 3px;
    background: #505050;
    color: #fff;
    display: inline-block;
    margin-bottom: 3px;
}
.b_ear.m_advcontent.m_simple .b_ear-image:before {
    display: none;
}
.b_ear.m_advcontent.m_techlisting .b_ear-image:before {
    display: none;
}
.b_ear.m_advcontent.m_techlisting .b_ear-textblock:before {
    content: "Промо";
    font: 10px/1 "Roboto", sans-serif;
    padding: 2px 5px;
    background: #505050;
    color: #fff;
    display: inline-block;
    margin-bottom: 3px;
}
.w_col_wide .b_ear.m_opinion .b_ear-author-photo {
    top: -50px;
    width: 60px;
    height: 60px;
}
.w_col_wide .b_ear.m_opinion .b_ear-textblock {
    padding-top: 20px;
}
.w_col1 .b_ear-image,
.w_col2 .b_ear-image,
.w_col_wide .b_ear-image,
.w_col_wide2 .b_ear-image {
    display: flex;
    align-items: center;
    justify-content: center;
}
.w_col1 .b_ear-image a,
.w_col2 .b_ear-image a,
.w_col_wide .b_ear-image a,
.w_col_wide2 .b_ear-image a {
    display: block;
    height: 100%;
}
.w_col1 .b_ear-image img,
.w_col2 .b_ear-image img,
.w_col_wide .b_ear-image img,
.w_col_wide2 .b_ear-image img {
    width: 100%;
    height: 100%;
}
.w_col1 .b_ear-image {
    height: 137px;
}
.w_col2 .b_ear-image {
    height: 287px;
}
.w_col_wide .b_ear-image {
    height: 187px;
}
.w_col_wide2 .b_ear-image {
    height: 212px;
}
#_id_main_article {
    position: relative;
    z-index: 100;
    max-width: 1320px;
    margin: auto;
}
.b_article {
    position: relative;
    z-index: 300;
    max-width: 864px;
    width: 100%;
}
.b_article-header {
    position: relative;
    width: 100%;
}
.b_article-header .breadcrumb {
    position: relative;
    margin-bottom: 5px;
    font: 14px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_article-header .breadcrumb * {
    display: inline-block;
    vertical-align: baseline;
}
.b_article-header .breadcrumb .time {
    margin-right: 20px;
}
.b_article-header .breadcrumb.m_exclusive:before {
    content: "";
    position: relative;
    top: 3px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../fonts/exlusive2.svg) no-repeat 50% 50%;
    background-size: auto 100%;
}
.b_article-header .headline {
    position: relative;
    margin-bottom: 5px;
    font: bold 32px/1.2 "Lora", serif;
    color: #292929;
}
.b_article-header .headline .asterisk_mark {
    line-height: 0;
}
.b_article-header .subheader {
    position: relative;
    margin-bottom: 5px;
    font: 18px/1.5 "Roboto", sans-serif;
    color: #292929;
}
.b_article-header .addinfo {
    position: relative;
    padding: 5px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_article-header .addinfo .author {
    position: relative;
    width: 70%;
}
.b_article-header .addinfo .author-item {
    display: inline-block;
    vertical-align: baseline;
    font: 14px/20px "Roboto", sans-serif;
    color: #7f7f7f;
    margin-right: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_article-header .addinfo .author-item:after {
    content: ",";
}
.b_article-header .addinfo .author-item:hover {
    color: #b11116;
}
.b_article-header .addinfo .author-item:last-child {
    margin-right: 0;
}
.b_article-header .addinfo .author-item:last-child:after {
    content: "";
}
.b_article-header .addinfo .author.m_opinion {
    align-items: center;
    display: inline-flex;
}
.b_article-header .addinfo .author.m_opinion .author-photo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    background: #efefef;
    flex-shrink: 0;
}
.b_article-header .addinfo .author.m_opinion .author-photo img {
    display: block;
    height: 100%;
}
.b_article-header .addinfo .author.m_opinion .author-info {
    display: inline-flex;
    flex-flow: column;
}
.b_article-header .addinfo .author.m_opinion .author-item {
    display: block;
    font: bold 14px/21px "Roboto", sans-serif;
    color: #292929;
}
.b_article-header .addinfo .author.m_opinion .author-item:after {
    content: "";
}
.b_article-header .addinfo .author.m_opinion .author-about {
    font: 14px/21px "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_article-header .addinfo .author.m_opinion.m_author_page {
    align-items: flex-start;
}
.b_article-header .addinfo .author.m_opinion.m_author_page .author-photo {
    width: 90px;
    height: 90px;
    margin-right: 20px;
}
.b_article-header .addinfo .author.m_opinion.m_author_page .author-info {
    padding-top: 10px;
}
.b_article-header
    .addinfo
    .author.m_opinion.m_author_page
    .author-item.m_title {
    font: bold 32px/1.2 "Lora", serif;
    margin-bottom: 5px;
}
.b_article-header .addinfo .author.m_opinion.m_author_page .author-cite {
    position: relative;
    display: block;
    margin-top: 15px;
    padding-left: 25px;
    font: bold 16px/24px "Roboto", sans-serif;
    color: #292929;
}
.b_article-header .addinfo .author.m_opinion.m_author_page .author-cite:before {
    content: "\201C";
    position: absolute;
    left: 0;
    top: 0;
    font: bold 34px/42px "Lora", serif;
    color: #b11116;
}
.b_article-header .addinfo .audio {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}
.b_article-header .addinfo .audio-text {
    display: inline-block;
    margin-right: 5px;
    font: 14px/20px "Roboto", sans-serif;
    color: #7f7f7f;
    transition: all 0.3s ease;
}
.b_article-header .addinfo .audio-icon {
    display: inline-block;
    height: 24px;
}
.b_article-header .addinfo .audio-icon .stroke {
    stroke: #7f7f7f;
    transition: all 0.3s ease;
}
.b_article-header .addinfo .audio-icon .fill {
    fill: #7f7f7f;
    transition: all 0.3s ease;
}
.b_article-header .addinfo .audio:hover .audio-text {
    color: #b11116;
}
.b_article-header .addinfo .audio:hover .stroke {
    stroke: #b11116;
}
.b_article-header .addinfo .audio:hover .fill {
    fill: #b11116;
}
.b_article-intro {
    position: relative;
    width: 660px;
    margin: 0 0 0 140px;
    padding: 10px 0;
    font: 500 22px/1.3 "Lora", serif;
    color: #292929;
}
.b_article-text {
    position: relative;
    width: 100%;
    font: 18px/1.5 "Roboto", sans-serif;
    color: #292929;
}
.b_article-text p {
    position: relative;
    font: 18px/1.5 "Roboto", sans-serif;
    color: #292929;
    margin-bottom: 20px;
}
.b_article-text p a {
    border-bottom: 1px solid #b11116;
    cursor: pointer;
    color: #b11116;
    transition: all 0.3s ease;
}
.b_article-text p a b {
    font-weight: normal;
}
.b_article-text p a:hover {
    border-color: transparent;
}
.b_article-text h4,
.b_article-text h2 {
    position: relative;
    font: bold 26px/1.3 "Lora", serif;
    color: #292929;
}
.b_article-text h4:first-child,
.b_article-text h2:first-child {
    padding-top: 0;
}
.b_article-text h4 .tag,
.b_article-text h2 .tag {
    font-weight: bold;
}
.b_article-text ul {
    list-style: inside circle;
    padding-left: 20px;
    margin-bottom: 20px;
}
.b_article-text ul li + li {
    margin-top: 10px;
}
.b_article-text mark {
    position: relative;
    z-index: 1;
    display: inline;
    background: #ffebd9;
    padding: 3px 0;
}
.b_article-text .idea {
    position: relative;
    display: block;
    padding-left: 50px;
    border-left: 3px solid #b11116;
    font: bold 22px/1.35 "Roboto", sans-serif;
    color: #292929;
    margin: 20px 0;
}
.b_article-text .tag {
    color: #292929;
    font-weight: inherit;
    border-bottom: 1px solid #bfbfbf;
    cursor: help;
}
.b_article-media {
    position: relative;
    z-index: 12;
    width: 660px;
    margin: 0 0 0 140px;
    clear: both;
}
.b_article-media.m_fullwidth {
    width: 880px;
    margin: 0 auto;
}
.b_article-media.m_fullwidth iframe {
    width: 100%;
    min-height: 587px;
}
.b_article-media.m_fullwidth .i_gallery .mainarea {
    padding-top: 0;
    height: 587px;
}
.b_article-media.m_fullwidth .i_gallery.m_fullscreen .mainarea {
    height: 100vh;
}
.b_article-media.m_fullwidth .i_gallery.m_freesize .mainarea {
    padding-top: unset;
    height: auto;
}
.b_article-media.m_fullwidth .i_gallery.m_freesize .mainarea-wrapper {
    position: relative;
}
.b_article-media.m_fullwidth .i_gallery.m_freesize .mainarea-wrapper .item {
    position: relative;
}
.b_article-media.m_fullwidth .i_gallery.m_freesize.m_fullscreen .mainarea {
    height: 100vh;
}
.b_article-media.m_fullwidth
    .i_gallery.m_freesize.m_fullscreen
    .mainarea-wrapper {
    position: absolute;
    left: 40px;
    right: 40px;
    max-width: calc(100% - 360px);
}
.b_article-media.m_fullwidth
    .i_gallery.m_freesize.m_fullscreen
    .mainarea-wrapper
    .item {
    position: absolute;
}
.b_article-media.m_opinion {
    float: right;
    width: 240px;
    margin: 0 0 20px 30px;
}
.b_article-media.m_opinion .i_gallery .infoblock .signplace p,
.b_article-media.m_opinion .i_gallery .infoblock .signplace i {
    font: 11px/1.5 "Roboto", sans-serif;
}
.b_article-media img {
    display: block;
    max-height: 100%;
}
.b_article-media div[data-widget="Player"] {
    width: 100%;
    height: 371px;
}
.b_article .sep {
    position: relative;
    width: 660px;
    margin: 0 0 0 140px;
}
.b_article-incut {
    position: relative;
    z-index: 1;
    clear: both;
}
.b_article-incut a {
    text-decoration: none;
    border-bottom: none;
}
.b_article-incut.m_article {
    margin: 0 0 20px 0;
    padding: 20px 60px 20px 30px;
    outline: 1px solid #eaeaea;
}
.b_article-incut.m_article:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -20px;
    left: -20px;
    right: 120px;
    bottom: -20px;
    background: #fff;
}
.b_article-incut.m_article .b_ear {
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
}
.b_article-incut.m_article .b_ear-image {
    width: 110px;
    flex-shrink: 0;
    margin-left: 40px;
}
.b_article-incut.m_text {
    z-index: 10;
    margin: 0 0 20px 0;
    padding: 20px 60px 20px 30px;
    width: 100%;
    background: #f5f5f5;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}
.b_article-incut.m_text .title {
    font: bold 16px/1.3 "Lora", serif;
    color: #292929;
    margin-bottom: 15px;
}
.b_article-incut.m_text .text {
    font: 13px/1.25 "Roboto", sans-serif;
    color: #505050;
    margin-bottom: 15px;
}
.b_article-incut.m_text .morebtn {
    position: relative;
    display: inline-block;
    clear: both;
    font: 13px/1.25 "Roboto", sans-serif;
    color: #b11116;
    border-bottom: 1px dotted #b11116;
    cursor: pointer;
}
.b_article-incut.m_text .popup {
    position: fixed;
    z-index: 1000;
    margin: auto;
    bottom: 0;
    left: 0;
    right: 0;
    background: #f5f5f5;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.b_article-incut.m_text .popup.m_open {
    max-height: 100vh;
    overflow: visible;
}
.b_article-incut.m_text .popup-wrapper {
    position: relative;
    margin: auto;
    width: 1200px;
    padding: 30px 0 60px;
}
.b_article-incut.m_text .popup-title {
    position: relative;
    width: 660px;
    margin-left: 140px;
    font: bold 26px/1.3 "Lora", serif;
    color: #292929;
    margin-bottom: 30px;
}
.b_article-incut.m_text .popup-text {
    position: relative;
    z-index: 1;
    width: 660px;
    margin-left: 140px;
    font: 18px/1.5 "Roboto", sans-serif;
    color: #292929;
    overflow: hidden;
}
.b_article-incut.m_text .popup-text:before,
.b_article-incut.m_text .popup-text:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    height: 30px;
    background-image: linear-gradient(
        to bottom,
        whitesmoke 0,
        rgba(245, 245, 245, 0.95) 20%,
        rgba(245, 245, 245, 0.5) 60%,
        rgba(245, 245, 245, 0) 100%
    );
}
.b_article-incut.m_text .popup-text:after {
    top: auto;
    bottom: 0;
    height: 50px;
    transform: scale(1, -1);
}
.b_article-incut.m_text .popup-text-wrapper {
    position: relative;
    z-index: 1;
    width: 640px;
    max-height: 60vh;
    overflow-x: scroll;
    padding: 20px 40px 30px 0;
}
.b_article-incut.m_text .popup-closebtn {
    position: absolute;
    z-index: 3;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.3);
}
.b_article-incut.m_text .popup-closebtn span {
    position: absolute;
    z-index: 2;
    bottom: -70px;
    left: calc(50% + 300px);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transform: scale(1);
    transition: all 0.3s ease;
}
.b_article-incut.m_text .popup-closebtn span:before,
.b_article-incut.m_text .popup-closebtn span:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 2px;
    height: 20px;
    margin: auto;
    background: #b11116;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}
.b_article-incut.m_text .popup-closebtn span:after {
    transform: rotate(-45deg);
}
.b_article-incut.m_text .popup-closebtn span:hover:before {
    transform: rotate(135deg);
}
.b_article-incut.m_text .popup-closebtn span:hover:after {
    transform: rotate(-135deg);
}
.b_article-incut.m_text .popup-closebtn span:active {
    transform: scale(0.85);
}
.b_article-incut.m_text .popup-closebtn span:active:before {
    transform: rotate(90deg);
}
.b_article-incut.m_text .popup-closebtn span:active:after {
    transform: rotate(-90deg);
}
.b_article-incut.m_crumb {
    position: relative;
    border: 1px solid #eaeaea;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 20px 60px 20px 30px;
}
.b_article-incut.m_crumb .title {
    font: 13px/1.25 "Roboto", sans-serif;
    color: #505050;
    margin-bottom: 15px;
}
.b_article-incut.m_crumb .content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
}
.b_article-incut.m_crumb .b_ear {
    display: flex;
    flex-flow: row-reverse;
    align-items: flex-start;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
}
.b_article-incut.m_crumb .b_ear:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: 0 solid #eaeaea;
}
.b_article-incut.m_crumb .b_ear-image {
    width: 110px;
    flex-shrink: 0;
    margin-left: 40px;
}
.b_article-incut.m_code {
    position: relative;
    margin: 0 0 20px 0;
}
.b_article-incut.m_media {
    position: relative;
    margin: 0 0 20px 0;
}
.b_article-incut.m_cite {
    position: relative;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 40px 0 20px;
    text-align: center;
}
.b_article-incut.m_cite:before {
    content: "\201C";
    position: absolute;
    width: 36px;
    height: 36px;
    top: -18px;
    left: 0;
    right: 0;
    margin: auto;
    font: bold 50px/56px "Lora", serif;
    color: #b11116;
    background: #fff;
}
.b_article-incut.m_cite .cite {
    position: relative;
    width: 560px;
    margin: auto;
    font: 500 18px/1.35 "Lora", serif;
    font-style: italic;
    color: #292929;
    margin-bottom: 15px;
}
.b_article-incut.m_cite .photo {
    position: relative;
    margin: auto;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 5px;
}
.b_article-incut.m_cite .photo img {
    width: 100%;
}
.b_article-incut.m_cite .author {
    font: bold 16px/1.35 "Lora", serif;
    color: #292929;
}
.b_article-incut.m_cite .about {
    font: 13px/1.35 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_article-incut.m_numeral {
    position: relative;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 20px 0 20px;
    text-align: center;
}
.b_article-incut.m_numeral .numeral {
    font: bold 44px/1.2 Lora;
    color: #b11116;
    margin-bottom: 10px;
}
.b_article-incut.m_numeral .text {
    position: relative;
    max-width: 560px;
    margin: auto;
    font: bold 18px/1.35 Roboto;
    color: #292929;
}
.b_article .b_article-incut + .b_article-incut {
    margin-top: 20px;
}
.b_article-online {
    position: relative;
    z-index: 1;
    width: 740px;
    margin: 0 0 0 100px;
}
.b_article-online.m_sport .header {
    padding: 20px 40px 30px 40px;
}
.b_article-online.m_sport .listing {
    padding: 40px;
}
.b_article-online.m_sport .listing-item .time:after {
    content: "";
    position: absolute;
    left: calc(100% + 24px);
    top: 0;
    width: 16px;
    height: 16px;
    margin: auto;
}
.b_article-online.m_sport .listing-item .time.m_goal:after {
    background: url(../fonts/ball.svg);
}
.b_article-online.m_sport .listing-item .time.m_replacement:after,
.b_article-online.m_sport .listing-item .time.m_in:after,
.b_article-online.m_sport .listing-item .time.m_out:after {
    background: url(../fonts/change.svg);
}
.b_article-online.m_sport .listing-item .time.m_dangerous:after {
    background: url(../fonts/notif.svg);
}
.b_article-online.m_sport .listing-item .time.m_yellow:after {
    background: url(../fonts/yellow_card-1.svg);
}
.b_article-online.m_sport .listing-item .time.m_yellow2:after {
    background: url(../fonts/yellow_red_card.svg);
}
.b_article-online.m_sport .listing-item .time.m_red_card:after,
.b_article-online.m_sport .listing-item .time.m_red:after {
    background: url(../fonts/red_card.svg);
}
.b_article-online.m_sport .listing-item .time.m_accident:after {
    background: url(../fonts/notif.svg);
}
.b_article-online.m_sport .listing-item .time.m_whistle:after,
.b_article-online.m_sport .listing-item .time.m_final:after {
    background: url(../fonts/final.svg);
}
.b_article-online.m_sport .listing-item .time.m_pen:after,
.b_article-online.m_sport .listing-item .time.m_penalty_yes:after {
    width: 21px;
    height: 19px;
    background: url(../fonts/ball_penalty1.svg);
}
.b_article-online.m_sport .listing-item .time.m_own_goal:after {
    width: 21px;
    height: 19px;
    background: url(../fonts/ball_auto1.svg);
}
.b_article-online.m_sport .listing-item .time.m_hgoal:after {
    background: url(../fonts/puck.svg);
}
.b_article-online.m_sport .listing-item .time.m_bul:after {
    width: 21px;
    height: 16px;
    background: url(../fonts/puck_bullit.svg);
}
.b_article-online.m_sport .listing-item .time.m_hpen:after {
    background: url(../fonts/notif.svg);
}
.b_article-online.m_sport .listing-item .time.m_horn:after {
    background: url(../fonts/final.svg);
}
.b_article-online.m_sport .listing-item .textblock {
    width: 540px;
}
.b_article-online .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px 30px 40px;
    position: sticky;
    top: 48px;
    background: #fff;
    z-index: 10000;
    border-bottom: 1px solid #eaeaea;
}
.b_article-online .header .title {
    position: relative;
    font: bold 26px/1.3 "Lora", serif;
    color: #292929;
}
.b_article-online .header .autorefresh {
    position: relative;
    font: 14px/18px "Roboto", sans-serif;
    color: #292929;
    padding-right: 46px;
    cursor: pointer;
}
.b_article-online .header .autorefresh:before {
    content: "";
    position: absolute;
    right: 0;
    width: 36px;
    height: 18px;
    background: #b11116;
    border-radius: 9px;
    z-index: 1;
    transition: all 0.3s ease;
}
.b_article-online .header .autorefresh:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    z-index: 2;
    margin: auto;
    transition: all 0.3s ease;
}
.b_article-online .header .autorefresh.m_off:before {
    background: #eaeaea;
}
.b_article-online .header .autorefresh.m_off:after {
    right: 20px;
}
.b_article-online .header .sorting {
    position: relative;
    height: 30px;
    padding-top: 8px;
}
.b_article-online .header .sorting:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 80px;
    height: 30px;
    border-radius: 20px;
    background: #eaeaea;
    transition: left 0.2s ease;
}
.b_article-online .header .sorting[data-direction="decrease"]:before {
    left: 80px;
}
.b_article-online .header .sorting[data-direction="increase"]:before {
    left: 0;
}
.b_article-online .header .sorting .item {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    font: 14px/14px "Roboto", sans-serif;
    color: #292929;
    text-align: center;
    transition: color 0.3s ease;
    cursor: pointer;
}
.b_article-online .header .sorting .item.active {
    cursor: default;
}
.b_article-online .header .sorting .item.active:hover {
    color: #292929;
}
.b_article-online .header .sorting .item-label {
    position: absolute;
    top: -50px;
    left: -50px;
    width: 180px;
    opacity: 0;
    overflow: hidden;
    text-align: center;
    font: 0/0 "Roboto", sans-serif;
    color: #505050;
    transition: all 0.1s ease;
}
.b_article-online .header .sorting .item:hover {
    color: #b11116;
}
.b_article-online .header .sorting .item:hover .item-label {
    font: 11px/13px "Roboto", sans-serif;
    top: -30px;
    opacity: 1;
}
.b_article-online .listing {
    position: relative;
    padding: 40px 40px 40px 20px;
    border: 1px solid #eaeaea;
    border-top: 0;
}
.b_article-online .listing-item {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
    border-top: 1px solid #eaeaea;
}
.b_article-online .listing-item:first-child {
    border-top: 0 solid #eaeaea;
}
.b_article-online .listing-item .time {
    position: relative;
    z-index: 1;
    width: 45px;
    text-align: left;
    font: 14px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_article-online .listing-item .textblock {
    position: relative;
    width: 590px;
    font: 16px/1.5 "Roboto", sans-serif;
    color: #292929;
}
.b_article-online .listing-item .textblock p {
    margin-bottom: 20px;
}
.b_article-online .listing-item .textblock p:last-child {
    margin-bottom: 0;
}
.b_article-online .listing-item .textblock .b_article-incut.m_article {
    width: 100%;
    margin: 0;
    padding: 20px;
}
.b_article-online .listing-item .textblock .b_article-incut.m_article:before {
    display: none;
}
.b_article-online .listing-item .textblock .b_article-incut.m_article .b_ear {
    width: 100%;
    margin: 0;
    justify-content: space-between;
}
.b_article-online
    .listing-item
    .textblock
    .b_article-incut.m_article
    .b_ear-image {
    display: flex;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 0;
}
.b_article-online
    .listing-item
    .textblock
    .b_article-incut.m_article
    .b_ear-image
    a {
    display: block;
}
.b_article-online
    .listing-item
    .textblock
    .b_article-incut.m_article
    .b_ear-image
    img {
    display: inline-block;
    width: 100%;
}
.b_article-online
    .listing-item
    .textblock
    .b_article-incut.m_article
    .b_ear-textblock {
    display: inline-flex;
    flex-flow: column;
}
.b_article-online
    .listing-item
    .textblock
    .b_article-incut.m_article
    .b_ear-title {
    font-size: 20px;
    margin-bottom: 10px;
}
.b_article-online .update_notice {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    opacity: 0;
    z-index: -10;
}
.b_article-online .update_notice .textblock {
    position: sticky;
    top: 39px;
    width: 230px;
    margin-left: 280px;
    background: rgba(177, 17, 22, 0.85);
    padding: 10px;
    border-radius: 0 0 6px 6px;
    text-align: center;
    cursor: pointer;
    opacity: 0;
    transition: all 0.3s ease;
}
.b_article-online .update_notice .textblock:hover {
    background: rgba(177, 17, 22, 0.95);
}
.b_article-online .update_notice .textblock:hover .btn {
    padding: 0 5px 0 5px;
}
.b_article-online .update_notice .textblock .title {
    font: 13px/13px "Roboto", sans-serif;
    color: #fff;
    margin-bottom: 5px;
}
.b_article-online .update_notice .textblock .btn {
    display: inline-block;
    font: 14px/14px "Roboto", sans-serif;
    color: #ddd;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 0 0;
    transition: all 0.3s ease;
}
.b_article-online .update_notice.show {
    opacity: 1;
    z-index: 100;
}
.b_article-online .update_notice.show .textblock {
    opacity: 1;
}
.b_article-scoreboard {
    position: relative;
    border: 1px solid #eaeaea;
    width: 660px;
    margin: 0 0 0 140px;
    padding: 20px 0 0;
}
.b_article-scoreboard-info {
    position: relative;
    width: 620px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.b_article-scoreboard-info .item {
    font: 13px/1.25 "Roboto", sans-serif;
    color: #292929;
    text-align: center;
}
.b_article-scoreboard-info .item:first-child {
    width: 240px;
    text-align: left;
}
.b_article-scoreboard-info .item:last-child {
    width: 240px;
    text-align: right;
}
.b_article-scoreboard-info .item.m_status {
    color: #b11116;
}
.b_article-scoreboard-info .item.m_gameinfo {
    width: 100%;
    color: #7f7f7f;
    font: 11px/1.5 "Roboto", sans-serif;
    text-align: center;
}
.b_article-scoreboard-info .item .teamstructurebtn {
    position: relative;
    display: inline-block;
    font: 11px/1.5 "Roboto", sans-serif;
    color: #b11116;
    border-bottom: 1px dotted #b11116;
    cursor: pointer;
    margin-bottom: 5px;
}
.b_article-scoreboard-teams {
    position: relative;
    width: 620px;
    margin: auto;
    padding: 20px 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.b_article-scoreboard-teams .item {
    display: inline-flex;
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
}
.b_article-scoreboard-teams .item.m_score {
    padding-top: 20px;
    font: bold 44px/44px "Lora", serif;
    color: #b11116;
    white-space: nowrap;
}
.b_article-scoreboard-teams .b_team {
    width: 240px;
}
.b_article-scoreboard-teams .b_team-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
}
.b_article-scoreboard-teams .b_team-logo img {
    display: block;
    max-width: 100%;
    max-height: 100%;
}
.b_article-scoreboard-teams .b_team-name {
    font: bold 22px/1.2 "Lora", serif;
    color: #292929;
    text-align: center;
    padding: 20px 0 5px;
}
.b_article-scoreboard-teams .b_team-from {
    font: 11px/1.35 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_article-scoreboard-teams .b_team-goals {
    display: inline-block;
    padding-top: 10px;
}
.b_article-scoreboard-teams .b_team-goals .item {
    display: block;
    text-align: left;
    font: 11px/1.5 "Roboto", sans-serif;
}
.b_article-scoreboard-teams .b_team-goals .item .time {
    color: #bfbfbf;
    margin-right: 3px;
}
.b_article-scoreboard-teams .b_team-goals .item .player {
    color: #292929;
}
.b_article-scoreboard-timeline {
    position: relative;
    width: 620px;
    margin: 0 auto;
    padding-top: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.b_article-scoreboard-timeline .teams {
    position: relative;
    display: inline-flex;
    flex-flow: column;
    justify-content: center;
}
.b_article-scoreboard-timeline .teams .logo {
    position: relative;
    text-align: center;
}
.b_article-scoreboard-timeline .teams .logo:first-child {
    margin-bottom: 6px;
}
.b_article-scoreboard-timeline .teams .logo img {
    display: inline-block;
    width: 40px;
    height: 40px;
}
.b_article-scoreboard-timeline.m_overtime {
    justify-content: center;
    margin-top: 20px;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
}
.b_article-scoreboard-timeline.m_overtime .graphic {
    margin-left: 20px;
    width: auto;
}
.b_article-scoreboard-timeline .graphic {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    width: calc(100% - 60px);
}
.b_article-scoreboard-timeline .graphic.m_football .graphic-line {
    width: 270px;
}
.b_article-scoreboard-timeline .graphic.m_hockey .graphic-line {
    width: 170px;
}
.b_article-scoreboard-timeline .graphic.m_hockey .graphic-line .main {
    width: 100%;
}
.b_article-scoreboard-timeline .graphic.m_hockey .graphic-events {
    display: block;
    white-space: nowrap;
}
.b_article-scoreboard-timeline .graphic-line {
    position: relative;
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 290px;
}
.b_article-scoreboard-timeline .graphic-line .legend {
    position: absolute;
    bottom: calc(100% + 40px);
    left: 0;
    right: 0;
    text-align: center;
    font: bold 11px/11px "Roboto", sans-serif;
    color: #292929;
}
.b_article-scoreboard-timeline .graphic-line .main {
    position: relative;
    width: calc(100% - 32px);
    height: 6px;
    background: #eaeaea;
}
.b_article-scoreboard-timeline .graphic-line .extra {
    position: relative;
    width: 30px;
    height: 6px;
    background: url(../fonts/line_hatching.svg) repeat-x 0 0;
    background-size: auto 6px;
}
.b_article-scoreboard-timeline .graphic-events {
    position: absolute;
    white-space: nowrap;
}
.b_article-scoreboard-timeline .graphic-events .event {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 4px;
    margin-left: -9px;
}
.b_article-scoreboard-timeline .graphic-events .event.__s_icon.m_penalty,
.b_article-scoreboard-timeline .graphic-events .event.__s_icon.m_owngoal {
    margin-right: -4px;
}
.b_article-scoreboard-timeline .graphic-events .event:first-child {
    margin-left: 0;
}
.b_article-scoreboard-timeline .graphic-events .event:nth-child(2) {
    margin-bottom: calc(2 * 5px - 5px);
}
.b_article-scoreboard-timeline .graphic-events .event:nth-child(3) {
    margin-bottom: calc(3 * 5px - 5px);
}
.b_article-scoreboard-timeline .graphic-events .event:nth-child(4) {
    margin-bottom: calc(4 * 5px - 5px);
}
.b_article-scoreboard-timeline .graphic-events .event:nth-child(5) {
    margin-bottom: calc(5 * 5px - 5px);
}
.b_article-scoreboard-timeline .graphic-events:hover .graphic-events-label {
    z-index: 10;
    opacity: 1;
}
.b_article-scoreboard-timeline .graphic-events-label {
    position: absolute;
    z-index: -1;
    bottom: calc(100% + 15px);
    left: -15px;
    background: #fff;
    padding: 15px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
    opacity: 0;
    transition: all 0.1s ease;
}
.b_article-scoreboard-timeline .graphic-events-label .item {
    display: block;
    white-space: nowrap;
}
.b_article-scoreboard-timeline .graphic-events-label .item-time {
    display: inline-block;
    vertical-align: bottom;
    font: 11px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
    min-width: 16px;
}
.b_article-scoreboard-timeline .graphic-events-label .item-icon {
    display: inline-block;
    vertical-align: bottom;
    margin: 0 10px;
}
.b_article-scoreboard-timeline
    .graphic-events-label
    .item-icon.__s_icon.m_goal {
    width: 14px;
    height: 14px;
    margin: 0 11px;
}
.b_article-scoreboard-timeline
    .graphic-events-label
    .item-icon.__s_icon.m_penalty,
.b_article-scoreboard-timeline
    .graphic-events-label
    .item-icon.__s_icon.m_owngoal {
    width: 18px;
    height: 16px;
    margin: 0 7px 0 11px;
}
.b_article-scoreboard-timeline .graphic-events-label .item-name {
    display: inline-block;
    vertical-align: bottom;
    font: 11px/1.5 "Roboto", sans-serif;
    color: #292929;
}
.b_article-scoreboard-timeline .graphic-events-label .item + .item {
    margin-top: 10px;
}
.b_article-scoreboard-timeline .graphic-events.m_team1 {
    bottom: calc(100% + 6px);
}
.b_article-scoreboard-timeline .graphic-events.m_team2 {
    top: calc(100% + 6px);
}
.b_article-scoreboard-timeline .graphic-events.m_team2 .graphic-events-label {
    bottom: auto;
    top: calc(100% + 10px);
}
.b_article-scoreboard-teamstructure {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(196, 196, 196, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.b_article-scoreboard-teamstructure .list {
    position: relative;
    background: #fff;
    padding: 20px 30px 30px;
}
.b_article-scoreboard .sep {
    width: 620px;
    margin: 0 auto;
}
.b_article .__s_icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}
.b_article .__s_icon.m_goal {
    background: url(../fonts/ball1.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_penalty {
    width: 21px;
    height: 19px;
    background: url(../fonts/ball_penalty1.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_owngoal {
    width: 21px;
    height: 19px;
    background: url(../fonts/ball_auto1.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_y_card {
    background: url(../fonts/yellow_card.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_y_card2 {
    background: url(../fonts/yellow_red_card-1.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_r_card {
    background: url(../fonts/red_card-1.svg) no-repeat 0% 100%;
}
.b_article .__s_icon.m_hgoal {
    background: url(../fonts/puck.svg);
}
.b_article .__s_icon.m_bul {
    width: 21px;
    height: 16px;
    background: url(../fonts/puck_bullit.svg);
}
.b_article-tilestyle {
    position: relative;
    color: #292929;
}
.b_article-tilestyle .sidebar {
    display: inline-block;
    position: sticky;
    top: 40px;
    width: 210px;
    height: calc(100vh - 100px);
    overflow: hidden;
    margin-right: 30px;
    vertical-align: top;
}
.b_article-tilestyle .sidebar:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 15px;
    background: linear-gradient(180deg, transparent, #fff);
}
.b_article-tilestyle .sidebar-wrapper {
    width: 300px;
    height: 100%;
    padding-right: 90px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.b_article-tilestyle .sidebar .item {
    display: block;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.25;
    margin: 15px 0;
    cursor: pointer;
}
.b_article-tilestyle .sidebar .item-number {
    color: #b11116;
}
.b_article-tilestyle .sidebar .item.current {
    color: #bfbfbf;
}
.b_article-tilestyle .sidebar .item.current .item-number {
    color: #bfbfbf;
}
.b_article-tilestyle .content {
    display: inline-block;
    position: relative;
    width: calc(100% - 240px);
    vertical-align: top;
}
.b_article-tilestyle .content .item {
    border: 1px solid #eaeaea;
    padding: 20px;
    margin-bottom: 20px;
}
.b_article-tilestyle .content .item .i_gallery .mainarea-wrapper .item {
    padding: 0;
}
.b_article-tilestyle .content .item-number {
    font-family: "Lora", serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 20px;
}
.b_article-tilestyle .content .item-name {
    font-family: "Lora", serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.3;
    margin-bottom: 25px;
}
.b_article-tilestyle .content .item-description {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}
.b_article-tilestyle .content .item-description i {
    display: inline-block;
    font-family: "Roboto", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 1.25;
    color: #7f7f7f;
}
.b_article-tilestyle .content .item .b_article-incut.m_article {
    width: 100%;
    margin: 0;
    float: none;
}
.b_article-tilestyle .content .item .b_article-incut.m_article:before {
    display: none;
}
.b_article-tilestyle .content .item .b_article-incut.m_article .b_ear {
    width: 100%;
    margin: 0;
    display: inline-flex;
    flex-flow: row;
    justify-content: space-between;
}
.b_article-tilestyle .content .item .b_article-incut.m_article .b_ear-image {
    display: flex;
    width: 205px;
    height: 136.66667px;
    overflow: hidden;
    justify-content: center;
    margin-bottom: 0;
}
.b_article-tilestyle .content .item .b_article-incut.m_article .b_ear-image a {
    display: block;
}
.b_article-tilestyle
    .content
    .item
    .b_article-incut.m_article
    .b_ear-image
    img {
    display: inline-block;
    width: 100%;
}
.b_article-tilestyle
    .content
    .item
    .b_article-incut.m_article
    .b_ear-textblock {
    display: inline-flex;
    width: calc(100% - 205px - 20px);
    flex-flow: column;
}
.b_article-tilestyle .content .item .b_article-incut.m_article .b_ear-title {
    font-size: 20px;
    margin-bottom: 10px;
}
.b_article-notice {
    position: relative;
    width: 660px;
    margin: 20px 0 20px 140px;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
    font: 14px/24px "Roboto", sans-serif;
    color: #505050;
}
.b_article iframe {
    max-width: 100%;
}
._s_added_article {
    position: relative;
    z-index: 20;
}
._s_added_article#_id_added_article_1 {
    z-index: 19;
}
._s_added_article#_id_added_article_2 {
    z-index: 18;
}
._s_added_article#_id_added_article_3 {
    z-index: 17;
}
._s_added_article#_id_added_article_4 {
    z-index: 16;
}
._s_added_article#_id_added_article_5 {
    z-index: 15;
}
._s_added_article#_id_added_article_6 {
    z-index: 14;
}
._s_added_article#_id_added_article_7 {
    z-index: 13;
}
._s_added_article#_id_added_article_8 {
    z-index: 12;
}
._s_added_article#_id_added_article_9 {
    z-index: 11;
}
._s_added_article#_id_added_article_10 {
    z-index: 10;
}
._s_added_article#_id_added_article_11 {
    z-index: 9;
}
._s_added_article#_id_added_article_12 {
    z-index: 8;
}
._s_added_article#_id_added_article_13 {
    z-index: 7;
}
._s_added_article#_id_added_article_14 {
    z-index: 6;
}
._s_added_article#_id_added_article_15 {
    z-index: 5;
}
._s_added_article#_id_added_article_16 {
    z-index: 4;
}
._s_added_article .b_article {
    transition: all 0.5s ease;
    max-height: 10000px;
}
._s_added_article .b_showfulltext {
    position: absolute;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    height: 200px;
    background: linear-gradient(rgba(255, 255, 255, 0.3) 0%, #fff 64%);
    cursor: pointer;
}
._s_added_article .b_showfulltext:before {
    content: "";
    position: absolute;
    z-index: 11;
    bottom: 52px;
    left: 50px;
    right: 50px;
    height: 1px;
    margin: auto;
    background: #eaeaea;
}
._s_added_article .b_showfulltext:after {
    content: "Показать еще";
    position: absolute;
    z-index: 12;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    width: 162px;
    height: 38px;
    margin: 0 auto;
    border-radius: 7px;
    border: 5px solid #fff;
    font: bold 14px/37px "Roboto", sans-serif;
    color: #fff;
    letter-spacing: 0.05em;
    background: #505050;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
}
._s_added_article .b_showfulltext:hover:after {
    background: #7f7f7f;
}
._s_added_article.s_collapsed .b_social_sharing {
    display: none;
}
._s_added_article.s_collapsed .b_article {
    position: relative;
    overflow: hidden;
}
body.m_premium #_id_topnews,
body.m_premium #_id_yaflow {
    display: none;
}
body.m_premium .p1 {
    display: none;
}
body.m_premium #_id_header {
    position: absolute;
    left: 0;
    right: 0;
    top: 36px;
}
body.m_premium #_id_header #_id_header_main {
    height: 60px;
    align-items: center;
    padding: 0;
}
body.m_premium #_id_header #_id_header_main item.m_banner {
}
body.m_premium #_id_header #_id_header_main .logo {
    display: block;
    width: 280px;
    height: 34px;
    background: url(../fonts/logo_2021_wh.svg) no-repeat 0 50%;
}
body.m_premium #_id_header #_id_header_main .logo img {
    display: none;
}
body.m_premium #_id_header #_id_header_main .m_banner {
}
body.m_premium #_id_header #_id_header_main .b_control {
    margin-bottom: 20px;
}
body.m_premium #_id_header #_id_header_main .b_control .b_nav-item {
    color: #fff;
}
body.m_premium #_id_header #_id_header_main .b_control .b_search .btn {
    background: url(../fonts/icon_search_wh.svg) no-repeat 50% 50%;
    background-size: auto 100%;
    transition: all 0.3s ease;
}
body.m_premium #_id_header #_id_header_main .b_control .b_search .btn:before,
body.m_premium #_id_header #_id_header_main .b_control .b_search .btn:after {
    background: #fff;
}
body.m_premium #_id_header #_id_header_main .b_control .b_search .btn img {
    opacity: 0;
}
body.m_premium #_id_header #_id_header_main .b_control .b_search.m_open .btn {
    background: transparent;
}
body.m_premium #_id_header #_id_header_main .b_control .b_search.m_open .area {
    width: 600px;
    padding-left: 0;
}
body.m_premium
    #_id_header
    #_id_header_main
    .b_control
    .b_search.m_open
    .area:before {
    display: none;
}
body.m_premium
    #_id_header
    #_id_header_main
    .b_control
    .b_search.m_open
    .area
    label {
    left: 20px;
}
body.m_premium #_id_header #_id_header_main .b_control .b_menu-btn span {
    background: #fff;
}
body.m_premium #_id_header #_id_header_main .b_control .b_menu-btn span:before,
body.m_premium #_id_header #_id_header_main .b_control .b_menu-btn span:after {
    background: #fff;
}
body.m_premium #_id_header #_id_header_main .b_nav-item {
    color: #bfbfbf;
}
body.m_premium .b_main {
    width: 1320px;
}
body.m_premium .b_main .b_article {
    width: 100%;
}
body.m_premium .b_main .b_article-isadv {
    position: absolute;
    z-index: 1000;
    top: 114px;
    padding: 0 5px 1px;
    border-radius: 2px;
    font: 500 10px/13px "Roboto", sans-serif;
    color: #595959;
    background-color: #dadada;
    width: 145px;
    margin: auto;
    text-align: center;
    left: 0;
    right: 0;
}
body.m_premium .b_main .b_article-fstscreen {
    position: relative;
    margin-bottom: 40px;
}
body.m_premium .b_main .b_article-fstscreen .b_article-media {
    margin: 0;
    width: 100%;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .mainarea {
    padding: 0;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .mainarea-wrapper {
    position: relative;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .mainarea
    .closebtn,
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .mainarea
    .text_toggle_btn,
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .mainarea
    .scaleplace {
    display: none;
}
body.m_premium .b_main .b_article-fstscreen .b_article-media .i_gallery .item {
    position: relative;
    height: 700px;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .item:before {
    display: none;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .item-image {
    display: none;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .item-image-front {
    display: block;
    width: 100%;
    opacity: 0.4;
    height: auto;
    max-height: initial;
}
body.m_premium
    .b_main
    .b_article-fstscreen
    .b_article-media
    .i_gallery
    .infoblock {
    display: none;
}
body.m_premium .b_main .b_article-fstscreen .b_article-header {
    position: absolute;
    margin: auto;
    z-index: 20;
    bottom: 30px;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 600px;
}
body.m_premium .b_main .b_article-fstscreen .b_article-header .headline {
    font-size: 42px;
    margin-bottom: 15px;
    color: #fff;
}
body.m_premium .b_main .b_article-fstscreen .b_article-header .subheader {
    font-size: 19px;
    color: #fff;
}
body.m_premium .b_main .b_article-fstscreen .b_article-header .breadcrumb {
    margin-top: 70px;
}
body.m_premium .b_main .b_article-intro {
    margin: 0 auto 20px;
    padding: 0 0 40px 0;
}
body.m_premium .b_main .b_article-intro:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    background: #292929;
    border-radius: 50%;
    box-shadow: -10px 0 0 #292929, 10px 0 0 #292929;
}
body.m_premium .b_main .b_article-text {
    margin: auto;
}
body.m_premium .b_main .b_article-text h2 {
    text-align: center;
}
body.m_premium .b_main .b_article-incut.m_media {
    width: 880px;
    margin-left: -110px;
}
body.m_premium .b_main .b_article-incut.m_media .i_gallery.m_freesize {
    max-width: 660px;
    margin: auto;
}
body.m_premium
    .b_main
    .b_article-incut.m_media
    .i_gallery
    .mainarea-wrapper
    .item-image-front-picture {
    max-width: none;
}
body.m_premium .b_main .b_article-media.m_bottom {
    margin: auto;
}
.b_advowner {
    font: 14px/1.2 "Roboto", sans-serif;
    color: #7f7f7f;
    padding-top: 10px;
    border-top: 1px solid #eaeaea;
}
.b_advowner-age {
    float: right;
}
.i_gallery {
    position: relative;
    width: 100%;
    font-size: 0;
}
.i_gallery .mainarea {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 66.6667%;
    background-image: radial-gradient(#2a2a2a, #111);
    overflow: hidden;
}
.i_gallery .mainarea-wrapper {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    white-space: nowrap;
    overflow: hidden;
}
.i_gallery .mainarea-wrapper .item {
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.i_gallery .mainarea-wrapper .item.active {
    left: 0;
}
.i_gallery .mainarea-wrapper .item.right {
    left: 100%;
}
.i_gallery .mainarea-wrapper .item.left {
    left: -100%;
}
.i_gallery .mainarea-wrapper .item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    z-index: 0;
    background: url(../fonts/loader.svg) no-repeat 50% 50%;
    background-size: cover;
}
.i_gallery .mainarea-wrapper .item[loaded="true"]:before {
    display: none;
}
.i_gallery .mainarea-wrapper .item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.i_gallery .mainarea-wrapper .item-image-front {
    position: relative;
    z-index: 2;
    display: inline-flex;
    box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.5);
    max-height: 101%;
}
.i_gallery .mainarea-wrapper .item-image-front-picture {
    max-width: 660px;
}
.i_gallery .mainarea-wrapper .item-caption {
    display: none;
}
.i_gallery .mainarea .leftbtn,
.i_gallery .mainarea .rightbtn {
    position: absolute;
    z-index: 20;
    top: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background: #292929;
    transform: scale(1, 1);
    opacity: 1;
    transition: all 0.3s ease;
    cursor: pointer;
}
.i_gallery .mainarea .leftbtn:before,
.i_gallery .mainarea .rightbtn:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 80px;
    opacity: 1;
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
}
.i_gallery .mainarea .leftbtn span,
.i_gallery .mainarea .rightbtn span {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 80px;
    right: 0;
    opacity: 0;
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
    transition: right 0.6s ease;
    background-size: cover;
}
.i_gallery .mainarea .leftbtn:not(.disable):hover:before,
.i_gallery .mainarea .rightbtn:not(.disable):hover:before {
    opacity: 0;
}
.i_gallery .mainarea .leftbtn:not(.disable):hover span,
.i_gallery .mainarea .rightbtn:not(.disable):hover span {
    opacity: 1;
    right: -40px;
}
.i_gallery .mainarea .leftbtn {
    transform: scale(-1, 1);
    left: 10px;
}
.i_gallery .mainarea .leftbtn.disable {
    opacity: 0.2;
    cursor: default;
}
.i_gallery .mainarea .rightbtn {
    right: 10px;
}
.i_gallery .mainarea .rightbtn.disable {
    opacity: 0.2;
    cursor: default;
}
.i_gallery .mainarea .zoombtn {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all 0.3s ease;
    cursor: pointer;
}
.i_gallery .mainarea .zoombtn:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 20px;
    right: 10px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(41, 41, 41, 0.3);
    transition: all 0.3s ease;
}
.i_gallery .mainarea .zoombtn:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 31px;
    right: 20px;
    width: 20px;
    height: 18px;
    margin: auto;
    background: url(../fonts/pinch_zoom.svg) no-repeat 50% 50%;
    background-size: auto 100%;
    transform: scale(1, 1);
    transition: all 0.5s ease;
}
.i_gallery .mainarea .zoombtn:hover:after {
    transform: scale(1.1, 1.1);
}
.i_gallery .mainarea .zoombtn.hide {
    opacity: 0;
    z-index: -1;
}
.i_gallery .preview {
    position: relative;
    display: block;
    width: 100%;
    padding-top: 2px;
    overflow: hidden;
}
.i_gallery .preview-wrapper {
    position: relative;
    white-space: nowrap;
}
.i_gallery .preview-wrapper .item {
    position: relative;
    z-index: 2;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    width: 60px;
    height: 40px;
    margin-left: 2px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: #333;
}
.i_gallery .preview-wrapper .item:first-child {
    margin-left: 0;
}
.i_gallery .preview-wrapper .item-image {
    position: relative;
    z-index: 1;
    display: inline-flex;
    height: 100%;
    opacity: 0.6;
    transition: all 0.3s ease;
}
.i_gallery .preview-wrapper .item:hover .item-image {
    opacity: 1;
}
.i_gallery .preview-wrapper .item:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(177, 17, 22, 0.7);
    opacity: 0;
    transition: all 0.3s ease;
}
.i_gallery .preview-wrapper .item:after {
    content: "";
    position: absolute;
    z-index: 4;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 10px;
    height: 7px;
    margin: auto;
    background: url(../fonts/triangle_rounded.svg) no-repeat 50% 50%;
    background-size: auto 100%;
    opacity: 0;
    transition: all 0.3s ease;
}
.i_gallery .preview-wrapper .item.active:before {
    opacity: 1;
}
.i_gallery .preview-wrapper .item.active:after {
    top: 0;
    opacity: 1;
}
.i_gallery .preview-wrapper .item.disabled {
    opacity: 0.3;
}
.i_gallery .infoblock {
    position: relative;
    padding: 10px 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.i_gallery .infoblock .signplace {
    position: relative;
    font: 13px/1.5 "Roboto", sans-serif;
    color: #292929;
    opacity: 1;
    transition: all 0.3s ease;
}
.i_gallery .infoblock .signplace p,
.i_gallery .infoblock .signplace i {
    font: 13px/1.5 "Roboto", sans-serif;
    display: inline;
}
.i_gallery .infoblock .signplace p {
    color: #292929;
    margin-right: 10px;
}
.i_gallery .infoblock .signplace i {
    position: relative;
    display: block;
    color: #7f7f7f;
}
.i_gallery .infoblock .signplace i:before {
    content: "\00A9";
    display: inline-block;
    margin-right: 5px;
}
.i_gallery .infoblock .quantity {
    display: inline-flex;
    margin-left: 50px;
    font: bold 13px/1.5 "Roboto", sans-serif;
    color: #292929;
    text-align: right;
    white-space: nowrap;
}
.i_gallery .infoblock .quantity-num {
    display: inline-block;
}
.i_gallery .infoblock .quantity-num:after {
    content: "/";
    display: inline-block;
}
.i_gallery .infoblock.hide {
    opacity: 0;
}
.i_gallery.m_fullscreen .zoombtn {
    display: none;
}
.i_gallery.m_fullscreen .closebtn {
    position: absolute;
    z-index: 13;
    top: 40px;
    right: 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f5f5f5;
    cursor: pointer;
    font: 8px/8px "Roboto", sans-serif;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0);
    justify-content: center;
    display: flex;
    align-items: flex-end;
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .closebtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 2px;
    margin: auto;
    background: #292929;
    opacity: 1;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .closebtn:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24px;
    height: 2px;
    margin: auto;
    background: #292929;
    opacity: 1;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .closebtn:hover {
    text-indent: 0;
}
.i_gallery.m_fullscreen .closebtn:hover:before {
    transform: rotate(-45deg);
}
.i_gallery.m_fullscreen .closebtn:hover:after {
    transform: rotate(45deg);
}
.i_gallery.m_fullscreen .closebtn:active {
    color: rgba(255, 255, 255, 0);
}
.i_gallery.m_fullscreen .closebtn:active:before {
    opacity: 0;
    top: -60px;
    left: -60px;
}
.i_gallery.m_fullscreen .closebtn:active:after {
    opacity: 0;
    right: -60px;
    bottom: -60px;
}
.i_gallery.m_fullscreen .text_toggle_btn {
    display: none !important;
    position: absolute;
    z-index: 20;
    top: 120px;
    right: 40px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
}
.i_gallery.m_fullscreen .text_toggle_btn:before {
    content: "text";
    display: block;
    font: 10px/10px sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    opacity: 0;
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .text_toggle_btn:after {
    content: "";
    display: block;
    position: absolute;
    top: 17px;
    width: 0;
    left: 24px;
    right: 0;
    margin: auto;
    border-top: 6px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    opacity: 0;
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .text_toggle_btn span {
    position: absolute;
    display: block;
    width: 24px;
    height: 2px;
    background: #fff;
    top: 10px;
    left: 8px;
    transition: all 0.2s ease 0.15s;
}
.i_gallery.m_fullscreen .text_toggle_btn span:before {
    content: "";
    position: absolute;
    width: 17px;
    height: 2px;
    top: 8px;
    left: 0;
    background: #fff;
    transition: all 0.1s ease 0.05s;
}
.i_gallery.m_fullscreen .text_toggle_btn span:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 2px;
    top: 16px;
    left: 0;
    background: #fff;
    transition: all 0.1s ease;
}
.i_gallery.m_fullscreen .text_toggle_btn.text_hid:after {
    transform: rotate(180deg);
}
.i_gallery.m_fullscreen .text_toggle_btn:hover:before {
    opacity: 1;
}
.i_gallery.m_fullscreen .text_toggle_btn:hover:after {
    left: 0;
    opacity: 1;
}
.i_gallery.m_fullscreen .text_toggle_btn:hover span {
    width: 0;
}
.i_gallery.m_fullscreen .text_toggle_btn:hover span:before {
    width: 0;
}
.i_gallery.m_fullscreen .text_toggle_btn:hover span:after {
    width: 0;
}
.i_gallery.m_fullscreen .mainarea {
    height: 100vh;
    padding: 0;
    background: #fff;
}
.i_gallery.m_fullscreen .mainarea:before {
    content: "";
    position: absolute;
    z-index: 12;
    top: 30px;
    left: 40px;
    width: 110px;
    height: 14px;
    background: url(../fonts/logo_2021_1.svg) no-repeat 50% 50%;
    background-size: auto 100%;
    opacity: 1;
    transition: all 0.3s ease;
}
.i_gallery.m_fullscreen .mainarea-wrapper {
    left: 40px;
    right: 300px;
}
.i_gallery.m_fullscreen .mainarea-wrapper .item-image {
    opacity: 1;
}
.i_gallery.m_fullscreen .mainarea-wrapper .item-image-front {
    display: none;
}
.i_gallery.m_fullscreen .mainarea-wrapper .item.active .item-image {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
}
.i_gallery.m_fullscreen .mainarea .leftbtn {
    top: auto;
    bottom: 80px;
    left: auto;
    right: 240px;
    background: #292929;
}
.i_gallery.m_fullscreen .mainarea .rightbtn {
    top: auto;
    bottom: 80px;
    left: auto;
    right: 40px;
    background: #292929;
}
.i_gallery.m_fullscreen .mainarea .leftbtn:before,
.i_gallery.m_fullscreen .mainarea .rightbtn:before {
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
}
.i_gallery.m_fullscreen .mainarea .leftbtn span,
.i_gallery.m_fullscreen .mainarea .rightbtn span {
    background: url(../fonts/_ui_arrow_2x_1.svg) no-repeat 50% 50%;
}
.i_gallery.m_fullscreen .infoblock {
    position: fixed;
    z-index: 10;
    width: 240px;
    right: 40px;
    top: 100px;
    bottom: 120px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-height: none;
    background: transparent;
}
.i_gallery.m_fullscreen .infoblock .signplace {
    max-width: 1200px;
    margin: 0 auto;
}
.i_gallery.m_fullscreen .infoblock .signplace p,
.i_gallery.m_fullscreen .infoblock .signplace i {
    color: #292929;
}
.i_gallery.m_fullscreen .infoblock .signplace i {
    display: block;
    color: #7f7f7f;
}
.i_gallery.m_fullscreen .infoblock .quantity {
    position: absolute;
    bottom: -30px;
    margin: 0 0 0 0;
    color: #292929;
}
.i_gallery.m_fullscreen .b_photoreports_digest {
    position: fixed;
    top: 0;
    left: 100%;
    right: 0;
    bottom: 0;
    opacity: 0;
}
.i_gallery.m_fullscreen .b_photoreports_digest:before {
    top: 30px;
    left: 40px;
}
.i_gallery.m_fullscreen .b_photoreports_digest.active {
    opacity: 1;
}
.i_gallery.m_fullscreen.m_digestshow .mainarea:before {
    opacity: 0;
}
.i_gallery.m_fullscreen.m_digestshow .leftbtn,
.i_gallery.m_fullscreen.m_digestshow .rightbtn,
.i_gallery.m_fullscreen.m_digestshow .closebtn {
    background: #7f7f7f;
}
.i_gallery.m_fullscreen.m_digestshow .closebtn:before,
.i_gallery.m_fullscreen.m_digestshow .closebtn:after {
    background: #fff;
}
.i_gallery.m_fullscreen[data-no_manipulate_in_fullscreen]
    .mainarea-wrapper
    .item.active
    .item-image {
    cursor: default;
}
.i_gallery.m_digestshow .leftbtn,
.i_gallery.m_digestshow .rightbtn {
    background: #7f7f7f;
}
.i_gallery.m_freesize .mainarea {
    padding-top: unset;
}
.i_gallery.m_freesize .mainarea-wrapper {
    position: relative;
}
.i_gallery.m_freesize .mainarea-wrapper .item {
    position: relative;
}
.i_gallery.m_freesize .mainarea-wrapper .item-image-front {
    max-width: 100%;
}
.i_gallery.m_freesize.m_fullscreen .mainarea-wrapper {
    position: absolute;
}
.i_gallery.m_freesize.m_fullscreen .mainarea-wrapper .item {
    position: absolute;
}
.i_gallery.m_main .infoblock .signplace p,
.i_gallery.m_main .infoblock .signplace i {
    font: 18px/1.5 "Roboto", sans-serif;
}
.i_gallery.m_main.m_fullscreen .infoblock .signplace p,
.i_gallery.m_main.m_fullscreen .infoblock .signplace i {
    font: 13px/1.5 "Roboto", sans-serif;
    display: inline;
}
.i_gallery .b_photoreports_digest {
    position: absolute;
    z-index: 12;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    background: #292929;
    transition: all 0.3s ease;
}
.i_gallery .b_photoreports_digest:before {
    content: "";
    position: absolute;
    z-index: 100;
    top: 20px;
    left: 20px;
    width: 110px;
    height: 14px;
    opacity: 0;
    background: url(../fonts/logo_2021_wh.svg) no-repeat 50% 50%;
    background-size: auto 100%;
    transition: opacity 0.3s ease 0.3s;
}
.i_gallery .b_photoreports_digest.active {
    left: 0;
}
.i_gallery .b_photoreports_digest.active:before {
    opacity: 1;
}
.i_gallery .b_photoreports_digest-wrapper {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
}
.i_gallery .b_photoreports_digest .show_all {
    position: relative;
    z-index: 2;
    padding: 0 20px 0 60px;
    display: block;
    font: bold 14px/38px "Roboto", sans-serif;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #b11116;
    border-radius: 2px;
    transition: all 0.3s ease;
}
.i_gallery .b_photoreports_digest .show_all:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 14px;
    bottom: 4px;
    width: 28px;
    height: 24px;
    margin: auto;
    background: url(../fonts/camera_icon.svg) no-repeat 50% 0;
    background-size: auto 100%;
}
.i_gallery .b_photoreports_digest-digest {
    position: relative;
    text-align: center;
}
.i_gallery .b_photoreports_digest-digest-item {
    position: relative;
    width: 240px;
    margin: 20px 30px;
    display: inline-block;
    vertical-align: top;
}
.i_gallery .b_photoreports_digest-digest-item .image {
    position: relative;
    display: block;
    width: 100%;
    height: 160px;
    overflow: hidden;
}
.i_gallery .b_photoreports_digest-digest-item .image:before {
    content: "";
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 28px;
    height: 24px;
    margin: auto;
    background: url(../fonts/camera_2020.svg) no-repeat 50% 0;
}
.i_gallery .b_photoreports_digest-digest-item .image img {
    display: block;
    width: 100%;
    transform: scale(1, 1);
    transition: all 0.9s ease;
}
.i_gallery .b_photoreports_digest-digest-item .caption {
    position: relative;
    display: block;
    padding: 10px 0 0;
    font: 700 16px/1.2 "Lora", serif;
    color: #fff;
    white-space: normal;
    background: linear-gradient(
        360deg,
        #292929 0%,
        rgba(41, 41, 41, 0.8) 30%,
        transparent
    );
}
.i_gallery .b_photoreports_digest-digest-item:hover .image img {
    transform: scale(1.05, 1.05);
}
.i_gallery .b_gotoreport {
    position: absolute;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    z-index: 10;
    background: rgba(41, 41, 41, 0.9);
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 0.3s ease;
}
.i_gallery .b_gotoreport.active {
    opacity: 1;
    left: 0;
}
.i_gallery .b_gotoreport .title {
    position: relative;
    padding-top: 50px;
    text-align: center;
    width: 360px;
    font: 18px/1.5 "Roboto", sans-serif;
    color: #fff;
    margin-bottom: 20px;
}
.i_gallery .b_gotoreport .title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 28px;
    height: 24px;
    margin: auto;
    background: url(../fonts/camera_2020.svg) no-repeat 50% 0;
}
.i_gallery .b_gotoreport .btn {
    display: inline-flex;
    padding: 10px 20px;
    background: #b11116;
    border-radius: 2px;
    font: bold 14px/14px "Roboto", sans-serif;
    color: #fff;
}
.b_header {
    position: relative;
    z-index: 1000;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto 25px;
    box-sizing: border-box;
    font-size: 0;
}
.b_header-row {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 20px 0 0;
    z-index: 10;
    margin-bottom: 25px;
}
.b_header-row.m_nopt {
    padding-top: 0;
}
.b_header .item {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-end;
}
.b_header .logo {
    position: relative;
    z-index: 2;
}
.b_header .logo img {
    display: block;
    height: 54px;
}
.b_header .b_nav {
    position: relative;
    display: inline-flex;
    flex-wrap: nowrap;
    vertical-align: middle;
}
.b_header .b_nav-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    font: 500 13px/13px "Roboto", sans-serif;
    color: #292929;
    cursor: pointer;
    transition: color 0.3s ease;
}
.b_header .b_nav-item:first-child {
    margin-left: 0;
}
.b_header .b_nav-item.m_subj {
    color: #7f7f7f;
}
.b_header .b_nav-item:hover {
    color: #b11116;
}
.b_header .b_nav .b_podcastbtn {
    margin-right: 0;
}
.b_header .b_control {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.b_header .b_podcastbtn {
    cursor: pointer;
    margin-right: 30px;
}
.b_header .b_podcastbtn-icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
}
.b_header .b_podcastbtn-icon .fill {
    fill: #292929;
    transition: all 0.3s ease;
}
.b_header .b_podcastbtn-icon .stroke {
    stroke: #292929;
    transition: all 0.3s ease;
}
.b_header .b_podcastbtn-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font: 500 13px/13px "Roboto", sans-serif;
    transition: all 0.3s ease;
}
.b_header .b_podcastbtn:hover .b_podcastbtn-icon .fill {
    fill: #b11116;
}
.b_header .b_podcastbtn:hover .b_podcastbtn-icon .stroke {
    stroke: #b11116;
}
.b_header .b_podcastbtn:hover .b_podcastbtn-title {
    color: #b11116;
}
.b_header .b_podcastbtn-text {
    display: inline-block;
    vertical-align: middle;
    font: 500 13px/13px "Roboto", sans-serif;
    color: #fd7f6c;
    text-transform: capitalize;
    cursor: pointer;
}
.b_header.m_offline {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 50px;
    margin-bottom: 0;
    background-color: #292929;
    width: 1320px;
}
.b_header.m_offline .logo {
    margin-bottom: 0;
}
.b_header.m_offline .logo svg {
    height: 30px;
}
.b_header .b_search {
    position: relative;
    display: inline-block;
    display: inline-flex;
    vertical-align: middle;
    height: 17px;
    margin-right: 30px;
    width: 20px;
}
.b_header .b_search.m_open .area {
    width: 800px;
    padding-left: 200px;
    opacity: 1;
}
.b_header .b_search.m_open .btn:before {
    top: 0;
    left: 10px;
    width: 1px;
    opacity: 1;
}
.b_header .b_search.m_open .btn:after {
    top: 0;
    right: 9px;
    opacity: 1;
}
.b_header .b_search.m_open .btn-icon {
    opacity: 0;
}
.b_header .b_search.m_open .btn:hover:before {
    transform: rotate(-135deg);
    background: #b11116;
}
.b_header .b_search.m_open .btn:hover:after {
    transform: rotate(135deg);
    background: #b11116;
}
.b_header .b_search .area {
    position: absolute;
    z-index: 1;
    top: -5px;
    right: calc(100% + 10px);
    width: 0;
    height: 30px;
    background: #fff;
    border: 1px solid transparent;
    border-right: 0;
    width: 0;
    opacity: 0;
    padding-left: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}
.b_header .b_search .area:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    width: 600px;
    border: 1px solid #eaeaea;
    border-right: 0;
}
.b_header .b_search .area label {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 220px;
    bottom: 0;
    font: 500 14px/26px "Roboto", sans-serif;
    color: #7f7f7f;
    opacity: 1;
    transition: all 0.3s ease;
}
.b_header .b_search .area input[type="text"] {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 20px;
    height: 26px;
    width: 500px;
    font: 500 14px/26px "Roboto", sans-serif;
    color: #292929;
}
.b_header .b_search .area input[type="text"]::first-letter {
    text-transform: uppercase;
}
.b_header .b_search .area input[type="text"]:focus + label,
.b_header .b_search .area input[type="text"]:valid + label {
    opacity: 0;
    top: -30px;
}
.b_header .b_search .area input[type="submit"] {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100px;
    padding: 0 10px;
    font: 500 14px/17px "Roboto", sans-serif;
    color: #292929;
    text-align: center;
    cursor: pointer;
    transition: color 0.3s ease;
}
.b_header .b_search .area input[type="submit"]:hover {
    color: #b11116;
}
.b_header .b_search .btn {
    position: relative;
    z-index: 2;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 17px;
    text-align: center;
    cursor: pointer;
}
.b_header .b_search .btn:before {
    content: "";
    position: absolute;
    top: -17px;
    left: -9px;
    width: 1px;
    height: 18px;
    background: #292929;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
.b_header .b_search .btn:after {
    content: "";
    position: absolute;
    top: -17px;
    right: -9px;
    width: 1px;
    height: 18px;
    background: #292929;
    transform: rotate(45deg);
    opacity: 0;
    transition: all 0.3s ease;
}
.b_header .b_search .btn-icon {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: auto;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.b_header .b_menu {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 20px;
    height: 17px;
    flex-shrink: 0;
}
.b_header .b_menu-btn {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.b_header .b_menu-btn span {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 1px;
    height: 2px;
    margin: auto;
    background: #292929;
    transition: all 0.2s ease;
}
.b_header .b_menu-btn span:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    background: #292929;
    transition: all 0.2s ease;
}
.b_header .b_menu-btn span:after {
    content: "";
    position: absolute;
    bottom: -6px;
    right: 0;
    width: 100%;
    height: 2px;
    opacity: 1;
    background: #292929;
    transition: all 0.2s ease;
}
.b_header .b_menu-btn:hover span {
    background: #b11116;
}
.b_header .b_menu-btn:hover span:before,
.b_header .b_menu-btn:hover span:after {
    background: #b11116;
}
.b_header .b_menu-content {
    position: absolute;
    z-index: 10;
    top: 100%;
    right: -10px;
    width: 170px;
    max-height: 0;
    padding: 0 10px;
    opacity: 1;
    overflow: hidden;
    transition: all 0.15s ease;
}
.b_header .b_menu-content:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 15px;
    left: 10px;
    right: 10px;
    bottom: 10px;
    background: #fff;
    box-shadow: 0 2px 10px transparent;
    transition: all 0.15s ease;
}
.b_header .b_menu-item {
    position: relative;
    display: block;
    font: 500 13px/1.25 "Roboto", sans-serif;
    color: #292929;
    background: #fff;
    transition: all 0.3s ease;
}
.b_header .b_menu-item a {
    display: block;
    padding: 6px 20px;
}
.b_header .b_menu-item:hover {
    background: #f5f5f5;
    color: #b11116;
}
.b_header .b_menu:hover .b_menu-content {
    padding: 25px 10px 23px;
    max-height: 600px;
    opacity: 1;
}
.b_header .b_menu:hover .b_menu-content:before {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}
.b_header .b_menu:hover .b_menu-btn span {
    background: #b11116;
}
.b_header .b_menu:hover .b_menu-btn span:before {
    left: -100%;
    background: #b11116;
    opacity: 0;
}
.b_header .b_menu:hover .b_menu-btn span:after {
    right: -100%;
    background: #b11116;
    opacity: 0;
}
.b_header-pseudo {
    position: fixed;
    top: -40px;
    left: 0;
    right: 0;
    height: 40px;
    background: #fff;
    box-shadow: 0 2px 3px transparent;
    opacity: 1;
    transition: all 0.3s ease;
}
.b_header-pseudo.show {
    top: -1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.b_header-pseudo .b_header-row {
    max-width: 1200px;
    width: 100%;
    height: 40px;
    margin: auto;
    padding: 0;
    align-items: center;
}
.b_header-pseudo .b_header-row .item {
    width: 30%;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
.b_header-pseudo .b_header-row .item:first-child {
    justify-content: flex-start;
}
.b_header-pseudo .b_header-row .item:last-child {
    justify-content: flex-end;
}
.b_header-pseudo .logo {
    height: 16px;
}
.b_header-pseudo .logo img {
    height: 100%;
}
.b_header-pseudo .telegram {
    display: inline-block;
    width: 88px;
    height: 24px;
    margin-left: 30px;
}
.b_header-pseudo .telegram svg {
    display: block;
}
.b_header-pseudo .telegram svg .cls-1 {
    fill: #0092de;
    transition: fill 0.3s ease;
}
.b_header-pseudo .telegram svg .cls-2 {
    fill: #fafafa;
    fill-rule: evenodd;
}
.b_header-pseudo .telegram svg .cls-3 {
    font-size: 14.8px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    fill: #fff;
}
.b_header-pseudo .telegram:hover .cls-1 {
    fill: #20a8f2;
}
.b_header.m_404 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 50px;
}
.b_header.m_404 .logo {
    margin-bottom: 45px;
}
.b_header.m_404 .logo img {
    height: 30px;
}
.b_fullwidth {
    position: relative;
    z-index: 9;
    background: #292929;
    padding: 20px 0;
    max-width: 1320px;
    margin: 20px auto 0;
    display: flex;
    justify-content: center;
    font-size: 0;
}
.b_fullwidth.m_dayreview {
    max-width: 1320px;
    margin: 30px auto;
    background: #f5f5f5;
}
.b_fullwidth.m_dayreview:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    bottom: 0;
    width: 60px;
    background: #f5f5f5;
}
.b_fullwidth.m_dayreview:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 380px;
    background: #f5f5f5;
}
.b_fullwidth.m_dayreview .b_fullwidth-wrapper {
    width: 100%;
}
.b_fullwidth.m_dayreview .logo {
    display: block;
    height: 42px;
}
.b_fullwidth.m_dayreview .logo img {
    display: block;
    height: 100%;
}
.b_fullwidth.m_dayreview .row-title {
    color: #7f7f7f;
}
.b_fullwidth.m_dayreview .b_ear:not(.m_fullfield) .b_ear-title,
.b_fullwidth.m_dayreview .b_ear:not(.m_fullfield) .b_ear-intro {
    color: #292929;
}
.b_fullwidth.m_dayreview .b_ear:not(.m_fullfield):hover .b_ear-title {
    color: #b11116;
}
.b_fullwidth * {
    box-sizing: border-box;
}
.b_fullwidth a {
    text-decoration: none;
    color: inherit;
}
.b_fullwidth-wrapper {
    position: relative;
    width: 1200px;
    margin: auto;
}
.b_fullwidth-wrapper .content {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.b_fullwidth .row-title {
    position: absolute;
    font: 500 18px/1.2 Roboto, sans-serif;
    color: #bfbfbf;
    top: 0;
    left: -40px;
    bottom: 0;
    width: 20px;
    text-align: right;
}
@media screen and (max-width: 1320px) {
    .b_fullwidth .row-title {
        display: none;
    }
}
.b_fullwidth .row-title-wrapper {
    position: sticky;
    top: 50px;
    height: 200px;
    white-space: nowrap;
}
.b_fullwidth .row-title-wrapper-main {
    height: 106px;
}
.b_fullwidth .row-title-wrapper-sport {
    height: 60px;
}
.b_fullwidth .row-title-text {
    position: relative;
    transform: rotate(-90deg);
    transform-origin: 100% 0%;
    width: 200px;
    left: -200px;
}
.b_fullwidth .b_newslist {
    width: 300px;
    display: inline-flex;
    flex-flow: column;
    display: inline-flex;
    flex-flow: column;
    justify-content: flex-start;
}
.b_fullwidth .b_newslist .b_ear.m_simple {
    margin-top: 15px;
}
.b_fullwidth .b_newslist .b_ear.m_simple:first-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-top: 0;
}
.b_fullwidth .b_newslist .b_ear.m_simple:first-child .b_ear-title {
    font: 500 14px/1.25 "Lora", serif;
    color: #fff;
}
.b_fullwidth .b_newslist .b_ear.m_simple .b_ear-title {
    font: 500 14px/1.25 "Lora", serif;
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
}
.b_fullwidth .b_newslist .b_ear.m_simple:hover .b_ear-title {
    opacity: 0.7;
}
.b_fullwidth .b_newslist.m_special {
    padding: 20px;
    border: 1px solid #eaeaea;
    background: #fff;
}
.b_fullwidth .b_newslist.m_special .b_newslist-digest-title {
    font: 700 24px/24px "Lora", serif;
    color: #333;
}
.b_fullwidth .b_newslist.m_special .b_ear {
    margin-top: 20px;
}
.b_fullwidth .b_newslist.m_special .b_ear-title {
    font-weight: normal;
}
.b_fullwidth .b_ear-title {
    color: #fff;
    opacity: 1;
    transition: all 0.3s ease;
}
.b_fullwidth .b_ear-intro {
    color: #ddd;
}
.b_fullwidth .b_ear:hover .b_ear-title {
    color: #fff;
    opacity: 0.7;
}
.b_main-title {
    position: relative;
    font: bold 32px/1.2 "Lora", serif;
    color: #292929;
    white-space: nowrap;
}
.b_main-title.m_fat {
    width: 100%;
    text-align: center;
}
.b_main-title-logo {
    display: inline-block;
    margin-left: 20px;
    max-height: 50px;
    vertical-align: middle;
}
.b_main-title-added {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.b_main-title-added-link {
    position: relative;
    top: 5px;
    display: inline-block;
    font: 500 15px/18px "Roboto", sans-serif;
    color: #7f7f7f;
    transition: color 0.3s ease;
}
.b_main-title-added-link:after {
    content: "";
    position: relative;
    left: 0;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto 0 auto 5px;
    background: url(../fonts/traingle_rounded_black.svg) no-repeat 50% 50%;
    background-size: cover;
    opacity: 0.7;
    transform: rotate(270deg);
    transition: all 0.3s ease;
}
.b_main-title-added-link:hover {
    color: #b11116;
}
.b_main-title-added-link:hover:after {
    left: 5px;
    opacity: 1;
}
.b_main-intro {
    font: 400 18px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_main-intro p + p {
    margin-top: 20px;
}
.b_main .row-title {
    position: absolute;
    font: 500 18px/1.2 Roboto, sans-serif;
    color: #bfbfbf;
    top: 0;
    left: -40px;
    bottom: 0;
    width: 20px;
    text-align: right;
}
@media screen and (max-width: 1320px) {
    .b_main .row-title {
        display: none;
    }
}
.b_main .row-title-wrapper {
    position: sticky;
    top: 50px;
    height: 200px;
    white-space: nowrap;
}
.b_main .row-title-wrapper-main {
    height: 106px;
}
.b_main .row-title-text {
    position: relative;
    transform: rotate(-90deg);
    transform-origin: 100% 0%;
    width: 200px;
    left: -200px;
}
.b_newslist {
    display: inline-flex;
    flex-flow: column;
    justify-content: flex-start;
}
.b_newslist .title {
    font: 500 22px/1.2 "Lora", serif;
    color: #292929;
}
.b_newslist .b_ear {
    height: auto;
}
.b_newslist .b_ear.m_simple {
    margin-top: 15px;
}
.b_newslist .b_ear.m_simple:first-child {
    margin-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
}
.b_newslist .b_ear.m_simple:first-child .b_ear-title {
    font: 700 16px/1.25 "Lora", serif;
}
.b_newslist .b_ear.m_simple .b_ear-title {
    font: 500 14px/1.25 "Lora", serif;
}
.b_newslist.m_stripe_digest {
    position: relative;
}
.b_newslist.m_stripe_digest .b_ear.m_simple:first-child {
    padding-bottom: 0;
    border-bottom: 0 solid transparent;
}
.b_newslist.m_stripe_digest .b_ear.m_simple:first-child .b_ear-title {
    font: 500 14px/1.25 "Lora", serif;
}
.b_newslist.m_stripe_digest .b_ear.m_simple .b_ear-title {
    font: 500 14px/1.25 "Lora", serif;
}
.b_newslist.m_stripe_digest .b_newslist-showmorebtn {
    position: relative;
    display: block;
    width: 162px;
    height: 38px;
    margin: 20px auto;
    border-radius: 2px;
    font: bold 14px/37px "Roboto", sans-serif;
    color: #fff;
    letter-spacing: 0.05em;
    background: #505050;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
}
.b_newslist.m_stripe_digest .b_newslist-showmorebtn:hover {
    background: #7f7f7f;
}
.b_newslist.m_stripe_digest .b_newslist-showmorebtn:before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: -22px;
    height: 1px;
    width: 205px;
    margin: auto;
    background: #eaeaea;
}
.b_newslist.m_stripe_digest .b_newslist-showmorebtn:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -10px;
    right: -10px;
    background: #fff;
}
.b_newslist.m_stripe_digest .b_newslist-hiddenarea {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}
.b_newslist.m_stripe_digest .b_newslist-hiddenarea.show {
    max-height: 5000px;
    opacity: 1;
}
.b_showmorebtn {
    position: relative;
    margin: 20px auto;
}
.b_showmorebtn-link {
    display: block;
    width: 162px;
    height: 38px;
    margin: 0 auto;
    border-radius: 2px;
    font: bold 14px/37px "Roboto", sans-serif;
    color: #fff;
    letter-spacing: 0.05em;
    background: #505050;
    cursor: pointer;
    text-align: center;
    transition: all 0.3s ease;
}
.b_showmorebtn-link:hover {
    background: #7f7f7f;
}
.b_showmorebtn-link:before {
    content: "";
    position: absolute;
    z-index: -2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    margin: auto;
    background: #eaeaea;
}
.b_showmorebtn-link:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 182px;
    margin: auto;
    background: #fff;
}
.b_added_items .b_ear.m_techlisting:first-child {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #eaeaea;
}
.b_author_center {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    outline: 1px solid #eaeaea;
}
.b_author_center .b_ear-image {
    margin-bottom: 15px;
}
.b_author_center .b_ear-textblock,
.b_author_center .b_ear-time {
    text-align: center;
}
.b_author_center .b_ear-title {
    font-size: 18px;
}
.b_authors_list {
    position: relative;
    min-height: 1000px;
}
.b_authors_list .switcher {
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.b_authors_list .switcher-item {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 28px;
    text-align: center;
    cursor: pointer;
    font: 14px/27px "Roboto", sans-serif;
    color: #292929;
    text-transform: uppercase;
    transition: all 0.3s ease;
}
.b_authors_list .switcher-item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: transparent;
    transition: all 0.3s ease;
}
.b_authors_list .switcher-item.active {
    cursor: default;
    color: #fff;
}
.b_authors_list .switcher-item.active:before {
    background: #b11116;
}
.b_authors_list .switcher-item.active:hover:before {
    background: #b11116;
}
.b_authors_list .switcher-item.disable {
    cursor: default;
    color: #7f7f7f;
}
.b_authors_list .switcher-item.disable:before {
    display: none;
}
.b_authors_list .switcher-item:hover:before {
    background: #f5f5f5;
}
.b_authors_list .switcher-reset {
    position: absolute;
    left: 400px;
    top: -40px;
    font: 13px/13px "Roboto", sans-serif;
    color: #b11116;
    border-bottom: 1px solid transparent;
    opacity: 0;
    cursor: default;
    transition: all 0.3s ease;
}
.b_authors_list .switcher-reset:hover {
    border-bottom: 1px solid #b11116;
}
.b_authors_list .switcher-reset.show {
    cursor: pointer;
    opacity: 1;
}
.b_authors_list .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
    opacity: 1;
    overflow: hidden;
    transition: all 0.1s ease;
}
.b_authors_list .item.hidden {
    opacity: 0;
    max-height: 0;
    padding: 0;
    border-bottom: 0;
}
.b_authors_list .item .author {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 360px;
}
.b_authors_list .item .author-photo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    background: #efefef;
}
.b_authors_list .item .author-photo img {
    display: block;
    height: 100%;
    transform: scale(1, 1);
    transition: transform 2s ease;
}
.b_authors_list .item .author-photo:hover img {
    transform: scale(1.07, 1.07);
}
.b_authors_list .item .author-info {
    display: inline-flex;
    flex-flow: column;
    width: 280px;
}
.b_authors_list .item .author-item {
    display: block;
    font: bold 18px/1.2 "Lora", serif;
    color: #292929;
    transition: color 0.3s ease;
}
.b_authors_list .item .author-item:hover {
    color: #b11116;
}
.b_authors_list .item .author-about {
    font: 13px/1.25 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_authors_list .item .articles {
    position: relative;
    width: 440px;
}
.b_authors_list .item .articles .b_ear {
    margin-bottom: 20px;
}
.b_authors_list .item .gotobtn {
    position: relative;
    display: inline-block;
    padding: 4px 0 4px 0;
    margin-bottom: 10px;
    font: 13px/1.25 "Roboto", sans-serif;
    color: #b11116;
}
.b_authors_list .item .gotobtn:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: transparent;
    transition: all 0.3s ease;
}
.b_authors_list .item .gotobtn:hover:after {
    background: #b11116;
}
.i_slider {
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.i_slider .wrapper {
    position: relative;
    z-index: 2;
    white-space: nowrap;
}
.i_slider .wrapper .item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
}
.i_slider.m_opinion {
    padding-bottom: 50px;
}
.i_slider.m_opinion:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    border: 1px solid #eaeaea;
}
.i_slider.m_opinion .wrapper {
    left: 0;
    transition: all 0.3s ease;
}
.i_slider.m_opinion .arrow {
    position: absolute;
    z-index: 2;
    bottom: 7px;
    display: block;
    width: 32px;
    height: 32px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.i_slider.m_opinion .arrow.m_left {
    left: 10px;
}
.i_slider.m_opinion .arrow.m_right {
    right: 10px;
    transform: scale(-1, 1);
}
.i_slider.m_opinion .arrow:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 7px;
    height: 7px;
    border-top: 2px solid #b11116;
    border-left: 2px solid #b11116;
    transform: rotate(-45deg) scale(1, 1);
    transition: all 0.3s ease;
}
.i_slider.m_opinion .arrow:active:before {
    transform: rotate(-45deg) scale(0.9, 0.9);
}
.i_slider.m_opinion .arrow.disable {
    cursor: default;
}
.i_slider.m_opinion .arrow.disable:before {
    border-top: 2px solid #eaeaea;
    border-left: 2px solid #eaeaea;
}
.i_slider.m_opinion .arrow.disable:active:before {
    transform: rotate(-45deg) scale(1, 1);
}
.i_slider.m_opinion .bullets {
    position: absolute;
    z-index: 1;
    bottom: 18px;
    left: 0;
    right: 0;
    display: inline-block;
    width: auto;
    margin: auto;
    text-align: center;
}
.i_slider.m_opinion .bullets-item {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    cursor: pointer;
}
.i_slider.m_opinion .bullets-item:first-child {
    margin-left: 0;
}
.i_slider.m_opinion .bullets-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 6px;
    height: 6px;
    margin: auto;
    border-radius: 50%;
    background: #eaeaea;
}
.i_slider.m_opinion .bullets-item.active:before {
    background: #b11116;
}
.i_slider.m_opinion .b_ear {
    padding: 0 20px;
}
.i_slider.m_opinion .b_ear:before {
    display: none;
}
.i_slider.m_opinion .b_ear-image {
    position: relative;
    width: 140px;
    margin: 0 auto;
}
.i_slider.m_opinion .b_ear-textblock {
    position: relative;
    white-space: normal;
    padding-top: 45px;
}
.i_slider.m_opinion .b_ear-author-photo {
    position: absolute;
    z-index: 10;
    top: -30px;
    left: 0;
    right: 0;
    margin: auto;
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fff;
}
.i_slider.m_opinion .b_ear-author-photo img {
    display: block;
    height: 100%;
    width: auto;
}
.i_slider.m_opinion .b_ear-author-name {
    display: block;
}
.b_searchform-area {
    position: relative;
    z-index: 20;
    display: block;
    padding: 20px;
    border-radius: 2px;
    background: #f5f5f5;
}
.b_searchform-inputs {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
}
.b_searchform-text {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 36px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    outline: 0;
    background: #fff;
    font: 16px/36px "Roboto", sans-serif;
    color: #292929;
    text-align: left;
    padding: 0 10px;
}
.b_searchform-submit {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 120px;
    height: 36px;
    text-align: center;
    font: bold 14px/36px "Roboto", sans-serif;
    color: #fff;
    background: #505050;
    margin-left: 20px;
    border-radius: 2px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_searchform-submit:hover {
    background: #292929;
}
.b_searchform-filters {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
}
.b_searchform-select {
    position: relative;
    display: inline-block;
    margin-left: 20px;
}
.b_searchform-select:first-child {
    margin-left: 0;
}
.b_searchform-select .default {
    position: relative;
    z-index: 2;
    min-width: 242px;
    height: 38px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    font: 16px/38px "Roboto", sans-serif;
    color: #292929;
    background: #fff;
    cursor: pointer;
}
.b_searchform-select .default:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    background: url(../fonts/traingle_rounded_black.svg) no-repeat 50% 50%;
    background-size: cover;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.b_searchform-select .list {
    position: absolute;
    z-index: -1;
    overflow: hidden;
    left: 0;
    right: 0;
    top: 0;
    opacity: 0;
    max-height: 0;
    background: #fff;
    border: 1px solid #eaeaea;
    border-top: 0;
    border-radius: 0 0 3px 3px;
    padding: 0 0;
    transition: all 0.15s ease;
}
.b_searchform-select .list.show {
    z-index: 1;
    max-height: 500px;
    opacity: 1;
    top: 100%;
}
.b_searchform-select .list .item {
    position: relative;
    font: 16px/38px "Roboto", sans-serif;
    color: #292929;
    background: #fff;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
}
.b_searchform-select .list .item.hide {
    display: none;
}
.b_searchform-select .list .item:hover {
    background: #fbfbfb;
}
.b_searchform-select .list .item:first-child {
    margin-top: 10px;
}
.b_searchform-date {
    position: relative;
}
.b_searchform-date-btn {
    position: relative;
    font: 16px/38px "Roboto", sans-serif;
    color: #b11116;
    cursor: pointer;
    padding: 0 20px;
}
.b_searchform-date-btn:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    width: 12px;
    height: 12px;
    margin: auto;
    background: url(../fonts/traingle_rounded_black.svg) no-repeat 50% 50%;
    background-size: cover;
    opacity: 0;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.b_searchform-date-btn.active:after {
    opacity: 1;
    transform: rotate(-180deg);
}
.b_searchform-date-wrapper {
    position: absolute;
    z-index: 10;
    top: 80%;
    right: 0;
    width: 320px;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font: 16px/38px "Roboto", sans-serif;
    background: #f5f5f5;
    padding: 0 20px 20px;
    border-top: 0;
    border-radius: 0 0 2px 2px;
    transition: all 0.15s ease;
}
.b_searchform-date-wrapper.active {
    top: 100%;
    opacity: 1;
    max-height: 200px;
}
.b_searchform-date-el {
    display: flex;
    flex-flow: row nowrap;
    margin-top: 20px;
}
.b_searchform-date-el:first-child {
    margin-top: 0;
}
.b_searchform-date-el span {
    display: inline-block;
    width: 40px;
    font: 16px/38px "Roboto", sans-serif;
    color: #292929;
}
.b_searchform-date-el input {
    display: inline-block;
    vertical-align: top;
    font: 16px/38px "Roboto", sans-serif;
    color: #505050;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    background: #fff;
    padding: 0 10px;
}
.b_searchform-basement {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b_searchform-basement .total {
    font: 14px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_searchform-basement .switcher {
    position: relative;
    height: 30px;
}
.b_searchform-basement .switcher .runner {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 72px;
    border-radius: 20px;
    background: #eaeaea;
    transition: all 0.3s ease;
}
.b_searchform-basement .switcher .item {
    position: relative;
    z-index: 2;
    display: inline-block;
    margin-left: 10px;
    padding: 0 10px;
    min-width: 72px;
    font: 14px/30px "Roboto", sans-serif;
    color: #292929;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_searchform-basement .switcher .item:first-child {
    margin-left: 0;
}
.b_social_sharing {
    position: relative;
    z-index: 10;
    width: 660px;
    margin: 0 0 0 140px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 15px;
    border: 1px solid #eaeaea;
    color: #292929;
}
.b_social_sharing-text {
    position: absolute;
    left: 15px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
}
.b_social_sharing .item {
    cursor: pointer;
    padding: 0 10px;
}
.b_social_sharing .item svg {
    opacity: 1;
    transition: opacity 0.5s ease;
}
.b_social_sharing .item:hover svg {
    opacity: 0.75;
}
.b_social_sharing .item-link-popup {
    display: none;
    position: absolute;
    opacity: 0;
    bottom: 100%;
    left: -1px;
    width: 660px;
    background: #fff;
    padding: 0;
    white-space: nowrap;
    height: 0;
    border: 0;
    overflow: hidden;
    transition: opacity 0.5s ease;
    z-index: 20;
}
.b_social_sharing .item-link-popup.show {
    display: flex;
    justify-content: center;
    padding: 10px;
    border: 1px solid #eaeaea;
    height: 70px;
    opacity: 1;
}
.b_social_sharing .item-link-popup.show {
    height: 52px;
}
.b_social_sharing .item-link-popup input {
    position: relative;
    display: inline-block;
    width: 480px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    padding: 5px 10px;
    height: 30px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 0;
}
.b_social_sharing .item-link-popup-copybtn {
    position: relative;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 30px;
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: 2px;
    color: #fff;
    background-color: #505050;
    margin-left: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
}
.b_social_sharing .item-mail-popup.show {
    height: 70px;
}
.b_social_sharing .item-mail-popup-el {
    text-align: center;
    margin: 0 10px;
    cursor: pointer;
}
.b_social_sharing .item-mail-popup-el-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 1;
    margin-top: 5px;
}
.b_telegram {
    display: block;
    width: 660px;
    margin: 0 0 0 140px;
    color: #292929;
    background-color: #f5f5f5;
    padding: 20px;
}
.b_telegram-text {
    font: 18px/24px "Roboto", sans-serif;
    color: #292929;
    margin-bottom: 14px;
}
.b_telegram-text a {
    color: inherit;
    text-decoration: underline;
    transition: color 0.3s ease;
}
.b_telegram-text a:hover {
    color: #b11116;
}
.b_telegram-btns {
    display: flex;
    justify-content: space-between;
}
.b_telegram-btns .item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 194px;
    height: 34px;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    transform: scale(1, 1);
    transition: all 0.3s ease;
}
.b_telegram-btns .item:hover {
    transform: scale(1.02, 1.02);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.b_telegram-btns .item-icon {
    display: inline-flex;
    margin-right: 10px;
    max-width: 24px;
    max-height: 24px;
}
.b_telegram-btns .item-text {
    display: inline-flex;
    font: 500 13px/1.25 "Roboto", sans-serif;
    color: #292929;
}
.b_sportbar {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
}
.b_sportbar .item {
    position: relative;
    display: inline-flex;
    font: 15px/1.25 "Roboto", sans-serif;
    color: #292929;
    margin-left: 30px;
    padding-right: 16px;
    transition: all 0.3s ease;
}
.b_sportbar .item.m_add {
    position: absolute;
    right: 0;
    color: #7f7f7f;
}
.b_sportbar .item.m_add:before {
    opacity: 0.7;
}
.b_sportbar .item.m_add .add_menu {
    left: auto;
    right: 0;
}
.b_sportbar .item.item_menu:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    background: url(../fonts/traingle_rounded_black.svg) no-repeat 50% 50%;
    background-size: cover;
    transform: rotate(0deg);
    transition: all 0.3s ease;
}
.b_sportbar .item:first-child {
    margin-left: 0;
}
.b_sportbar .item .add_menu {
    position: absolute;
    top: 100%;
    left: 0;
    padding: 0 20px;
    max-height: 0;
    opacity: 0;
    background: #fff;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}
.b_sportbar .item .add_menu-item {
    display: none;
    font: 13px/20px "Roboto", sans-serif;
    color: #505050;
    margin-bottom: 15px;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.b_sportbar .item .add_menu-item:hover {
    color: #b11116;
}
.b_sportbar .item .add_menu-item.m_more {
    position: relative;
    margin: 0 -20px 15px;
    padding: 0 20px;
}
.b_sportbar .item .add_menu-item.m_more:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 0;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    background: url(../fonts/traingle_rounded_black.svg) no-repeat 50% 50%;
    background-size: cover;
    transform: rotate(90deg);
    transition: all 0.3s ease;
}
.b_sportbar .item .add_menu-item.m_more .add_menu.m_more {
    position: absolute;
    z-index: -1;
    right: calc(100% - 20px);
    opacity: 0;
    top: -10px;
    box-shadow: -5px 5px 5px rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
}
.b_sportbar .item .add_menu-item.m_more:hover:before {
    transform: rotate(0deg);
}
.b_sportbar .item .add_menu-item.m_more:hover .add_menu.m_more {
    z-index: 2;
    opacity: 1;
    right: calc(100% - 2px);
}
.b_sportbar .item:hover {
    color: #b11116;
}
.b_sportbar .item:hover:before {
    transform: rotate(-90deg);
}
.b_sportbar .item:hover .add_menu {
    padding: 20px 20px 0;
    max-height: 500px;
    opacity: 1;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}
.b_sportbar .item:hover .add_menu-item {
    display: block;
}
.b_sportstat-navbar {
    position: relative;
    height: 30px;
    white-space: nowrap;
}
.b_sportstat-navbar .runner {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    min-width: 87px;
    border-radius: 20px;
    background: #292929;
    transition: left 0.3s ease-in;
}
.b_sportstat-navbar .item {
    position: relative;
    display: inline-block;
    font: 500 15px/30px "Roboto", sans-serif;
    color: #292929;
    vertical-align: middle;
    padding: 0 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_sportstat-navbar .item:first-child {
    margin-left: 0;
}
.b_sportstat-navbar .item.active {
    color: #fff;
}
.b_sportstat-table {
    position: relative;
    padding: 20px;
    border: 1px solid #eaeaea;
}
.b_sportstat-table.m_group .row.m_legend {
    padding: 0 0 20px;
}
.b_sportstat-table.m_group .row.m_legend .item {
    flex-shrink: 1;
    min-width: 60px;
}
.b_sportstat-table.m_group .row.m_legend .item:first-child {
    font: bold 16px/1.2 "Lora", serif;
    color: #292929;
    min-width: 270px;
    flex-grow: 1;
}
.b_sportstat-table.m_group .row .item {
    flex-shrink: 1;
    min-width: 60px;
}
.b_sportstat-table.m_group .row .item.m_icon {
    max-width: auto;
    min-width: 40px;
}
.b_sportstat-table.m_group .row .item.m_icon img {
    margin: 0 5px 0 0;
}
.b_sportstat-table.m_group .row .item.m_name {
    min-width: 230px;
    padding-left: 5px;
}
.b_sportstat-table.m_group .row .item:first-child {
    max-width: 40px;
}
.b_sportstat-table.m_hockey .row.m_legend .item.m_name {
    flex-grow: 0;
    min-width: 330px;
    flex-shrink: 1;
    flex-basis: 320px;
}
.b_sportstat-table.m_hockey .row .item {
    min-width: 50px;
    flex-shrink: 0;
}
.b_sportstat-table.m_hockey .row .item.m_diff,
.b_sportstat-table.m_hockey .row .item.m_points {
    flex-basis: 80px;
}
.b_sportstat-table .row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 0;
    border-top: 1px solid #eaeaea;
}
.b_sportstat-table .row.m_legend {
    border-top: none;
}
.b_sportstat-table .row.m_legend .item {
    font: 13px/1.25 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_sportstat-table .row.m_legend .item:first-child {
    color: #7f7f7f;
    min-width: 90px;
}
.b_sportstat-table .row.m_legend .item.m_points {
    color: #b11116;
}
.b_sportstat-table .row.m_legend .item.m_name {
    min-width: 240px;
    flex-grow: 1;
}
.b_sportstat-table .row .item {
    font: 15px/1.25 "Roboto", sans-serif;
    color: #292929;
    min-width: 80px;
    flex-shrink: 0;
    text-align: center;
}
.b_sportstat-table .row .item:first-child {
    min-width: 20px;
    text-align: left;
    color: #bfbfbf;
}
.b_sportstat-table .row .item.m_points {
    flex-basis: 140px;
    font-weight: bold;
}
.b_sportstat-table .row .item.m_name {
    min-width: 240px;
    flex-grow: 1;
    text-align: left;
}
.b_sportstat-table .row .item.m_icon {
    min-width: 70px;
}
.b_sportstat-table .row .item.m_icon img {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin: 0 10px;
}
.b_sportstat-shedule .date {
    text-align: center;
    font: bold 22px/1.2 "Lora", serif;
    color: #292929;
    margin-bottom: 15px;
}
.b_sportstat-shedule .block {
    position: relative;
    padding: 10px 20px;
    border: 1px solid #eaeaea;
    margin-bottom: 40px;
}
.b_sportstat-shedule .block .item {
    position: relative;
    display: block;
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
    font: 15px/1.2 "Roboto", sans-serif;
    color: #292929;
    background: #fff;
    transition: all 0.5s ease;
}
.b_sportstat-shedule .block .item:after {
    content: "";
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 7px;
    height: 7px;
    margin: auto;
    border-right: 2px solid #505050;
    border-top: 2px solid #505050;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}
.b_sportstat-shedule .block .item:hover {
    background: #fcfcfc;
}
.b_sportstat-shedule .block .item:hover:after {
    right: 15px;
}
.b_sportstat-shedule .block .item:first-child {
    border-top: none;
}
.b_sportstat-shedule .block .item-teams {
    display: inline-block;
    width: 360px;
}
.b_sportstat-shedule .block .item-score {
    position: absolute;
    display: block;
    width: 100px;
    height: 15px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    font: bold 15px/15px "Roboto", sans-serif;
    color: #292929;
    text-align: center;
    letter-spacing: 0.3em;
}
.b_sportstat-content .__s_destination {
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease;
}
.b_sportstat-content .__s_destination.active {
    opacity: 1;
    display: block;
    min-height: 100vh;
}
.b_shortboard {
    position: relative;
    width: 1200px;
    margin: 0 auto 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #585858;
    overflow: hidden;
}
.b_shortboard .content {
    position: relative;
    display: block;
    width: 100%;
    white-space: nowrap;
}
.b_shortboard .content.m_justify {
    position: relative;
    display: flex;
    justify-content: center;
}
.b_shortboard .content .item {
    display: inline-block;
    vertical-align: top;
    width: 400px;
    text-align: center;
    padding: 4px 40px;
    border-left: 1px solid #585858;
}
.b_shortboard .content .item:first-child {
    border-left: 0;
}
.b_shortboard .content .item .status {
    font: bold 14px/1.25 "Roboto", sans-serif;
    color: #fff;
    vertical-align: middle;
}
.b_shortboard .content .item .status.m_notyet {
    color: #7f7f7f;
}
.b_shortboard .content .item .status.m_live {
    padding-left: 50px;
}
.b_shortboard .content .item .status.m_live:after {
    content: "live";
    margin-left: 20px;
    width: 30px;
    background: #b11116;
    border-radius: 3px;
    padding: 2px 5px;
    font: bold 10px/14px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
}
.b_shortboard .content .item .title {
    position: relative;
    padding-top: 5px;
    font: 13px/13px "Roboto", sans-serif;
    color: #fff;
}
.b_shortboard .content .item .title img {
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    margin-right: 3px;
}
.b_shortboard .content .item .title .team {
    vertical-align: middle;
}
.b_shortboard .leftarr,
.b_shortboard .rightarr {
    display: block;
    position: absolute;
    top: 0;
    bottom: 20px;
    margin: auto;
    z-index: 11;
    margin: auto;
    cursor: pointer;
    width: 32px;
    height: 32px;
    background: #b11116;
    opacity: 0;
    transform: scale(1, 1);
    transition: all 0.3s ease;
}
.b_shortboard .leftarr:active,
.b_shortboard .rightarr:active {
    transform: scale(0.95, 0.95);
}
.b_shortboard .rightarr {
    right: -50px;
}
.b_shortboard .rightarr.visible {
    opacity: 1;
    right: 10px;
}
.b_shortboard .leftarr {
    left: -50px;
    transform: scale(-1, 1);
}
.b_shortboard .leftarr:active {
    transform: scale(-0.95, 0.95);
}
.b_shortboard .leftarr.visible {
    opacity: 1;
    left: 10px;
}
.b_404 {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    height: 50vh;
    margin-top: -50px;
}
.b_404-title {
    font: 700 144px/1.3 "Lora", serif;
    color: #292929;
}
.b_404-notice {
    font: 700 24px/1.3 "Lora", serif;
    color: #b11116;
}
.b_newsbox_more {
    position: relative;
    width: 660px;
    margin: 20px 0 0 140px;
    display: flex;
    justify-content: center;
}
.b_newsbox_more .wrapper {
    position: relative;
    width: 100%;
    padding: 10px 20px;
    background: #f5f5f5;
    font: bold 14px/18px "Lora", serif;
    color: #292929;
}
.b_newsbox_more .title {
    display: inline-block;
    margin-right: 10px;
}
.b_newsbox_more .item {
    display: inline-block;
    position: relative;
    padding-right: 5px;
    margin-right: 7px;
    color: #292929;
    transition: all 0.3s ease;
}
.b_newsbox_more .item:hover {
    color: #b11116;
}
.b_newsbox_more .item:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 4px;
    height: 4px;
    margin: auto;
    border-radius: 50%;
    background: #292929;
}
.b_newsbox_more .item:last-child {
    margin-right: 0;
    padding-right: 0;
}
.b_newsbox_more .item:last-child:after {
    display: none;
}
.b_preloader {
    position: relative;
    width: 142px;
    height: 40px;
    margin: 80px auto 100px;
    padding: 10px 0 0;
    background: #fff;
    filter: contrast(20);
    opacity: 0.7;
    transition: all 0.3s ease;
}
.b_preloader.m_hide {
    opacity: 0;
    margin: 0 0 0;
    padding: 0 0 0;
}
.b_preloader-dot {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 10px;
    left: 15px;
    filter: blur(4px);
    background: #292929;
    border-radius: 50%;
    transform: translateX(0);
    animation: dot 2.8s infinite;
}
.b_preloader-dots {
    transform: translateX(0);
    margin-left: 31px;
    animation: dots 2.8s infinite;
}
.b_preloader-dots span {
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-left: 16px;
    filter: blur(4px);
    background: #292929;
    border-radius: 50%;
}
.b_preloader-title {
    position: absolute;
    bottom: 120%;
    left: 0;
    right: 0;
    text-align: center;
    font: 24px/32px Roboto, sans-serif;
    color: #292929;
    letter-spacing: 0.05em;
}
.b_rubricbar {
    position: relative;
    height: 26px;
    white-space: nowrap;
}
.b_rubricbar .item {
    position: relative;
    display: inline-block;
    font: 500 13px/26px "Roboto", sans-serif;
    color: #292929;
    vertical-align: middle;
    padding: 0 10px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_rubricbar .item:first-child {
    margin-left: -10px;
}
.b_rubricbar .item:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 24px;
    background: #eaeaea;
    opacity: 0;
    transition: all 0.3s ease;
}
.b_rubricbar .item:hover:before {
    opacity: 0.25;
}
.b_rubricbar .item.active {
    color: #7f7f7f;
}
.b_rubricbar .item.active:before {
    opacity: 1;
}
.b_onlineboard {
    position: relative;
    z-index: 2;
}
.b_onlineboard-header {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.b_onlineboard-header .switcher {
    position: relative;
    height: 30px;
    white-space: nowrap;
}
.b_onlineboard-header .switcher .runner {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    border-radius: 15px;
    background: #292929;
    transition: left 0.3s ease-in;
}
.b_onlineboard-header .switcher .item {
    position: relative;
    display: inline-block;
    font: 500 15px/30px "Roboto", sans-serif;
    color: #292929;
    vertical-align: middle;
    padding: 0 15px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_onlineboard-header .switcher .item:first-child {
    margin-left: 0;
}
.b_onlineboard-header .switcher .item.active {
    color: #fff;
}
.b_onlineboard-header .important_games {
    position: relative;
    display: inline-flex;
    font: 15px/15px "Roboto", sans-serif;
    color: #292929;
    white-space: nowrap;
    padding-right: 50px;
    cursor: pointer;
    display: none;
}
.b_onlineboard-header .important_games:before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    width: 34px;
    height: 18px;
    margin: auto;
    border-radius: 9px;
    background: #fff;
    border: 1px solid #bfbfbf;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.b_onlineboard-header .important_games:after {
    content: "";
    position: absolute;
    z-index: 2;
    top: 0;
    right: 18px;
    bottom: 0;
    width: 14px;
    height: 14px;
    margin: auto;
    background: #bfbfbf;
    border-radius: 50%;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
.b_onlineboard-header .important_games.on:before {
    background: #b11116;
    border: 1px solid #b11116;
}
.b_onlineboard-header .important_games.on:after {
    right: 2px;
    background: #fff;
}
.b_onlineboard-content {
    position: relative;
}
.b_onlineboard-content .item {
    opacity: 0;
    display: none;
    transition: opacity 0.3s ease;
}
.b_onlineboard-content .item.active {
    opacity: 1;
    display: block;
}
.b_onlineboard-content .item .group {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.b_onlineboard-content .item .group-title {
    position: relative;
    font: bold 22px/1.2 "Lora", serif;
    color: #292929;
    margin-bottom: 15px;
    text-align: center;
}
.b_onlineboard-content .item .group-block {
    position: relative;
    width: 100%;
    padding: 20px;
    border: 1px solid #eaeaea;
    margin-bottom: 30px;
}
.b_onlineboard-content .item .competition {
    font: bold 15px/1.25 "Roboto", sans-serif;
    color: #b11116;
    padding: 25px 0 15px;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
}
.b_onlineboard-content .item .competition:first-child {
    padding: 0 0 15px 0;
}
.b_onlineboard-content .item .event {
    position: relative;
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
}
.b_onlineboard-content .item .event:last-child {
    padding: 15px 0 0;
    border-bottom: 0;
}
.b_onlineboard-content .item .event.m_235 .event-name {
    width: 460px;
    margin-right: 70px;
}
.b_onlineboard-content .item .event-time {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
    font: 15px/1.25 "Roboto", sans-serif;
    color: #bfbfbf;
}
.b_onlineboard-content .item .event-name {
    display: inline-block;
    vertical-align: middle;
    width: 360px;
    font: 15px/1.25 "Roboto", sans-serif;
    color: #292929;
}
.b_onlineboard-content .item .event-score {
    display: inline-block;
    vertical-align: middle;
    width: 100px;
    margin-right: 70px;
    font: bold 15px/1.25 "Roboto", sans-serif;
    color: #292929;
    text-align: center;
}
.b_onlineboard-content .item .event-status {
    display: inline-block;
    vertical-align: middle;
    font: 15px/1.25 "Roboto", sans-serif;
    color: #292929;
}
.b_onlineboard-content .item .event-status.off {
    color: #bfbfbf;
}
.b_onlineboard-content .item .event-status.live {
    font: bold 9px/14px "Roboto", sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0 5px;
    background: #b11116;
    border-radius: 3px;
}
.b_fileicon_download {
    display: flex;
    margin-bottom: 20px;
}
.b_fileicon_download-text {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #292929;
    align-self: center;
}
.b_fileicon_download-icon {
    width: 35px;
    height: 48px;
    background: transparent url(../fonts/file.svg) no-repeat 0 0;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 1.5;
    color: #292929;
    padding: 30px 0 0 4px;
    margin-right: 12px;
}
.b_topnews {
    position: relative;
    z-index: 10;
    width: 100%;
    max-width: 1320px;
    margin: auto;
    height: 80px;
    background: #292929;
}
.b_topnews.m_extra:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 1320px;
    margin: auto;
    background: #b11116;
}
.b_topnews.m_extra .b_topnews-content {
    display: inline-block;
    vertical-align: top;
}
.b_topnews.m_extra .b_topnews-content .time {
    color: #d8888a;
}
.b_topnews-extra {
    display: inline-block;
    vertical-align: top;
    width: 570px;
    padding: 10px 60px 10px 0;
    font: 500 26px/1.1 "Roboto", sans-serif;
    color: #fff;
}
.b_topnews-extra .intro {
    color: #f89b9e;
    margin-right: 10px;
}
.b_topnews-wrapper {
    position: relative;
    z-index: 1;
    width: 1200px;
    height: 80px;
    margin: auto;
    overflow: hidden;
}
.b_topnews-arrow {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    opacity: 0;
    width: 100px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.b_topnews-arrow:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 0;
    background: linear-gradient(
        to right,
        rgba(41, 41, 41, 0) 0%,
        rgba(41, 41, 41, 0.95) 40%,
        #292929 100%
    );
    transition: all 0.3s ease;
}
.b_topnews-arrow.m_show {
    opacity: 1;
    z-index: 2;
}
.b_topnews-arrow.m_show:before {
    width: 120px;
}
.b_topnews-arrow.m_right {
    left: calc(50% + 660px - 100px);
}
@media screen and (max-width: 1320px) {
    .b_topnews-arrow.m_right {
        left: calc(50% + 600px - 100px);
    }
}
.b_topnews-arrow.m_left {
    transform: scale(-1, 1);
    right: calc(50% + 660px - 100px);
}
@media screen and (max-width: 1320px) {
    .b_topnews-arrow.m_left {
        right: calc(50% + 600px - 100px);
    }
}
.b_topnews-arrow ._ui_arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 14px;
    margin: auto;
}
.b_topnews-arrow:hover ._ui_arrow:before {
    opacity: 0;
}
.b_topnews-arrow:hover ._ui_arrow span {
    opacity: 1;
    right: -32px;
}
.b_topnews-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: 100px;
    overflow-x: scroll;
    overflow-y: hidden;
}
@media screen and (max-width: 1320px) {
    .b_topnews-content {
        padding: 0;
    }
}
.b_topnews-content .item {
    position: relative;
    display: inline-flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 305px;
    height: 80px;
    padding: 10px 0;
    margin-left: 20px;
    background: transparent;
    transition: all 0.3s ease;
}
.b_topnews-content .item:hover .item-img img {
    filter: saturate(100%);
}
.b_topnews-content .item:hover .item-text {
    opacity: 0.7;
}
.b_topnews-content .item-img {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 60px;
    background: #4a4a4a;
    overflow: hidden;
}
.b_topnews-content .item-img img {
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
    height: 100%;
    filter: saturate(50%);
    transition: all 0.7s ease;
}
.b_topnews-content .item-text {
    position: relative;
    display: inline-block;
    width: 205px;
    height: 60px;
    font: 500 12px/1.3 "Lora", serif;
    color: #fff;
    margin-left: 10px;
    overflow-wrap: break-word;
    opacity: 1;
    transition: all 0.3s ease;
}
.b_topnews-content .item-text .time {
    display: inline-block;
    vertical-align: baseline;
    font: 12px/1.3 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_topnews-content .item:first-child {
    margin-left: 0;
}
.b_footer {
    position: relative;
    z-index: 0;
    width: 100%;
    max-width: 1320px;
    margin: 40px auto 0;
}
.b_footer-content {
    width: 100%;
    background: #f5f5f5;
}
.b_footer-hat {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 26px 0;
    border-bottom: 1px solid #eaeaea;
}
.b_footer-nav .item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 30px;
    font: 500 13px/13px "Roboto", sans-serif;
    color: #292929;
    transition: color 0.3s ease;
}
.b_footer-nav .item:first-child {
    margin-left: 0;
}
.b_footer-nav .item:hover {
    color: #b11116;
}
.b_footer-social .item {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    opacity: 1;
    transition: opacity 0.3s ease;
}
.b_footer-social .item:first-child {
    margin-left: 0;
}
.b_footer-social .item:hover {
    opacity: 0.75;
}
.b_footer-social .item.m_vk {
    background: url(../fonts/vk_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_fb {
    background: url(../fonts/fb_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_tw {
    background: url(../fonts/tw_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_tg {
    background: url(../fonts/tg_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_ok {
    background: url(../fonts/ok_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_yt {
    background: url(../fonts/yt_round.svg) no-repeat 50% 50%;
}
.b_footer-social .item.m_ig {
    background: url(../fonts/ig_round.svg) no-repeat 50% 50%;
}
.b_footer-info {
    position: relative;
    width: 1200px;
    margin: auto;
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.b_footer-info .item {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    justify-content: space-between;
    font: 13px/1.25 "Roboto", sans-serif;
    color: #292929;
}
.b_footer-info .item a {
    color: #b11116;
}
.b_footer-info .item div + div {
    margin-top: 30px;
}
.b_footer-info .item .partner_icon {
    display: inline-block;
    width: 90px;
    vertical-align: middle;
}
.b_footer-info .item:first-child {
    align-items: flex-start;
}
.b_footer-info .logoplace {
    position: relative;
    text-align: right;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}
.b_footer-info .logoplace .age {
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #292929;
    font: 500 11px/25px "Roboto", sans-serif;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}
.b_footer-info .logoplace .logo {
    display: inline-block;
    height: 31px;
}
.b_footer-license {
    position: relative;
    width: 1200px;
    margin: auto;
    padding: 20px 0;
    font: 13px/1.5 "Roboto", sans-serif;
    color: #7f7f7f;
}
.b_footer.m_offline {
    background-color: #292929;
    margin-top: 0;
    margin-bottom: 0;
}
.b_footer.m_offline .b_footer-info {
    display: block;
    font: 13px/1.25 "Roboto", sans-serif;
    color: #7f7f7f;
    text-align: center;
    padding: 4px 0 24px;
}
h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 16px;
}
@media screen and (min-width: 0\0) {
    .b_topnews {
        width: 1322px;
    }
    .b_topnews-content {
        display: block;
        width: 100%;
        whire-space: nowrap;
    }
    .b_topnews-content .item {
        display: inline-block;
        vertical-align: top;
    }
    .b_topnews-content .item-img {
        display: inline-block;
        vertical-align: top;
    }
    .b_topnews-content .item-text {
        display: inline-block;
        vertical-align: top;
        whire-space: normal;
    }
    .b_fullwidth {
        width: 1322px;
        padding-right: 60px;
    }
    .b_fullwidth.m_dayreview {
        width: 100%;
        left: 0;
    }
}

.b_partners_feed {
  position: relative;
  width: 100%;
  display: none
}

.b_partners_feed.show {
  display: block
}

.b_partners_feed.m_col .wrapper {
  height: auto
}

.b_partners_feed.m_col .wrapper .content {
  display: flex;
  flex-flow: column;
  height: auto;
  overflow: visible
}

.b_partners_feed.m_col .wrapper .content .item {
  width: 100%;
  height: 170px;
  margin: 0 0 8px 0;
  display: flex;
  flex-flow: row-reverse;
  justify-content: flex-start;
  align-items: center
}

.b_partners_feed.m_col .wrapper .content .item-text {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  bottom: 0;
  width: 65%;
  padding: 20px;
  display: flex;
  align-items: center;
  background: transparent !important
}

.b_partners_feed.m_col .wrapper .content .item-text-plug {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(to left, rgba(41, 41, 41, 0) 0, #292929 100%)
}

.b_partners_feed.m_col .wrapper .content .item-img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto
}

.b_partners_feed .header {
  display: block;
  padding: 0 0 10px;
  font: 700 18px/22px "Lora", serif;
  color: #505050
}

.b_partners_feed .header img {
  display: inline-block;
  height: 22px
}

.b_partners_feed .wrapper {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 256px;
  overflow: hidden;
  border-radius: 4px
}

.b_partners_feed .wrapper .content {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  height: 300px;
  overflow-x: scroll;
  overflow-y: hidden
}

.b_partners_feed .wrapper .content .item {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 192px;
  height: 256px;
  vertical-align: top;
  border-radius: 4px;
  overflow: hidden;
  margin-left: 16px;
  background: #292929
}

.b_partners_feed .wrapper .content .item:first-child {
  margin-left: 0
}

.b_partners_feed .wrapper .content .item-img {
  position: relative;
  z-index: 1;
  width: auto;
  height: 200px
}

.b_partners_feed .wrapper .content .item-text {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 20px 20px;
  font: bold 16px/19px Roboto, sans-serif;
  color: #fff;
  background: #292929;
  white-space: normal
}

.b_partners_feed .wrapper .content .item-text-plug {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  height: 50px;
  background: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0, #292929 100%)
}

.b_partners_feed ._ui_arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  margin: auto;
  transition: all .3s ease
}

.b_partners_feed ._ui_arrow:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 64px;
  opacity: 1;
  background: url(fonts/_ui_arrow_2x.svg) no-repeat 50% 50%
}

.b_partners_feed ._ui_arrow span {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 64px;
  right: 0;
  opacity: 0;
  background: url(fonts/_ui_arrow_2x.svg) no-repeat 50% 50%;
  transition: right .6s ease
}

.b_partners_feed ._ui_arrow:hover:before {
  opacity: 0
}

.b_partners_feed ._ui_arrow:hover span {
  opacity: 1;
  right: -32px
}

.b_partners_feed ._ui_arrow.m_right {
  right: -50px
}

.b_partners_feed ._ui_arrow.m_right.visible {
  right: 20px
}

.b_partners_feed ._ui_arrow.m_left {
  left: -50px;
  transform: scale(-1, 1)
}

.b_partners_feed ._ui_arrow.m_left:active {
  transform: scale(-.95, .95)
}

.b_partners_feed ._ui_arrow.m_left.visible {
  left: 20px
}

.art__img {
  max-width: 450px;
  width: 100%;
  display: block;
  margin: 0 auto
}

h2 {
  margin-bottom: 20px;
  font-family: "Roboto", sans-serif !important
}

.b_header .b_menu:hover .b_menu-btn span:before {
  left: 0;
  opacity: 1
}

.b_header .b_menu:hover .b_menu-btn span:after {
  right: 0;
  opacity: 1
}

@media (max-width:1200px) {
  .b_header {
    padding: 0 16px
  }

  .b_main {
    padding: 0 16px
  }

  .b_footer-hat {
    padding: 0 16px
  }

  .b_header-pseudo .b_header-row {
    padding: 0 16px
  }
}

@media (max-width:950px) {
  .b_header .logo img {
    height: 38px
  }

  .b_header-pseudo .logo img {
    height: 100%
  }

  .b_rightcol {
    display: none
  }
}

@media (max-width:810px) {
  .b_header-row .b_nav {
    display: none
  }

  .b_header .logo img {
    height: 24px
  }

  .b_header-pseudo .logo img {
    height: 100%
  }

  .my-search {
    flex-flow: row !important;
    align-items: center !important
  }

  .b_footer-hat {
    flex-direction: column;
    gap: 24px;
    padding: 16px
  }

  .b_footer-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: center
  }

  .b_footer-nav .item {
    margin-left: 0
  }
}

@media (max-width:768px) {
  .b_article-text {
    display: flex;
    flex-direction: column
  }

  h1 {
    order: -2;
    font-size: 28px
  }

  .art__subtitle {
    order: -1
  }
}


.ramka {
  background: #f2f2f2;
  border: 2px #000 solid;
  padding: 12px 15px 0 15px
}

.txt-center {
  text-align: center;
  font-weight: 700
}

.txt-red {
  color: red
}

.door__title {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  font-size: 22px !important;
  margin-bottom: 25px;
  background-color: #3a4752;
  padding: 10px 0;
  border-radius: .5em
}

.door__container {
  display: flex;
  justify-content: space-around
}

.box {
  perspective: 500px;
  position: relative
}

.box,
.door {
  width: 190px;
  height: 400px;
  box-shadow: inset -1px -1px 0 1px #191919, inset 1px 1px 0 1px #191919
}

@media (max-width:840px) {

  .box,
  .door {
    width: 95px;
    height: 200px
  }
}

.hi {
  left: 50%;
  transform: translateX(-50%)
}

.door,
.hi {
  position: absolute;
  top: 0
}

.door__sales {
  position: relative;
  top: 140px;
  font-size: 46px !important;
  font-weight: 700 !important;
  color: red !important;
  border-radius: 30px !important;
  padding: 30px 5px !important;
  box-shadow: 0 1px 2px 2px #7f7878;
  -webkit-border-radius: 30px !important;
  -moz-border-radius: 30px !important;
  -ms-border-radius: 30px !important;
  -o-border-radius: 30px !important
}

@media (max-width:840px) {
  .door__sales {
    font-size: 20px !important;
    font-weight: 700 !important;
    top: 50px !important;
    color: red !important;
    border-radius: 30px !important
  }
}

@media (max-width:360px) {
  .door__sales {
    font-size: 25px !important;
    font-weight: 700 !important;
    top: 50px !important;
    color: red !important;
    left: 0 !important;
    border-radius: 30px !important;
    -webkit-border-radius: 30px !important;
    -moz-border-radius: 30px !important;
    -ms-border-radius: 30px !important;
    -o-border-radius: 30px !important
  }
}

.door {
  background-image: url(images/xdoor.png.pagespeed.ic.uKCCFXms73.webp);
  background-repeat: no-repeat;
  transform: rotateY(0deg);
  display: inline-block;
  transition: all .75s ease;
  transform-origin: 0% 0%;
  cursor: pointer;
  left: 0;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  -webkit-transition: all .75s ease;
  -moz-transition: all .75s ease;
  -ms-transition: all .75s ease;
  -o-transition: all .75s ease
}

.door:hover {
  transform: rotateY(-30deg);
  -webkit-transform: rotateY(-30deg);
  -moz-transform: rotateY(-30deg);
  -ms-transform: rotateY(-30deg);
  -o-transform: rotateY(-30deg)
}

#door__2 {
  background-image: url(images/xdoor2.png.pagespeed.ic.8brMCU41SD.webp)
}

#door__3 {
  background-image: url(images/xdoor3.png.pagespeed.ic.8Sav1QTfzU.webp)
}

@media (max-width:840px) {
  .door {
    background-image: url(images/xmedia_door.png.pagespeed.ic.QM_fwQkVhv.webp)
  }

  #door__3 {
    background-image: url(images/xmedia_door3.png.pagespeed.ic.aRbKlEf6HG.webp)
  }

  #door__2 {
    background-image: url(images/xmedia_door2.png.pagespeed.ic.TLJ3p-Pzhx.webp)
  }
}

.door.open {
  transform: rotateY(-85deg);
  -webkit-transform: rotateY(-85deg);
  -moz-transform: rotateY(-85deg);
  -ms-transform: rotateY(-85deg);
  -o-transform: rotateY(-85deg)
}

.spin-result-wrapper {
  max-width: 100%;
  display: none;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  top: 0;
  z-index: 999;
  left: 0;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, .6);
  text-align: center
}

.order_block,
.spin-result-wrapper {
  display: none
}

.pop-up-window {
  position: relative;
  max-width: 400px;
  right: 0;
  left: 0;
  top: 40%;
  margin: 0 auto;
  background: #fff none repeat scroll 0 0;
  text-align: center;
  padding: 10px;
  padding-top: 70px;
  padding-bottom: 20px;
  border-radius: 10px;
  animation: .7s ease 0s normal none 1 running pop-up-appear;
  -webkit-animation: .7s ease 0s normal none 1 running pop-up-appear
}

.pop-up-window::before {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  top: -55px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: #71c341;
  border-radius: 50%;
  animation: .5s ease .6s normal backwards 1 running pop-up-appear-before;
  -webkit-animation: .5s ease .6s normal backwards 1 running pop-up-appear-before
}

.pop-up-text {
  margin-bottom: 25px;
  font-size: 24px;
  line-height: 30px;
  text-align: center !important
}

.pop-up-button {
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 10px 20%;
  font-size: 20px;
  border-radius: 5px;
  background-color: #71c341;
  color: #fff !important;
  border: medium none;
  cursor: pointer;
  outline: medium none
}

.pop-up-window::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 20px;
  top: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-width: medium medium 4px 4px;
  border-style: none none solid solid;
  border-color: currentcolor currentcolor #fff #fff;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  transform: rotate(-45deg);
  transition: opacity 1s ease 0s;
  animation: .5s ease .6s normal backwards 1 running pop-up-appear-after;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -webkit-transition: opacity 1s ease 0s;
  -moz-transition: opacity 1s ease 0s;
  -ms-transition: opacity 1s ease 0s;
  -o-transition: opacity 1s ease 0s;
  -webkit-animation: .5s ease .6s normal backwards 1 running pop-up-appear-after
}

.prod-img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 200px
}

@media screen and (min-width:640px) {
  .prod-img {
    max-width: 300px
  }
}

.order_block h3 {
  text-align: center;
  font-size: 20px
}

.price-bl {
  text-align: center;
  margin-bottom: 20px
}

.price-bl s {
  padding-right: 6px
}

.price-bl b {
  color: red;
  padding-left: 6px
}

.input-roulette {
  display: block;
  margin: 0 auto 10px;
  width: 100%;
  max-width: 340px;
  height: 42px;
  padding: 0 10px;
  font-size: 16px;
  border: 1px #424242 solid;
  box-sizing: border-box;
  outline: none
}

.button {
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  background: red;
  border: none;
  border-radius: 8px;
  width: 100%;
  max-width: 340px;
  font-size: 18px;
  cursor: pointer;
  text-align: center;
  display: block;
  margin: 0 auto;
  cursor: pointer;
  height: auto
}

.button {
  transition: .2s;
  font-family: arial;
  font-size: 24px !important;
  font-weight: 300 !important
}


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

.loading img {
  display: inline;
  width: 60px !important;
  margin: 0 16px 0 0;
}

.comment-write {
  transition: all .3s ease;
  max-height: 100px;
  overflow: hidden;
  display: flex;
  align-items: center;
}

.comments__kma>div {
  transition: all .3s ease
}

.comment-add {
  margin: 15px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px
}

.comment-hide {
  transform: translateX(calc(-100% - 100px));
  height: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.comment-write {
  transition: all .3s ease;
  max-height: 100px;
  overflow: hidden;
  display: flex;
  align-items: center
}

.comments__kma {
  overflow: hidden
}

.loading {
  font-style: italic
}

.loading:after {
  content: '.';
  animation: loading 1s ease alternate infinite
}

.b_newslist-digest.m_special {
  padding: 20px;
  border: 1px solid #eaeaea;
  background: #fff
}

.b_newslist-digest.m_special .b_newslist-digest-title {
  font: 700 18px/24px 'Lora', serif;
  color: #333;
  margin-bottom: 15px
}

.b_newslist-digest.m_special .b_ear.m_line {
  flex-flow: row-reverse;
  padding-bottom: 5px;
  border-bottom: 1px solid #eaeaea;
  margin-bottom: 15px
}

.b_newslist-digest.m_special .b_ear.m_line:last-child {
  border-bottom: 0 solid #eaeaea;
  margin-bottom: 0
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-image {
  width: 45px;
  height: 45px;
  flex-shrink: 0
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-image img {
  width: auto
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-textblock {
  margin: 0 10px 0 0;
  width: auto
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-title {
  font: 14px/1.25 Lora, serif
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-intro {
  font: 13px/1.25 Roboto, sans-serif;
  color: #7f7f7f
}

.b_newslist-digest.m_special .b_ear.m_line .b_ear-time {
  display: none
}


.comment {
  display: flex
}

.comment__img {
  width: 50px;
  height: 50px;
  display: block;
  margin-right: 10px
}

.comment__name {
  margin-bottom: 0 !important;
  font-weight: 700 !important
}

.comment__info img {
  max-width: 350px;
  width: 100%;
  margin-top: 8px
}

body * {
  font-family: Georgia, Times, 'Times New Roman', serif !important;
}

p,
ul li,
ol li {
  font-size: 22px !important;
  line-height: 26px !important;
}
#_id_article>div.b_article-text>center>center>div.order_block>img {
    width: 100% !important;
    max-width: 300px !important;
  }

    .my__img {
      /* width: 50% !important; */
      max-height: 545px !important;
    }

    .my__div-info {
      width: 50%;
    }

    .my__div {
      display: flex;
      justify-content: center;
      margin: 40px auto;
      flex-wrap: wrap;
    }

    .my__div-info__title {
      background: #80A942 !important;
      font-style: normal !important;
      font-weight: 400 !important;
      text-align: center !important;
      color: #FFFFFF !important;
      font-size: 36px !important;
      padding: 20px 0 !important;
      margin-bottom: 40px !important;
    }

    .my__div-info__oldprice {
      display: block !important;
      font-style: normal !important;
      font-weight: 400 !important;
      text-align: center !important;
      color: #000000 !important;
      font-size: 28px !important;
    }

    .my__div-info__oldprice::after {
      content: "";
      display: block;
      width: 90%;
      height: 1px;
      background-color: #A7A7A7;
      margin: 40px auto;
    }

    .price__text {
      font-style: normal !important;
      font-weight: 400 !important;
      text-align: center !important;
      color: #000000 !important;
      margin-bottom: 40px !important;
      font-size: 34px !important;
    }

    .my__div-info__newprice {
      display: block !important;
      font-style: normal !important;
      font-weight: 600 !important;
      text-align: center !important;
      color: #FF0000 !important;
      font-size: 34px !important;
      margin-bottom: 60px !important;
    }

    .my__div-info__link {
      width: 100% !important;
      max-width: 435px !important;
      font-style: normal !important;
      font-weight: 600 !important;
      text-align: center !important;
      color: #000000 !important;
      padding: 35px 0 !important;
      background: #F9E242 !important;
      border: 1px solid #80A942 !important;
      box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
      border-radius: 5px !important;
      display: block !important;
      font-size: 30px !important;
      text-align: center !important;
      margin: 0 auto !important;
      margin-bottom: 40px !important;
    }

    @media(max-width:1200px) {
      .my__img {
        width: 100% !important;
      }

      .my__div-info {
        width: 100% !important;
        max-width: 450px !important;
      }

    }

    @media(max-width:560px) {
      .my__div-info__title {
        font-size: 24px !important;
        padding: 15px 0 !important;
        margin-bottom: 20px !important;
      }

      .my__div-info__oldprice {
        font-size: 22px !important;
      }

      .my__div-info__oldprice::after {
        margin: 20px auto !important;
      }

      .price__text {
        margin-bottom: 20px !important;
        font-size: 28px !important;
      }

      .my__div-info__newprice {
        font-size: 28px !important;
        margin-bottom: 30px !important;
      }

      .my__div-info__link {
        padding: 15px 0 !important;
        font-size: 26px !important;
        margin-bottom: 20px !important;
      }
    }
  


  .matreshka__title {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
    font-size: 22px !important;
    background-color: #3A4752;
    border-radius: 0.5em;
    font-weight: 700;
    font-style: normal;
    line-height: 30px;
    margin: 15px 0;
    color: #ffffff !important;
    padding: 10px;
  }

  .matreshka__container {
    display: flex;
    justify-content: space-around;
  }

  .matreshka__item img {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    cursor: pointer;
    box-sizing: border-box;
    color: #e4cbcc;
    margin: 0 auto 20px;
    max-width: 250px;
    width: 100%;
  }

  .win {
    display: none;
    position: relative;
    color: #8D7A7A !important;
  }

  .win p {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
    box-sizing: border-box;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    padding: 0;
    margin: 0 0 20px;
    line-height: 1.4 !important;
    color: #8D7A7A !important;
    font-family: 'poetsen_oneregular';
    font-size: 50px !important;
    font-weight: 600;
    text-shadow: 1px 1px 1px #fff;
  }

  .win span,
  .win p {
    color: #8D7A7A !important;
  }

  .w_block p::after {
    content: "";
    display: block;
    clear: both;
  }

  .grats span,
  p.grats {
    color: #F52626 !important;
  }

  .grats:after {
    content: '';
    width: 100%;
    height: 30px;
    position: absolute;
    bottom: -20px;
    left: 0;
    z-index: 2;
    background-size: cover;
    background-image: url(../images/line.png);
  }

  @media (max-width: 767px) {
    .matreshka__item img {
      max-width: 200px
    }

    .win p {
      font-size: 44px !important;
    }

    .sale {
      top: 10%;
    }

    .win p {
      font-size: 36px !important;
    }

    .sale {
      top: 15%;
    }
  }

  @media (max-width: 540px) {
    .win p {
      font-size: 32px !important;
    }
  }

  @media (max-width: 480px) {
    .sale {
      top: 8%;
    }
  }

  @media (max-width: 420px) {
    .win p {
      font-size: 28px !important;
    }
  }

  @media (max-width: 360px) {
    .win p {
      font-size: 26px !important;
    }

    .sale {
      top: 5%;
    }
  }

.order_block img {
    width: 35% !important;
  }

  @media (min-width: 650px) {
    .order_block img {
      width: 45% !important;
    }
  }
  .otz-img {
    width: 100% !important;
    max-width: 400px;
  }
  @charset "UTF-8";
  .submit-roulette:hover {
    background: #bb0000;
    transition: background 0.3s;
  }
  
  .additional-form-fields{
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px;
  }
  
  #order_form {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  #order_form input {
    display: flex;
  }
  
  
  .submit-roulette:active {
    transform: translateY(2px);
    box-shadow: none;
  }
  
  input[value="Получить бесплатно"], .submit-roulette {
    text-transform: uppercase;
    padding: 10px 15px;
    margin: 15px 0;
    outline: none;
    border: none;
    margin-top: 5px;
    border-radius: 5px;
    box-shadow: 0px 4px 3px #242120;
    background: red;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.3s;
  }
  
  input[value="Получить бесплатно"]:hover {
    background: #bb0000 !important;
    transition: background 0.3s;
  }
  
  input[value="Получить бесплатно"]:active {
    transform: translateY(2px);
    box-shadow: none !important;
  }
  
  
  .input-roulette::placeholder {
    font-size: 0.9em;
  }
  
  .input-roulette {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px;
    width: 200px !important;
  }
  
  input[placeholder="Ваше имя"], input[placeholder="Ваш телефон"] {
    padding-left: 5px;
    height: 42px;
    margin-bottom: 10px;
  }
  
  .ruletka-p {
    text-indent: 0px;
    color: black;
    text-align: center !important;
    margin: 15px;
    line-height: 25px;
    font-weight: bold;
  }
  
  .ruletka-p h2 {
    font-size: 25px;
    margin-bottom: 15px;
  }
  
  .ruletka-a {
    color: #1697ce;
  }
  
  .spin-wrapper {
    -webkit-box-shadow: 0 0 10px;
    box-shadow: 0 0 10px;
    border: 3px solid red;
    padding: 20px 10px;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
  }
  
  .spin-wrapper .ruletka-p {
    margin-bottom: 15px;
  }
  
  .danger-text {
    color: red;
    font-weight: bold;
  }
  
  .wheel {
    width: 380px;
    height: 380px;
    margin: 0 auto;
    position: relative;
  }
  
  .wheel img {
    max-width: 100%;
    max-height: 100%;
  }
  
  .wheel-img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transition: 4s;
    -o-transition: 4s;
    transition: 4s;
  }
  
  .wheel-cursor {
    position: absolute;
    width: 35% !important;
    height: 35%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .cursor-text {
    position: absolute;
    z-index: 2;
    display: inline-block;
    width: 45% !important;
    height: 45%;
    font: 16px Arial !important;
    line-height: 61px !important;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    background-color: #ccc;
    border: 1px solid #ccc;
    top: 49%;
    left: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-box-shadow: white 0px -2px 0px inset, white 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
    box-shadow: white 0px -2px 0px inset, white 0px 2px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 5px;
    background: white;
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, white), color-stop(100%, #eaeaea));
    background: -webkit-radial-gradient(center, ellipse cover, white 0%, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse cover, white 0%, #eaeaea 100%);
    background: -webkit-radial-gradient(center, ellipse, white 0%, #eaeaea 100%);
    background: -o-radial-gradient(center, ellipse, white 0%, #eaeaea 100%);
    background: radial-gradient(ellipse at center, white 0%, #eaeaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#eaeaea", GradientType=1);
  }
  
  .order_block {
    display: none;
    text-align: center !important;
  }
  
  .order_block img {
    width: 20%;
  }
  
  .order_block h3 {
    font: bold 18px Arial !important;
    background: transparent;
  }
  
  #luckyshop_form,
  #profit_form2,
  #omni_form,
  #everad_form,
  #shakes_form,
  #apilead_form,
  #hp_form,
  #p_hp_form,
  #pw_hp_form,
  #leadtrade_form,
  #drcash_form,
  #t_drcash_form,
  #rocket_form,
  #ad1_form,
  #p_omni_form,
  #m_leads,
  #v_m_leads,
  #kma_form,
  #adbees_form,
  #crm_form,
  #leadgroup_form,
  #leadbit_form,
  #cpagetti_form,
  #monsterleads_form,
  #tl_form,
  #adeptcpa_form,
  #burg_tl_form,
  #scpa_pw_ad1_form,
  #scpa_pw_hp_form,
  #scpa_pw_tl_form,
  #scpa_pw_apilead_form,
  #scpa_pw_leadtrade_form,
  #scpa_pw_drcash_form,
  #rekl_form,
  #p_apilead_form,
  #aff1_form,
  #p_hp_form_test,
  #p_rekl_form,
  #static_omni_form,
  #funcpa_form,
  #ha9_form {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: "Proxima Nova", "Arial", "Helvetica Neue", sans-serif;
  }
  
  .time_remains {
    font-size: 1.1em;
    color: red;
    font-weight: bold;
  }
  
  .spin-result-wrapper {
    display: none;
    padding: 0 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    top: 0;
    z-index: 999;
    left: 0;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center;
  }
  
  .pop-up-window {
    position: relative;
    max-width: 400px;
    right: 0px;
    left: 0px;
    top: 40%;
    margin: 0px auto;
    background: #ffffff none repeat scroll 0% 0%;
    text-align: center;
    padding: 10px;
    padding-top: 70px;
    padding-bottom: 20px;
    border-radius: 10px;
    animation: 0.7s ease 0s normal none 1 running pop-up-appear;
  }
  
  .close-popup {
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url(../fonts/cross.svg);
    background-size: 100%;
    top: -40px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    right: -40px;
    cursor: pointer;
  }
  
  .pop-up-heading {
    font-size: 40px;
    margin-bottom: 20px;
  }
  
  .pop-up-text {
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 30px;
    text-align: center !important;
  }
  
  .pop-up-button {
    text-transform: uppercase;
    text-decoration: none !important;
    padding: 10px 20%;
    font-size: 20px;
    border-radius: 5px;
    background-color: #71c341;
    color: white !important;
    border: medium none;
    cursor: pointer;
    outline: medium none;
  }
  
  .cursor-text:active {
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 5px inset;
  }
  
  .pop-up-layer {
    position: fixed !important;
    top: 0px !important;
    width: 100% !important;
    height: 100% !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    z-index: 99 !important;
  }
  
  .pop-up-layer-show {
    display: block;
  }
  
  .pop-up-window {
    position: relative;
    max-width: 400px;
    right: 0px;
    left: 0px;
    top: 40%;
    margin: 0px auto;
    background: #fff none repeat scroll 0% 0%;
    text-align: center;
    padding: 10px;
    padding-top: 70px;
    padding-bottom: 20px;
    border-radius: 10px;
    animation: 0.7s ease 0s normal none 1 running pop-up-appear;
  }
  
  .pop-up-window::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    top: -55px;
    left: 0;
    right: 0px;
    margin: 0 auto;
    background-color: #71c341;
    border-radius: 50%;
    animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-before;
  }
  
  .pop-up-window::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 20px;
    top: -20px;
    left: 0px;
    right: 0;
    margin: 0 auto;
    border-width: medium medium 4px 4px;
    border-style: none none solid solid;
    border-color: currentcolor currentcolor white white;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    transform: rotate(-45deg);
    transition: opacity 1s ease 0s;
    animation: 0.5s ease 0.6s normal backwards 1 running pop-up-appear-after;
  }
  
  .text_small {
    font-size: 0.5em !important;
    font-weight: normal !important;
  }
  
  @keyframes pop-up-appear {
    0% {
      transform: translateY(-2000px);
    }
    30% {
      transform: translateY(100px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  @keyframes pop-up-appear-before {
    0% {
      transform: scale(0);
    }
    100% {
      transform: scale(1);
    }
  }
  @keyframes pop-up-appear-after {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .pop-up-button:hover {

    color: white !important;
    text-decoration: none !important;
  }
  
  @media all and (max-width: 520px) {
    .wheel {
      width: 260px !important;
      height: 260px !important;
    }
  
    .cursor-text {
      line-height: 45px !important;
      font-size: 12px !important;
    }
  }
  @media screen and (max-width: 520px) and (max-width: 345px) {
    .wheel {
      width: 250px !important;
      height: 250px !important;
    }
  
    .cursor-text {
      line-height: 40px !important;
      font-size: 11px !important;
    }
  }