@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;
  color: inherit;
  box-shadow: none; }

html body {
  font-size: 0;
  line-height: 0; }
  html body a {
    text-decoration: none; }

body {
  background: #E5F1FF; }
  body:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 300px;
    margin: auto;
    background: #1A2536; }

.c_square_btn {
  position: relative;
  display: inline-flex;
  padding: 10px 15px;
  background: #4C69DD;
  cursor: pointer;
  font: 400 14px/1.25 "Roboto", sans-serif;
  color: #fff;
  border-radius: 4px;
  transition: all 0.7s ease; }
  .c_square_btn:hover {
    background: #514980; }

.c_circle_btn {
  position: relative;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  overflow: hidden;
  cursor: pointer; }
  .c_circle_btn:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 64px;
    opacity: 1;
    background: url(https://static.gazeta.ru/nm2021/img/projects/doctors/purple_arrow_2x.svg) no-repeat 50% 50%; }
  .c_circle_btn span {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 64px;
    right: 0;
    opacity: 0;
    background: url(https://static.gazeta.ru/nm2021/img/projects/doctors/purple_arrow_2x.svg) no-repeat 50% 50%;
    transition: right 0.6s ease; }
  .c_circle_btn:hover:before {
    opacity: 0; }
  .c_circle_btn:hover span {
    opacity: 1;
    right: -32px; }

.b__header {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 35px 0 20px;
  /* background: $dark; */
  background: transparent; }
  .b__header-row {
    position: relative;
    width: 1200px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .b__header-row-item {
      display: flex;
      flex-flow: column; }
      .b__header-row-item .doc_logo {
        display: block;
        height: 70px; }
      .b__header-row-item .gazeta_logo {
        display: block;
        width: 100px; }
      .b__header-row-item p {
        text-align: right;
        font: 400 11px/1.35 "Roboto", sans-serif;
        color: #bfbfbf;
        margin-bottom: 5px; }

.b__center {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 535px;
  padding-bottom: 50px;
  background: #1A2536; }
  .b__center.m_interview {
    padding-bottom: 0;
    min-height: 535px;
    height: auto; }
  .b__center-plug {
    position: absolute;
    z-index: 1;
    width: 760px;
    height: 436px;
    top: 0;
    left: 50%;
    bottom: 60px;
    margin: auto 0 auto -160px;
    border-radius: 20px;
    background: #4C69DD; }
  .b__center-wave {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    background: url(https://static.gazeta.ru/nm2021/img/projects/doctors/lines_desk.svg) repeat-x 50% 0%;
    opacity: .2; }
  .b__center-content {
    position: relative;
    z-index: 3;
    width: 1100px;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center; }
    .b__center-content.m_interview {
      justify-content: left;
      align-items: flex-start;
      min-height: 535px; }
      .b__center-content.m_interview .b__center-content-textblock {
        width: 660px; }
        .b__center-content.m_interview .b__center-content-textblock .intro {
          padding-bottom: 40px; }
      .b__center-content.m_interview .b__center-content-person {
        position: absolute;
        /* top: -100px; */
        top: auto;
        bottom: 0;
        right: 60px;
        display: flex;
        align-items: flex-end;
        width: 450px;
        height: 677px; }
        .b__center-content.m_interview .b__center-content-person:before {
          display: none; }
    .b__center-content-textblock {
      position: relative;
      z-index: 4;
      width: 520px; }
      .b__center-content-textblock .title {
        font: 700 32px/1.3 "Noto Sans", sans-serif;
        color: #fff; }
      .b__center-content-textblock .subtitle, .b__center-content-textblock .intro {
        font: 400 18px/1.5 "Roboto", sans-serif;
        color: #fff; }
      .b__center-content-textblock .datetime {
        font: 400 14px/1.5 "Roboto", sans-serif;
        color: #7f7f7f; }
    .b__center-content-person {
      padding-left: 20px;
      position: relative;
      right: -50px; }
      .b__center-content-person:before {
        content: '';
        position: absolute;
        top: -200px;
        left: -170px;
        width: 600px;
        height: 600px;
        /* background: red; */
        background-image: radial-gradient(closest-side, #D464FC, transparent);
        opacity: .1;
        background-blend-mode: lighten; }
      .b__center-content-person .photo {
        display: block;
        width: 450px; }
    .b__center-content-info {
      position: absolute;
      z-index: 10;
      right: 0;
      bottom: 45px;
      padding: 15px;
      border-radius: 10px;
      max-width: 280px;
      background: rgba(255, 255, 255, 0.5);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px); }
      .b__center-content-info.m_interview {
        right: -15px;
        bottom: 0;
        border-radius: 20px 20px 0 0;
        width: 460px;
        max-width: none;
        background: rgba(71, 52, 184, 0.6);
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 30px 90px 40px 40px; }
        .b__center-content-info.m_interview .name, .b__center-content-info.m_interview .legend {
          color: #fff; }
        .b__center-content-info.m_interview .intro {
          width: 635px;
          font: 400 18px/1.5 "Roboto", sans-serif;
          color: #fff; }
          .b__center-content-info.m_interview .intro p + p {
            margin-top: 10px; }
        .b__center-content-info.m_interview .sign {
          width: 300px;
          text-align: right; }
      .b__center-content-info .name {
        font: 700 16px/1.25 "Roboto", sans-serif;
        color: #292929;
        margin-bottom: 5px; }
      .b__center-content-info .legend {
        font: 400 14px/1.25 "Roboto", sans-serif;
        color: #292929; }
    .b__center-content-balls {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 3; }
      .b__center-content-balls .item {
        position: absolute;
        border-radius: 50%;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px); }
        .b__center-content-balls .item:nth-child(1) {
          background: rgba(76, 105, 221, 0.7);
          top: 245px;
          left: 5px;
          width: 35px;
          height: 35px; }
        .b__center-content-balls .item:nth-child(2) {
          background: #e5f1ff20;
          top: 340px;
          left: 343px;
          width: 18px;
          height: 18px; }
        .b__center-content-balls .item:nth-child(3) {
          background: #fafcfe80;
          top: 102px;
          left: 560px;
          width: 38px;
          height: 38px; }
        .b__center-content-balls .item:nth-child(4) {
          background: rgba(240, 158, 158, 0.6);
          top: 365px;
          left: 595px;
          width: 43px;
          height: 43px; }
        .b__center-content-balls .item:nth-child(5) {
          background: rgba(230, 229, 255, 0.5);
          top: 180px;
          left: 620px;
          width: 115px;
          height: 115px; }
        .b__center-content-balls .item:nth-child(6) {
          background: rgba(230, 229, 255, 0.2);
          top: 170px;
          left: 990px;
          width: 65px;
          height: 65px; }

.b__main {
  position: relative;
  z-index: 5;
  width: 100%; }
  .b__main-blockdecor {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 255px;
    background: #1A2536; }
    .b__main-blockdecor.m_short {
      height: 160px; }
    .b__main-blockdecor.m_interview .hat:before {
      display: none; }
    .b__main-blockdecor .hat {
      position: absolute;
      width: 1170px;
      height: 100px;
      left: 0;
      right: 0;
      top: -9px;
      margin: auto;
      background: #4C69DD;
      border-radius: 20px; }
      .b__main-blockdecor .hat:before {
        content: '';
        position: absolute;
        z-index: -1;
        width: 1130px;
        height: 100px;
        left: 0;
        right: 0;
        top: -7px;
        margin: auto;
        background: #514980;
        border-radius: 20px; }
    .b__main-blockdecor.m_basement {
      top: auto;
      bottom: 0;
      background: transparent; }
      .b__main-blockdecor.m_basement .hat {
        top: auto;
        bottom: -9px; }
        .b__main-blockdecor.m_basement .hat:before {
          top: auto;
          bottom: -7px; }
  .b__main-content {
    position: relative;
    width: 1200px;
    min-height: 1000px;
    margin: auto;
    border-radius: 20px;
    background: #fff; }
    .b__main-content-flow {
      position: relative;
      width: 1100px;
      margin: auto;
      display: flex;
      flex-flow: column; }
      .b__main-content-flow.m_mainpage {
        top: -50px; }
      .b__main-content-flow.m_interview, .b__main-content-flow.m_article, .b__main-content-flow ._s_added_article {
        padding: 60px 0; }
        .b__main-content-flow.m_interview .b_main, .b__main-content-flow.m_article .b_main, .b__main-content-flow ._s_added_article .b_main {
          width: 1100px;
          margin: 0; }
        .b__main-content-flow.m_interview .i_gallery .mainarea, .b__main-content-flow.m_article .i_gallery .mainarea, .b__main-content-flow ._s_added_article .i_gallery .mainarea {
          border-radius: 10px;
          background: transparent; }
        .b__main-content-flow.m_interview .b_article-text, .b__main-content-flow.m_article .b_article-text, .b__main-content-flow ._s_added_article .b_article-text {
          margin: 0 0 0 0; }
          .b__main-content-flow.m_interview .b_article-text .idea, .b__main-content-flow.m_article .b_article-text .idea, .b__main-content-flow ._s_added_article .b_article-text .idea {
            border-left: 3px solid #4C69DD; }
          .b__main-content-flow.m_interview .b_article-text b, .b__main-content-flow.m_article .b_article-text b, .b__main-content-flow ._s_added_article .b_article-text b {
            color: #4C69DD; }
        .b__main-content-flow.m_interview h2, .b__main-content-flow.m_article h2, .b__main-content-flow ._s_added_article h2 {
          font-family: "Noto Sans", sans-serif; }
        .b__main-content-flow.m_interview .b_telegram_in_article, .b__main-content-flow.m_article .b_telegram_in_article, .b__main-content-flow ._s_added_article .b_telegram_in_article {
          margin: 0 !important; }
        .b__main-content-flow.m_interview .w_col4, .b__main-content-flow.m_article .w_col4, .b__main-content-flow ._s_added_article .w_col4 {
          width: 660px; }
        .b__main-content-flow.m_interview .b_article-header, .b__main-content-flow.m_interview .b_article-media, .b__main-content-flow.m_interview .b_article-intro, .b__main-content-flow.m_interview .sep, .b__main-content-flow.m_interview .b_telegram, .b__main-content-flow.m_article .b_article-header, .b__main-content-flow.m_article .b_article-media, .b__main-content-flow.m_article .b_article-intro, .b__main-content-flow.m_article .sep, .b__main-content-flow.m_article .b_telegram, .b__main-content-flow ._s_added_article .b_article-header, .b__main-content-flow ._s_added_article .b_article-media, .b__main-content-flow ._s_added_article .b_article-intro, .b__main-content-flow ._s_added_article .sep, .b__main-content-flow ._s_added_article .b_telegram {
          margin: 0; }
        .b__main-content-flow.m_interview .b_article-header .headline, .b__main-content-flow.m_article .b_article-header .headline, .b__main-content-flow ._s_added_article .b_article-header .headline {
          font-family: "Noto Sans", sans-serif; }
        .b__main-content-flow.m_interview .b_article-intro, .b__main-content-flow.m_article .b_article-intro, .b__main-content-flow ._s_added_article .b_article-intro {
          font-family: "Noto Sans", sans-serif; }
        .b__main-content-flow.m_interview .b_comment_btn, .b__main-content-flow.m_article .b_comment_btn, .b__main-content-flow ._s_added_article .b_comment_btn {
          position: relative;
          margin: 0px 0 20px 0;
          width: 660px;
          text-align: center; }
          .b__main-content-flow.m_interview .b_comment_btn.m_back, .b__main-content-flow.m_article .b_comment_btn.m_back, .b__main-content-flow ._s_added_article .b_comment_btn.m_back {
            text-align: left; }
      .b__main-content-flow ._s_added_article .b_main {
        width: 1100px; }
      .b__main-content-flow.m_article {
        margin-top: -50px; }
        .b__main-content-flow.m_article .row:first-child {
          z-index: 50; }
        .b__main-content-flow.m_article .b_article {
          width: 660px; }
          .b__main-content-flow.m_article .b_article-header, .b__main-content-flow.m_article .b_article-media, .b__main-content-flow.m_article .b_article-intro, .b__main-content-flow.m_article .b_article .sep, .b__main-content-flow.m_article .b_article .b_telegram {
            margin: 0; }
          .b__main-content-flow.m_article .b_article .b_telegram_in_article {
            margin: 0 !important; }
        .b__main-content-flow.m_article .b_telegram {
          margin: 0; }
        .b__main-content-flow.m_article .w_col4 {
          width: 660px; }
      .b__main-content-flow.m_stripe {
        margin-top: -50px;
        padding: 60px 0; }
        .b__main-content-flow.m_stripe .b_ear.m_interview:not(.m_fullfield) {
          background: #F4FAFF;
          border-radius: 10px;
          padding: 20px; }
        .b__main-content-flow.m_stripe .b_ear.m_doc_interview2 .b_ear-image:before {
          content: 'Интервью';
          position: absolute;
          z-index: 100;
          top: 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_billboardplace {
  position: relative;
  z-index: 1;
  width: 100%;
  background: #1A2536;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 110px; }

.row.m_center {
  justify-content: center; }

.w_col_14, .w_col_13, .w_col_12, .w_col_art, .w_col_stripe {
  display: inline-block;
  vertical-align: top; }

.w_col_stripe {
  width: 710px; }

.w_col_art {
  width: 660px; }

.w_col_14 {
  width: 245px; }

.w_col_13 {
  width: 340px; }

.w_col_12 {
  width: 530px; }

.b_main-title {
  font: 500 32px/1.3 "Noto Sans", sans-serif; }

.b_footer {
  max-width: 1100px;
  background: transparent; }
  .b_footer-content {
    background: transparent; }
  .b_footer-hat, .b_footer-info, .b_footer-license {
    width: 1100px; }

.b_showmorebtn-link {
  position: relative;
  display: block;
  padding: 10px 15px;
  background: #4C69DD;
  cursor: pointer;
  font: 400 14px/1.25 "Roboto", sans-serif;
  color: #fff;
  border-radius: 4px;
  transition: all 0.7s ease; }
  .b_showmorebtn-link:before, .b_showmorebtn-link:after {
    display: none; }
  .b_showmorebtn-link:hover {
    background: #514980; }

.b_ear-image {
  border-radius: 10px;
  margin-bottom: 15px; }

.b_ear-title {
  font: 500 16px/1.3 "Noto Sans", sans-serif; }

.b_ear.m_fullfield {
  background: transparent;
  border-radius: 10px;
  overflow: hidden; }
  .b_ear.m_fullfield .b_ear-time {
    position: relative;
    display: block;
    z-index: 1;
    top: 0;
    left: 0;
    color: #7F7F7F;
    margin-bottom: 10px; }
  .b_ear.m_fullfield:hover .b_ear-title {
    color: #fff; }
  .b_ear.m_fullfield:hover .b_ear-image img {
    transform: scale(1, 1); }
  .b_ear.m_fullfield:hover .b_ear-title, .b_ear.m_fullfield:hover .b_ear-intro {
    opacity: 1; }

.b_ear.m_squareimg .b_ear-image {
  width: 340px;
  height: 340px; }

.b_ear.m_simple .b_ear-title {
  font: 500 16px/1.3 "Noto Sans", sans-serif; }

.b_ear.m_techlisting {
  padding-top: 45px;
  border-top: 0;
  border-bottom: 1px solid #EAEAEA;
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 15px; }
  .b_ear.m_techlisting:first-child {
    border-top: 0 !important;
    margin-top: 15px !important;
    padding-top: 45px !important; }
  .b_ear.m_techlisting .b_ear-time {
    position: absolute;
    top: 15px; }
    .b_ear.m_techlisting .b_ear-time.m_fulldate {
      width: 200px; }
      .b_ear.m_techlisting .b_ear-time.m_fulldate .date {
        display: inline-block; }
  .b_ear.m_techlisting .b_ear-title {
    font-family: "Noto Sans", sans-serif; }

.b_ear:hover .b_ear-title {
  color: inherit; }

.b_ear:hover .b_ear-title, .b_ear:hover .b_ear-intro {
  opacity: 1; }

.b_ear:hover .b_ear-image img {
  transform: scale(1, 1); }

.b_ear.m_doc_interview {
  width: 525px;
  height: 160px;
  background: #514980;
  border-radius: 10px;
  padding-left: 165px;
  z-index: unset; }
  .b_ear.m_doc_interview:after {
    content: '';
    position: absolute;
    z-index: -1;
    bottom: 0px;
    left: 20px;
    right: 20px;
    height: 100px;
    box-shadow: 0 0 15px 2px #9FB6D0; }
  .b_ear.m_doc_interview .c_circle_btn {
    position: absolute;
    bottom: 20px;
    right: 20px; }
  .b_ear.m_doc_interview .b_ear-image {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 140px;
    margin-bottom: 0; }
    .b_ear.m_doc_interview .b_ear-image img {
      display: block;
      max-width: 100%; }
  .b_ear.m_doc_interview .b_ear-textblock {
    display: block;
    width: 320px;
    padding-top: 20px; }
  .b_ear.m_doc_interview .b_ear-title {
    font: 700 16px/1.3 "Noto Sans", sans-serif;
    color: #fff;
    margin-bottom: 8px; }
  .b_ear.m_doc_interview .b_ear-intro {
    display: block;
    width: 90%;
    font: 400 14px/1.2 "Noto Sans", sans-serif;
    color: #fff;
    opacity: .5; }
  .b_ear.m_doc_interview.m_aside {
    width: 300px;
    height: 300px;
    margin-top: 60px;
    background: #362C75; }
    .b_ear.m_doc_interview.m_aside .b_ear-image {
      left: 0;
      right: 0;
      top: -60px;
      width: auto;
      display: flex;
      align-items: flex-start; }
      .b_ear.m_doc_interview.m_aside .b_ear-image img {
        width: 50%; }
    .b_ear.m_doc_interview.m_aside .b_ear-textblock {
      position: absolute;
      z-index: 2;
      bottom: 0;
      left: 0;
      right: 0;
      width: auto;
      padding: 20px;
      background: #514980;
      border-radius: 0 0 10px 10px; }

.b_ear.m_doc_interview2 {
  width: 340px;
  background: #F4FAFF;
  border-radius: 10px;
  padding: 20px; }
  .b_ear.m_doc_interview2.m_large {
    width: 710px; }
    .b_ear.m_doc_interview2.m_large .b_ear-image {
      width: 670px;
      height: 448px; }
      .b_ear.m_doc_interview2.m_large .b_ear-image .inside-image {
        width: 300px;
        height: 200px;
        right: 20px;
        bottom: 20px; }
  .b_ear.m_doc_interview2 .b_ear-image {
    position: relative;
    width: 300px;
    height: 200px;
    overflow: hidden;
    margin-bottom: 15px;
    background-image: linear-gradient(135deg, #5b7470, #809797);
    border-radius: 10px; }
    .b_ear.m_doc_interview2 .b_ear-image img {
      display: block;
      width: 50%;
      position: absolute;
      left: 0;
      top: 0; }
    .b_ear.m_doc_interview2 .b_ear-image .plug {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: #6178d3;
      mix-blend-mode: soft-light; }
    .b_ear.m_doc_interview2 .b_ear-image .inside-image {
      position: absolute;
      right: 10px;
      bottom: 10px;
      width: 136px;
      height: 91px;
      border-radius: 7px;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center; }
      .b_ear.m_doc_interview2 .b_ear-image .inside-image img {
        display: block;
        width: 100%;
        height: 100%; }
  .b_ear.m_doc_interview2 .b_ear-title {
    font: 700 18px/1.3 "Noto Sans", sans-serif;
    color: #292929;
    margin-bottom: 10px; }
  .b_ear.m_doc_interview2 .b_ear-docname {
    display: block;
    font: 700 13px/1.2 "Roboto", sans-serif;
    color: #292929; }
  .b_ear.m_doc_interview2 .b_ear-intro {
    display: block;
    font: 400 13px/1.2 "Roboto", sans-serif;
    color: #9a9a9a; }

.b_ear.m_exclusive .b_ear-title:before {
  display: none !important; }

.b__aside_slider {
  position: relative;
  overflow: hidden;
  width: 100%; }
  .b__aside_slider-wrapper {
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    left: 0;
    transition: all 0.3s ease; }
  .b__aside_slider-item:first-child {
    margin-left: 0; }
  .b__aside_slider-item.m_doc_interview.m_aside {
    margin-left: 20px;
    flex-shrink: 0;
    height: 330px;
    padding: 0; }
    .b__aside_slider-item.m_doc_interview.m_aside:first-child {
      margin-left: 0; }
    .b__aside_slider-item.m_doc_interview.m_aside .b_ear-textblock {
      padding-bottom: 50px; }
  .b__aside_slider-rightarr {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    right: 15px;
    opacity: 1;
    transition: all 0.3s ease; }
    .b__aside_slider-rightarr.m_disabled {
      right: -40px;
      opacity: 0; }
  .b__aside_slider-leftarr {
    position: absolute;
    z-index: 10;
    bottom: 15px;
    left: 15px;
    opacity: 1;
    transform: scale(-1, 1);
    transition: all 0.3s ease; }
    .b__aside_slider-leftarr.m_disabled {
      left: -40px;
      opacity: 0; }