@charset "UTF-8";
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; }

body {
  position: relative;
  z-index: 1;
  background: #fff; }

.b_main {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 600px;
  margin: auto; }

.p1 {
  padding-top: 10px; }

.p2 {
  padding-top: 20px; }

.p3 {
  padding-top: 30px; }

.p4 {
  padding-top: 40px; }

.p5 {
  padding-top: 50px; }

.p6 {
  padding-top: 60px; }

.row {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  align-items: stretch; }

.mbg {
  margin-bottom: 15px; }

.rg {
  padding-top: 15px; }

.sep {
  position: relative;
  z-index: 1;
  height: 1px;
  background: #EAEAEA;
  margin: 0 20px; }

sup, sub {
  line-height: 0;
  font-size: 0.8em; }

.b_ear {
  position: relative;
  z-index: 1;
  margin: 0 20px 15px; }
  .b_ear-image {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 7px;
    overflow: hidden; }
    .b_ear-image a {
      display: block; }
    .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 18px/1.2 "Lora", serif;
    color: #292929;
    margin-bottom: 5px;
    transition: color 0.3s ease; }
  .b_ear-intro {
    position: relative;
    display: block;
    font: normal 15px/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: normal 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:hover .b_ear-title {
    color: #B11116; }
  .b_ear:hover .b_ear-image img {
    transform: scale(1.07, 1.07); }
  .b_ear.m_fullfield {
    padding-bottom: 60px;
    background: #292929;
    margin: 0 0 20px; }
    .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;
      padding-top: 100%; }
      .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;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        display: flex;
        justify-content: center; }
      .b_ear.m_fullfield .b_ear-image img {
        width: auto;
        height: 100%; }
    .b_ear.m_fullfield .b_ear-textblock {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      right: 0;
      padding: 0 20px 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-textblock a {
        display: block; }
    .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: .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: 60px 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: normal 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-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(https://static.gazeta.ru/nm2015/i/__svg/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(https://static.gazeta.ru/nm2021/img/icons/ui/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: auto;
      width: 90%;
      text-align: center;
      color: #fff;
      margin-bottom: 10px; }
      .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 10px;
      width: 90%; }
    .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: normal 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 {
    margin: 0 20px 20px; }
    .b_ear.m_simple .b_ear-title {
      font: 500 16px/1.2 "Lora", serif; }
    .b_ear.m_simple.m_exclusive .b_ear-title {
      position: relative; }
      .b_ear.m_simple.m_exclusive .b_ear-title:before {
        content: '';
        position: relative;
        top: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/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: 100%; }
  .b_ear.m_line {
    display: inline-flex;
    flex-flow: row; }
    .b_ear.m_line .b_ear-image {
      display: flex;
      width: 100%;
      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: 100%;
      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: 700 18px/1.2 "Lora", serif; }
  .b_ear.m_titleonly .b_ear-intro {
    font: 400 15px/1.2 "Roboto", sans-serif; }
  .b_ear.m_outline2 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    padding: 50px 30px; }
    .b_ear.m_outline2 .b_ear-title {
      font: bold 18px/1.2 "Lora", serif;
      margin-bottom: 5px; }
  .b_ear.m_exclusive {
    position: relative; }
    .b_ear.m_exclusive .b_ear-title {
      position: relative; }
      .b_ear.m_exclusive .b_ear-title:before {
        content: '';
        position: relative;
        top: 2px;
        display: inline-block;
        width: 18px;
        height: 18px;
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/exlusive2.svg) no-repeat 50% 50%;
        background-size: auto 100%; }
    .b_ear.m_exclusive .b_ear-image {
      position: relative; }
    .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: normal 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_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: normal 12px/14px "Roboto", sans-serif;
      color: #fff;
      text-align: center; }
  .b_ear.m_advcontent.m_titleonly .b_ear-image:before {
    display: none; }
  .b_ear.m_advcontent.m_titleonly .b_ear-title {
    position: relative; }
    .b_ear.m_advcontent.m_titleonly .b_ear-title:before {
      content: 'Партнерский материал';
      display: block;
      font: normal 12px/14px "Roboto", sans-serif;
      color: #7F7F7F;
      padding: 3px 0; }
  .b_ear.m_techlisting .b_ear-title {
    font: 700 18px/20px "Lora", serif; }
  .b_ear.m_techlisting.m_news .b_ear-title {
    font: 500 16px/20px "Lora", serif; }
  .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(https://static.gazeta.ru/nm2021/img/icons/ui/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(https://static.gazeta.ru/nm2021/img/icons/ui/videoplay_grey.svg) no-repeat 50% 50%;
    background-size: cover; }
  .b_ear.m_video.m_fullfield.m_online:after {
    display: none; }

.b_article {
  position: relative;
  z-index: 2;
  width: 100%; }
  .b_article-header {
    position: relative;
    width: 100%;
    padding: 0 20px; }
    .b_article-header .breadcrumb {
      position: relative;
      margin-bottom: 5px;
      font: normal 12px/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(https://static.gazeta.ru/nm2021/img/icons/ui/exlusive2.svg) no-repeat 50% 50%;
        background-size: auto 100%; }
    .b_article-header .headline {
      position: relative;
      margin-bottom: 5px;
      font: bold 24px/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: normal 16px/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;
        display: inline-flex;
        flex-flow: column;
        align-items: flex-start; }
        .b_article-header .addinfo .author-item {
          display: inline-block;
          vertical-align: baseline;
          font: normal 12px/1.5 "Roboto", sans-serif;
          color: #7F7F7F;
          transition: all 0.3s ease; }
          .b_article-header .addinfo .author-item:hover {
            color: #B11116; }
        .b_article-header .addinfo .author.m_opinion {
          flex-flow: row;
          align-items: center; }
          .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 16px/1.5 "Lora", serif;
            color: #292929; }
          .b_article-header .addinfo .author.m_opinion .author-about {
            font: normal 14px/21px "Roboto", sans-serif;
            color: #7F7F7F; }
          .b_article-header .addinfo .author.m_opinion.m_author_page {
            width: 100%;
            flex-flow: column;
            align-items: center;
            text-align: center; }
            .b_article-header .addinfo .author.m_opinion.m_author_page .author-photo {
              width: 60px;
              height: 60px;
              margin-right: 0; }
            .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: 20px;
              padding-left: 0;
              font: bold 16px/24px "Roboto", sans-serif;
              color: #292929; }
              .b_article-header .addinfo .author.m_opinion.m_author_page .author-cite:before {
                content: '\201C';
                display: block;
                font: bold 34px/34px "Lora", serif;
                color: #B11116;
                margin-bottom: -14px; }
      .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: normal 12px/1.5 "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-intro {
    position: relative;
    width: 100%;
    padding: 0 20px;
    font: 500 16px/1.5 "Lora", serif;
    color: #292929; }
  .b_article-text {
    position: relative;
    width: 100%;
    padding: 0 20px;
    font: normal 16px/1.5 "Roboto", sans-serif;
    color: #292929; }
    .b_article-text p {
      position: relative;
      font: normal 16px/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 {
      position: relative;
      margin: 40px 0 25px;
      font: bold 22px/1.3 "Lora", serif;
      color: #292929; }
      .b_article-text h4:first-child {
        padding-top: 0; }
      .b_article-text h4 .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: 30px;
      border-left: 3px solid #B11116;
      font: bold 18px/1.35 "Roboto", sans-serif;
      color: #292929;
      clear: both;
      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: 5;
    width: 100%;
    padding: 0 20px;
    margin: 0 0 10px 0; }
    .b_article-media.m_fullwidth {
      padding: 0; }
      .b_article-media.m_fullwidth .i_gallery .infoblock {
        padding: 10px 20px 0; }
        .b_article-media.m_fullwidth .i_gallery .infoblock .quantity {
          margin-left: 0; }
    .b_article-media img {
      display: block;
      max-height: 100%; }
    .b_article-media iframe {
      max-width: 100%; }
  .b_article .sep {
    position: relative;
    margin: 0 20px; }
  .b_article-incut {
    position: relative;
    clear: both; }
    .b_article-incut a {
      text-decoration: none;
      border-bottom: none; }
    .b_article-incut.m_article {
      margin: 0 0 20px;
      padding: 20px 0;
      width: 100%;
      border: 1px solid #EAEAEA;
      border-left: 0;
      border-right: 0; }
      .b_article-incut.m_article .b_ear {
        display: flex;
        flex-flow: row;
        align-items: flex-start;
        margin: 0; }
        .b_article-incut.m_article .b_ear-image {
          display: none;
          /*
                    width: 80px;
                    img {
                        display: block;
                        width: 100%;
                        height: auto;
                    }
                    &:before {
                        display: none;
                    }
                    */ }
        .b_article-incut.m_article .b_ear-textblock {
          display: inline-flex;
          flex-flow: column;
          width: 100%;
          padding-left: 10px; }
    .b_article-incut.m_text {
      z-index: 10;
      margin: 0 0 20px;
      padding: 20px;
      background: #f5f5f5; }
      .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: normal 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: normal 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.m_open .popup-closebtn span {
            bottom: 20px; }
        .b_article-incut.m_text .popup-wrapper {
          position: relative;
          margin: auto;
          width: 100%;
          padding: 30px 20px 80px; }
        .b_article-incut.m_text .popup-title {
          position: relative;
          width: 100%;
          font: bold 22px/1.3 "Lora", serif;
          color: #292929;
          margin-bottom: 15px; }
        .b_article-incut.m_text .popup-text {
          position: relative;
          z-index: 1;
          font: normal 16px/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;
            max-height: 80vh;
            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: fixed;
            z-index: 2;
            bottom: -60px;
            left: 0;
            right: 0;
            width: 40px;
            height: 40px;
            margin: auto;
            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: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;
      padding: 20px; }
      .b_article-incut.m_crumb .title {
        font: normal 13px/1.25 "Roboto", sans-serif;
        color: #505050;
        margin-bottom: 15px; }
      .b_article-incut.m_crumb .content .b_ear {
        margin: 0 0 20px; }
        .b_article-incut.m_crumb .content .b_ear-image {
          display: none; }
    .b_article-incut.m_code {
      position: relative;
      margin-bottom: 20px; }
      .b_article-incut.m_code iframe {
        max-width: 100%; }
    .b_article-incut.m_media {
      position: relative;
      margin-bottom: 20px; }
  .b_article .b_article-incut + .b_article-incut {
    margin-top: 20px; }
  .b_article-online {
    position: relative;
    z-index: 1;
    margin: 0 20px; }
    .b_article-online.m_sport .listing-item .time:after {
      content: '';
      position: absolute;
      right: calc(50% - 8px);
      top: 0;
      width: 16px;
      height: 16px;
      margin: auto; }
    .b_article-online.m_sport .listing-item .time.m_goal:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/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(https://static.gazeta.ru/nm2021/img/icons/sport/change.svg); }
    .b_article-online.m_sport .listing-item .time.m_dangerous:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/notif.svg); }
    .b_article-online.m_sport .listing-item .time.m_yellow:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/yellow_card.svg); }
    .b_article-online.m_sport .listing-item .time.m_yellow2:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/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(https://static.gazeta.ru/nm2021/img/icons/sport/red_card.svg); }
    .b_article-online.m_sport .listing-item .time.m_accident:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/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(https://static.gazeta.ru/nm2021/img/icons/sport/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: 18px;
      height: 16px;
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/ball_penalty1.svg); }
    .b_article-online.m_sport .listing-item .time.m_own_goal:after {
      width: 18px;
      height: 16px;
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/ball_auto1.svg); }
    .b_article-online.m_sport .listing-item .time.m_hgoal:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/puck.svg); }
    .b_article-online.m_sport .listing-item .time.m_bul:after {
      width: 21px;
      height: 16px;
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/puck_bullit.svg); }
    .b_article-online.m_sport .listing-item .time.m_hpen:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/notif.svg); }
    .b_article-online.m_sport .listing-item .time.m_horn:after {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/final.svg); }
    .b_article-online .header {
      position: relative;
      padding: 20px 0;
      align-items: center; }
      .b_article-online .header .title {
        position: relative;
        font: bold 26px/1.3 "Lora", serif;
        color: #292929;
        margin-bottom: 20px;
        width: 100%;
        text-align: left; }
      .b_article-online .header .sorting {
        position: relative;
        display: inline-block;
        width: 50%;
        height: 30px;
        vertical-align: middle;
        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: 0px; }
        .b_article-online .header .sorting .item {
          position: relative;
          z-index: 2;
          display: inline-block;
          vertical-align: middle;
          width: 80px;
          font: normal 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 {
            display: none; }
          .b_article-online .header .sorting .item:hover {
            color: #B11116; }
      .b_article-online .header .autorefresh {
        position: relative;
        display: inline-block;
        width: 50%;
        height: 22px;
        vertical-align: middle;
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/refresh.svg) no-repeat 100% 50%;
        background-size: 20px; }
        .b_article-online .header .autorefresh:before {
          content: '';
          position: absolute;
          top: 0;
          bottom: 0;
          right: 30px;
          width: 36px;
          height: 18px;
          margin: auto;
          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: 32px;
          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: 50px; }
    .b_article-online .listing {
      position: relative; }
      .b_article-online .listing-item {
        position: relative;
        display: flex;
        flex-flow: column;
        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: 100%;
          text-align: left;
          font: normal 16px/1.5 "Roboto", sans-serif;
          color: #7F7F7F;
          margin-bottom: 5px; }
        .b_article-online .listing-item .textblock {
          position: relative;
          width: 100%;
          font: normal 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; }
    .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: fixed;
        bottom: -1px;
        width: 200px;
        left: calc(50% - 100px);
        background: rgba(177, 17, 22, 0.95);
        padding: 10px;
        border-radius: 6px 6px 0 0;
        text-align: center;
        cursor: pointer;
        opacity: 0;
        transition: all 0.3s ease; }
        .b_article-online .update_notice .textblock .title {
          font: normal 13px/13px "Roboto", sans-serif;
          color: #fff;
          margin-bottom: 5px; }
        .b_article-online .update_notice .textblock .btn {
          display: inline-block;
          font: normal 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-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    margin: 0 20px;
    padding: 20px 0; }
    .b_article-scoreboard-info {
      position: relative;
      margin: auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 0 0 20px 0; }
      .b_article-scoreboard-info .item {
        font: normal 13px/1.25 "Roboto", sans-serif;
        color: #292929;
        text-align: center;
        padding: 0; }
        .b_article-scoreboard-info .item:first-child {
          width: 40%;
          min-width: 100px;
          text-align: left; }
        .b_article-scoreboard-info .item:last-child {
          width: 40%;
          min-width: 100px;
          text-align: right; }
        .b_article-scoreboard-info .item.m_status {
          position: absolute;
          width: 100px;
          text-align: center;
          left: 0;
          right: 0;
          margin: auto;
          color: #B11116;
          padding-top: 20px; }
        .b_article-scoreboard-info .item.m_gameinfo {
          width: 100%;
          color: #7F7F7F;
          font: normal 11px/1.5 "Roboto", sans-serif;
          text-align: center;
          white-space: normal; }
        .b_article-scoreboard-info .item .teamstructurebtn {
          position: relative;
          display: inline-block;
          font: normal 11px/1.5 "Roboto", sans-serif;
          color: #B11116;
          border-bottom: 1px dotted #B11116;
          cursor: pointer;
          margin-bottom: 5px; }
    .b_article-scoreboard-teams {
      position: relative;
      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: 10px;
          font: bold 24px/24px "Lora", serif;
          color: #B11116;
          white-space: nowrap; }
      .b_article-scoreboard-teams .b_team {
        width: 40%; }
        .b_article-scoreboard-teams .b_team-logo {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          width: 40px;
          height: 40px; }
          .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 16px/1.2 "Lora", serif;
          color: #292929;
          text-align: center;
          padding: 20px 0 5px; }
        .b_article-scoreboard-teams .b_team-from {
          font: normal 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: normal 11px/1.5 "Roboto", sans-serif;
            white-space: nowrap; }
            .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;
      padding: 40px 0 20px 0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #EAEAEA; }
      .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: 30px;
            height: 30px; }
      .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; }
      .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-line {
          position: relative;
          display: inline-flex;
          justify-content: space-between;
          align-items: center;
          width: 100%; }
          .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(https://static.gazeta.ru/nm2021//img/decor/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: normal 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: normal 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-label.show {
              z-index: 10;
              opacity: 1; }
          .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 {
      margin: 0; }
  .b_article .__s_icon {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle; }
    .b_article .__s_icon.m_goal {
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/ball1.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_penalty {
      width: 21px;
      height: 19px;
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/ball_penalty1.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_owngoal {
      width: 21px;
      height: 19px;
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/ball_auto1.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_y_card {
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/yellow_card.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_y_card2 {
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/yellow_red_card.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_r_card {
      background: url(https://static.gazeta.ru/nm2021//img/icons/sport/red_card.svg) no-repeat 0% 100%; }
    .b_article .__s_icon.m_hgoal {
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/puck.svg); }
    .b_article .__s_icon.m_bul {
      width: 21px;
      height: 16px;
      background: url(https://static.gazeta.ru/nm2021/img/icons/sport/puck_bullit.svg); }
  .b_article-tilestyle {
    color: #292929; }
    .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-notice {
    position: relative;
    margin: 20px;
    padding-top: 10px;
    border-top: 1px solid #EAEAEA;
    font: normal 14px/24px "Roboto", sans-serif;
    color: #505050; }
  .b_article iframe {
    max-width: 100%; }

._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; }

.i_gallery {
  position: relative;
  width: 100%;
  font-size: 0; }
  .i_gallery .mainarea {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 66.6667%;
    background: #292929;
    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(https://static.gazeta.ru/nm2015/i/__svg/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;
          max-height: 101%;
          box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.5); }
        .i_gallery .mainarea-wrapper .item-caption {
          display: none; }
  .i_gallery .infoblock {
    position: relative;
    padding: 10px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
    .i_gallery .infoblock .signplace {
      position: relative;
      font: normal 11px/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: normal 11px/1.5 "Roboto", sans-serif; }
      .i_gallery .infoblock .signplace p {
        color: #292929;
        margin: 0; }
      .i_gallery .infoblock .signplace i {
        position: relative;
        color: #7F7F7F;
        display: block; }
        .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 11px/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: 10px;
    right: 0;
    left: 0;
    width: 40px;
    height: 40px;
    margin: auto;
    border-radius: 50%;
    background: #7F7F7F;
    cursor: pointer;
    font: normal 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: #fff;
      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: #fff;
      opacity: 1;
      transform: rotate(-45deg);
      transition: all 0.3s ease; }
  .i_gallery.m_fullscreen .mainarea {
    height: 100vh;
    padding: 0;
    background: #292929; }
    .i_gallery.m_fullscreen .mainarea-wrapper {
      left: 0;
      right: 0; }
      .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 {
        cursor: move; }
  .i_gallery.m_fullscreen .infoblock {
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    bottom: 20px;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    max-height: none;
    background: rgba(41, 41, 41, 0.95);
    text-align: center;
    padding: 10px; }
    @media screen and (orientation: landscape) {
      .i_gallery.m_fullscreen .infoblock {
        bottom: 0; } }
    .i_gallery.m_fullscreen .infoblock .signplace {
      margin: 0 auto 15px; }
      .i_gallery.m_fullscreen .infoblock .signplace p {
        color: #fff; }
      .i_gallery.m_fullscreen .infoblock .signplace i {
        display: block;
        color: #7F7F7F; }
      .i_gallery.m_fullscreen .infoblock .signplace p {
        margin: 0; }
    .i_gallery.m_fullscreen .infoblock .quantity {
      color: #fff; }
  .i_gallery.m_fullscreen .b_photoreports_digest:before {
    display: none; }
  .i_gallery.m_fullscreen .b_photoreports_digest.active {
    opacity: 1;
    left: 0; }
  @media screen and (orientation: portrait) {
    .i_gallery.m_fullscreen .b_photoreports_digest-wrapper {
      align-items: center;
      flex-flow: column;
      padding: 60px 0 20px 40px; } }
  @media screen and (orientation: portrait) {
    .i_gallery.m_fullscreen .b_photoreports_digest-wrapper:before, .i_gallery.m_fullscreen .b_photoreports_digest-wrapper:after {
      content: '';
      position: absolute;
      z-index: 20;
      top: 60px;
      left: 0;
      right: 0;
      height: 20px;
      width: 100%;
      background: linear-gradient(to bottom, #292929, transparent); } }
  @media screen and (orientation: portrait) {
    .i_gallery.m_fullscreen .b_photoreports_digest-wrapper:after {
      top: auto;
      bottom: 0;
      transform: scale(1, -1); } }
  @media screen and (orientation: portrait) {
    .i_gallery.m_fullscreen .b_photoreports_digest-digest {
      padding: 10px 0;
      overflow: scroll;
      white-space: normal;
      text-align: left; } }
  @media screen and (orientation: portrait) {
    .i_gallery.m_fullscreen .b_photoreports_digest-digest-item {
      margin: 10px; } }
  .i_gallery.m_fullscreen.m_fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000; }
  .i_gallery.m_fullscreen[id*='photoreport'] .mainarea:before {
    top: calc(50vh + 60px);
    bottom: auto; }
    @media screen and (orientation: landscape) {
      .i_gallery.m_fullscreen[id*='photoreport'] .mainarea:before {
        top: 0;
        bottom: 0;
        margin: auto; } }
  .i_gallery.m_fullscreen[id*='photoreport'] .mainarea.m_swipped:before {
    opacity: 0; }
  .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 {
          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: normal 16px/1.5 "Roboto", sans-serif; }
  .i_gallery.m_main.m_fullscreen .infoblock .signplace p, .i_gallery.m_main.m_fullscreen .infoblock .signplace i {
    font: normal 13px/1.5 "Roboto", sans-serif;
    display: inline; }
  .i_gallery[id*='photoreport'] .mainarea:before {
    content: '';
    position: absolute;
    z-index: 20;
    left: 0;
    right: 0;
    bottom: 16px;
    width: 54px;
    height: 28px;
    margin: auto;
    background: url(https://static.gazeta.ru/nm2021/img/icons/ui/swipe.svg) no-repeat 50% 50%;
    background-size: cover;
    opacity: 1;
    transition: all 0.3s ease; }
  .i_gallery[id*='photoreport'] .mainarea.m_swipped:before {
    opacity: 0; }
  .i_gallery .b_photoreports_digest {
    position: absolute;
    z-index: 12;
    top: 0;
    left: 100%;
    bottom: 0;
    width: 100%;
    background: #292929; }
    .i_gallery .b_photoreports_digest:before {
      content: '';
      position: absolute;
      z-index: 100;
      top: 20px;
      left: 20px;
      width: 110px;
      height: 14px;
      opacity: 0;
      background: url(https://static.gazeta.ru/nm2021/img/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: row;
      align-items: flex-start;
      justify-content: flex-start;
      width: 100%;
      height: 100%;
      margin: auto;
      padding: 50px 0 0 40px; }
      .i_gallery .b_photoreports_digest-wrapper:before, .i_gallery .b_photoreports_digest-wrapper:after {
        content: '';
        position: absolute;
        z-index: 20;
        top: 0;
        left: 40px;
        bottom: 0;
        width: 20px;
        background: linear-gradient(to right, #292929, transparent); }
      .i_gallery .b_photoreports_digest-wrapper:after {
        left: auto;
        right: 0;
        transform: scale(-1, 1); }
    .i_gallery .b_photoreports_digest-backbtn {
      position: absolute;
      top: 0;
      left: 6px;
      bottom: 0;
      width: 40px;
      height: 40px;
      margin: auto; }
      .i_gallery .b_photoreports_digest-backbtn:before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 14px;
        height: 14px;
        margin: auto;
        border-left: 2px solid #fff;
        border-bottom: 2px solid #fff;
        transform: rotate(45deg); }
    .i_gallery .b_photoreports_digest-digest {
      position: relative;
      text-align: center;
      padding: 0 0 0 20px;
      white-space: nowrap;
      overflow-x: scroll; }
      .i_gallery .b_photoreports_digest-digest-item {
        position: relative;
        width: 34vw;
        margin: 0 10px;
        display: inline-block;
        vertical-align: top; }
        .i_gallery .b_photoreports_digest-digest-item .image {
          position: relative;
          display: block;
          width: 100%;
          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: 20px;
            height: 18px;
            margin: auto;
            background: url(https://static.gazeta.ru/nm2015/i/__svg/camera_2020.svg) no-repeat 50% 0;
            background-size: 100% auto; }
          .i_gallery .b_photoreports_digest-digest-item .image img {
            display: block;
            width: 100%; }
        .i_gallery .b_photoreports_digest-digest-item .caption {
          position: relative;
          display: block;
          padding: 10px 0 0;
          font: 500 14px/1.2 "Roboto", sans-serif;
          color: #fff;
          white-space: normal; }
  .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; }
    .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: normal 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(https://static.gazeta.ru/nm2015/i/__svg/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: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background: #fff; }
  .b_header-row {
    position: relative;
    display: block;
    text-align: center;
    padding: 16px 20px;
    z-index: 10; }
    .b_header-row .logo {
      display: inline-block; }
      .b_header-row .logo img {
        height: 18px; }
  .b_header.m_pseudo {
    z-index: 999;
    top: -60px;
    transition: all 0.3s ease; }
    .b_header.m_pseudo .b_header-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 64px 15px 20px; }
    .b_header.m_pseudo .b_menu {
      left: auto;
      right: 20px; }
  .b_header .b_menu {
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto; }
    .b_header .b_menu-btn {
      position: absolute;
      z-index: 10;
      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: 0;
        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;
          transform: rotate(0deg);
          transition: all 0.2s ease; }
        .b_header .b_menu-btn span:after {
          content: '';
          position: absolute;
          bottom: -6px;
          left: 0;
          width: 100%;
          height: 2px;
          opacity: 1;
          background: #292929;
          transform: rotate(0deg);
          transition: all 0.2s ease; }
    .b_header .b_menu-content {
      position: fixed;
      z-index: 9;
      top: 0;
      bottom: 0;
      left: -100vw;
      width: 100vw;
      background: #fff;
      padding: 70px 0 0 0;
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: flex-start;
      max-height: none;
      opacity: 1;
      transition: all 0.15s ease; }
    .b_header .b_menu-wrapper {
      position: relative;
      display: flex;
      flex-flow: row;
      width: 100%; }
      .b_header .b_menu-wrapper .part {
        width: 50%; }
    .b_header .b_menu-item {
      position: relative;
      display: block;
      width: 100%;
      text-align: left;
      font: 500 14px/1.35 "Roboto", sans-serif;
      color: #292929;
      transition: all 0.3s ease; }
      .b_header .b_menu-item a {
        display: block;
        padding: 6px 20px; }
      .b_header .b_menu-item:active {
        background: #f5f5f5; }
    .b_header .b_menu.open .b_menu-btn span {
      background: transparent; }
      .b_header .b_menu.open .b_menu-btn span:before {
        top: 0;
        transform: rotate(45deg); }
      .b_header .b_menu.open .b_menu-btn span:after {
        bottom: 0;
        transform: rotate(-45deg); }
    .b_header .b_menu.open .b_menu-content {
      left: 0; }
  .b_header .b_podcastbtn {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    margin: auto; }
    .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.m_404 {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 40px; }
    .b_header.m_404 .logo {
      margin-bottom: 30px; }
      .b_header.m_404 .logo img {
        height: 18px; }
    .b_header.m_404 .b_nav {
      position: relative;
      display: inline-flex;
      flex-wrap: nowrap;
      vertical-align: middle; }
      .b_header.m_404 .b_nav-item {
        display: inline-block;
        vertical-align: middle;
        margin-left: 30px;
        font: 500 13px/1.25 "Roboto", sans-serif;
        color: #292929;
        text-transform: capitalize;
        cursor: pointer;
        transition: color 0.3s ease; }
        .b_header.m_404 .b_nav-item:first-child {
          margin-left: 0; }
  .b_header.m_offline {
    display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 40px;
    background-color: #292929; }
    .b_header.m_offline .logo {
      margin-bottom: 0; }
      .b_header.m_offline .logo svg {
        height: 18px; }
  .b_header .b_search {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    width: calc(100% - 40px);
    height: 36px;
    margin: 50px 20px;
    border: 1px solid #EAEAEA;
    border-radius: 3px; }
    .b_header .b_search .area {
      position: relative;
      width: calc(100% - 40px);
      text-align: left; }
      .b_header .b_search .area input[type="text"] {
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        padding: 0 20px;
        font: 500 14px/36px "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="text"]::placeholder {
          color: #7F7F7F; }
      .b_header .b_search .area input[type="submit"] {
        position: absolute;
        z-index: 10;
        left: 100%;
        top: 0;
        bottom: 0;
        width: 40px; }
    .b_header .b_search .btn {
      position: relative;
      z-index: 2;
      display: inline-flex;
      width: 40px;
      height: 36px; }
      .b_header .b_search .btn-icon {
        display: inline-block;
        width: 17px;
        height: 17px;
        margin: auto;
        opacity: 1; }

.b_fullwidth {
  position: relative;
  z-index: 10;
  background: #292929;
  padding: 0 0 30px 0;
  margin: 20px 0 20px 0; }
  .b_fullwidth.m_dayreview {
    margin: 30px auto;
    background: #fff; }
    .b_fullwidth.m_dayreview .logo {
      display: block;
      padding: 20px 0 10px;
      text-align: center; }
      .b_fullwidth.m_dayreview .logo img {
        display: inline-block;
        height: 26px; }
    .b_fullwidth.m_dayreview .b_fullwidth-title {
      width: 100%;
      text-align: center;
      font: 500 18px/1.25 "Roboto", sans-serif;
      color: #7F7F7F;
      margin-bottom: 20px; }
    .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.m_dayreview .sep {
      background: #EAEAEA; }
  .b_fullwidth * {
    box-sizing: border-box; }
  .b_fullwidth a {
    text-decoration: none;
    color: inherit; }
  .b_fullwidth-wrapper {
    position: relative;
    width: 100%;
    margin: auto; }
  .b_fullwidth .b_newslist {
    width: 100%;
    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 16px/1.25 "Lora", serif;
          color: #fff; }
      .b_fullwidth .b_newslist .b_ear.m_simple .b_ear-title {
        font: 500 16px/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: .7; }
  .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: .7; }
  .b_fullwidth .sep {
    background: #585858; }

.b_newslist {
  display: inline-flex;
  flex-flow: column;
  justify-content: flex-start; }
  .b_newslist .title {
    margin: 0 20px 20px;
    font: 500 24px/1.2 "Roboto", sans-serif;
    color: #292929; }
  .b_newslist .b_newslist-showmorebtn {
    position: relative;
    display: block;
    width: 162px;
    height: 38px;
    margin: 0 auto 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 .b_newslist-showmorebtn:hover {
      background: #7F7F7F; }
  .b_newslist .b_newslist-hiddenarea {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease; }
    .b_newslist .b_newslist-hiddenarea.show {
      max-height: 5000px;
      opacity: 1; }

.b_main {
  position: relative;
  z-index: 10;
  width: 100%;
  max-width: 600px;
  margin: auto; }
  .b_main.m_high {
    z-index: 20; }
  .b_main-title {
    position: relative;
    margin: 0 20px;
    font: bold 22px/1.2 "Lora", serif;
    color: #292929;
    align-self: center; }
    .b_main-title-logo {
      display: inline-block;
      margin: 0 20px 0 0;
      max-height: 50px; }
    .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(https://static.gazeta.ru/nm2021//img/icons/ui/traingle_rounded_black.svg) no-repeat 50% 50%;
          background-size: cover;
          opacity: .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_authors_list {
  position: relative;
  min-height: 1000px; }
  .b_authors_list .switcher {
    position: relative;
    display: block;
    width: 100%;
    height: 30px;
    overflow: hidden; }
    .b_authors_list .switcher-wrapper {
      white-space: nowrap;
      overflow-x: scroll;
      padding: 0 20px 0 10px;
      height: 40px; }
    .b_authors_list .switcher-item {
      position: relative;
      display: inline-block;
      width: 28px;
      height: 28px;
      text-align: center;
      cursor: pointer;
      font: normal 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: 0;
      right: 0;
      top: 40px;
      width: 80px;
      margin: auto;
      font: normal 13px/13px "Roboto", sans-serif;
      text-align: center;
      color: #B11116;
      opacity: 0;
      cursor: default;
      transition: all 0.3s ease; }
      .b_authors_list .switcher-reset.show {
        cursor: pointer;
        opacity: 1; }
  .b_authors_list .item {
    position: relative;
    display: flex;
    flex-flow: column;
    align-items: center;
    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;
      flex-flow: column;
      align-items: center;
      width: 100%; }
      .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-bottom: 10px;
        background: #efefef; }
        .b_authors_list .item .author-photo img {
          display: block;
          height: 100%;
          transform: scale(1, 1); }
      .b_authors_list .item .author-info {
        display: inline-flex;
        flex-flow: column;
        width: 100%;
        text-align: center; }
      .b_authors_list .item .author-item {
        display: block;
        font: bold 18px/1.2 "Lora", serif;
        color: #292929;
        margin-bottom: 3px; }
      .b_authors_list .item .author-about {
        font: normal 14px/1.5 "Roboto", sans-serif;
        color: #7F7F7F; }
    .b_authors_list .item .articles {
      position: relative;
      margin: 20px auto 0;
      text-align: left; }
      .b_authors_list .item .articles .b_ear {
        margin-bottom: 20px; }
    .b_authors_list .item .gotobtn {
      position: relative;
      display: block;
      padding: 4px 0 4px 0;
      margin: 0 0 0 20px;
      font: normal 13px/1.25 "Roboto", sans-serif;
      color: #B11116; }

.b_authors_slider {
  width: 100%;
  padding: 0;
  position: relative;
  z-index: 10;
  overflow: hidden; }
  .b_authors_slider .wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    overflow-x: scroll; }
  .b_authors_slider .b_ear.m_opinion {
    display: inline-block;
    vertical-align: top;
    width: 75%;
    flex-shrink: 0;
    padding: 0;
    margin: 0 10px 20px;
    background: #f5f5f5; }
    .b_authors_slider .b_ear.m_opinion:first-child {
      margin-left: 20px; }
    .b_authors_slider .b_ear.m_opinion:before {
      display: none; }
    .b_authors_slider .b_ear.m_opinion .b_ear-image {
      position: relative;
      width: 100%;
      margin: 0 auto; }
    .b_authors_slider .b_ear.m_opinion .b_ear-textblock {
      position: relative;
      white-space: normal;
      padding-top: 35px; }
    .b_authors_slider .b_ear.m_opinion .b_ear-intro {
      font: normal 13px/1.25 "Roboto", sans-serif; }
    .b_authors_slider .b_ear.m_opinion .b_ear-author-photo {
      position: absolute;
      z-index: 10;
      top: -30px;
      left: 0;
      right: 0;
      margin: auto;
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .b_authors_slider .b_ear.m_opinion .b_ear-author-photo img {
        display: block;
        height: 100%;
        width: auto; }
    .b_authors_slider .b_ear.m_opinion .b_ear-author-name {
      display: block; }

.b_showmorebtn {
  position: relative;
  margin: 20px; }
  .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_searchform-area {
  position: relative;
  z-index: 20;
  display: flex;
  flex-flow: column;
  padding: 20px 20px 30px;
  background: #f5f5f5; }

.b_searchform-inputs {
  display: block;
  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: normal 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;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s ease; }
  .b_searchform-submit:hover {
    background: #292929; }

.b_searchform-filters {
  display: flex;
  flex-flow: column nowrap; }

.b_searchform-select {
  position: relative;
  display: block;
  margin-bottom: 20px; }
  .b_searchform-select .default {
    position: relative;
    z-index: 2;
    min-width: 100%;
    height: 38px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 0 30px 0 10px;
    font: normal 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(https://static.gazeta.ru/nm2021//img/icons/ui/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: 10;
      max-height: 500px;
      opacity: 1;
      top: 100%; }
    .b_searchform-select .list .item {
      position: relative;
      font: normal 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: normal 16px/38px "Roboto", sans-serif;
    color: #B11116;
    cursor: pointer;
    padding: 0;
    margin-bottom: 20px; }
    .b_searchform-date-btn:after {
      content: '';
      position: absolute;
      right: 10px;
      top: 0;
      bottom: 0;
      width: 12px;
      height: 12px;
      margin: auto;
      background: url(https://static.gazeta.ru/nm2021//img/icons/ui/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: relative;
    z-index: 10;
    width: 100%;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    font: normal 16px/38px "Roboto", sans-serif;
    background: #f5f5f5;
    padding: 0 20px 0;
    border-top: 0;
    transition: all 0.15s ease;
    display: flex;
    flex-flow: column; }
    .b_searchform-date-wrapper.active {
      opacity: 1;
      padding: 0 20px 20px;
      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: normal 16px/38px "Roboto", sans-serif;
      color: #292929; }
    .b_searchform-date-el input {
      display: inline-block;
      vertical-align: top;
      font: normal 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;
  flex-flow: column;
  align-items: center; }
  .b_searchform-basement .total {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-align: left;
    font: normal 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: normal 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;
  display: flex;
  flex-direction: row;
  justify-content: center;
  position: relative;
  padding: 40px 20px 15px;
  color: #292929;
  text-align: center; }
  .b_social_sharing-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 auto; }
  .b_social_sharing .item {
    cursor: pointer;
    padding: 0 10px; }
    .b_social_sharing .item:hover svg {
      opacity: 0.75; }
    .b_social_sharing .item-mail-popup, .b_social_sharing .item-link-popup {
      display: none;
      position: absolute;
      opacity: 0;
      bottom: 100%;
      background: #fff;
      padding: 0;
      white-space: nowrap;
      height: 0;
      border: 0;
      overflow: hidden;
      transition: opacity 0.3s ease;
      z-index: 20; }
    .b_social_sharing .item-mail-popup.show, .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-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_social_sharing .item-link-popup .show {
      height: 52px; }
    .b_social_sharing .item-link-popup input {
      position: relative;
      display: inline-block;
      width: 200px;
      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_telegram {
  margin: 0 20px 20px;
  color: #292929;
  background-color: #f5f5f5;
  padding: 20px 10px; }
  .b_telegram-text {
    margin: 0 5px;
    font: normal 14px/1.3 "Roboto", sans-serif;
    color: #292929;
    margin-bottom: 10px;
    text-align: center; }
    .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; }
    .b_telegram-btns .item {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-grow: 1;
      height: 34px;
      border-radius: 2px;
      background: #fff;
      box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.15);
      margin-left: 4px; }
      .b_telegram-btns .item:first-child {
        margin-left: 0; }
      .b_telegram-btns .item-icon {
        display: inline-flex;
        margin-right: 5px;
        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;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0 20px; }
  .b_sportbar .item {
    position: relative;
    display: inline-flex;
    font: normal 15px/1.25 "Roboto", sans-serif;
    color: #292929;
    margin-left: 30px;
    padding-right: 16px;
    transition: all 0.3s ease; }
    .b_sportbar .item:before {
      content: '';
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 8px;
      height: 8px;
      margin: auto;
      background: url(https://static.gazeta.ru/nm2021//img/icons/ui/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;
      overflow: hidden;
      background: #fff;
      box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
      transition: all 0.3s ease; }
      .b_sportbar .item .add_menu-item {
        display: block;
        font: normal 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:hover {
      color: #B11116; }
      .b_sportbar .item:hover:before {
        transform: rotate(-90deg); }
      .b_sportbar .item:hover .add_menu {
        padding: 20px 20px;
        max-height: 300px;
        opacity: 1;
        box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15); }

.b_sportstat-navbar {
  position: relative;
  height: 30px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .b_sportstat-navbar .wrapper {
    height: 50px;
    overflow-x: scroll;
    width: 100%;
    padding: 0 20px; }
  .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;
      border-radius: 20px;
      background: #292929; }

.b_sportstat-table {
  position: relative;
  padding: 20px; }
  .b_sportstat-table.m_group .row.m_legend {
    padding: 0 0 20px; }
    .b_sportstat-table.m_group .row.m_legend .row-part:first-child {
      width: 50%;
      justify-content: flex-start; }
      .b_sportstat-table.m_group .row.m_legend .row-part:first-child .item {
        min-width: 100%;
        font: bold 16px/1.2 "Lora", serif;
        color: #292929; }
    .b_sportstat-table.m_group .row.m_legend .row-part:last-child {
      width: 50%;
      justify-content: flex-end; }
      .b_sportstat-table.m_group .row.m_legend .row-part:last-child .item {
        font: normal 13px/1.25 "Roboto", sans-serif;
        color: #7F7F7F; }
  .b_sportstat-table.m_group .row .item {
    flex-shrink: 1;
    min-width: 60px; }
    .b_sportstat-table.m_group .row .item.m_icon img {
      margin: 0 5px 0 0; }
    .b_sportstat-table.m_group .row .item.m_name {
      padding-left: 5px; }
  .b_sportstat-table .row {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0;
    border-top: 1px solid #EAEAEA; }
    .b_sportstat-table .row-part {
      display: flex;
      flex-flow: row nowrap;
      align-items: center;
      width: 50%; }
      .b_sportstat-table .row-part:first-child {
        justify-content: flex-start; }
      .b_sportstat-table .row-part:last-child {
        justify-content: flex-end; }
    .b_sportstat-table .row.m_legend {
      border-top: none;
      margin-bottom: 10px; }
      .b_sportstat-table .row.m_legend .row-part:first-child .item:first-child {
        min-width: 65px; }
      .b_sportstat-table .row.m_legend .item {
        font: normal 13px/1.25 "Roboto", sans-serif;
        color: #7F7F7F; }
        .b_sportstat-table .row.m_legend .item.m_points {
          color: #B11116;
          margin-left: 15px; }
    .b_sportstat-table .row .item {
      font: normal 15px/1.25 "Roboto", sans-serif;
      color: #292929;
      flex-shrink: 0;
      text-align: center; }
      .b_sportstat-table .row .item.m_points {
        font-weight: bold;
        min-width: 50px;
        margin-left: 10px; }
      .b_sportstat-table .row .item.m_name {
        text-align: left; }
      .b_sportstat-table .row .item.m_icon img {
        display: inline-block;
        width: 30px;
        height: 30px;
        margin: 0 10px 0 5px; }

.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: 30px; }
  .b_sportstat-shedule .block .item {
    position: relative;
    display: block;
    border-top: 1px solid #EAEAEA;
    padding: 10px 0;
    font: normal 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-score {
      position: absolute;
      display: block;
      width: 100px;
      height: 15px;
      top: 0;
      right: 20px;
      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_404 {
  position: relative;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 50vh;
  margin-top: -50px; }
  .b_404-title {
    font: 700 100px/1.3 "Lora", serif;
    color: #292929; }
  .b_404-notice {
    font: 700 20px/1.3 "Lora", serif;
    color: #B11116; }

.b_newsbox_more {
  position: relative;
  width: 100%;
  padding: 0 20px; }
  .b_newsbox_more .wrapper {
    position: relative;
    padding: 10px 20px;
    background: #f5f5f5;
    font: 500 16px/18px "Lora", serif;
    color: #black; }
  .b_newsbox_more .title {
    margin-bottom: 10px;
    padding-bottom: 3px;
    border-bottom: 1px solid #505050; }
  .b_newsbox_more .item {
    display: block;
    position: relative;
    margin-bottom: 10px;
    color: #292929;
    font-weight: bold; }

.b_preloader {
  position: relative;
  width: 142px;
  height: 40px;
  margin: 80px auto 100px;
  padding: 10px 0 0;
  background: white;
  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: normal 24px/32px Roboto, sans-serif;
    color: #292929;
    letter-spacing: 0.05em; }

@keyframes dot {
  50% {
    transform: translateX(96px); } }

@keyframes dots {
  50% {
    transform: translateX(-31px); } }

.b_added_article {
  margin: 40px 0; }

.ad_native_block {
  width: 100%; }
  .ad_native_block .ad_native_wrapper {
    position: relative; }
    .ad_native_block .ad_native_wrapper .ad_native_sponsored {
      position: absolute;
      z-index: 10;
      top: 0px;
      left: 0;
      padding: 5px 10px;
      background: rgba(0, 0, 0, 0.3);
      font: normal 12px/12px Roboto;
      color: #fff;
      right: 0;
      text-align: center; }
    .ad_native_block .ad_native_wrapper .ad_native_content-wrapper {
      display: flex;
      flex-flow: column;
      align-items: flex-start;
      justify-content: flex-end;
      flex-direction: column; }
    .ad_native_block .ad_native_wrapper .ad_native_img {
      position: relative; }
      .ad_native_block .ad_native_wrapper .ad_native_img:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 50%;
        background: linear-gradient(to bottom, rgba(41, 41, 41, 0) 0%, #292929 100%); }
    .ad_native_block .ad_native_wrapper .ad_native_img__img {
      display: block;
      width: 100%; }
    .ad_native_block .ad_native_wrapper .ad_native_title_wrapper {
      position: relative;
      display: block;
      width: 100%;
      background: #292929;
      padding: 10px 40px 10px 20px; }
    .ad_native_block .ad_native_wrapper .ad_native_title {
      font: 700 20px/26px Lora, serif;
      color: #fff; }
    .ad_native_block .ad_native_wrapper .ad_native_desc {
      position: relative;
      display: block;
      width: 100%;
      padding: 0 40px 20px 20px;
      font: normal 14px/20px Roboto, sans-serif;
      color: #fff;
      background: #292929; }

.b_topnews {
  position: relative;
  z-index: 10;
  width: 100%;
  height: 70px;
  background: #292929;
  overflow: hidden;
  max-width: 600px;
  margin: auto; }
  .b_topnews-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%; }
    .b_topnews-wrapper:before, .b_topnews-wrapper:after {
      content: '';
      position: absolute;
      z-index: 20;
      top: 0;
      left: 0;
      bottom: 0;
      width: 30px;
      background-image: linear-gradient(to right, #292929, transparent); }
    .b_topnews-wrapper:after {
      left: auto;
      right: 0;
      transform: scale(-1, 1); }
  .b_topnews-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    height: calc(100% + 20px);
    padding: 0 0 20px 20px;
    overflow-x: scroll;
    overflow-y: hidden; }
    .b_topnews-content .item {
      position: relative;
      display: inline-flex;
      align-items: flex-start;
      justify-content: space-between;
      width: 260px;
      height: 70px;
      padding: 10px 0;
      margin-left: 10px;
      background: transparent;
      transition: all 0.3s ease; }
      .b_topnews-content .item:last-child {
        width: 280px; }
        .b_topnews-content .item:last-child .item-text {
          width: 220px; }
      .b_topnews-content .item-img {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 50px;
        height: 50px;
        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%; }
      .b_topnews-content .item-text {
        position: relative;
        display: inline-block;
        width: 200px;
        height: 50px;
        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: normal 12px/1.3 "Roboto", sans-serif;
          color: #7F7F7F; }
      .b_topnews-content .item:first-child {
        margin-left: 0; }

.b_footer {
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 600px;
  margin: 40px auto 0; }
  .b_footer-content {
    width: 100%;
    background: #f5f5f5;
    padding: 30px 20px; }
  .b_footer-hat {
    position: relative;
    display: flex;
    flex-flow: column;
    margin: auto; }
  .b_footer-nav {
    margin-bottom: 30px; }
    .b_footer-nav .item {
      display: inline-block;
      width: calc(50% - 20px);
      vertical-align: middle;
      font: 500 13px/13px "Roboto", sans-serif;
      color: #292929;
      padding: 5px 0;
      margin-bottom: 5px;
      margin-right: 20px;
      white-space: nowrap;
      transition: color 0.3s ease; }
      .b_footer-nav .item:nth-child(2n) {
        width: calc(50% - 20px);
        margin-left: 20px;
        margin-right: 0; }
      .b_footer-nav .item:hover {
        color: #B11116; }
  .b_footer-social {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px; }
    .b_footer-social .item {
      display: inline-block;
      vertical-align: middle;
      width: 24px;
      height: 24px;
      opacity: 1;
      transition: opacity 0.3s ease; }
      .b_footer-social .item.m_vk {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/vk_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_fb {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/fb_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_tw {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/tw_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_tg {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/tg_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_ok {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/ok_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_yt {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/yt_round.svg) no-repeat 50% 50%; }
      .b_footer-social .item.m_ig {
        background: url(https://static.gazeta.ru/nm2021/img/icons/ui/ig_round.svg) no-repeat 50% 50%; }
  .b_footer-info {
    position: relative;
    margin: auto;
    font: normal 13px/1.5 "Roboto", sans-serif;
    color: #292929; }
    .b_footer-info a {
      color: #B11116; }
    .b_footer-info div + div {
      margin-top: 30px; }
    .b_footer-info .partner_icon {
      display: inline-block;
      width: 90px;
      vertical-align: middle; }
    .b_footer-info .logoplace {
      position: relative;
      text-align: center; }
      .b_footer-info .logoplace .age {
        display: inline-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-license {
    color: #7F7F7F; }
    .b_footer-license a {
      color: inherit;
      text-decoration: underline; }
  .b_footer.m_offline {
    background-color: #292929;
    margin-top: 0; }
    .b_footer.m_offline .b_footer-info {
      color: #7F7F7F;
      text-align: center;
      padding-bottom: 24px; }

.b_partners_feed {
  position: relative;
  padding: 0 20px; }
  .b_partners_feed .title {
    position: relative;
    font: bold 18px/1.35 "Roboto", sans-serif;
    color: #292929;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EAEAEA; }
  .b_partners_feed .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-flow: row nowrap;
    margin-bottom: 15px; }
    .b_partners_feed .item img {
      display: inline-flex;
      width: 80px; }
    .b_partners_feed .item .text {
      position: relative;
      display: inline-flex;
      font: 500 16px/1.25 "Lora", serif;
      color: #292929;
      padding-left: 20px; }